{"version":3,"file":"static/chunks/20120-ebd0187deafbaf10.js","mappings":"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","sources":["webpack://_N_E/./src/components/Term/Term.tsx","webpack://_N_E/./src/components/Term/index.ts","webpack://_N_E/./src/components/Controls/New.tsx","webpack://_N_E/./src/components/Controls/ControlWrapper.tsx","webpack://_N_E/./src/components/Controls/InlineToggleControl.tsx","webpack://_N_E/./src/components/Select/Select.tsx","webpack://_N_E/./src/components/Select/index.ts","webpack://_N_E/./src/components/Controls/SelectControl.tsx","webpack://_N_E/./src/components/Controls/SliderControl.tsx","webpack://_N_E/./src/components/Controls/ToggleButtonGroupControl.tsx","webpack://_N_E/./src/components/Controls/ValuePreview.tsx","webpack://_N_E/./src/components/Demo/DemoContext.ts","webpack://_N_E/./src/components/Demo/OutputWrapper.tsx","webpack://_N_E/./src/components/Demo/Demo.tsx","webpack://_N_E/./src/components/Demo/DemoSliderControl.tsx","webpack://_N_E/./src/components/RadioButton/RadioButton.tsx","webpack://_N_E/./src/components/RadioButton/index.ts","webpack://_N_E/./src/components/Controls/RadioControl.tsx","webpack://_N_E/./src/components/Demo/DemoRadioControl.tsx","webpack://_N_E/./src/components/Demo/DemoSelectControl.tsx","webpack://_N_E/./src/components/Demo/DemoInlineToggleControl.tsx","webpack://_N_E/./src/components/Demo/DemoToggleButtonGroupControl.tsx","webpack://_N_E/./src/components/Demo/index.ts","webpack://_N_E/./src/components/SleekToggleButtonGroup/SleekToggleButtonGroup.tsx","webpack://_N_E/./src/components/SleekToggleButtonGroup/index.ts","webpack://_N_E/./src/components/Slider/Slider.tsx","webpack://_N_E/./src/components/Slider/index.ts","webpack://_N_E/./src/components/Toggle/Toggle.tsx","webpack://_N_E/./src/components/Toggle/index.ts","webpack://_N_E/./src/components/Tooltip/index.ts","webpack://_N_E/./src/components/Controls/ControlWrapper.linaria.module.css","webpack://_N_E/./src/components/Controls/InlineToggleControl.linaria.module.css","webpack://_N_E/./src/components/Controls/New.linaria.module.css","webpack://_N_E/./src/components/Controls/RadioControl.linaria.module.css","webpack://_N_E/./src/components/Controls/ToggleButtonGroupControl.linaria.module.css","webpack://_N_E/./src/components/Controls/ValuePreview.linaria.module.css","webpack://_N_E/./src/components/Demo/Demo.linaria.module.css","webpack://_N_E/./src/components/Demo/OutputWrapper.linaria.module.css","webpack://_N_E/./src/components/RadioButton/RadioButton.linaria.module.css","webpack://_N_E/./src/components/Select/Select.linaria.module.css","webpack://_N_E/./src/components/SleekToggleButtonGroup/SleekToggleButtonGroup.linaria.module.css","webpack://_N_E/./src/components/Slider/Slider.linaria.module.css","webpack://_N_E/./src/components/Toggle/Toggle.linaria.module.css","webpack://_N_E/./node_modules/.pnpm/framer-motion@11.2.10_@emotion+is-prop-valid@1.2.2_react-dom@19.0.0-rc-f994737d14-20240522_re_rspwnyq3kijcns5bmq3lgusu6u/node_modules/framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs","webpack://_N_E/./node_modules/.pnpm/framer-motion@11.2.10_@emotion+is-prop-valid@1.2.2_react-dom@19.0.0-rc-f994737d14-20240522_re_rspwnyq3kijcns5bmq3lgusu6u/node_modules/framer-motion/dist/es/projection/node/group.mjs","webpack://_N_E/./node_modules/.pnpm/framer-motion@11.2.10_@emotion+is-prop-valid@1.2.2_react-dom@19.0.0-rc-f994737d14-20240522_re_rspwnyq3kijcns5bmq3lgusu6u/node_modules/framer-motion/dist/es/components/LayoutGroup/index.mjs","webpack://_N_E/./node_modules/.pnpm/framer-motion@11.2.10_@emotion+is-prop-valid@1.2.2_react-dom@19.0.0-rc-f994737d14-20240522_re_rspwnyq3kijcns5bmq3lgusu6u/node_modules/framer-motion/dist/es/utils/use-force-update.mjs","webpack://_N_E/./node_modules/.pnpm/framer-motion@11.2.10_@emotion+is-prop-valid@1.2.2_react-dom@19.0.0-rc-f994737d14-20240522_re_rspwnyq3kijcns5bmq3lgusu6u/node_modules/framer-motion/dist/es/utils/use-is-mounted.mjs"],"sourcesContent":["import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { BREAKPOINTS } from '@/constants';\n\nimport Tooltip from '@/components/Tooltip';\nimport {\n  InfoAside,\n  SuccessAside,\n  WarningAside,\n} from '@/components/Aside/Aside';\n\ninterface Props {\n  definition: string;\n  children: React.ReactNode;\n}\n\nconst Term = ({ definition, children }: Props) => {\n  return (\n    <Tooltip\n      content={<ContentWrapper>{definition}</ContentWrapper>}\n      direction=\"n\"\n    >\n      <Wrapper>\n        {children}\n        <Trigger>?</Trigger>\n      </Wrapper>\n    </Tooltip>\n  );\n};\n\nconst Wrapper = styled.span`\n  display: inline-block;\n  cursor: help;\n  padding-right: 2px;\n\n  /* On iOS, bafflingly, the asterisk can only be tapped once. After that, it keeps trying to select it, and then opening the iOS selection tooltip in front of ours. Solve this by making the asterisk unselectable on smaller windows. */\n  @media ${BREAKPOINTS.mdAndSmaller} {\n    user-select: none;\n  }\n`;\n\nconst Trigger = styled.span`\n  display: inline-block;\n  font-size: 0.65em;\n  font-weight: var(--font-weight-bold);\n  color: var(--color-secondary);\n  transform: translate(10%, -30%);\n\n  /*\n    When definitions are used within asides, we want to overwrite the colors. Honestly there's not a lot of method to the madness here, I'm just picking colors that look best across light/dark.\n  */\n  html[data-color-mode='light'] ${InfoAside} & {\n    color: var(--color-primary);\n  }\n  html[data-color-mode='light'] ${SuccessAside} & {\n    color: var(--color-success-500);\n    /* Same color, but brighter / richer */\n    color: oklch(0.52 0.22 146.29);\n  }\n  html[data-color-mode='dark'] ${InfoAside} & {\n    color: var(--color-info-700);\n  }\n  html[data-color-mode='dark'] ${SuccessAside} &,\n  html[data-color-mode='dark'] ${WarningAside} & {\n    color: var(--color-primary);\n  }\n`;\n\nconst ContentWrapper = styled.span`\n  --color-primary: black;\n  display: block;\n  font-size: 1rem;\n  line-height: 1.5;\n`;\n\nexport default Term;\n","export { default } from './Term';\n","import React from 'react';\nimport { styled } from '@linaria/react';\n\nfunction New(props: React.HTMLAttributes<HTMLElement>) {\n  return <Wrapper {...props}>New</Wrapper>;\n}\n\nconst Wrapper = styled.sup`\n  display: inline-block;\n  font-size: 0.6em;\n  transform: translateY(-0.3em);\n  color: hsl(276deg 70% 75%);\n  text-transform: uppercase;\n  font-weight: var(--font-weight-bold);\n`;\n\nexport default New;\n","import React from 'react';\nimport { styled } from '@linaria/react';\nimport Term from '@/components/Term';\nimport New from './New';\n\nexport interface Props {\n  id: string;\n  label: string;\n  labelAs?: 'label' | 'span';\n  definition?: string;\n  gridArea?: string;\n  cornerContents?: React.ReactNode;\n  inline?: boolean;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n  isNew?: boolean;\n  children?: React.ReactNode;\n}\n\nfunction ControlWrapper({\n  id,\n  label,\n  labelAs = 'label',\n  definition,\n  // TypeScript is unhappy if we pass `undefined` to a CSS variable\n  gridArea = '',\n  cornerContents,\n  inline,\n  style = {},\n  disabled,\n  isNew,\n  children,\n}: Props) {\n  const Wrapper = inline ? InlineWrapper : StackedWrapper;\n\n  return (\n    <Wrapper style={{ '--grid-area': gridArea, ...style }}>\n      <Header style={{ opacity: disabled ? 0.65 : 1 }}>\n        <Label\n          as={labelAs}\n          htmlFor={labelAs === 'label' ? id : undefined}\n        >\n          {definition ? (\n            <Term definition={definition}>{label}</Term>\n          ) : (\n            label\n          )}\n          :{isNew && <New style={{ transform: 'translateX(3px)' }} />}\n        </Label>\n        {/*\n          Some controls, like SliderControl, will add the current\n          value in this corner. Others, like ToggleControl, will\n          put the actual control here.\n        */}\n        {cornerContents}\n      </Header>\n      <ChildWrapper style={{ flex: inline ? 1 : undefined }}>\n        {children}\n      </ChildWrapper>\n    </Wrapper>\n  );\n}\n\nconst StackedWrapper = styled.div`\n  grid-area: var(--grid-area);\n  font-size: 1rem;\n`;\n\nconst InlineWrapper = styled(StackedWrapper)`\n  display: flex;\n  align-items: baseline;\n  gap: 16px;\n`;\n\nconst Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  margin-bottom: 4px;\n`;\n\nconst Label = styled.label`\n  font-weight: var(--font-weight-medium);\n  user-select: none;\n`;\n\nconst ChildWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 1.625rem;\n`;\n\nexport default ControlWrapper;\n","// Like `ToggleControl`, but the toggle is prefixing the label.\nimport React from 'react';\nimport { styled } from '@linaria/react';\n\nimport Toggle, { Props as ToggleProps } from '@/components/Toggle';\n\nexport interface Props\n  extends Omit<ToggleProps, 'handleToggle' | 'active'> {\n  id: string;\n  label: string;\n  value: boolean;\n  setValue: (value: boolean) => void;\n  gridArea?: string;\n}\n\nfunction InlineToggleControl({\n  id,\n  label,\n  value,\n  setValue,\n  gridArea = '',\n  ...delegated\n}: Props) {\n  return (\n    <Wrapper style={{ '--grid-area': gridArea }}>\n      <Toggle\n        id={id}\n        active={value}\n        handleToggle={() => {\n          setValue(!value);\n        }}\n        {...delegated}\n      />\n      <Label htmlFor={id}>{label}</Label>\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  gap: 16px;\n`;\n\nconst Label = styled.label`\n  font-weight: var(--font-weight-medium);\n  user-select: none;\n  font-size: 1rem;\n`;\n\nexport default InlineToggleControl;\n","import React from 'react';\nimport { styled } from '@linaria/react';\nimport { ChevronDown } from 'lucide-react';\n\nexport interface Props {\n  id: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n  children: React.ReactElement | Array<React.ReactElement>;\n}\n\nfunction Select({\n  id,\n  value,\n  onChange,\n  children,\n  ...delegated\n}: Props) {\n  const displayedValue = getDisplayedValue(value, children);\n\n  return (\n    <Wrapper>\n      <NativeSelect id={id} value={value} onChange={onChange}>\n        {children}\n      </NativeSelect>\n      <PresentationalBit {...delegated}>\n        {displayedValue}\n        <IconWrapper style={{ '--size': 24 + 'px' }}>\n          <ChevronDown size={24} />\n        </IconWrapper>\n      </PresentationalBit>\n    </Wrapper>\n  );\n}\n\nexport function getDisplayedValue(\n  value: string,\n  children: React.ReactElement | Array<React.ReactElement>\n) {\n  const childArray = Array.isArray(children) ? children : [children];\n  const selectedChild = childArray.find((child) => {\n    return child.props.value === value;\n  });\n\n  if (!selectedChild) {\n    throw new Error(\n      `Could not find selected child with value: ${value}`\n    );\n  }\n\n  return selectedChild.props.children;\n}\n\nconst Wrapper = styled.div`\n  position: relative;\n`;\n\nconst NativeSelect = styled.select`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  font-size: 1rem;\n  cursor: pointer;\n  -webkit-appearance: none;\n`;\n\nconst PresentationalBit = styled.div`\n  color: var(--color-gray-900);\n  background-color: var(--color-gray-100);\n  font-size: ${16 / 16}rem;\n  padding: 8px 12px;\n  padding-right: 52px;\n  border-radius: 8px;\n  outline-offset: 2px;\n\n  ${NativeSelect}:focus:not(:focus-visible) + & {\n    outline: none;\n  }\n\n  ${NativeSelect}:focus-visible + & {\n    outline: 1px dotted #212121;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ${NativeSelect}:hover + & {\n    color: var(--color-text);\n    background-color: var(--color-gray-200);\n  }\n`;\n\nconst IconWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 10px;\n  margin: auto;\n  width: var(--size);\n  height: var(--size);\n  pointer-events: none;\n`;\n\nexport default Select;\n","export { default } from './Select';\nexport type { Props } from './Select';\n","import React from 'react';\n\nimport Select, { Props as SelectProps } from '@/components/Select';\n\nimport ControlWrapper from './ControlWrapper';\n\nexport interface Props extends SelectProps {\n  id: string;\n  label: string;\n  value: string;\n  setValue: (value: string) => void;\n  options?: Array<string | { label: string; value: string }>;\n  inline?: boolean;\n  gridArea?: string;\n  wrapperStyle?: React.CSSProperties;\n  isNew?: boolean;\n}\n\nfunction SelectControl({\n  id,\n  label,\n  value,\n  setValue,\n  options = [],\n  inline,\n  gridArea,\n  wrapperStyle,\n  isNew,\n  ...delegated\n}: Props) {\n  // Options can either be an array of strings, or an array of\n  // objects in the shape { label: str, value: str }\n  //\n  // Update it to be consistent.\n  const formattedOptions = options.map((opt) => {\n    if (typeof opt === 'object') {\n      return opt;\n    }\n\n    return {\n      label: opt,\n      value: opt,\n    };\n  });\n\n  return (\n    <ControlWrapper\n      id={id}\n      label={label}\n      gridArea={gridArea}\n      inline={inline}\n      isNew={isNew}\n      style={wrapperStyle}\n    >\n      <Select\n        {...delegated}\n        id={id}\n        value={value}\n        onChange={(ev) => setValue(ev.currentTarget.value)}\n      >\n        {formattedOptions.map(({ label, value }) => (\n          <option key={value} value={value}>\n            {label}\n          </option>\n        ))}\n      </Select>\n    </ControlWrapper>\n  );\n}\n\nexport default SelectControl;\n","import React from 'react';\n\nimport Slider, { Props as SliderProps } from '@/components/Slider';\n\nimport ControlWrapper from './ControlWrapper';\nimport ValuePreview from './ValuePreview';\n\nexport interface Props extends SliderProps {\n  id: string;\n  label: string;\n  value: number;\n  setValue: (value: number) => void;\n  definition?: string;\n  previewRenderer?: (value: string | number) => React.ReactNode;\n  gridArea?: string;\n  wrapperStyle?: React.CSSProperties;\n  disabled?: boolean;\n  onChange?: (value: number) => void;\n}\n\nfunction SliderControl({\n  id,\n  label,\n  value,\n  setValue,\n  definition,\n  previewRenderer,\n  gridArea,\n  wrapperStyle,\n  disabled,\n  onChange,\n  ...delegated\n}: Props) {\n  return (\n    <ControlWrapper\n      id={id}\n      label={label}\n      definition={definition}\n      gridArea={gridArea}\n      style={wrapperStyle}\n      disabled={disabled}\n      cornerContents={\n        <ValuePreview value={value} renderer={previewRenderer} />\n      }\n    >\n      <Slider\n        id={id}\n        value={value}\n        disabled={disabled}\n        {...delegated}\n        onChange={(val) => {\n          setValue(val);\n\n          if (typeof onChange === 'function') {\n            onChange(val);\n          }\n        }}\n      />\n    </ControlWrapper>\n  );\n}\n\nexport default SliderControl;\n","import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport SleekToggleButtonGroup, {\n  Props as SleekToggleButtonGroupProps,\n} from '@/components/SleekToggleButtonGroup';\n\nexport interface Props\n  extends Omit<SleekToggleButtonGroupProps, 'handleSelect'> {\n  id: string;\n  value: string;\n  setValue: React.Dispatch<React.SetStateAction<string>>;\n  label: string;\n  inline?: boolean;\n  inlineMinWidth?: number;\n}\n\nfunction ToggleButtonGroupControl({\n  id,\n  value,\n  setValue,\n  label,\n  inline,\n  ...delegated\n}: Props) {\n  const Wrapper = inline ? InlineWrapper : StackedWrapper;\n\n  return (\n    <Wrapper>\n      {label && <Label>{label}:</Label>}\n      <SleekToggleButtonGroup\n        id={id}\n        value={value}\n        {...delegated}\n        handleSelect={setValue}\n      />\n    </Wrapper>\n  );\n}\n\nconst StackedWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst InlineWrapper = styled(StackedWrapper)`\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 0px 20px;\n  /* Trigger the wrap before they're all the way at the end: */\n  padding-inline: 32px;\n`;\n\nconst Label = styled.span`\n  font-size: 1rem;\n  font-weight: var(--font-weight-bold);\n`;\n\nexport default ToggleButtonGroupControl;\n","import React from 'react';\nimport { styled } from '@linaria/react';\n\ninterface Props {\n  value: string | number;\n  renderer?: (value: string | number) => React.ReactNode;\n}\n\nfunction ValuePreview({ value, renderer }: Props) {\n  return (\n    <Wrapper>\n      {typeof renderer === 'function' ? renderer(value) : value}\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.span`\n  font-size: 0.875rem;\n  color: var(--color-gray-800);\n`;\n\nexport default ValuePreview;\n","'use client';\n\nimport React from 'react';\n\nexport interface DemoContextType {\n  id: string;\n  state: Record<string, any>;\n  setState: React.Dispatch<React.SetStateAction<Record<string, any>>>;\n}\n\nconst DemoContext = React.createContext<DemoContextType>({\n  id: '',\n  state: {},\n  setState: () => {},\n});\n\nexport function useDemoContext() {\n  const context = React.useContext(DemoContext);\n\n  if (!context) {\n    throw new Error(\n      'ControlContainer must be used within a DemoContext provider'\n    );\n  }\n\n  return context;\n}\n\nexport default DemoContext;\n","'use client';\n\nimport { styled } from '@linaria/react';\nimport { motion } from 'framer-motion';\n\nimport ColorModeContainer from '@/components/ColorModeContainer';\n\nexport interface Props {\n  padding?: number | string;\n  style?: React.CSSProperties;\n  resizable?: boolean;\n  layout?: boolean;\n  children: React.ReactNode;\n}\n\nfunction OutputWrapper({\n  padding = 32,\n  style = {},\n  resizable,\n  children,\n  layout = true,\n  ...delegated\n}: Props) {\n  const formattedOutputPadding =\n    typeof padding === 'number' ? `${padding}px` : padding;\n\n  return (\n    <ColorModeContainer colorMode=\"light\">\n      <Wrapper\n        layout={layout}\n        style={{\n          '--padding': formattedOutputPadding,\n          resize: resizable ? 'both' : undefined,\n          overflow: resizable ? 'auto' : 'hidden',\n          ...style,\n        }}\n        {...delegated}\n      >\n        {children}\n      </Wrapper>\n    </ColorModeContainer>\n  );\n}\n\nconst Wrapper = styled(motion.div)`\n  position: relative;\n  min-height: 200px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--padding);\n  text-align: center;\n  overflow: hidden;\n  border-radius: 4px;\n`;\n\nexport default OutputWrapper;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { BREAKPOINTS, DARK_COLORS } from '@/constants';\n\nimport {\n  BaseWrapper as BaseAside,\n  InfoAside,\n  SuccessAside,\n  WarningAside,\n} from '@/components/Aside';\nimport ColorModeContainer from '@/components/ColorModeContainer';\n\nimport DemoContext from './DemoContext';\nimport DefaultOutputWrapper, {\n  Props as DefaultOutputWrapperProps,\n} from './OutputWrapper';\n\ntype ChildrenRenderProp = (\n  state: Record<string, any>\n) => React.ReactNode;\n\ntype ControlsRenderProp = (\n  state: Record<string, any>,\n  setValue: (key: string, value: any) => void\n) => React.ReactNode;\ntype Controls = React.ReactNode | ControlsRenderProp;\n\ntype DivWithoutChildren = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'children'\n>;\n\nexport interface Props extends DivWithoutChildren {\n  id?: string;\n  initialValues: Record<string, any>;\n  controls?: Controls;\n  children: ChildrenRenderProp;\n  controlPosition?: 'top' | 'bottom';\n  controlStyles?: React.CSSProperties;\n  // DEPRECATED. Use `controlStyles` instead.\n  // Remove once I've finished migration\n  customGrid?: {\n    gridTemplateColumns: string;\n  };\n  resizable?: boolean;\n  outputWrapper?: React.ComponentType<any> | null;\n  outputWrapperProps?: Partial<DefaultOutputWrapperProps>;\n\n  // `renderAfter` allows us to put some stuff after the entire demo unit. Typically this is used when the next paragraph of a blog post depends on some of the demo unit’s state.\n  renderAfter?: (state: Record<string, any>) => React.ReactNode;\n  // Sometimes, I want to render a second row of controls on the opposite side. For example, if my primary controls are at the bottom, I might want to render a slider on top. This is essentially a slot that sits outside the \"canvas\" but still within the demo unit.\n  renderAltControls?: (state: Record<string, any>) => React.ReactNode;\n  ref?: React.MutableRefObject<HTMLDivElement | null>;\n}\n\nfunction Demo({\n  id,\n  initialValues,\n  controls,\n  controlPosition = 'bottom',\n  children,\n  resizable,\n  outputWrapper: OutputWrapper = DefaultOutputWrapper,\n  outputWrapperProps,\n  renderAfter,\n  renderAltControls,\n  ref,\n  // `customGrid` is a way for us to specify the # of columns on desktop. I had intended to replace it with `controlStyles`, but it gets complicated when thinking about desktop vs mobile.\n  // So, for now:\n  // • `customGrid` is used exclusively to set the # of columns\n  //   on desktop\n  // • `controlStyles` is used for any other CSS, on desktop +\n  //   mobile\n  customGrid = { gridTemplateColumns: '1fr 1fr' },\n  controlStyles = {},\n  ...delegated\n}: Props) {\n  const defaultId = React.useId();\n  const appliedId = id ?? defaultId;\n\n  const [state, setState] = React.useState(initialValues);\n\n  const { gridTemplateColumns } = customGrid;\n\n  const contextValue = React.useMemo(\n    () => ({\n      id: appliedId,\n      state,\n      setState,\n    }),\n    [appliedId, state, setState]\n  );\n\n  const controlElem = controls && (\n    <Controls\n      style={{\n        '--template-cols': gridTemplateColumns,\n        ...controlStyles,\n      }}\n    >\n      {/*\n        The proper way to use this is for `children` to be\n        an array; they'll get the state/setters from\n        context. But, to make migration from the legacy\n        demo easier, I'll also invoke a `controls` function\n        with this stuff, like the old Demo component did.\n\n        Used in post-helpers/3d-button/ButtonGradient\n      */}\n      {typeof controls === 'function'\n        ? controls(state, (key, value) =>\n            setState((s) => ({\n              ...s,\n              [key]: value,\n            }))\n          )\n        : controls}\n    </Controls>\n  );\n\n  return (\n    <DemoContext.Provider value={contextValue}>\n      <OuterWrapper\n        colorMode=\"dark\"\n        data-demo-unit=\"true\"\n        data-control-position={controlPosition}\n      >\n        <Wrapper ref={ref} {...delegated}>\n          {controls && controlPosition === 'top' && controlElem}\n          {renderAltControls &&\n            controlPosition === 'bottom' &&\n            renderAltControls(state)}\n\n          {OutputWrapper ? (\n            <OutputWrapper\n              resizable={resizable}\n              {...outputWrapperProps}\n            >\n              {children(state)}\n            </OutputWrapper>\n          ) : (\n            children(state)\n          )}\n\n          {controls && controlPosition === 'bottom' && controlElem}\n          {renderAltControls &&\n            controlPosition === 'top' &&\n            renderAltControls(state)}\n        </Wrapper>\n      </OuterWrapper>\n      {typeof renderAfter === 'function' && renderAfter(state)}\n    </DemoContext.Provider>\n  );\n}\n\nconst OuterWrapper = styled(ColorModeContainer)`\n  --color-background: ${DARK_COLORS['--syntax-bg']};\n  margin-top: 8px;\n  margin-inline: calc(var(--viewport-padding) * -1);\n  margin-bottom: 48px;\n  padding: var(--viewport-padding);\n  background: var(--color-background);\n  isolation: isolate;\n  max-width: 100vw;\n  border-radius: 6px;\n  outline: 1px solid var(--color-content-outline);\n  outline-offset: -1px;\n\n  /*\n    On smaller screens in Light Mode, we don't want any border radius. It looks a bit funny, since the dark demo rounds up against the darker screen bezel.\n  */\n  @media ${BREAKPOINTS.mdAndSmaller} {\n    html[data-color-mode='light'] & {\n      border-radius: 0px;\n    }\n  }\n\n  &[data-control-position='top'] {\n    /*\n      On desktop, when the controls are on top, there's too much space. Shrink it from 32px to 24px for optical alignment.\n      On mobile, when --viewport-padding shrinks to 16px, we actually benefit from MORE space.\n    */\n    padding-top: 24px;\n  }\n\n  ${BaseAside} && {\n    outline: none;\n\n    @media ${BREAKPOINTS.mdAndSmaller} {\n      border-radius: 0;\n      /*\n        We don't want the demo to overflow. Normally, I'd set 'max-width: 100%', but that's complicated here by the negative-margin viewport-padding stuff. So we'll use vw.\n      */\n      max-width: 100vw;\n    }\n  }\n\n  /* Mobile/Tablet styles for Demo inside <Aside> */\n  @media ${BREAKPOINTS.mdAndSmaller} {\n    ${BaseAside} && {\n      margin-left: calc(\n        var(--viewport-padding) * -1 + var(--aside-border-width)\n      );\n      margin-right: calc(var(--viewport-padding) * -1);\n      padding: var(--viewport-padding);\n      padding-left: calc(\n        var(--viewport-padding) - var(--aside-border-width)\n      );\n    }\n  }\n\n  /* Desktop styles for Demo inside <Aside> */\n  @media ${BREAKPOINTS.mdAndLarger} {\n    ${BaseAside} && {\n      margin-inline: calc(var(--viewport-padding) * -0.5);\n      padding: calc(var(--viewport-padding) * 0.5);\n    }\n  }\n\n  ${InfoAside} & {\n    /* Replace the dark grey with a dark amber */\n    --color-background: ${DARK_COLORS['--color-info-200']} !important;\n  }\n  ${WarningAside} & {\n    --color-background: ${DARK_COLORS[\n      '--color-warning-200'\n    ]} !important;\n  }\n  ${SuccessAside} & {\n    --color-background: ${DARK_COLORS[\n      '--color-success-200'\n    ]} !important;\n  }\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  border-radius: 8px;\n`;\n\nconst Controls = styled.div`\n  display: grid;\n  gap: 16px;\n\n  @media ${BREAKPOINTS.mdAndLarger} {\n    gap: 32px;\n    grid-template-columns: var(--template-cols);\n  }\n`;\n\nexport default Demo;\n","'use client';\nimport SliderControl, {\n  Props as BaseSliderControlProps,\n} from '@/components/Controls/SliderControl';\n\nimport { useDemoContext } from './DemoContext';\n\ntype SliderControlProps = Omit<\n  BaseSliderControlProps,\n  'value' | 'setValue'\n>;\n\nfunction DemoSliderControl({ id, ...props }: SliderControlProps) {\n  const context = useDemoContext();\n\n  const { id: demoUnitId, state, setState } = context;\n  const value = state[id];\n  const htmlId = `${demoUnitId}_${id}`;\n\n  return (\n    <SliderControl\n      {...props}\n      id={htmlId}\n      value={value}\n      setValue={(newValue: any) => {\n        setState((state) => ({\n          ...state,\n          [id]: newValue,\n        }));\n      }}\n    />\n  );\n}\n\nexport default DemoSliderControl;\n","'use client';\n\nimport * as React from 'react';\nimport { styled } from '@linaria/react';\nimport { useSpring, animated } from 'react-spring';\n\nimport { THUMB_FOCUS_GRADIENT } from '@/constants';\nimport useSound from '@/hooks/use-sound';\n\ninterface Props extends React.HTMLAttributes<HTMLInputElement> {\n  id?: string;\n  name: string;\n  size?: number;\n  checked: boolean;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  wrapperStyle?: React.CSSProperties;\n  children?: React.ReactNode;\n}\n\nfunction RadioButton({\n  id: providedId,\n  size = 20,\n  checked,\n  onChange,\n  children,\n  wrapperStyle = {},\n  ...delegated\n}: Props) {\n  const generatedId = React.useId();\n  const id = providedId || generatedId;\n\n  const [active, setActive] = React.useState(false);\n\n  const [playActive] = useSound('/sounds/pop-down.mp3', {\n    volume: 0.25,\n  });\n  const [playOn] = useSound('/sounds/pop-up-on.mp3', {\n    volume: 0.25,\n  });\n  const [playOff] = useSound('/sounds/pop-up-off.mp3', {\n    volume: 0.25,\n  });\n\n  // The outline shrinks while the mouse is pressed. We want to shrink it by 2px, regardless of `size`.\n  const shrinkRatio = size / (size + 2);\n  const outlineSpring = useSpring({\n    transform: `scale(${active ? shrinkRatio : 1})`,\n    config: {\n      tension: 400,\n      friction: 10,\n      clamp: active,\n    },\n  });\n\n  const fillSpring = useSpring({\n    transform: `scale(${checked ? 1 : 0})`,\n    config: {\n      tension: 400,\n      friction: checked ? 20 : 60,\n      clamp: !checked,\n    },\n  });\n\n  return (\n    <Wrapper\n      htmlFor={id}\n      style={wrapperStyle}\n      onMouseDown={() => {\n        setActive(true);\n        playActive();\n      }}\n      onMouseUp={() => {\n        setActive(false);\n\n        if (checked) {\n          playOff();\n        } else {\n          playOn();\n        }\n      }}\n      onMouseLeave={() => {\n        setActive(false);\n      }}\n    >\n      <RadioWrapper style={{ width: size, height: size }}>\n        <Outline style={outlineSpring} />\n        <Fill\n          style={{\n            ...fillSpring,\n            opacity: checked ? 1 : 0,\n            '--opacity-transition-duration': checked\n              ? '250ms'\n              : '500ms',\n          }}\n        />\n        <RealInput\n          type=\"radio\"\n          id={id}\n          checked={checked}\n          onChange={onChange}\n          {...delegated}\n        />\n      </RadioWrapper>\n\n      {children}\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled.label`\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 1rem;\n`;\n\nconst RealInput = styled.input`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  appearance: none;\n  cursor: pointer;\n`;\n\nconst RadioWrapper = styled.div`\n  position: relative;\n  padding: 4px;\n`;\n\nconst Outline = styled(animated.div)`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 1000px;\n  border: 2px solid var(--color-gray-700);\n  will-change: transform;\n`;\n\nconst Fill = styled(animated.div)`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: 1000px;\n  background: hsl(50deg 100% 50%);\n  background: oklch(0.9 0.21 97.45);\n  transition: opacity var(--opacity-transition-duration);\n  will-change: transform;\n`;\n\nexport default RadioButton;\n","export { default } from './RadioButton';\n","import React from 'react';\nimport { styled } from '@linaria/react';\n\nimport RadioButton from '@/components/RadioButton';\n\nimport ControlWrapper from './ControlWrapper';\n\nexport interface Props {\n  id: string;\n  label: string;\n  value: string;\n  setValue: (value: string) => void;\n  options?: Array<string | { label: string; value: string }>;\n  inline?: boolean;\n  gridArea?: string;\n  wrapperStyle?: React.CSSProperties;\n  onChange?: (value: string) => void;\n}\n\nfunction RadioControl({\n  id,\n  label,\n  value,\n  setValue,\n  options = [],\n  inline,\n  gridArea,\n  wrapperStyle,\n  onChange,\n}: Props) {\n  const formattedOptions = options.map((opt) => {\n    if (typeof opt === 'object') {\n      return opt;\n    }\n\n    return {\n      label: opt,\n      value: opt,\n    };\n  });\n\n  return (\n    <ControlWrapper\n      id={id}\n      label={label}\n      labelAs=\"span\"\n      gridArea={gridArea}\n      inline={inline}\n      style={wrapperStyle}\n    >\n      <Options>\n        {formattedOptions.map((option) => (\n          <RadioButton\n            key={option.value}\n            name={`radio-group-${id}`}\n            size={18}\n            checked={value === option.value}\n            onChange={() => {\n              setValue(option.value);\n\n              if (typeof onChange === 'function') {\n                onChange(option.value);\n              }\n            }}\n            // We want 32px of gap between options. 16px will come from the `gap` property, and 16px from padding. I'm doing this so that clicking kinda near the option will still select it.\n            wrapperStyle={{ paddingRight: 16 }}\n          >\n            {option.label}\n          </RadioButton>\n        ))}\n      </Options>\n    </ControlWrapper>\n  );\n}\n\nconst Options = styled.div`\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  width: fit-content;\n  gap: 16px;\n  font-size: 0.875rem;\n  white-space: nowrap;\n\n  &:has(:focus-visible) {\n    outline: 2px auto var(--color-text);\n    outline-offset: 6px;\n  }\n`;\n\nexport default RadioControl;\n","import RadioControl, {\n  Props as BaseRadioControlProps,\n} from '@/components/Controls/RadioControl';\n\nimport { useDemoContext } from './DemoContext';\n\ntype RadioControlProps = Omit<\n  BaseRadioControlProps,\n  'value' | 'setValue'\n>;\n\nfunction DemoRadioControl({ id, ...props }: RadioControlProps) {\n  const context = useDemoContext();\n\n  const { id: demoUnitId, state, setState } = context;\n  const value = state[id];\n  const htmlId = `${demoUnitId}_${id}`;\n\n  return (\n    <RadioControl\n      {...props}\n      id={htmlId}\n      value={value}\n      setValue={(newValue: any) => {\n        setState((state) => ({\n          ...state,\n          [id]: newValue,\n        }));\n      }}\n    />\n  );\n}\n\nexport default DemoRadioControl;\n","'use client';\n\nimport SelectControl, {\n  Props as BaseSelectControlProps,\n} from '@/components/Controls/SelectControl';\n\nimport { useDemoContext } from './DemoContext';\n\ntype SliderControlProps = Omit<\n  BaseSelectControlProps,\n  'value' | 'setValue'\n>;\n\nfunction DemoSelectControl({ id, ...props }: SliderControlProps) {\n  const context = useDemoContext();\n\n  const { id: demoUnitId, state, setState } = context;\n  const value = state[id];\n  const htmlId = `${demoUnitId}_${id}`;\n\n  return (\n    <SelectControl\n      {...props}\n      id={htmlId}\n      value={value}\n      setValue={(newValue: any) => {\n        setState((state) => ({\n          ...state,\n          [id]: newValue,\n        }));\n      }}\n    />\n  );\n}\n\nexport default DemoSelectControl;\n","'use client';\n\nimport InlineToggleControl, {\n  Props as BaseInlineToggleControlProps,\n} from '@/components/Controls/InlineToggleControl';\n\nimport { useDemoContext } from './DemoContext';\n\ntype SliderControlProps = Omit<\n  BaseInlineToggleControlProps,\n  'value' | 'setValue'\n>;\n\nfunction DemoInlineToggleControl({\n  id,\n  ...props\n}: SliderControlProps) {\n  const context = useDemoContext();\n\n  const { id: demoUnitId, state, setState } = context;\n  const value = state[id];\n  const htmlId = `${demoUnitId}_${id}`;\n\n  return (\n    <InlineToggleControl\n      {...props}\n      id={htmlId}\n      value={value}\n      setValue={(newValue: any) => {\n        setState((state) => ({\n          ...state,\n          [id]: newValue,\n        }));\n      }}\n    />\n  );\n}\n\nexport default DemoInlineToggleControl;\n","import ToggleButtonGroupControl, {\n  Props as BaseToggleButtonGroupControlProps,\n} from '@/components/Controls/ToggleButtonGroupControl';\n\nimport { useDemoContext } from './DemoContext';\n\ntype ToggleButtonGroupControlProps = Omit<\n  BaseToggleButtonGroupControlProps,\n  'value' | 'setValue'\n>;\n\nfunction DemoToggleButtonGroupControl({\n  id,\n  ...props\n}: ToggleButtonGroupControlProps) {\n  const context = useDemoContext();\n\n  const { id: demoUnitId, state, setState } = context;\n  const value = state[id];\n  const htmlId = `${demoUnitId}_${id}`;\n\n  return (\n    <ToggleButtonGroupControl\n      {...props}\n      id={htmlId}\n      value={value}\n      setValue={(newValue: any) => {\n        setState((state) => ({\n          ...state,\n          [id]: newValue,\n        }));\n      }}\n    />\n  );\n}\n\nexport default DemoToggleButtonGroupControl;\n","// NOTE: Not lazy-loading this stuff because every component that uses Demo should be lazy-loaded. We don't share this component directly in the MDX.\n\nexport { default } from './Demo';\nexport { default as DemoOutputWrapper } from './OutputWrapper';\nexport { default as DemoSliderControl } from './DemoSliderControl';\nexport { default as DemoRadioControl } from './DemoRadioControl';\nexport { default as DemoSelectControl } from './DemoSelectControl';\nexport { default as DemoInlineToggleControl } from './DemoInlineToggleControl';\nexport { default as DemoToggleButtonGroupControl } from './DemoToggleButtonGroupControl';\n\nexport type { Props } from './Demo';\n","'use client';\n\nimport React from 'react';\nimport { styled } from '@linaria/react';\nimport { LayoutGroup, motion } from 'framer-motion';\n\nimport { BREAKPOINTS } from '@/constants';\n\ninterface FullOption {\n  label: string;\n  value: string;\n  shortLabel?: string;\n}\ntype Option = string | FullOption;\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n  title?: string;\n  options: Array<Option>;\n  value: string | Record<string, boolean>;\n  handleSelect: React.Dispatch<React.SetStateAction<string>>;\n}\n\nfunction SleekToggleButtonGroup({\n  title,\n  options,\n  value,\n  handleSelect,\n  ...delegated\n}: Props) {\n  const isMultiSelect = getIsMultiSelect(value);\n  const [selectedIndex, setSelectedIndex] = React.useState(0);\n\n  const buttonRefs = React.useRef<Array<HTMLButtonElement>>([]);\n  const formattedOptions = options.map((opt) => {\n    return typeof opt === 'object'\n      ? opt\n      : {\n          label: opt,\n          value: opt,\n        };\n  });\n\n  return (\n    <LayoutGroup>\n      <Wrapper {...delegated}>\n        {title && <Title>{title}</Title>}\n        <Row layoutRoot>\n          {formattedOptions.map((option, index) => {\n            const isSelected = isMultiSelect\n              ? value[option.value] === true\n              : value === option.value;\n\n            return (\n              <ToggleButton\n                key={option.value}\n                ref={(elem) => {\n                  if (elem) {\n                    buttonRefs.current[index] = elem;\n                  }\n                }}\n                value={option.value}\n                tabIndex={index === selectedIndex ? undefined : -1}\n                onClick={() => {\n                  handleSelect(option.value);\n                  setSelectedIndex(index);\n                }}\n                onKeyDown={(event) => {\n                  let nextIndex;\n\n                  // Filter out any options that are hidden with CSS\n                  const validOptions = formattedOptions.filter(\n                    (_, index) => {\n                      const button = buttonRefs.current[index];\n\n                      if (!button) {\n                        return false;\n                      }\n                      const style = window.getComputedStyle(button);\n                      return style?.display !== 'none';\n                    }\n                  );\n\n                  if (event.code === 'ArrowLeft') {\n                    nextIndex = selectedIndex - 1;\n\n                    // Wrap around:\n                    if (nextIndex < 0) {\n                      nextIndex = validOptions.length - 1;\n                    }\n                  } else if (event.code === 'ArrowRight') {\n                    nextIndex = selectedIndex + 1;\n\n                    if (nextIndex >= validOptions.length) {\n                      nextIndex = 0;\n                    }\n                  }\n\n                  if (typeof nextIndex === 'number') {\n                    // Move focus\n                    buttonRefs.current[nextIndex]?.focus();\n\n                    // In single-select mode, change the selected option\n                    if (!isMultiSelect) {\n                      handleSelect(formattedOptions[nextIndex].value);\n                    }\n\n                    setSelectedIndex(nextIndex);\n                  }\n                }}\n                style={{\n                  opacity: isSelected ? 1 : 0.65,\n                }}\n              >\n                <Background\n                  layout\n                  style={{\n                    opacity: isSelected ? 1 : 0.4,\n                    height: isSelected ? 4 : 2,\n                    filter: isSelected\n                      ? 'saturate(100%)'\n                      : 'saturate(0%)',\n                  }}\n                />\n                {!!option.shortLabel ? (\n                  <>\n                    <ShortText>{option.shortLabel}</ShortText>\n                    <LongText>{option.label}</LongText>\n                  </>\n                ) : (\n                  <Text>{option.label}</Text>\n                )}\n              </ToggleButton>\n            );\n          })}\n        </Row>\n      </Wrapper>\n    </LayoutGroup>\n  );\n}\n\nfunction getIsMultiSelect(\n  value: any\n): value is Record<string, boolean> {\n  return typeof value === 'object' && value !== null;\n}\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n`;\n\nconst Title = styled.div`\n  font-size: 1rem;\n  font-weight: var(--font-weight-medium);\n`;\n\nconst Row = styled(motion.div)`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n`;\n\nconst ToggleButton = styled.button`\n  position: relative;\n  padding: 8px 16px;\n  color: var(--color-text);\n  font-size: 1rem;\n  white-space: nowrap;\n`;\n\nconst Background = styled(motion.span)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: hsl(50deg 100% 50%);\n  border-radius: 16px;\n`;\n\nconst Text = styled.span`\n  position: relative;\n`;\n\nconst ShortText = styled(Text)`\n  display: none;\n  @media ${BREAKPOINTS.smAndSmaller} {\n    display: revert;\n  }\n`;\nconst LongText = styled(Text)`\n  @media ${BREAKPOINTS.smAndSmaller} {\n    display: none;\n  }\n`;\n\nexport default SleekToggleButtonGroup;\n","export { default } from './SleekToggleButtonGroup';\nexport type { Props } from './SleekToggleButtonGroup';\n","import * as React from 'react';\nimport { styled } from '@linaria/react';\n\nimport { BREAKPOINTS, THUMB_FOCUS_GRADIENT } from '@/constants';\n\nimport {\n  InfoAside,\n  WarningAside,\n  SuccessAside,\n} from '@/components/Aside';\n\n// I'm defining my own `onChange` prop which does *not* work like the one built into inputs. I need to omit it from `InputHTMLAttributes`, and provide my own below.\ntype InputWithoutOnChange = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  'onChange'\n>;\n\nexport interface Props extends InputWithoutOnChange {\n  value: number;\n  onChange?: (value: number) => void;\n  handleSize?: number;\n  trackSize?: number;\n  backgroundColor?: string;\n  handleColor?: string;\n  handleFocusColor?: string;\n}\n\nconst Slider = React.forwardRef(function Slider(\n  {\n    value,\n    onChange,\n    handleSize = 16,\n    trackSize = 3,\n    backgroundColor = 'var(--color-background)',\n    handleColor = 'var(--color-gray-900)',\n    handleFocusColor = THUMB_FOCUS_GRADIENT,\n    style = {},\n    ...delegated\n  }: Props,\n  ref: React.Ref<HTMLInputElement>\n) {\n  return (\n    <Input\n      ref={ref}\n      style={{\n        ...style,\n        '--handle-color': handleColor,\n        '--handle-focus-color': handleFocusColor,\n        '--background-color': backgroundColor,\n        '--base-handle-size': handleSize + 'px',\n        '--track-size': trackSize + 'px',\n      }}\n      type=\"range\"\n      value={value}\n      onChange={(ev) => {\n        if (typeof onChange === 'function') {\n          onChange(Number(ev.target.value));\n        }\n      }}\n      {...delegated}\n    />\n  );\n});\n\nconst Input = styled.input`\n  display: block;\n  width: 100%;\n  background: transparent;\n  appearance: none;\n  outline-offset: 6px;\n  outline-color: var(--color-text);\n  cursor: pointer;\n  --handle-size: var(--base-handle-size);\n\n  @media ${BREAKPOINTS.smAndSmaller} {\n    --handle-size: calc(var(--base-handle-size) * 1.5);\n  }\n\n  &::-webkit-slider-thumb {\n    appearance: none;\n    height: var(--handle-size);\n    width: var(--handle-size);\n    border-radius: 50px;\n    background: var(--handle-color);\n    cursor: grab;\n    transform: translateY(calc(-50% + (var(--track-size) / 2)));\n    outline: 2px solid var(--background-color);\n\n    &:active {\n      cursor: grabbing;\n    }\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n\n    &::-webkit-slider-thumb {\n      cursor: not-allowed;\n\n      &:active {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  &:focus::-webkit-slider-thumb {\n    background: var(--handle-focus-color);\n  }\n\n  /* In Light Mode, the golden gradient doesn't have enough contrast. */\n  html[data-color-mode='light'] &:focus::-webkit-slider-thumb {\n    background: var(--handle-color);\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: calc(100% - var(--handle-size));\n    height: var(--track-size);\n    background-color: var(--color-gray-300);\n    border-radius: calc(var(--track-size) / 2);\n    margin: calc(var(--handle-size) / 2);\n    margin-left: 0;\n    margin-right: 0;\n\n    ${InfoAside} & {\n      background-color: var(--color-info-400);\n    }\n    ${WarningAside} & {\n      background-color: var(--color-warning-400);\n    }\n    ${SuccessAside} & {\n      background-color: var(--color-success-400);\n    }\n  }\n\n  &::-moz-range-track {\n    width: calc(100% - var(--handle-size));\n    height: var(--track-size);\n    background-color: var(--color-gray-300);\n    border-radius: calc(var(--track-size) / 2);\n    margin: calc(var(--handle-size) / 2);\n    margin-left: 0;\n    margin-right: 0;\n  }\n`;\n\nexport default Slider;\n","export { default } from './Slider';\nexport type { Props } from './Slider';\n","import React from 'react';\nimport { styled } from '@linaria/react';\nimport { animated, useSpring } from 'react-spring';\n\nconst DEFAULT_FOCUS_BACKGROUND = `linear-gradient(\n  0deg,\n  hsl(230deg, 100%, 50%),\n  hsl(240deg, 100%, 70%)\n)`;\n\nexport interface Props\n  extends React.HTMLAttributes<HTMLButtonElement> {\n  active: boolean;\n  handleToggle: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  // Subtle but key detail: there should be a 2px gap between the ball and the track. We fake this by giving the ball a 2px outline matching the color of the background. By default it uses --color-background, but I can specify an override:\n  // NOTE: This was previously called `backdropColor`.\n  backgroundColor?: string;\n  handleFocusColor?: string | null;\n  handleColor?: string;\n  handleSize?: number;\n}\n\nconst Toggle = ({\n  active,\n  handleToggle,\n  backgroundColor,\n  handleFocusColor = DEFAULT_FOCUS_BACKGROUND,\n  handleColor = 'var(--color-text)',\n  handleSize = 16,\n  style = {},\n  ...delegated\n}: Props) => {\n  const borderWidth = 2;\n  const handleBoxSize = handleSize + borderWidth * 2;\n\n  const padding = handleBoxSize * 0.1;\n  const width = handleBoxSize * 2 + padding * 2;\n\n  const wrapperStyle = {\n    width,\n    padding,\n    '--radius': handleBoxSize * 0.25 + 'px',\n    ...style,\n  };\n\n  const ballStyle = useSpring({\n    width: handleBoxSize,\n    height: handleBoxSize,\n    transform: active ? `translateX(100%)` : `translateX(0%)`,\n    config: {\n      tension: 370,\n      friction: 16,\n      mass: 0.75,\n    },\n  });\n\n  return (\n    <Wrapper\n      type=\"button\"\n      aria-pressed={active}\n      style={wrapperStyle}\n      onClick={handleToggle}\n      {...delegated}\n    >\n      <Ball\n        style={{\n          ...ballStyle,\n          '--outline-color': backgroundColor,\n          '--handle-color': handleColor,\n          '--handle-focus-color': handleFocusColor || handleColor,\n        }}\n      />\n    </Wrapper>\n  );\n};\n\nconst Wrapper = styled(animated.button)`\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  position: relative;\n\n  &:before {\n    content: '';\n    position: absolute;\n    z-index: 0;\n    top: -8px;\n    left: -8px;\n    right: -8px;\n    bottom: -8px;\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    left: var(--radius);\n    right: var(--radius);\n    bottom: 0;\n    margin: auto;\n    height: 3px;\n    background: var(--color-gray-300);\n    border-radius: 10px;\n  }\n\n  &:focus-visible {\n    outline: 2px auto var(--color-text);\n    outline-offset: 2px;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;\n\nconst Ball = styled(animated.div)`\n  position: relative;\n  z-index: 2;\n  border-radius: 50%;\n  background: var(--handle-color);\n  outline: 2px solid var(--outline-color, var(--color-background));\n\n  ${Wrapper}:focus-visible & {\n    background: var(--handle-focus-color);\n  }\n`;\n\nexport default Toggle;\n","export { default } from './Toggle';\nexport type { Props } from './Toggle';\n","export { default, Popover } from './Tooltip';\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"s4h798d\":\"s4h798d\",\"ilxzy3j\":\"ilxzy3j\",\"h1pypve8\":\"h1pypve8\",\"lpsyt9t\":\"lpsyt9t\",\"cg5mgxb\":\"cg5mgxb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wm84dxr\":\"wm84dxr\",\"l1ugbgq\":\"l1ugbgq\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wf2imp2\":\"wf2imp2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"o17cm9sw\":\"o17cm9sw\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"s360ott\":\"s360ott\",\"i1df5wci\":\"i1df5wci\",\"l1fyq1q5\":\"l1fyq1q5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w1194iyg\":\"w1194iyg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"o1m9cdug\":\"o1m9cdug\",\"b1btlj5u\":\"b1btlj5u\",\"i6el1g6\":\"i6el1g6\",\"wcnkszl\":\"wcnkszl\",\"shfe3ke\":\"shfe3ke\",\"w1v90hn6\":\"w1v90hn6\",\"c1j2qstn\":\"c1j2qstn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w1gk8gn6\":\"w1gk8gn6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w9ahgu5\":\"w9ahgu5\",\"rnn636p\":\"rnn636p\",\"r1kmea00\":\"r1kmea00\",\"o8lhpxt\":\"o8lhpxt\",\"f18e30yl\":\"f18e30yl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w1k7necy\":\"w1k7necy\",\"n4cvd4a\":\"n4cvd4a\",\"p1ke2pdm\":\"p1ke2pdm\",\"is0o26m\":\"is0o26m\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w73h7tw\":\"w73h7tw\",\"t116rt9\":\"t116rt9\",\"r1cct0ab\":\"r1cct0ab\",\"t6358bx\":\"t6358bx\",\"b10n1zbt\":\"b10n1zbt\",\"tglc2q3\":\"tglc2q3\",\"s1c14wqr\":\"s1c14wqr\",\"lgwo6gd\":\"lgwo6gd\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"i1i8zjy7\":\"i1i8zjy7\",\"i6el1g6\":\"i6el1g6\",\"wcnkszl\":\"wcnkszl\",\"shfe3ke\":\"shfe3ke\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"w1o3yz26\":\"w1o3yz26\",\"bl5hz2w\":\"bl5hz2w\"};","import { createContext } from 'react';\n\n/**\n * Note: Still used by components generated by old versions of Framer\n *\n * @deprecated\n */\nconst DeprecatedLayoutGroupContext = createContext(null);\n\nexport { DeprecatedLayoutGroupContext };\n","const notify = (node) => !node.isLayoutDirty && node.willUpdate(false);\nfunction nodeGroup() {\n    const nodes = new Set();\n    const subscriptions = new WeakMap();\n    const dirtyAll = () => nodes.forEach(notify);\n    return {\n        add: (node) => {\n            nodes.add(node);\n            subscriptions.set(node, node.addEventListener(\"willUpdate\", dirtyAll));\n        },\n        remove: (node) => {\n            nodes.delete(node);\n            const unsubscribe = subscriptions.get(node);\n            if (unsubscribe) {\n                unsubscribe();\n                subscriptions.delete(node);\n            }\n            dirtyAll();\n        },\n        dirty: dirtyAll,\n    };\n}\n\nexport { nodeGroup };\n","import { jsx } from 'react/jsx-runtime';\nimport { useContext, useRef, useMemo } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { DeprecatedLayoutGroupContext } from '../../context/DeprecatedLayoutGroupContext.mjs';\nimport { useForceUpdate } from '../../utils/use-force-update.mjs';\nimport { nodeGroup } from '../../projection/node/group.mjs';\n\nconst shouldInheritGroup = (inherit) => inherit === true;\nconst shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === \"id\";\nconst LayoutGroup = ({ children, id, inherit = true }) => {\n    const layoutGroupContext = useContext(LayoutGroupContext);\n    const deprecatedLayoutGroupContext = useContext(DeprecatedLayoutGroupContext);\n    const [forceRender, key] = useForceUpdate();\n    const context = useRef(null);\n    const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;\n    if (context.current === null) {\n        if (shouldInheritId(inherit) && upstreamId) {\n            id = id ? upstreamId + \"-\" + id : upstreamId;\n        }\n        context.current = {\n            id,\n            group: shouldInheritGroup(inherit)\n                ? layoutGroupContext.group || nodeGroup()\n                : nodeGroup(),\n        };\n    }\n    const memoizedContext = useMemo(() => ({ ...context.current, forceRender }), [key]);\n    return (jsx(LayoutGroupContext.Provider, { value: memoizedContext, children: children }));\n};\n\nexport { LayoutGroup };\n","import { useState, useCallback } from 'react';\nimport { useIsMounted } from './use-is-mounted.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction useForceUpdate() {\n    const isMounted = useIsMounted();\n    const [forcedRenderCount, setForcedRenderCount] = useState(0);\n    const forceRender = useCallback(() => {\n        isMounted.current && setForcedRenderCount(forcedRenderCount + 1);\n    }, [forcedRenderCount]);\n    /**\n     * Defer this to the end of the next animation frame in case there are multiple\n     * synchronous calls.\n     */\n    const deferredForceRender = useCallback(() => frame.postRender(forceRender), [forceRender]);\n    return [deferredForceRender, forcedRenderCount];\n}\n\nexport { useForceUpdate };\n","import { useRef } from 'react';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-effect.mjs';\n\nfunction useIsMounted() {\n    const isMounted = useRef(false);\n    useIsomorphicLayoutEffect(() => {\n        isMounted.current = true;\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n    return isMounted;\n}\n\nexport { useIsMounted };\n"],"names":["Wrapper","styled","name","class","propsAsIs","Trigger","ContentWrapper","Term","definition","children","New","props","StackedWrapper","InlineWrapper","_exp","Header","Label","ChildWrapper","ControlWrapper","id","label","labelAs","gridArea","cornerContents","inline","style","disabled","isNew","opacity","transform","flex","undefined","InlineToggleControl","value","setValue","delegated","NativeSelect","PresentationalBit","IconWrapper","Select","onChange","displayedValue","getDisplayedValue","selectedChild","childArray","Array","isArray","find","child","SelectControl","options","wrapperStyle","formattedOptions","map","opt","ev","currentTarget","option","SliderControl","previewRenderer","ValuePreview","renderer","Slider","val","ToggleButtonGroupControl","DemoContext","React","state","setState","useDemoContext","context","motion","div","OutputWrapper","padding","resizable","layout","formattedOutputPadding","resize","overflow","OuterWrapper","ColorModeContainer","Controls","Demo","initialValues","controls","controlPosition","outputWrapper","DefaultOutputWrapper","outputWrapperProps","renderAfter","renderAltControls","ref","customGrid","gridTemplateColumns","controlStyles","defaultId","appliedId","contextValue","controlElem","key","s","DemoSliderControl","demoUnitId","htmlId","newValue","RealInput","RadioWrapper","Outline","animated","Fill","RadioButton","providedId","size","checked","generatedId","active","setActive","playActive","useSound","volume","playOn","playOff","shrinkRatio","useSpring","config","tension","friction","clamp","fillSpring","width","height","Options","RadioControl","paddingRight","DemoRadioControl","DemoSelectControl","DemoInlineToggleControl","DemoToggleButtonGroupControl","Title","Row","ToggleButton","Background","span","Text","ShortText","_exp3","LongText","_exp5","SleekToggleButtonGroup","title","handleSelect","isMultiSelect","getIsMultiSelect","buttonRefs","index","isSelected","current","elem","selectedIndex","setSelectedIndex","nextIndex","validOptions","filter","button","window","getComputedStyle","display","event","code","length","focus","shortLabel","handleSize","trackSize","backgroundColor","handleColor","handleFocusColor","THUMB_FOCUS_GRADIENT","Number","Input","Ball","Toggle","handleToggle","DEFAULT_FOCUS_BACKGROUND","handleBoxSize","borderWidth","mass","ballStyle"],"sourceRoot":"","ignoreList":[43,44,45,46,47]}