{"version":3,"sources":["../../src/OptionList/OptionItem/OptionItem.composition.tsx","../../src/OptionList/OptionList.provider.tsx","../../src/OptionList/OptionItem/OptionItem.css.ts","../../src/OptionList/OptionItem/variant/OptionItem.base.tsx","../../src/utilities/Clay/Clay.tsx","../../src/utilities/Flex/Flex.tsx","../../src/Checkbox/Checkbox.set.tsx","../../src/Label/Label.tsx","../../src/Checkbox/Checkbox.css.ts","../../src/Checkbox/Checkbox.tsx","../../src/Typography/Typography.tsx","../../src/Checkbox/Checkbox.helperText.tsx","../../src/Checkbox/Checkbox.label.tsx","../../src/Checkbox/CheckboxGroup/CheckboxGroup.tsx","../../src/OptionList/OptionItem/variant/OptionItem.checkbox.tsx","../../src/OptionList/OptionList.css.ts","../../src/OptionList/OptionList.tsx"],"names":["useCallback","useMemo","createContext","useContext","jsx","OptionListValueContext","OptionListSetValueContext","OptionListValuesContext","OptionListSetValuesContext","OptionListProvider","children","value","values","setValue","setValues","useOptionListValue","useOptionListSetValue","useOptionListValues","useOptionListSetValues","css","vars","optionItemContainerCSS","optionItemBaseButtonCSS","size","paddingY","optionItemCheckboxCSS","forwardRef","Clay","_a","ref","_b","className","_hover","_active","_after","_before","_focus","width","height","shape","sx","as","native","props","__objRest","__spreadProps","__spreadValues","ClayNameSpace","_Flex","Flex","_FlexCenter","FlexCenter","_FlexColumn","FlexColumn","FlexNameSpace","jsxs","_Label","type","text","bold","Typography","Label","checkboxLabelCSS","iconPosition","checkboxIconCSS","CheckboxIcon","isIndeterminate","Checkbox","onChange","onChangeChecked","restProps","_onChange","e","classNames","_Typography","semanticToken","variant","colorToken","whiteSpace","numOfLine","textAlign","CheckboxHelperText","CheckboxLabel","label","checkboxProps","deprecatedLabel","CheckboxGroup","legend","direction","deprecatedLegend","CheckboxSet","CheckboxNamespace","OptionItemBaseCore","suffix","onClickSuffix","isDisabled","_onClickSuffix","event","OptionItemCheckboxCore","disabled","restCheckboxProps","contextValue","contextValues","isChecked","textValue","OptionItemComposition","isSelected","onClick","nativeOnClick","setContextValues","setContextValue","updateMultiSelectValues","newValue","storeValues","setStoreValues","tempList","index","oldValues","updateSelectValue","setStoreValue","_onClick","OptionItem","OptionItemCheckbox","optionListCSS","popOver","OptionList"],"mappings":"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","sourcesContent":["/** @jsxImportSource @emotion/react */\n\nimport type { MouseEvent } from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n  useOptionListSetValue,\n  useOptionListSetValues,\n  useOptionListValue,\n  useOptionListValues,\n} from \"../OptionList.provider\";\nimport { optionItemContainerCSS } from \"./OptionItem.css\";\nimport type {\n  OptionItemBaseProps,\n  OptionItemCheckBoxProps,\n  OptionItemCompositionProps,\n} from \"./OptionItem.types\";\nimport { OptionItemBaseCore, OptionItemCheckboxCore } from \"./variant\";\n\nexport const OptionItemComposition = ({\n  as,\n  className,\n  sx,\n  children,\n  isSelected,\n  onClick,\n  value,\n  text,\n  isDisabled,\n  nativeOnClick,\n  native,\n}: OptionItemCompositionProps) => {\n  const contextValue = useOptionListValue();\n  const contextValues = useOptionListValues();\n  const setContextValues = useOptionListSetValues();\n  const setContextValue = useOptionListSetValue();\n\n  const textValue = value || text;\n\n  const isChecked = useMemo(() => {\n    if (!textValue) return false;\n\n    if (contextValues) {\n      return contextValues.includes(textValue);\n    }\n    return contextValue === textValue;\n  }, [contextValue, contextValues, textValue]);\n\n  const updateMultiSelectValues = (\n    newValue: string,\n    storeValues: string[] | undefined,\n    setStoreValues: (values: string[]) => void,\n  ) => {\n    if (storeValues === undefined) {\n      setStoreValues([newValue]);\n      return;\n    }\n\n    if (storeValues.includes(newValue)) {\n      const tempList = storeValues;\n\n      const index = tempList.findIndex((oldValues) => oldValues === newValue);\n      tempList.splice(index, 1);\n\n      setStoreValues([...tempList]);\n      return;\n    }\n\n    setStoreValues([...storeValues, newValue]);\n  };\n\n  const updateSelectValue = (newValue: string, setStoreValue: (value: string) => void) => {\n    setStoreValue(newValue);\n  };\n\n  const _onClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>, newValue?: string) => {\n      if (!newValue) return;\n      event.preventDefault();\n\n      if (contextValues !== null && setContextValues) {\n        updateMultiSelectValues(newValue, contextValues, setContextValues);\n      } else if (setContextValue) {\n        updateSelectValue(newValue, setContextValue);\n\n        return;\n      }\n\n      onClick?.(newValue);\n      nativeOnClick?.(event);\n    },\n    [contextValues, nativeOnClick, onClick, setContextValue, setContextValues],\n  );\n\n  const Element = as || \"li\";\n\n  return (\n    <Element\n      className={className}\n      aria-disabled={isDisabled}\n      aria-checked={isSelected || isChecked}\n      {...native}\n    >\n      <button\n        disabled={isDisabled}\n        css={[optionItemContainerCSS, sx]}\n        onClick={(event) => _onClick?.(event, textValue)}\n      >\n        {children}\n      </button>\n    </Element>\n  );\n};\n\nexport const OptionItem = ({\n  text,\n  suffix,\n  onClickSuffix,\n  isDisabled,\n  size = \"default\",\n  ...props\n}: OptionItemCompositionProps & OptionItemBaseProps) => (\n  <OptionItemComposition text={text} isDisabled={isDisabled} {...props}>\n    <OptionItemBaseCore\n      text={text}\n      suffix={suffix}\n      isDisabled={isDisabled}\n      size={size}\n      onClickSuffix={onClickSuffix}\n    />\n  </OptionItemComposition>\n);\n\nexport const OptionItemCheckbox = ({\n  as,\n  className,\n  sx,\n  isDisabled,\n  isSelected,\n  onClick,\n  value,\n  native,\n  ...restProps\n}: OptionItemCompositionProps & OptionItemCheckBoxProps) => (\n  <OptionItemComposition\n    as={as}\n    native={native}\n    className={className}\n    sx={sx}\n    isDisabled={isDisabled}\n    isSelected={isSelected}\n    text={restProps.text}\n    onClick={onClick}\n    value={value}\n  >\n    <OptionItemCheckboxCore disabled={isDisabled} value={value} {...restProps} />\n  </OptionItemComposition>\n);\n","import type { PropsWithChildren } from \"react\";\nimport { createContext, useContext } from \"react\";\n\nconst OptionListValueContext = createContext<string | undefined | null>(null);\nconst OptionListSetValueContext = createContext<((values: string) => void) | undefined | null>(\n  null,\n);\nconst OptionListValuesContext = createContext<string[] | undefined | null>(null);\nconst OptionListSetValuesContext = createContext<((values: string[]) => void) | undefined | null>(\n  null,\n);\n\nexport const OptionListProvider = ({\n  children,\n  value,\n  values,\n  setValue,\n  setValues,\n}: PropsWithChildren<{\n  value?: string;\n  values?: string[];\n  setValue?: (value: string) => void;\n  setValues?: (values: string[]) => void;\n}>) => {\n  return (\n    <OptionListValueContext.Provider value={value}>\n      <OptionListSetValueContext.Provider value={setValue}>\n        <OptionListValuesContext.Provider value={values}>\n          <OptionListSetValuesContext.Provider value={setValues}>\n            {children}\n          </OptionListSetValuesContext.Provider>\n        </OptionListValuesContext.Provider>\n      </OptionListSetValueContext.Provider>\n    </OptionListValueContext.Provider>\n  );\n};\n\nexport const useOptionListValue = () => useContext(OptionListValueContext);\nexport const useOptionListSetValue = () => useContext(OptionListSetValueContext);\nexport const useOptionListValues = () => useContext(OptionListValuesContext);\nexport const useOptionListSetValues = () => useContext(OptionListSetValuesContext);\n","import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { OptionItemBaseProps } from \"./OptionItem.types\";\n\nexport const optionItemContainerCSS = css({\n  width: \"100%\",\n\n  paddingLeft: vars.spacing[3],\n  paddingRight: vars.spacing[3],\n\n  borderRadius: vars.rounded.medium,\n\n  \"[aria-checked='true'] &\": {\n    backgroundColor: vars.semantic.color.actionPrimaryTonal,\n  },\n\n  \"&:disabled\": {\n    color: vars.semantic.color.textDisabled,\n  },\n\n  \"&:not(:disabled):not([aria-checked='true'] &):hover\": {\n    backgroundColor: vars.semantic.color.actionSecondaryHover,\n  },\n});\n\nexport const optionItemBaseButtonCSS = ({\n  size = \"default\",\n}: Pick<OptionItemBaseProps, \"size\">) => {\n  const paddingY = vars.spacing[size === \"default\" ? 2 : 3];\n  return css({\n    flex: 1,\n    width: \"100%\",\n\n    paddingTop: paddingY,\n    paddingBottom: paddingY,\n\n    textAlign: \"left\",\n  });\n};\n\nexport const optionItemCheckboxCSS = css({\n  width: \"100%\",\n\n  paddingTop: vars.spacing[\"15\"],\n  paddingBottom: vars.spacing[\"15\"],\n});\n","/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport type { MouseEventHandler } from \"react\";\nimport { Flex, Typography } from \"../../..\";\nimport { optionItemBaseButtonCSS } from \"../OptionItem.css\";\nimport type { OptionItemBaseProps } from \"../OptionItem.types\";\n\nexport const OptionItemBaseCore = ({\n  text,\n  size,\n  suffix,\n  onClickSuffix,\n  isDisabled,\n}: OptionItemBaseProps) => {\n  const _onClickSuffix: MouseEventHandler = (event) => {\n    event.stopPropagation();\n    onClickSuffix?.();\n  };\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      gap={vars.spacing[3]}\n      css={[\n        optionItemBaseButtonCSS({ size }),\n        {\n          color: \"inherit\",\n        },\n      ]}\n    >\n      <Typography variant=\"label-medium\" sx={{ color: \"inherit\" }}>\n        {text}\n      </Typography>\n\n      {suffix && (\n        <div\n          aria-hidden\n          onClick={_onClickSuffix}\n          css={{\n            color: vars.semantic.color[isDisabled ? \"textDisabled\" : \"textSub\"],\n            display: \"flex\",\n            ...vars.semantic.typography[\"label-small\"],\n          }}\n        >\n          {suffix}\n        </div>\n      )}\n    </Flex>\n  );\n};\n","/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport type { ComponentPropsWithRef, ElementType, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { ClayProps } from \"./Clay.types\";\n\nexport type ClayComponent = <C extends ElementType = \"div\">(\n  props: ClayProps<C> & {\n    ref?: ComponentPropsWithRef<C>[\"ref\"];\n  },\n) => ReactElement | null;\n\nconst Clay: ClayComponent = forwardRef(\n  <E extends ElementType>(\n    {\n      children,\n      className,\n      _hover,\n      _active,\n      _after,\n      _before,\n      _focus,\n      size,\n      width,\n      height,\n      shape,\n      sx,\n      as,\n      native,\n      ...props\n    }: ClayProps<E>,\n    ref: ComponentPropsWithRef<E>[\"ref\"],\n  ) => {\n    const Element = as || \"div\";\n\n    return (\n      <Element\n        ref={ref}\n        className={className}\n        css={{\n          width: size || width,\n          height: size || height,\n          ...(shape === \"circle\" && {\n            borderRadius: vars.rounded.full,\n          }),\n          \"&:hover\": _hover,\n          \"&:active\": _active,\n          \"&:after\": _after,\n          \"&:before\": _before,\n          \"&:focus\": _focus,\n          ...props,\n          ...sx,\n        }}\n        {...native}\n      >\n        {children}\n      </Element>\n    );\n  },\n);\n\nconst ClayNameSpace = Object.assign(Clay, { displayName: \"Clay\" });\n\nexport { ClayNameSpace as Clay };\n","import type { ComponentPropsWithRef, ElementType } from \"react\";\nimport { forwardRef } from \"react\";\nimport { Clay } from \"../Clay\";\nimport type { ClayComponent, ClayProps } from \"../Clay/Clay.types\";\n\nconst _Flex: ClayComponent = forwardRef(\n  <Element extends ElementType>(\n    props: ClayProps<Element>,\n    ref: ComponentPropsWithRef<Element>[\"ref\"],\n  ) => <Clay ref={ref} display=\"flex\" {...props} />,\n);\n\nconst Flex = Object.assign(_Flex, { displayName: \"Flex\" });\n\nconst _FlexCenter: ClayComponent = forwardRef(\n  <Element extends ElementType>(\n    props: ClayProps<Element>,\n    ref: ComponentPropsWithRef<Element>[\"ref\"],\n  ) => <Flex ref={ref} alignItems=\"center\" justifyContent=\"center\" {...props} />,\n);\n\nconst FlexCenter = Object.assign(_FlexCenter, { displayName: \"Flex.Center\" });\n\nconst _FlexColumn: ClayComponent = forwardRef(\n  <Element extends ElementType>(\n    { as = \"div\" as any, ...props }: ClayProps<Element>,\n    ref: ComponentPropsWithRef<Element>[\"ref\"],\n  ) => <Flex ref={ref} as={as} flexDirection=\"column\" {...props} />,\n);\n\nconst FlexColumn = Object.assign(_FlexColumn, { displayName: \"Flex.Column\" });\n\n/**\n * @deprecated Use `Flex.Column` instead\n */\nexport const Stack = FlexColumn;\n\nconst FlexNameSpace = Object.assign(Flex, { Center: FlexCenter, Column: FlexColumn });\n\nexport { FlexNameSpace as Flex };\n","/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport { Flex } from \"..\";\nimport { Label } from \"../Label\";\nimport { Checkbox } from \"./Checkbox\";\nimport { CheckboxHelperText } from \"./Checkbox.helperText\";\nimport { CheckboxLabel } from \"./Checkbox.label\";\nimport type { CheckboxSetProps } from \"./Checkbox.types\";\nimport { CheckboxGroup } from \"./CheckboxGroup\";\n\nconst CheckboxSet = ({ children, sx }: CheckboxSetProps) => {\n  return (\n    <Flex.Column\n      gap={vars.spacing[1]}\n      sx={{\n        '&:has([data-checkbox-icon_position=\"left\"]) [data-checkbox-helper_text]': {\n          paddingInlineStart: vars.spacing[6],\n        },\n        \"&:has(input:disabled) [data-checkbox-helper_text]\": {\n          color: vars.semantic.color.textDisabled,\n        },\n        \"& [data-checkbox-helper_text]\": {\n          color: vars.semantic.color.textSecondary,\n        },\n        ...sx,\n      }}\n    >\n      {children}\n    </Flex.Column>\n  );\n};\n\nconst CheckboxNamespace = Object.assign(Checkbox, {\n  Set: CheckboxSet,\n  Group: CheckboxGroup,\n  Label: CheckboxLabel,\n  HelperText: CheckboxHelperText,\n  Legend: Label,\n});\n\nexport { CheckboxNamespace as Checkbox };\n","/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport type { ElementType, Ref } from \"react\";\nimport { forwardRef } from \"react\";\nimport { Typography } from \"..\";\nimport type { LabelProps } from \"./Label.types\";\n\nconst _Label = <Element extends ElementType>(\n  { type = \"primary\", className, text, bold = true, sx, as, children }: LabelProps<Element>,\n  ref: Ref<HTMLElement>,\n) => {\n  const Element = as || \"label\";\n\n  return (\n    <Element\n      ref={ref as any}\n      className={className}\n      css={{\n        display: \"flex\",\n        gap: vars.spacing[1],\n        alignItems: \"center\",\n        sx,\n      }}\n    >\n      <Typography\n        variant={bold ? \"label-medium-bold\" : \"label-medium\"}\n        colorToken={type === \"primary\" ? \"text\" : \"textSub\"}\n      >\n        {text}\n      </Typography>\n\n      {children}\n    </Element>\n  );\n};\n\nexport const Label = forwardRef(_Label);\n\nLabel.displayName = \"Label\";\n","import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { CheckboxLabelProps } from \"./Checkbox.types\";\n\nexport const checkboxLabelCSS = ({ iconPosition }: Pick<CheckboxLabelProps, \"iconPosition\">) =>\n  css({\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    flexDirection: iconPosition === \"right\" ? \"row-reverse\" : \"row\",\n    justifyContent: iconPosition === \"right\" ? \"space-between\" : \"flex-start\",\n\n    gap: vars.spacing[2],\n\n    padding: `${vars.spacing[\"05\"]} 0`,\n    width: iconPosition === \"right\" ? \"100%\" : \"fit-content\",\n    cursor: \"pointer\",\n\n    \"&:has(input:disabled) [data-checkbox-label]\": {\n      color: vars.semantic.color.textDisabled,\n    },\n\n    \"input:disabled + .clay-checkbox-wrapper\": {\n      opacity: 0.3,\n    },\n\n    \":has(input:disabled)\": {\n      cursor: \"not-allowed\",\n    },\n\n    \"&:hover\": {\n      \"input:checked:not(:disabled) + .clay-checkbox-wrapper\": {\n        outlineColor: \"transparent\",\n        backgroundColor: vars.semantic.color.actionPrimaryHover,\n      },\n\n      \"input:not(:checked, :disabled) + .clay-checkbox-wrapper\": {\n        outlineColor: vars.semantic.color.borderHover,\n      },\n    },\n  });\n\nexport const checkboxIconCSS = css({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n\n  width: \"16px\",\n  height: \"16px\",\n\n  backgroundColor: vars.semantic.color.actionSecondary,\n  borderRadius: \"3.5px\",\n  color: vars.semantic.color.iconInverse,\n\n  outline: `1px solid ${vars.semantic.color.borderMinimal}`,\n  outlineOffset: \"-1px\",\n\n  transition: \"all ease-out 100ms\",\n\n  cursor: \"pointer\",\n\n  \".clay-checkbox-icon\": {\n    display: \"none\",\n  },\n\n  \"&:where(input:checked + &)\": {\n    backgroundColor: vars.semantic.color.actionPrimary,\n    outlineColor: \"transparent\",\n\n    \".clay-checkbox-icon\": {\n      display: \"block\",\n    },\n  },\n\n  \"&:where(input:disabled + &)\": {\n    opacity: 0.3,\n    cursor: \"not-allowed\",\n    color: vars.semantic.color.iconDisabled,\n  },\n\n  \"&:where(input:disabled:not(:checked) + &)\": {\n    backgroundColor: vars.semantic.color.actionSecondaryDisabled,\n  },\n\n  \"&:where(input:checked:not(:disabled) + &):hover\": {\n    outlineColor: \"transparent\",\n    backgroundColor: vars.semantic.color.actionPrimaryHover,\n  },\n\n  \"&:where(input:not(:checked, :disabled) + &):hover\": {\n    outlineColor: vars.semantic.color.borderMinimal,\n    backgroundColor: vars.semantic.color.actionSecondaryHover,\n  },\n});\n","/** @jsxImportSource @emotion/react */\n\nimport type { ChangeEventHandler } from \"react\";\nimport { Flex } from \"../utilities\";\nimport { checkboxIconCSS } from \"./Checkbox.css\";\nimport type { CheckboxIconProps, CheckboxProps } from \"./Checkbox.types\";\n\nexport const CheckboxIcon = ({ isIndeterminate }: CheckboxIconProps) => {\n  const path = isIndeterminate ? \"M2.5 6H9.5\" : \"M9.5 3L4.6875 8.5L2.5 6\";\n\n  return (\n    <span className=\"clay-checkbox-wrapper\" css={checkboxIconCSS}>\n      <svg\n        className=\"clay-checkbox-icon\"\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=\"0 0 12 12\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d={path}\n          stroke='currentColor'\n          strokeWidth=\"1.2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </span>\n  );\n};\n\nexport const Checkbox = ({\n  isIndeterminate,\n  onChange,\n  onChangeChecked,\n  ...restProps\n}: CheckboxProps) => {\n  const _onChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    onChange?.(e);\n    onChangeChecked?.(e.target.checked);\n  };\n\n  return (\n    <Flex display=\"inline-flex\" as=\"label\" native={{ htmlFor: restProps.id }}>\n      <input type=\"checkbox\" data-clay-blind onChange={_onChange} {...restProps} />\n      <CheckboxIcon isIndeterminate={isIndeterminate} />\n    </Flex>\n  );\n};\n","/** @jsxImportSource @emotion/react */\n\nimport { classNames, vars } from \"@imwebme/clay-token\";\nimport type { ElementType, Ref } from \"react\";\nimport { forwardRef } from \"react\";\nimport type { TypographyProps } from \"./Typography.types\";\n\n/**\n * token은 두 가지 방법으로 넣어줄 수 있습니다. semanticToken, variant\n * 값은 body-medium이 default 입니다.\n */\nconst _Typography = <Element extends ElementType>(\n  {\n    as,\n    semanticToken,\n    variant = \"body-medium\",\n    className = \"\",\n    colorToken = \"text\",\n    children,\n    whiteSpace,\n    numOfLine,\n    sx,\n    textAlign,\n    native,\n  }: TypographyProps<Element>,\n  ref: Ref<HTMLElement>,\n) => {\n  const Element = as || \"p\";\n\n  return (\n    <Element\n      className={`${classNames.typography[semanticToken || variant]} ${className}`}\n      ref={ref as any}\n      css={{\n        color: vars.semantic.color[colorToken],\n        ...(numOfLine && {\n          display: \"-webkit-box\",\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          WebkitBoxOrient: \"vertical\",\n          WebkitLineClamp: numOfLine,\n        }),\n        whiteSpace,\n        textAlign,\n        ...sx,\n      }}\n      {...native}\n    >\n      {children}\n    </Element>\n  );\n};\n\nexport const Typography = forwardRef(_Typography);\n\nTypography.displayName = \"Typography\";\n","import { Typography } from \"../Typography\";\nimport type { TypographyProps } from \"../Typography/Typography.types\";\n\nexport const CheckboxHelperText = ({\n  children,\n  ...props\n}: Omit<TypographyProps<\"p\">, \"variant\">) => (\n  <Typography\n    native={{\n      \"data-checkbox-helper_text\": true,\n    }}\n    variant=\"body-small\"\n    {...props}\n  >\n    {children}\n  </Typography>\n);\n","/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport { Typography } from \"../Typography\";\nimport { Flex } from \"../utilities\";\nimport { Checkbox } from \"./Checkbox\";\nimport { checkboxLabelCSS } from \"./Checkbox.css\";\nimport type { CheckboxLabelProps } from \"./Checkbox.types\";\n\nexport const CheckboxLabel = ({\n  children,\n  iconPosition = \"left\",\n  label,\n  text,\n  sx,\n  ...checkboxProps\n}: CheckboxLabelProps) => {\n  const deprecatedLabel = label || text;\n\n  return (\n    <Flex\n      as=\"label\"\n      alignItems=\"center\"\n      gap={vars.spacing[1]}\n      native={{\n        \"data-checkbox-icon_position\": iconPosition,\n      }}\n      css={[checkboxLabelCSS({ iconPosition }), sx]}\n    >\n      {children || <Checkbox {...checkboxProps} />}\n\n      {deprecatedLabel && (\n        <Typography\n          variant=\"label-medium\"\n          native={{\n            \"data-checkbox-label\": true,\n          }}\n        >\n          {deprecatedLabel}\n        </Typography>\n      )}\n    </Flex>\n  );\n};\n","import { vars } from \"@imwebme/clay-token\";\nimport { Label } from \"../..\";\nimport { Flex } from \"../../utilities/Flex\";\nimport type { CheckboxGroupProps } from \"./CheckboxGroup.types\";\n\nexport const CheckboxGroup = ({\n  label,\n  legend,\n  direction = \"column\",\n  sx,\n  children,\n}: CheckboxGroupProps) => {\n  const deprecatedLegend = legend || label;\n\n  return (\n    <Flex.Column as=\"fieldset\" gap={vars.spacing[1]} sx={sx}>\n      {deprecatedLegend && typeof deprecatedLegend === \"string\" ? (\n        <Label as=\"legend\" text={deprecatedLegend} />\n      ) : (\n        deprecatedLegend\n      )}\n\n      <Flex.Column flexDirection={direction} gap={vars.spacing[direction === \"column\" ? 1 : 6]}>\n        {children}\n      </Flex.Column>\n    </Flex.Column>\n  );\n};\n","/** @jsxImportSource @emotion/react */\n\nimport { vars } from \"@imwebme/clay-token\";\nimport { useMemo } from \"react\";\nimport { Checkbox, Flex } from \"../../..\";\nimport { useOptionListValue, useOptionListValues } from \"../../OptionList.provider\";\nimport { optionItemCheckboxCSS } from \"../OptionItem.css\";\nimport type { OptionItemCheckBoxProps } from \"../OptionItem.types\";\n\nexport const OptionItemCheckboxCore = ({\n  suffix,\n  onClickSuffix,\n  disabled,\n  value,\n  label,\n  text,\n  ...restCheckboxProps\n}: OptionItemCheckBoxProps) => {\n  const contextValue = useOptionListValue();\n  const contextValues = useOptionListValues();\n  const deprecatedLabel = label || text;\n\n  const isChecked = useMemo(() => {\n    const textValue = value || deprecatedLabel;\n\n    if (contextValues && textValue) {\n      return contextValues.includes(textValue);\n    }\n\n    return contextValue === textValue;\n  }, [contextValue, contextValues, deprecatedLabel, value]);\n\n  return (\n    <Flex justifyContent=\"space-between\" alignItems=\"center\" css={optionItemCheckboxCSS}>\n      <Checkbox.Label\n        sx={{\n          flex: 1,\n          label: {\n            cursor: \"pointer\",\n          },\n        }}\n        label={deprecatedLabel}\n      >\n        <Checkbox checked={isChecked} disabled={disabled} {...restCheckboxProps} />\n      </Checkbox.Label>\n\n      {suffix && (\n        <div\n          aria-hidden\n          css={[\n            vars.semantic.typography[\"label-small\"],\n            {\n              color: vars.semantic.color[disabled ? \"textDisabled\" : \"textSub\"],\n            },\n          ]}\n          onClick={(event) => {\n            event.stopPropagation();\n            onClickSuffix?.();\n          }}\n        >\n          {suffix}\n        </div>\n      )}\n    </Flex>\n  );\n};\n","import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { OptionListProps } from \".\";\n\nexport const optionListCSS = ({ popOver }: Pick<OptionListProps, \"popOver\">) =>\n  css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: vars.spacing[1],\n\n    paddingTop: vars.spacing[2],\n    paddingBottom: vars.spacing[2],\n\n    borderRadius: vars.rounded.medium,\n\n    ...(popOver && {\n      backgroundColor: vars.semantic.color.surface,\n      boxShadow: vars.dropShadow.layer,\n\n      paddingLeft: vars.spacing[2],\n      paddingRight: vars.spacing[2],\n    }),\n  });\n","/** @jsxImportSource @emotion/react */\n\nimport type { ElementType } from \"react\";\nimport { optionListCSS } from \"./OptionList.css\";\nimport { OptionListProvider } from \"./OptionList.provider\";\nimport type { OptionListProps } from \"./OptionList.types\";\n\nexport const OptionList = <E extends ElementType>({\n  children,\n  as,\n  sx,\n  className,\n  popOver,\n  value,\n  values,\n  setValue,\n  setValues,\n  native,\n}: OptionListProps<E>) => {\n  const Element = as || \"ul\";\n\n  return (\n    <OptionListProvider value={value} values={values} setValues={setValues} setValue={setValue}>\n      <Element className={className} css={[optionListCSS({ popOver }), sx]} {...native}>\n        {children}\n      </Element>\n    </OptionListProvider>\n  );\n};\n"]}