@foi/design-system 0.0.17 → 0.0.18

package/dist/{RadioGroup-DzEJw4WJ.js → RadioGroup-D_R-nwCD.js}

@@ -1,6 +1,6 @@
-import { i as e, n as t, r as n } from "./emotion-react-jsx-runtime.browser.esm-Ch-DwUYg.js";
-import { r } from "./theme-D01EcUA9.js";
-import { a as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./RadioGroup.context-Bu218uUX.js";
+import { i as e, n as t, r as n } from "./emotion-react-jsx-runtime.browser.esm-Ct_bZ5JG.js";
+import { r } from "./theme-CLkxVsoE.js";
+import { a as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./RadioGroup.context-CdFGi5z1.js";
 import d, { useEffect as f, useMemo as p, useRef as m } from "react";
 import { css as h } from "@emotion/react";
 import { useController as g } from "react-hook-form";
@@ -453,4 +453,4 @@ var j = ({ theme: n, variant: r = "default", ...i }) => {
 //#endregion
 export { S as i, j as n, E as r, I as t };
 
-//# sourceMappingURL=RadioGroup-DzEJw4WJ.js.map
+//# sourceMappingURL=RadioGroup-D_R-nwCD.js.map

package/dist/{RadioGroup-DzEJw4WJ.js.map → RadioGroup-D_R-nwCD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup-DzEJw4WJ.js","names":[],"sources":["../src/components/molecules/CheckboxGroup/CheckboxGroup.emotion.ts","../src/components/molecules/CheckboxGroup/CheckboxGroup.tsx","../src/components/molecules/CheckboxGroup/index.tsx","../src/components/molecules/CheckboxTree/CheckboxTree.emotion.ts","../src/components/molecules/CheckboxTree/CheckboxTree.tsx","../src/components/molecules/CheckboxTree/index.tsx","../src/components/molecules/Modal/Modal.emotion.ts","../src/components/molecules/Modal/Modal.tsx","../src/components/molecules/Modal/index.tsx","../src/components/molecules/RadioGroup/RadioGroup.emotion.ts","../src/components/molecules/RadioGroup/RadioGroup.tsx","../src/components/molecules/RadioGroup/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst labelColor = (theme: Record<string, string>, event: string): string => `\n  .--CHECKBOXGROUP-label {\n    ${getStyle(theme, 'color', `--CHECKBOXGROUP-EVENTS-${event}-COLOR-PRIMARY`)}\n  }\n\n  .--CHECKBOXGROUP-helperText {\n    ${getStyle(theme, 'color', `--CHECKBOXGROUP-EVENTS-${event}-COLOR-SECONDARY`)}\n  }\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--CHECKBOXGROUP {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    // ENABLED\n    ${labelColor(theme, 'ENABLED')};\n\n    // ERROR\n    &.--CHECKBOXGROUP-error {\n      ${labelColor(theme, 'ERROR')};\n    }\n\n    // DISABLED\n    &.--CHECKBOXGROUP-disabled {\n      ${labelColor(theme, 'DISABLED')};\n    }\n\n    .--CHECKBOXGROUP-items {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    &.--CHECKBOXGROUP--horizontal .--CHECKBOXGROUP-items {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n\n    .--CHECKBOXGROUP-label {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 0.875rem;\n      font-weight: 500;\n      line-height: 1;\n    }\n\n    .--CHECKBOXGROUP-helperText {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n    }\n  }\n`;\n\nexport default Style;\n","// Component Base\nimport emotion from './CheckboxGroup.emotion';\nimport type { CheckboxGroupProps } from './CheckboxGroup.interface';\nimport { CheckboxGroupContext } from './CheckboxGroup.context';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\n\nconst CLASS = '--CHECKBOXGROUP';\n\n/**\n * CheckboxGroup manages a set of `<Checkbox>` children as a single RHF field.\n * The form value is `string[]` — the `value` props of every checked child.\n *\n * Validation (min, max, custom) is declared on the Zod schema:\n * ```ts\n * z.object({\n *   options: z.array(z.string()).min(1, 'Select at least one').max(3, 'Select at most 3'),\n * })\n * ```\n *\n * @example\n * ```tsx\n * <CheckboxGroup name=\"options\" control={control} label=\"Skills\">\n *   <Checkbox value=\"react\" label=\"React\" />\n *   <Checkbox value=\"vue\" label=\"Vue\" />\n * </CheckboxGroup>\n * ```\n */\nconst CheckboxGroup = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  children,\n  label,\n  helperText,\n  showErrorText = true,\n  disabled,\n  direction = 'vertical',\n  style,\n  className,\n}: CheckboxGroupProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name: name as FieldPath<TFieldValues> });\n\n  const checkedValues: string[] = Array.isArray(field.value) ? field.value : [];\n  const errorText = fieldState.error;\n\n  const onChange = (value: string, checked: boolean) => {\n    const next = checked ? [...checkedValues, value] : checkedValues.filter(v => v !== value);\n    field.onChange(next);\n    field.onBlur();\n  };\n\n  return (\n    <CheckboxGroupContext.Provider value={{ checkedValues, onChange, disabled, error: errorText }}>\n      <div\n        className={[\n          CLASS,\n          `${CLASS}--${direction}`,\n          showErrorText && errorText?.message && `${CLASS}-error`,\n          disabled && `${CLASS}-disabled`,\n          className || '',\n        ].join(' ')}\n        css={emotion(style)}\n        data-testid={CLASS}\n      >\n        {label && (\n          <span className={`${CLASS}-label`} data-testid={`${CLASS}-label`}>\n            {label}\n          </span>\n        )}\n\n        <div className={`${CLASS}-items`} data-testid={`${CLASS}-items`}>\n          {children}\n        </div>\n\n        <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n          {helperText && (!errorText || !showErrorText) && helperText}\n          {showErrorText && errorText && errorText.message}\n        </span>\n      </div>\n    </CheckboxGroupContext.Provider>\n  );\n};\n\nexport default CheckboxGroup;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { CheckboxGroupStyleProps } from './CheckboxGroup.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport CheckboxGroupBase from './CheckboxGroup';\n\nconst CheckboxGroup = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: CheckboxGroupStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.CHECKBOXGROUP], theme, variant.toUpperCase());\n\n  return <CheckboxGroupBase {...rest} style={componentStyles} />;\n};\n\nexport default CheckboxGroup;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--CHECKBOXTREE {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    .--CHECKBOXTREE-children {\n      display: flex;\n      flex-direction: column;\n      padding-left: 36px;\n      gap: 16px;\n    }\n\n    .--CHECKBOXTREE-helperText {\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n      ${getStyle(theme, 'color', '--CHECKBOXTREE-EVENTS-ENABLED-COLOR-SECONDARY')}\n\n      &:empty {\n        display: none;\n      }\n    }\n\n    &.--CHECKBOXTREE-error {\n      .--CHECKBOXTREE-helperText {\n        ${getStyle(theme, 'color', '--CHECKBOXTREE-EVENTS-ERROR-COLOR-SECONDARY')}\n      }\n    }\n\n    &.--CHECKBOXTREE-disabled {\n      .--CHECKBOXTREE-helperText {\n        ${getStyle(theme, 'color', '--CHECKBOXTREE-EVENTS-DISABLED-COLOR-SECONDARY')}\n      }\n    }\n  }\n`;\n\nexport default Style;\n","import React, { useRef, useEffect, useMemo } from 'react';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\nimport Icon from '@components/atoms/Icon';\n// Component Base\nimport emotion from './CheckboxTree.emotion';\nimport type { CheckboxTreeProps } from './CheckboxTree.interface';\nimport Checkbox from '@components/atoms/Checkbox';\nimport { CheckboxTreeContext } from './CheckboxTree.context';\n\nconst CLASS = '--CHECKBOXTREE';\n\n/**\n * CheckboxTree renders a parent `<Checkbox>` that controls all of its `<Checkbox>` children.\n *\n * Parent states:\n * - **Checked** — all children are checked.\n * - **Unchecked** — no children are checked.\n * - **Indeterminate** — some (but not all) children are checked.\n *\n * The form value is `string[]` — the `value` props of every checked child.\n * Validation is declared on the Zod schema, the same way as CheckboxGroup.\n *\n * @example\n * ```tsx\n * <CheckboxTree name=\"options\" control={control} label=\"Select all\">\n *   <Checkbox value=\"a\" label=\"Option A\" />\n *   <Checkbox value=\"b\" label=\"Option B\" />\n * </CheckboxTree>\n * ```\n */\nconst CheckboxTree = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  children,\n  label,\n  iconChecked = <Icon name='check' />,\n  iconIndeterminate = <Icon name='remove' />,\n  helperText,\n  showErrorText = true,\n  disabled,\n  style,\n  className,\n}: CheckboxTreeProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name: name as FieldPath<TFieldValues> });\n\n  const checkedValues: string[] = Array.isArray(field.value) ? field.value : [];\n  const errorText = fieldState.error;\n\n  const childValues = useMemo(\n    () =>\n      React.Children.toArray(children)\n        .map(child => {\n          const el = child as React.ReactElement<{ value?: string; name?: string }>;\n          return el.props?.value ?? el.props?.name ?? '';\n        })\n        .filter(Boolean),\n    [children],\n  );\n\n  const allChecked = childValues.length > 0 && childValues.every(v => checkedValues.includes(v));\n  const someChecked = !allChecked && childValues.some(v => checkedValues.includes(v));\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const input = rootRef.current?.querySelectorAll<HTMLInputElement>('input[type=\"checkbox\"]')[0];\n    if (input) input.indeterminate = someChecked;\n  }, [someChecked]);\n\n  const onParentChange = (checked: boolean) => {\n    const next = checked ? [...childValues] : [];\n    field.onChange(next);\n    field.onBlur();\n  };\n\n  const onChange = (value: string, checked: boolean) => {\n    const next = checked ? [...checkedValues, value] : checkedValues.filter(v => v !== value);\n    field.onChange(next);\n    field.onBlur();\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      className={[\n        CLASS,\n        showErrorText && errorText?.message ? `${CLASS}-error` : '',\n        disabled ? `${CLASS}-disabled` : '',\n        className || '',\n      ].join(' ')}\n      css={emotion(style)}\n      data-testid={CLASS}\n    >\n      <Checkbox\n        checked={allChecked || someChecked}\n        onChecked={onParentChange}\n        label={label}\n        icon={someChecked ? iconIndeterminate : iconChecked}\n        disabled={disabled}\n        showErrorText={false}\n        helperText={undefined}\n      />\n\n      <CheckboxTreeContext.Provider value={{ checkedValues, onChange, disabled, error: errorText }}>\n        <div className={`${CLASS}-children`} data-testid={`${CLASS}-children`}>\n          {children}\n        </div>\n      </CheckboxTreeContext.Provider>\n\n      <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n        {helperText && (!errorText || !showErrorText) && helperText}\n        {showErrorText && errorText && errorText.message}\n      </span>\n    </div>\n  );\n};\n\nexport default CheckboxTree;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { CheckboxTreeStyleProps } from './CheckboxTree.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport CheckboxTreeBase from './CheckboxTree';\n\nconst CheckboxTree = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: CheckboxTreeStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.CHECKBOXTREE], theme, variant.toUpperCase());\n\n  return <CheckboxTreeBase {...rest} style={componentStyles} />;\n};\n\nexport default CheckboxTree;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst container = (theme: Record<string, string>, event: string): string => `\n    // BACKGROUNDS\n    ${getStyle(theme, 'background-color', `--MODAL-${event}-BACKGROUND-COLOR`)}\n        \n    // BORDERS\n    ${getStyle(theme, 'border-color', `--MODAL-${event}-BORDER-COLOR`)}\n    ${getStyle(theme, 'border-width', `--MODAL-${event}-BORDER-WIDTH`)}\n    ${getStyle(theme, 'border-style', `--MODAL-${event}-BORDER-STYLE`)}\n    ${getStyle(theme, 'border-radius', `--MODAL-${event}-BORDER-RADIUS`)}\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--MODAL-scrim {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  .--MODAL {\n    display: flex;\n    flex-direction: column;\n    width: 480px;\n    max-width: calc(100vw - 48px);\n    max-height: calc(100vh - 64px);\n    overflow: hidden;\n    box-shadow:\n      rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,\n      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,\n      rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;\n\n    ${container(theme, 'ROOT')}\n\n    &.--MODAL-lg {\n      width: 720px;\n    }\n\n    .--MODAL-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      flex-shrink: 0;\n    }\n\n    .--MODAL-title {\n      flex: 1;\n      margin: 0;\n\n      ${getStyle(theme, 'color', '--MODAL-EVENTS-ENABLED-COLOR-PRIMARY')};\n\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 1rem;\n      font-weight: 600;\n      line-height: 1.25;\n    }\n\n    .--MODAL-body {\n      flex: 1;\n      padding: 20px;\n      overflow-y: auto;\n\n      ${getStyle(theme, 'color', '--MODAL-EVENTS-ENABLED-COLOR-SECONDARY')};\n\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 0.875rem;\n      line-height: 1.5;\n    }\n\n    .--MODAL-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 16px 20px;\n      flex-shrink: 0;\n    }\n  }\n`;\n\nexport default Style;\n","import { type FC, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\n// Component Base\nimport emotion from './Modal.emotion';\nimport type { ModalProps } from './Modal.interface';\n// Custom Components\nimport IconButton from '@components/atoms/IconButton';\nimport Icon from '@components/atoms/Icon';\n\nconst CLASS = '--MODAL';\n\n/**\n * Generic overlay dialog rendered via a portal into `document.body`.\n *\n * Closes on:\n * - Clicking the × button in the header.\n * - Pressing **Escape** (unless `staticBackdrop` is `true`).\n * - Clicking the semi-transparent backdrop (unless `staticBackdrop` is `true`).\n *\n * Pass `footer` to render action buttons below the body content.\n */\nconst Modal: FC<ModalProps> = ({\n  open,\n  onClose,\n  header,\n  showCloseButton = true,\n  size = 'md',\n  children,\n  footer,\n  staticBackdrop = false,\n  className,\n  style,\n}) => {\n  useEffect(() => {\n    if (!open || staticBackdrop) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [open, onClose, staticBackdrop]);\n\n  if (!open) return null;\n\n  return createPortal(\n    <div\n      className={`${CLASS}-scrim`}\n      css={emotion(style)}\n      role='dialog'\n      aria-modal='true'\n      onClick={e => {\n        if (!staticBackdrop && e.target === e.currentTarget) onClose();\n      }}\n    >\n      <div className={[CLASS, size === 'lg' ? `${CLASS}-lg` : '', className || ''].filter(Boolean).join(' ')}>\n        {(header !== undefined || showCloseButton) && (\n          <header className={`${CLASS}-header`}>\n            {header}\n            {showCloseButton && <IconButton icon={<Icon name='close' />} onClick={onClose} aria-label='Cerrar modal' />}\n          </header>\n        )}\n        {children !== undefined && <div className={`${CLASS}-body`}>{children}</div>}\n        {footer && <footer className={`${CLASS}-footer`}>{footer}</footer>}\n      </div>\n    </div>,\n    document.body,\n  );\n};\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { FC } from 'react';\nimport type { ModalStyleProps } from './Modal.interface';\nimport ModalBase from './Modal';\n\nconst Modal: FC<ModalStyleProps> = ({ theme, variant = 'default', ...rest }) => {\n  const { componentStyles } = useCreateComponentStyles([Component.MODAL], theme, variant.toUpperCase());\n  return <ModalBase {...rest} style={componentStyles} />;\n};\n\nexport default Modal;\nexport type { ModalStyleProps, ModalProps } from './Modal.interface';\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst labelColor = (theme: Record<string, string>, event: string): string => `\n  .--RADIOGROUP-label {\n    ${getStyle(theme, 'color', `--RADIOGROUP-EVENTS-${event}-COLOR-PRIMARY`)}\n  }\n\n  .--RADIOGROUP-helperText {\n    ${getStyle(theme, 'color', `--RADIOGROUP-EVENTS-${event}-COLOR-SECONDARY`)}\n  }\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--RADIOGROUP {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    // ENABLED\n    ${labelColor(theme, 'ENABLED')};\n\n    // ERROR\n    &.--RADIOGROUP-error {\n      ${labelColor(theme, 'ERROR')};\n    }\n\n    // DISABLED\n    &.--RADIOGROUP-disabled {\n      ${labelColor(theme, 'DISABLED')};\n    }\n\n    .--RADIOGROUP-items {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    &.--RADIOGROUP--horizontal .--RADIOGROUP-items {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n\n    .--RADIOGROUP-label {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 0.875rem;\n      font-weight: 500;\n      line-height: 1;\n    }\n\n    .--RADIOGROUP-helperText {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n    }\n  }\n`;\n\nexport default Style;\n","// Component Base\nimport React from 'react';\nimport emotion from './RadioGroup.emotion';\nimport type { RadioGroupProps } from './RadioGroup.interface';\nimport { RadioGroupContext } from '@components/atoms/Radio/RadioGroup.context';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\n\nconst CLASS = '--RADIOGROUP';\n\n/**\n * RadioGroup manages a set of `<Radio>` children as a single RHF field.\n * The form value is a `string` — the `value` prop of the selected Radio.\n *\n * Provides a `RadioGroupContext` that every child `<Radio>` reads its selected state from.\n * Rendering a `<Radio>` outside a RadioGroup throws an error.\n *\n * @example\n * ```tsx\n * <RadioGroup name=\"option\" control={control} label=\"Pick one\">\n *   <Radio value=\"a\" label=\"Option A\" />\n *   <Radio value=\"b\" label=\"Option B\" />\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  children,\n  label,\n  helperText,\n  showErrorText = true,\n  disabled,\n  direction = 'vertical',\n  style,\n  className,\n}: RadioGroupProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name: name as FieldPath<TFieldValues> });\n\n  const selectedValue: string = typeof field.value === 'string' ? field.value : '';\n  const errorText = fieldState.error;\n\n  const onChange = (value: string) => {\n    field.onChange(value);\n    field.onBlur();\n  };\n\n  const firstValue =\n    (\n      React.Children.toArray(children).find(\n        (child): child is React.ReactElement<{ value?: string; disabled?: boolean }> =>\n          React.isValidElement<{ value?: string; disabled?: boolean }>(child) && !child.props.disabled,\n      ) as React.ReactElement<{ value?: string }> | undefined\n    )?.props.value ?? '';\n\n  return (\n    <RadioGroupContext.Provider value={{ name, selectedValue, onChange, disabled, error: errorText, firstValue }}>\n      <div\n        className={[\n          CLASS,\n          `${CLASS}--${direction}`,\n          showErrorText && errorText?.message && `${CLASS}-error`,\n          disabled && `${CLASS}-disabled`,\n          className || '',\n        ].join(' ')}\n        css={emotion(style)}\n        data-testid={CLASS}\n      >\n        {label && (\n          <span className={`${CLASS}-label`} data-testid={`${CLASS}-label`}>\n            {label}\n          </span>\n        )}\n\n        <div className={`${CLASS}-items`} data-testid={`${CLASS}-items`}>\n          {children}\n        </div>\n\n        <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n          {helperText && (!errorText || !showErrorText) && helperText}\n          {showErrorText && errorText && errorText.message}\n        </span>\n      </div>\n    </RadioGroupContext.Provider>\n  );\n};\n\nexport default RadioGroup;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { RadioGroupStyleProps } from './RadioGroup.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport RadioGroupBase from './RadioGroup';\n\nconst RadioGroup = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: RadioGroupStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.RADIOGROUP], theme, variant.toUpperCase());\n\n  return <RadioGroupBase {...rest} style={componentStyles} />;\n};\n\nexport default RadioGroup;\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup-D_R-nwCD.js","names":[],"sources":["../src/components/molecules/CheckboxGroup/CheckboxGroup.emotion.ts","../src/components/molecules/CheckboxGroup/CheckboxGroup.tsx","../src/components/molecules/CheckboxGroup/index.tsx","../src/components/molecules/CheckboxTree/CheckboxTree.emotion.ts","../src/components/molecules/CheckboxTree/CheckboxTree.tsx","../src/components/molecules/CheckboxTree/index.tsx","../src/components/molecules/Modal/Modal.emotion.ts","../src/components/molecules/Modal/Modal.tsx","../src/components/molecules/Modal/index.tsx","../src/components/molecules/RadioGroup/RadioGroup.emotion.ts","../src/components/molecules/RadioGroup/RadioGroup.tsx","../src/components/molecules/RadioGroup/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst labelColor = (theme: Record<string, string>, event: string): string => `\n  .--CHECKBOXGROUP-label {\n    ${getStyle(theme, 'color', `--CHECKBOXGROUP-EVENTS-${event}-COLOR-PRIMARY`)}\n  }\n\n  .--CHECKBOXGROUP-helperText {\n    ${getStyle(theme, 'color', `--CHECKBOXGROUP-EVENTS-${event}-COLOR-SECONDARY`)}\n  }\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--CHECKBOXGROUP {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    // ENABLED\n    ${labelColor(theme, 'ENABLED')};\n\n    // ERROR\n    &.--CHECKBOXGROUP-error {\n      ${labelColor(theme, 'ERROR')};\n    }\n\n    // DISABLED\n    &.--CHECKBOXGROUP-disabled {\n      ${labelColor(theme, 'DISABLED')};\n    }\n\n    .--CHECKBOXGROUP-items {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    &.--CHECKBOXGROUP--horizontal .--CHECKBOXGROUP-items {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n\n    .--CHECKBOXGROUP-label {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 0.875rem;\n      font-weight: 500;\n      line-height: 1;\n    }\n\n    .--CHECKBOXGROUP-helperText {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n    }\n  }\n`;\n\nexport default Style;\n","// Component Base\nimport emotion from './CheckboxGroup.emotion';\nimport type { CheckboxGroupProps } from './CheckboxGroup.interface';\nimport { CheckboxGroupContext } from './CheckboxGroup.context';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\n\nconst CLASS = '--CHECKBOXGROUP';\n\n/**\n * CheckboxGroup manages a set of `<Checkbox>` children as a single RHF field.\n * The form value is `string[]` — the `value` props of every checked child.\n *\n * Validation (min, max, custom) is declared on the Zod schema:\n * ```ts\n * z.object({\n *   options: z.array(z.string()).min(1, 'Select at least one').max(3, 'Select at most 3'),\n * })\n * ```\n *\n * @example\n * ```tsx\n * <CheckboxGroup name=\"options\" control={control} label=\"Skills\">\n *   <Checkbox value=\"react\" label=\"React\" />\n *   <Checkbox value=\"vue\" label=\"Vue\" />\n * </CheckboxGroup>\n * ```\n */\nconst CheckboxGroup = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  children,\n  label,\n  helperText,\n  showErrorText = true,\n  disabled,\n  direction = 'vertical',\n  style,\n  className,\n}: CheckboxGroupProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name: name as FieldPath<TFieldValues> });\n\n  const checkedValues: string[] = Array.isArray(field.value) ? field.value : [];\n  const errorText = fieldState.error;\n\n  const onChange = (value: string, checked: boolean) => {\n    const next = checked ? [...checkedValues, value] : checkedValues.filter(v => v !== value);\n    field.onChange(next);\n    field.onBlur();\n  };\n\n  return (\n    <CheckboxGroupContext.Provider value={{ checkedValues, onChange, disabled, error: errorText }}>\n      <div\n        className={[\n          CLASS,\n          `${CLASS}--${direction}`,\n          showErrorText && errorText?.message && `${CLASS}-error`,\n          disabled && `${CLASS}-disabled`,\n          className || '',\n        ].join(' ')}\n        css={emotion(style)}\n        data-testid={CLASS}\n      >\n        {label && (\n          <span className={`${CLASS}-label`} data-testid={`${CLASS}-label`}>\n            {label}\n          </span>\n        )}\n\n        <div className={`${CLASS}-items`} data-testid={`${CLASS}-items`}>\n          {children}\n        </div>\n\n        <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n          {helperText && (!errorText || !showErrorText) && helperText}\n          {showErrorText && errorText && errorText.message}\n        </span>\n      </div>\n    </CheckboxGroupContext.Provider>\n  );\n};\n\nexport default CheckboxGroup;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { CheckboxGroupStyleProps } from './CheckboxGroup.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport CheckboxGroupBase from './CheckboxGroup';\n\nconst CheckboxGroup = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: CheckboxGroupStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.CHECKBOXGROUP], theme, variant.toUpperCase());\n\n  return <CheckboxGroupBase {...rest} style={componentStyles} />;\n};\n\nexport default CheckboxGroup;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--CHECKBOXTREE {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    .--CHECKBOXTREE-children {\n      display: flex;\n      flex-direction: column;\n      padding-left: 36px;\n      gap: 16px;\n    }\n\n    .--CHECKBOXTREE-helperText {\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n      ${getStyle(theme, 'color', '--CHECKBOXTREE-EVENTS-ENABLED-COLOR-SECONDARY')}\n\n      &:empty {\n        display: none;\n      }\n    }\n\n    &.--CHECKBOXTREE-error {\n      .--CHECKBOXTREE-helperText {\n        ${getStyle(theme, 'color', '--CHECKBOXTREE-EVENTS-ERROR-COLOR-SECONDARY')}\n      }\n    }\n\n    &.--CHECKBOXTREE-disabled {\n      .--CHECKBOXTREE-helperText {\n        ${getStyle(theme, 'color', '--CHECKBOXTREE-EVENTS-DISABLED-COLOR-SECONDARY')}\n      }\n    }\n  }\n`;\n\nexport default Style;\n","import React, { useRef, useEffect, useMemo } from 'react';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\nimport Icon from '@components/atoms/Icon';\n// Component Base\nimport emotion from './CheckboxTree.emotion';\nimport type { CheckboxTreeProps } from './CheckboxTree.interface';\nimport Checkbox from '@components/atoms/Checkbox';\nimport { CheckboxTreeContext } from './CheckboxTree.context';\n\nconst CLASS = '--CHECKBOXTREE';\n\n/**\n * CheckboxTree renders a parent `<Checkbox>` that controls all of its `<Checkbox>` children.\n *\n * Parent states:\n * - **Checked** — all children are checked.\n * - **Unchecked** — no children are checked.\n * - **Indeterminate** — some (but not all) children are checked.\n *\n * The form value is `string[]` — the `value` props of every checked child.\n * Validation is declared on the Zod schema, the same way as CheckboxGroup.\n *\n * @example\n * ```tsx\n * <CheckboxTree name=\"options\" control={control} label=\"Select all\">\n *   <Checkbox value=\"a\" label=\"Option A\" />\n *   <Checkbox value=\"b\" label=\"Option B\" />\n * </CheckboxTree>\n * ```\n */\nconst CheckboxTree = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  children,\n  label,\n  iconChecked = <Icon name='check' />,\n  iconIndeterminate = <Icon name='remove' />,\n  helperText,\n  showErrorText = true,\n  disabled,\n  style,\n  className,\n}: CheckboxTreeProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name: name as FieldPath<TFieldValues> });\n\n  const checkedValues: string[] = Array.isArray(field.value) ? field.value : [];\n  const errorText = fieldState.error;\n\n  const childValues = useMemo(\n    () =>\n      React.Children.toArray(children)\n        .map(child => {\n          const el = child as React.ReactElement<{ value?: string; name?: string }>;\n          return el.props?.value ?? el.props?.name ?? '';\n        })\n        .filter(Boolean),\n    [children],\n  );\n\n  const allChecked = childValues.length > 0 && childValues.every(v => checkedValues.includes(v));\n  const someChecked = !allChecked && childValues.some(v => checkedValues.includes(v));\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const input = rootRef.current?.querySelectorAll<HTMLInputElement>('input[type=\"checkbox\"]')[0];\n    if (input) input.indeterminate = someChecked;\n  }, [someChecked]);\n\n  const onParentChange = (checked: boolean) => {\n    const next = checked ? [...childValues] : [];\n    field.onChange(next);\n    field.onBlur();\n  };\n\n  const onChange = (value: string, checked: boolean) => {\n    const next = checked ? [...checkedValues, value] : checkedValues.filter(v => v !== value);\n    field.onChange(next);\n    field.onBlur();\n  };\n\n  return (\n    <div\n      ref={rootRef}\n      className={[\n        CLASS,\n        showErrorText && errorText?.message ? `${CLASS}-error` : '',\n        disabled ? `${CLASS}-disabled` : '',\n        className || '',\n      ].join(' ')}\n      css={emotion(style)}\n      data-testid={CLASS}\n    >\n      <Checkbox\n        checked={allChecked || someChecked}\n        onChecked={onParentChange}\n        label={label}\n        icon={someChecked ? iconIndeterminate : iconChecked}\n        disabled={disabled}\n        showErrorText={false}\n        helperText={undefined}\n      />\n\n      <CheckboxTreeContext.Provider value={{ checkedValues, onChange, disabled, error: errorText }}>\n        <div className={`${CLASS}-children`} data-testid={`${CLASS}-children`}>\n          {children}\n        </div>\n      </CheckboxTreeContext.Provider>\n\n      <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n        {helperText && (!errorText || !showErrorText) && helperText}\n        {showErrorText && errorText && errorText.message}\n      </span>\n    </div>\n  );\n};\n\nexport default CheckboxTree;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { CheckboxTreeStyleProps } from './CheckboxTree.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport CheckboxTreeBase from './CheckboxTree';\n\nconst CheckboxTree = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: CheckboxTreeStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.CHECKBOXTREE], theme, variant.toUpperCase());\n\n  return <CheckboxTreeBase {...rest} style={componentStyles} />;\n};\n\nexport default CheckboxTree;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst container = (theme: Record<string, string>, event: string): string => `\n    // BACKGROUNDS\n    ${getStyle(theme, 'background-color', `--MODAL-${event}-BACKGROUND-COLOR`)}\n        \n    // BORDERS\n    ${getStyle(theme, 'border-color', `--MODAL-${event}-BORDER-COLOR`)}\n    ${getStyle(theme, 'border-width', `--MODAL-${event}-BORDER-WIDTH`)}\n    ${getStyle(theme, 'border-style', `--MODAL-${event}-BORDER-STYLE`)}\n    ${getStyle(theme, 'border-radius', `--MODAL-${event}-BORDER-RADIUS`)}\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--MODAL-scrim {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  .--MODAL {\n    display: flex;\n    flex-direction: column;\n    width: 480px;\n    max-width: calc(100vw - 48px);\n    max-height: calc(100vh - 64px);\n    overflow: hidden;\n    box-shadow:\n      rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,\n      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,\n      rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;\n\n    ${container(theme, 'ROOT')}\n\n    &.--MODAL-lg {\n      width: 720px;\n    }\n\n    .--MODAL-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      flex-shrink: 0;\n    }\n\n    .--MODAL-title {\n      flex: 1;\n      margin: 0;\n\n      ${getStyle(theme, 'color', '--MODAL-EVENTS-ENABLED-COLOR-PRIMARY')};\n\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 1rem;\n      font-weight: 600;\n      line-height: 1.25;\n    }\n\n    .--MODAL-body {\n      flex: 1;\n      padding: 20px;\n      overflow-y: auto;\n\n      ${getStyle(theme, 'color', '--MODAL-EVENTS-ENABLED-COLOR-SECONDARY')};\n\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 0.875rem;\n      line-height: 1.5;\n    }\n\n    .--MODAL-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 16px 20px;\n      flex-shrink: 0;\n    }\n  }\n`;\n\nexport default Style;\n","import { type FC, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\n// Component Base\nimport emotion from './Modal.emotion';\nimport type { ModalProps } from './Modal.interface';\n// Custom Components\nimport IconButton from '@components/atoms/IconButton';\nimport Icon from '@components/atoms/Icon';\n\nconst CLASS = '--MODAL';\n\n/**\n * Generic overlay dialog rendered via a portal into `document.body`.\n *\n * Closes on:\n * - Clicking the × button in the header.\n * - Pressing **Escape** (unless `staticBackdrop` is `true`).\n * - Clicking the semi-transparent backdrop (unless `staticBackdrop` is `true`).\n *\n * Pass `footer` to render action buttons below the body content.\n */\nconst Modal: FC<ModalProps> = ({\n  open,\n  onClose,\n  header,\n  showCloseButton = true,\n  size = 'md',\n  children,\n  footer,\n  staticBackdrop = false,\n  className,\n  style,\n}) => {\n  useEffect(() => {\n    if (!open || staticBackdrop) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [open, onClose, staticBackdrop]);\n\n  if (!open) return null;\n\n  return createPortal(\n    <div\n      className={`${CLASS}-scrim`}\n      css={emotion(style)}\n      role='dialog'\n      aria-modal='true'\n      onClick={e => {\n        if (!staticBackdrop && e.target === e.currentTarget) onClose();\n      }}\n    >\n      <div className={[CLASS, size === 'lg' ? `${CLASS}-lg` : '', className || ''].filter(Boolean).join(' ')}>\n        {(header !== undefined || showCloseButton) && (\n          <header className={`${CLASS}-header`}>\n            {header}\n            {showCloseButton && <IconButton icon={<Icon name='close' />} onClick={onClose} aria-label='Cerrar modal' />}\n          </header>\n        )}\n        {children !== undefined && <div className={`${CLASS}-body`}>{children}</div>}\n        {footer && <footer className={`${CLASS}-footer`}>{footer}</footer>}\n      </div>\n    </div>,\n    document.body,\n  );\n};\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { FC } from 'react';\nimport type { ModalStyleProps } from './Modal.interface';\nimport ModalBase from './Modal';\n\nconst Modal: FC<ModalStyleProps> = ({ theme, variant = 'default', ...rest }) => {\n  const { componentStyles } = useCreateComponentStyles([Component.MODAL], theme, variant.toUpperCase());\n  return <ModalBase {...rest} style={componentStyles} />;\n};\n\nexport default Modal;\nexport type { ModalStyleProps, ModalProps } from './Modal.interface';\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst labelColor = (theme: Record<string, string>, event: string): string => `\n  .--RADIOGROUP-label {\n    ${getStyle(theme, 'color', `--RADIOGROUP-EVENTS-${event}-COLOR-PRIMARY`)}\n  }\n\n  .--RADIOGROUP-helperText {\n    ${getStyle(theme, 'color', `--RADIOGROUP-EVENTS-${event}-COLOR-SECONDARY`)}\n  }\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--RADIOGROUP {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    // ENABLED\n    ${labelColor(theme, 'ENABLED')};\n\n    // ERROR\n    &.--RADIOGROUP-error {\n      ${labelColor(theme, 'ERROR')};\n    }\n\n    // DISABLED\n    &.--RADIOGROUP-disabled {\n      ${labelColor(theme, 'DISABLED')};\n    }\n\n    .--RADIOGROUP-items {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    &.--RADIOGROUP--horizontal .--RADIOGROUP-items {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n\n    .--RADIOGROUP-label {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 0.875rem;\n      font-weight: 500;\n      line-height: 1;\n    }\n\n    .--RADIOGROUP-helperText {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n    }\n  }\n`;\n\nexport default Style;\n","// Component Base\nimport React from 'react';\nimport emotion from './RadioGroup.emotion';\nimport type { RadioGroupProps } from './RadioGroup.interface';\nimport { RadioGroupContext } from '@components/atoms/Radio/RadioGroup.context';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\n\nconst CLASS = '--RADIOGROUP';\n\n/**\n * RadioGroup manages a set of `<Radio>` children as a single RHF field.\n * The form value is a `string` — the `value` prop of the selected Radio.\n *\n * Provides a `RadioGroupContext` that every child `<Radio>` reads its selected state from.\n * Rendering a `<Radio>` outside a RadioGroup throws an error.\n *\n * @example\n * ```tsx\n * <RadioGroup name=\"option\" control={control} label=\"Pick one\">\n *   <Radio value=\"a\" label=\"Option A\" />\n *   <Radio value=\"b\" label=\"Option B\" />\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  children,\n  label,\n  helperText,\n  showErrorText = true,\n  disabled,\n  direction = 'vertical',\n  style,\n  className,\n}: RadioGroupProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name: name as FieldPath<TFieldValues> });\n\n  const selectedValue: string = typeof field.value === 'string' ? field.value : '';\n  const errorText = fieldState.error;\n\n  const onChange = (value: string) => {\n    field.onChange(value);\n    field.onBlur();\n  };\n\n  const firstValue =\n    (\n      React.Children.toArray(children).find(\n        (child): child is React.ReactElement<{ value?: string; disabled?: boolean }> =>\n          React.isValidElement<{ value?: string; disabled?: boolean }>(child) && !child.props.disabled,\n      ) as React.ReactElement<{ value?: string }> | undefined\n    )?.props.value ?? '';\n\n  return (\n    <RadioGroupContext.Provider value={{ name, selectedValue, onChange, disabled, error: errorText, firstValue }}>\n      <div\n        className={[\n          CLASS,\n          `${CLASS}--${direction}`,\n          showErrorText && errorText?.message && `${CLASS}-error`,\n          disabled && `${CLASS}-disabled`,\n          className || '',\n        ].join(' ')}\n        css={emotion(style)}\n        data-testid={CLASS}\n      >\n        {label && (\n          <span className={`${CLASS}-label`} data-testid={`${CLASS}-label`}>\n            {label}\n          </span>\n        )}\n\n        <div className={`${CLASS}-items`} data-testid={`${CLASS}-items`}>\n          {children}\n        </div>\n\n        <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n          {helperText && (!errorText || !showErrorText) && helperText}\n          {showErrorText && errorText && errorText.message}\n        </span>\n      </div>\n    </RadioGroupContext.Provider>\n  );\n};\n\nexport default RadioGroup;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { RadioGroupStyleProps } from './RadioGroup.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport RadioGroupBase from './RadioGroup';\n\nconst RadioGroup = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: RadioGroupStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.RADIOGROUP], theme, variant.toUpperCase());\n\n  return <RadioGroupBase {...rest} style={componentStyles} />;\n};\n\nexport default RadioGroup;\n"],"mappings":"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"}

package/dist/{RadioGroup.context-Bu218uUX.js → RadioGroup.context-CdFGi5z1.js}

@@ -1,5 +1,5 @@
-import { i as e, n as t, r as n } from "./emotion-react-jsx-runtime.browser.esm-Ch-DwUYg.js";
-import { r } from "./theme-D01EcUA9.js";
+import { i as e, n as t, r as n } from "./emotion-react-jsx-runtime.browser.esm-Ct_bZ5JG.js";
+import { r } from "./theme-CLkxVsoE.js";
 import i, { createContext as a, useContext as o, useState as s } from "react";
 import { css as c } from "@emotion/react";
 import { useController as l } from "react-hook-form";
@@ -598,4 +598,4 @@ var T = ({ name: e, control: n, ...r }) => {
 //#endregion
 export { x as a, S as i, I as n, p as o, D as r, u as s, L as t };
 
-//# sourceMappingURL=RadioGroup.context-Bu218uUX.js.map
+//# sourceMappingURL=RadioGroup.context-CdFGi5z1.js.map

package/dist/{RadioGroup.context-Bu218uUX.js.map → RadioGroup.context-CdFGi5z1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.context-Bu218uUX.js","names":[],"sources":["../src/hocs/ThemeProvider/interfaces/Components.interface.ts","../src/components/atoms/Icon/Icon.emotion.ts","../src/components/atoms/Icon/Icon.tsx","../src/components/atoms/Checkbox/Checkbox.emotion.ts","../src/components/molecules/CheckboxGroup/CheckboxGroup.context.ts","../src/components/molecules/CheckboxTree/CheckboxTree.context.ts","../src/components/atoms/Checkbox/Checkbox.tsx","../src/components/atoms/Checkbox/index.tsx","../src/components/atoms/IconButton/IconButton.emotion.ts","../src/components/atoms/IconButton/IconButton.tsx","../src/components/atoms/IconButton/index.tsx","../src/components/atoms/Radio/RadioGroup.context.ts"],"sourcesContent":["export enum Component {\n  // atoms\n  BUTTON = 'BUTTON',\n  ICONBUTTON = 'ICONBUTTON',\n  TEXTFIELD = 'TEXTFIELD',\n  NUMBERFIELD = 'NUMBERFIELD',\n  CHECKBOX = 'CHECKBOX',\n  RADIO = 'RADIO',\n  SELECT = 'SELECT',\n  SELECTMENU = 'SELECTMENU',\n  SWITCH = 'SWITCH',\n  SLIDER = 'SLIDER',\n  DATEPICKER = 'DATEPICKER',\n  DATEPICKERMENU = 'DATEPICKERMENU',\n  PAGINATION = 'PAGINATION',\n  PAGINATIONMENU = 'PAGINATIONMENU',\n\n  // molecules\n  CHECKBOXGROUP = 'CHECKBOXGROUP',\n  CHECKBOXTREE = 'CHECKBOXTREE',\n  RADIOGROUP = 'RADIOGROUP',\n  MODAL = 'MODAL',\n\n  // organisms\n  DATAGRID = 'DATAGRID',\n  DATAGRIDMENU = 'DATAGRIDMENU',\n}\n","import { css } from '@emotion/react';\n\nconst Style = () => css`\n  &.--ICON {\n    font-family: 'Material Symbols Rounded';\n    font-weight: normal;\n    font-style: normal;\n    font-size: 20px;\n    line-height: 1;\n    letter-spacing: normal;\n    text-transform: none;\n    display: inline-block;\n    white-space: nowrap;\n    word-wrap: normal;\n    direction: ltr;\n    font-variation-settings:\n      'FILL' 0,\n      'wght' 400,\n      'GRAD' 0,\n      'opsz' 24;\n    user-select: none;\n    vertical-align: middle;\n\n    &.--ICON-fill {\n      font-variation-settings:\n        'FILL' 1,\n        'wght' 500,\n        'GRAD' 0,\n        'opsz' 24;\n    }\n\n    &.--ICON-sm {\n      font-size: 18px;\n    }\n    &.--ICON-lg {\n      font-size: 24px;\n    }\n    &.--ICON-xl {\n      font-size: 36px;\n    }\n  }\n`;\n\nexport default Style;\n","// Component Base\nimport type { FC } from 'react';\nimport emotion from './Icon.emotion';\nimport type { IconProps } from './Icon.interface';\n\nconst CLASS = '--ICON';\n\n/**\n * Renders a single Material Symbols Rounded icon using font ligatures.\n *\n * Pass the ligature name as `name` (e.g. `'home'`, `'search'`, `'close'`).\n * The icon font is loaded once by `ThemeProvider` — no extra requests per icon.\n */\nconst Icon: FC<IconProps> = ({ name, fill = false, size = 'md', className, style }) => {\n  return (\n    <span\n      className={[CLASS, fill && `${CLASS}-fill`, size !== 'md' && `${CLASS}-${size}`, className]\n        .filter(Boolean)\n        .join(' ')}\n      css={emotion()}\n      style={style}\n      aria-hidden='true'\n      data-testid={CLASS}\n    >\n      {name}\n    </span>\n  );\n};\n\nexport default Icon;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst background = (theme: Record<string, string>, event: string): string => `\n  // BACKGROUNDS  \n  ${getStyle(theme, 'background-color', `--CHECKBOX-EVENTS-${event}-BACKGROUND-COLOR`)}\n`;\n\nconst border = (theme: Record<string, string>, event: string): string => `\n  // BORDERS\n  ${getStyle(theme, 'border-color', `--CHECKBOX-EVENTS-${event}-BORDER-COLOR`)}\n  ${getStyle(theme, 'border-width', `--CHECKBOX-EVENTS-${event}-BORDER-WIDTH`)}\n  ${getStyle(theme, 'border-style', `--CHECKBOX-EVENTS-${event}-BORDER-STYLE`)}\n`;\n\nconst outline = (theme: Record<string, string>, event: string): string => `  \n  // OUTLINE\n  ${getStyle(theme, 'outline-color', `--CHECKBOX-EVENTS-${event}-OUTLINE-COLOR`)}\n  ${getStyle(theme, 'outline-width', `--CHECKBOX-EVENTS-${event}-OUTLINE-WIDTH`)}\n  ${getStyle(theme, 'outline-style', `--CHECKBOX-EVENTS-${event}-OUTLINE-STYLE`)}\n  ${getStyle(theme, 'outline-offset', `--CHECKBOX-EVENTS-${event}-OUTLINE-OFFSET`)}\n`;\n\nconst shadow = (theme: Record<string, string>, event: string): string => `  \n  // SHADOW\n  ${getStyle(theme, 'background-color', `--CHECKBOX-EVENTS-${event}-SHADOW-COLOR`)}\n`;\n\nconst icon = (theme: Record<string, string>, event: string): string => `\n  // UTILS\n  > span {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-ICON-COLOR`)};\n  }\n`;\n\nconst label = (theme: Record<string, string>, event: string): string => `\n  // TYPOGRAPHY\n  .--CHECKBOX-label {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-COLOR-PRIMARY`)}\n  }\n\n  ~ .--CHECKBOX-helperText {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-COLOR-SECONDARY`)}\n  }\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--CHECKBOX {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    .--CHECKBOX-container {\n      display: flex;\n      flex-direction: row;\n      gap: 12px;\n      align-items: center;\n      cursor: pointer;\n\n      // ENABLED\n      ${label(theme, 'ENABLED')};\n\n      // VALUE\n      &:has(.--CHECKBOX-inputField:checked) {\n        ${label(theme, 'VALUE')};\n      }\n\n      // HOVER\n      &:hover {\n        ${label(theme, 'HOVER')};\n\n        .--CHECKBOX-checkbox .--CHECKBOX-span {\n          &:before {\n            opacity: 1;\n            ${shadow(theme, 'HOVER')};\n          }\n        }\n      }\n\n      // ACTIVE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-active, .--CHECKBOX-inputField:active) {\n        ${label(theme, 'ACTIVE')};\n      }\n\n      // FOCUS-VISIBLE\n      &:has(.--CHECKBOX-inputField:focus-visible) {\n        ${label(theme, 'FOCUS')};\n      }\n\n      // ERROR\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error) {\n        ${label(theme, 'ERROR')};\n      }\n\n      // ERROR + VALUE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:checked) {\n        ${label(theme, 'ERROR_VALUE')};\n      }\n\n      // ERROR + HOVER\n      &:hover:has(.--CHECKBOX-inputField.--CHECKBOX-error) {\n        ${label(theme, 'ERROR_HOVER')};\n\n        .--CHECKBOX-checkbox .--CHECKBOX-span {\n          &:before {\n            opacity: 1;\n            ${shadow(theme, 'ERROR_HOVER')};\n          }\n        }\n      }\n\n      // ERROR + ACTIVE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:active),\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error.--CHECKBOX-active) {\n        ${label(theme, 'ERROR_ACTIVE')};\n      }\n\n      // ERROR + FOCUS\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:focus-visible) {\n        ${label(theme, 'ERROR_FOCUS')};\n      }\n\n      // DISABLED\n      &:has(.--CHECKBOX-inputField:disabled) {\n        pointer-events: none;\n        ${label(theme, 'DISABLED')};\n      }\n\n      // DISABLED + VALUE\n      &:has(.--CHECKBOX-inputField:disabled:checked) {\n        ${label(theme, 'DISABLED_VALUE')};\n      }\n\n      .--CHECKBOX-checkbox {\n        position: relative;\n        display: inline-flex;\n        width: 24px;\n        height: 24px;\n        isolation: isolate;\n\n        .--CHECKBOX-inputField {\n          cursor: pointer;\n          position: absolute;\n          opacity: 0;\n          width: 100%;\n          height: 100%;\n          z-index: 2;\n          margin: 0;\n          -webkit-tap-highlight-color: transparent;\n\n          ~ .--CHECKBOX-span > span {\n            visibility: hidden;\n          }\n          &:checked ~ .--CHECKBOX-span > span,\n          &:indeterminate ~ .--CHECKBOX-span > span {\n            visibility: visible;\n          }\n\n          // ENABLED\n          ~ .--CHECKBOX-span {\n            ${background(theme, 'ENABLED')};\n            ${border(theme, 'ENABLED')};\n            ${icon(theme, 'ENABLED')};\n          }\n\n          // VALUE\n          &:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'VALUE')};\n            ${border(theme, 'VALUE')};\n            ${icon(theme, 'VALUE')};\n          }\n\n          // INDETERMINATE (same appearance as VALUE)\n          &:indeterminate ~ .--CHECKBOX-span {\n            ${background(theme, 'VALUE')};\n            ${border(theme, 'VALUE')};\n            ${icon(theme, 'VALUE')};\n          }\n\n          // HOVER\n          // Is at the container level\n\n          // ACTIVE\n          &.--CHECKBOX-active ~ .--CHECKBOX-span,\n          &:active ~ .--CHECKBOX-span {\n            &:before {\n              opacity: 1;\n              ${shadow(theme, 'ACTIVE')};\n            }\n          }\n\n          // FOCUS\n          &:focus-visible ~ .--CHECKBOX-span {\n            outline: none;\n            ${outline(theme, 'FOCUS')};\n            ${icon(theme, 'FOCUS')};\n          }\n\n          // ERROR\n          &.--CHECKBOX-error ~ .--CHECKBOX-span {\n            ${background(theme, 'ERROR')};\n            ${border(theme, 'ERROR')};\n            ${icon(theme, 'ERROR')};\n          }\n\n          // ERROR + VALUE\n          &.--CHECKBOX-error:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'ERROR_VALUE')};\n            ${border(theme, 'ERROR_VALUE')};\n            ${icon(theme, 'ERROR_VALUE')};\n          }\n\n          // ERROR + VALUE\n          // Is at the container level\n\n          // ERROR + ACTIVE\n          &.--CHECKBOX-error:active ~ .--CHECKBOX-span,\n          &.--CHECKBOX-error.--CHECKBOX-active ~ .--CHECKBOX-span {\n            &:before {\n              opacity: 1;\n              ${shadow(theme, 'ERROR_ACTIVE')};\n            }\n          }\n\n          // ERROR + FOCUS\n          &.--CHECKBOX-error:focus-visible ~ .--CHECKBOX-span {\n            ${outline(theme, 'ERROR_FOCUS')};\n            ${icon(theme, 'ERROR_FOCUS')};\n          }\n\n          // DISABLED\n          &:disabled ~ .--CHECKBOX-span {\n            ${background(theme, 'DISABLED')};\n            ${border(theme, 'DISABLED')};\n            ${icon(theme, 'DISABLED')};\n          }\n\n          // DISABLED + VALUE\n          &:disabled:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'DISABLED_VALUE')};\n            ${border(theme, 'DISABLED_VALUE')};\n            ${icon(theme, 'DISABLED_VALUE')};\n          }\n        }\n\n        .--CHECKBOX-span {\n          width: 24px;\n          height: 24px;\n          ${getStyle(theme, 'border-radius', '--CHECKBOX-ROOT-BORDER-RADIUS')};\n          position: absolute;\n          box-sizing: border-box;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          transition:\n            background-color 150ms ease-in-out,\n            border-color 150ms ease-in-out;\n\n          > span {\n            width: 100%;\n            height: auto;\n            z-index: 1;\n          }\n\n          &:before {\n            content: '';\n            position: absolute;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            opacity: 0;\n            transition: opacity 150ms ease-in-out;\n            z-index: -1;\n          }\n        }\n      }\n\n      .--CHECKBOX-label {\n        // FONT\n        font-family: ${theme['--FONTFAMILY-PRIMARY']};\n        font-size: 0.875rem;\n        font-weight: 500;\n        line-height: 1;\n      }\n    }\n\n    .--CHECKBOX-helperText {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n    }\n  }\n`;\n\nexport default Style;\n","import { createContext } from 'react';\n\nexport interface CheckboxGroupContextValue {\n  /** Array of currently checked option values */\n  checkedValues: string[];\n  /** Toggle a value in/out of the checked array */\n  onChange: (value: string, checked: boolean) => void;\n  /** Group-level disabled state */\n  disabled?: boolean;\n  /** Group-level validation error */\n  error?: { message?: string };\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null);\n","import { createContext } from 'react';\n\nexport interface CheckboxTreeContextValue {\n  /** Array of currently checked option values */\n  checkedValues: string[];\n  /** Toggle a value in/out of the checked array */\n  onChange: (value: string, checked: boolean) => void;\n  /** Tree-level disabled state */\n  disabled?: boolean;\n  /** Tree-level validation error */\n  error?: { message?: string };\n}\n\nexport const CheckboxTreeContext = createContext<CheckboxTreeContextValue | null>(null);\n","import React, { useState, useContext } from 'react';\n// Component Base\nimport emotion from './Checkbox.emotion';\nimport type { CheckboxProps, CheckboxBaseProps } from './Checkbox.interface';\nimport { CheckboxGroupContext } from '../../molecules/CheckboxGroup/CheckboxGroup.context';\nimport { CheckboxTreeContext } from '../../molecules/CheckboxTree/CheckboxTree.context';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\n// Custom Components\nimport Icon from '@components/atoms/Icon';\n\nconst CLASS = '--CHECKBOX';\n\n/**\n * Headless presentational layer for the checkbox.\n * Accepts `checked` and `onChecked` directly — use this when you need a controlled checkbox outside of React Hook Form.\n */\nexport const CheckboxBase = React.forwardRef<HTMLInputElement, CheckboxBaseProps>(\n  (\n    {\n      label,\n      icon = <Icon name='check' />,\n      helperText,\n      showErrorText = true,\n      className,\n      style = {},\n      disabled,\n      checked,\n      onChecked,\n      error,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      ...rest\n    }: CheckboxBaseProps,\n    ref,\n  ) => {\n    const [isActive, setIsActive] = useState(false);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || event.key === 'Space') setIsActive(true);\n      onKeyDown?.(event);\n    };\n\n    const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || event.key === 'Space') {\n        setIsActive(false);\n        onChecked(!checked);\n      }\n      onKeyUp?.(event);\n    };\n\n    const handleBlur = () => {\n      setIsActive(false);\n      onBlur?.({} as React.FocusEvent<HTMLInputElement>);\n    };\n\n    return (\n      <div\n        className={[CLASS, isActive ? `${CLASS}-active` : '', className || ''].join(' ')}\n        css={emotion(style)}\n        data-testid={CLASS}\n      >\n        <label className={`${CLASS}-container`}>\n          <div className={`${CLASS}-checkbox`}>\n            <input\n              className={[\n                `${CLASS}-inputField`,\n                isActive ? `${CLASS}-active` : '',\n                showErrorText && error && `${CLASS}-error`,\n              ].join(' ')}\n              type='checkbox'\n              checked={checked}\n              disabled={disabled}\n              onChange={e => onChecked(e.target.checked)}\n              onKeyDown={handleKeyDown}\n              onKeyUp={handleKeyUp}\n              onBlur={handleBlur}\n              ref={ref}\n              data-testid={`${CLASS}-inputField`}\n              {...rest}\n            />\n            <span className={`${CLASS}-span`} data-testid={`${CLASS}-icon`}>\n              {icon}\n            </span>\n          </div>\n          <span className={`${CLASS}-label`} data-testid={`${CLASS}-label`}>\n            {label}\n          </span>\n        </label>\n        {(helperText || showErrorText) && (\n          <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n            {helperText && (!error || !showErrorText) && helperText}\n            {showErrorText && error && error.message}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckboxBase.displayName = 'CheckboxBase';\n\nconst CheckboxRHF = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  ...rest\n}: CheckboxProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control: control!, name: name! as FieldPath<TFieldValues> });\n  const [value, setValue] = useState<boolean>(field.value || false);\n  const errorText = fieldState.error;\n\n  const onChecked = (checked: boolean) => {\n    field.onChange(checked);\n    setValue(checked);\n    if (errorText) field.onBlur();\n  };\n\n  return (\n    <CheckboxBase\n      {...rest}\n      name={name}\n      checked={value}\n      onChecked={onChecked}\n      onBlur={() => field.onBlur()}\n      error={errorText}\n    />\n  );\n};\n\nconst Checkbox = <TFieldValues extends FieldValues = FieldValues>(props: CheckboxProps<TFieldValues>) => {\n  const groupCtx = useContext(CheckboxGroupContext);\n  const treeCtx = useContext(CheckboxTreeContext);\n  const ctx = groupCtx ?? treeCtx;\n\n  if (typeof props.checked === 'boolean' && !props.control) {\n    const { checked, onChecked, name, control, ...rest } = props;\n    return <CheckboxBase {...rest} name={name} checked={checked} onChecked={onChecked ?? (() => {})} />;\n  }\n\n  if (ctx) {\n    const { value, name, control, ...rest } = props;\n    const itemValue = (value as string) ?? name ?? '';\n    const checked = ctx.checkedValues.includes(itemValue);\n\n    return (\n      <CheckboxBase\n        {...rest}\n        name={name}\n        value={itemValue}\n        checked={checked}\n        onChecked={c => ctx.onChange(itemValue, c)}\n        disabled={rest.disabled ?? ctx.disabled}\n        error={ctx.error}\n        showErrorText={false}\n        helperText={undefined}\n      />\n    );\n  }\n\n  return <CheckboxRHF {...props} />;\n};\n\nexport default Checkbox;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { CheckboxStyleProps } from './Checkbox.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport CheckboxBase from './Checkbox';\n\nconst Checkbox = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: CheckboxStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.CHECKBOX], theme, variant.toUpperCase());\n\n  return <CheckboxBase {...rest} style={componentStyles} />;\n};\n\nexport default Checkbox;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst background = (theme: Record<string, string>, event: string): string => {\n  return `\n    // BACKGROUNDS\n    .--ICONBUTTON-span {\n      ${getStyle(theme, 'background-color', `--ICONBUTTON-EVENTS-${event}-BACKGROUND-COLOR`)}\n    }\n  `;\n};\n\nconst shadow = (theme: Record<string, string>, event: string): string => {\n  return `\n    // SHADOWS  \n    ${getStyle(theme, 'background-color', `--ICONBUTTON-EVENTS-${event}-SHADOW-COLOR`)}\n  `;\n};\n\nconst icon = (theme: Record<string, string>, event: string): string => {\n  return `\n    // UTILS\n    .--ICONBUTTON-span > span {\n        ${getStyle(theme, 'color', `--ICONBUTTON-EVENTS-${event}-ICON-COLOR`)}\n    }\n  `;\n};\n\nconst border = (theme: Record<string, string>, event: string): string => {\n  return `\n    // BORDER\n    .--ICONBUTTON-span {\n      ${getStyle(theme, 'border-color', `--ICONBUTTON-EVENTS-${event}-BORDER-COLOR`)}\n      ${getStyle(theme, 'border-width', `--ICONBUTTON-EVENTS-${event}-BORDER-WIDTH`)}\n      ${getStyle(theme, 'border-style', `--ICONBUTTON-EVENTS-${event}-BORDER-STYLE`)}\n    }\n  `;\n};\n\nconst outline = (theme: Record<string, string>, event: string): string => {\n  return `\n    // OUTLINE\n    .--ICONBUTTON-span {\n      ${getStyle(theme, 'outline-color', `--ICONBUTTON-EVENTS-${event}-OUTLINE-COLOR`)}\n      ${getStyle(theme, 'outline-width', `--ICONBUTTON-EVENTS-${event}-OUTLINE-WIDTH`)}\n      ${getStyle(theme, 'outline-style', `--ICONBUTTON-EVENTS-${event}-OUTLINE-STYLE`)}\n      ${getStyle(theme, 'outline-offset', `--ICONBUTTON-EVENTS-${event}-OUTLINE-OFFSET`)}\n    }\n  `;\n};\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--ICONBUTTON {\n    width: 24px;\n    height: 24px;\n    ${getStyle(theme, 'border-radius', '--ICONBUTTON-ROOT-BORDER-RADIUS')};\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    vertical-align: middle;\n    box-sizing: content-box;\n    position: relative;\n    user-select: none;\n    padding: 0px;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    isolation: isolate;\n    border: none;\n    background-color: transparent;\n\n    // ENABLED\n    ${background(theme, 'ENABLED')};\n    ${border(theme, 'ENABLED')};\n    ${icon(theme, 'ENABLED')};\n\n    // HOVER\n    &:hover {\n      &:before {\n        opacity: 1;\n        ${shadow(theme, 'HOVER')};\n      }\n    }\n\n    // ACTIVE\n    &.--ICONBUTTON-active,\n    &:active {\n      &:before {\n        opacity: 1;\n        ${shadow(theme, 'ACTIVE')};\n      }\n    }\n\n    // FOCUS\n    &:focus-visible {\n      outline: none;\n      ${outline(theme, 'FOCUS')};\n    }\n\n    // DISABLED\n    &:disabled {\n      pointer-events: none;\n      ${background(theme, 'DISABLED')};\n      ${border(theme, 'DISABLED')};\n      ${icon(theme, 'DISABLED')};\n    }\n\n    &.--ICONBUTTON-flipped {\n      .--ICONBUTTON-span {\n        > span {\n          rotate: 180deg !important;\n        }\n      }\n    }\n\n    .--ICONBUTTON-span {\n      width: 24px;\n      height: 24px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      box-sizing: border-box;\n      ${getStyle(theme, 'border-radius', '--ICONBUTTON-ROOT-BORDER-RADIUS')};\n\n      > span {\n        rotate: 0deg;\n        transition: rotate 150ms ease-in-out;\n        position: absolute;\n        width: 100%;\n        height: auto;\n        z-index: 1;\n      }\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      opacity: 0;\n      transition: opacity 150ms ease-in-out;\n      z-index: -1;\n    }\n  }\n`;\n\nexport default Style;\n","import React, { useState } from 'react';\n// Component Base\nimport emotion from './IconButton.emotion';\nimport type { IconButtonProps } from './IconButton.interface';\n\nconst CLASS = '--ICONBUTTON';\n\n/**\n * A compact, circular button that renders a single icon.\n * Use it for secondary or contextual actions where label text is unnecessary (e.g. close, edit, delete).\n *\n * Pass `isFlipped` to mirror the icon horizontally — useful for directional icons.\n */\nconst IconButton = ({ className, style, icon, onClick, isFlipped, ...rest }: IconButtonProps) => {\n  const [isActive, setIsActive] = useState<boolean>(false);\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    if (event.key === 'Enter' || event.key === 'Space') {\n      setIsActive(true);\n    }\n    rest.onKeyDown?.(event);\n  };\n\n  const onKeyUp = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'Enter' || event.key === 'Space') {\n      setIsActive(false);\n    }\n    rest.onKeyUp?.(event);\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n    setIsActive(false);\n    rest.onBlur?.(event);\n  };\n\n  return (\n    <button\n      className={[CLASS, isActive ? `${CLASS}-active` : '', isFlipped ? `${CLASS}-flipped` : '', className].join(' ')}\n      css={emotion(style)}\n      type='button'\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onBlur={onBlur}\n      data-testid={CLASS}\n      {...rest}\n    >\n      <span className={`${CLASS}-span`}>{icon}</span>\n    </button>\n  );\n};\n\nexport default IconButton;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { IconButtonStyleProps } from './IconButton.interface';\nimport IconButtonBase from './IconButton';\n\nconst IconButton = ({ theme, variant = 'default', ...rest }: IconButtonStyleProps) => {\n  const { componentStyles } = useCreateComponentStyles([Component.ICONBUTTON], theme, variant.toUpperCase());\n\n  return <IconButtonBase {...rest} style={componentStyles} />;\n};\n\nexport default IconButton;\n","import { createContext } from 'react';\n\nexport interface RadioGroupContextValue {\n  /** The name attribute shared by all radios in this group */\n  name: string;\n  /** The currently selected value */\n  selectedValue: string;\n  /** Select a value */\n  onChange: (value: string) => void;\n  /** Group-level disabled state */\n  disabled?: boolean;\n  /** Group-level validation error */\n  error?: { message?: string };\n  /** Value of the first non-disabled Radio child — used to implement roving tabindex */\n  firstValue: string;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.context-CdFGi5z1.js","names":[],"sources":["../src/hocs/ThemeProvider/interfaces/Components.interface.ts","../src/components/atoms/Icon/Icon.emotion.ts","../src/components/atoms/Icon/Icon.tsx","../src/components/atoms/Checkbox/Checkbox.emotion.ts","../src/components/molecules/CheckboxGroup/CheckboxGroup.context.ts","../src/components/molecules/CheckboxTree/CheckboxTree.context.ts","../src/components/atoms/Checkbox/Checkbox.tsx","../src/components/atoms/Checkbox/index.tsx","../src/components/atoms/IconButton/IconButton.emotion.ts","../src/components/atoms/IconButton/IconButton.tsx","../src/components/atoms/IconButton/index.tsx","../src/components/atoms/Radio/RadioGroup.context.ts"],"sourcesContent":["export enum Component {\n  // atoms\n  BUTTON = 'BUTTON',\n  ICONBUTTON = 'ICONBUTTON',\n  TEXTFIELD = 'TEXTFIELD',\n  NUMBERFIELD = 'NUMBERFIELD',\n  CHECKBOX = 'CHECKBOX',\n  RADIO = 'RADIO',\n  SELECT = 'SELECT',\n  SELECTMENU = 'SELECTMENU',\n  SWITCH = 'SWITCH',\n  SLIDER = 'SLIDER',\n  DATEPICKER = 'DATEPICKER',\n  DATEPICKERMENU = 'DATEPICKERMENU',\n  PAGINATION = 'PAGINATION',\n  PAGINATIONMENU = 'PAGINATIONMENU',\n\n  // molecules\n  CHECKBOXGROUP = 'CHECKBOXGROUP',\n  CHECKBOXTREE = 'CHECKBOXTREE',\n  RADIOGROUP = 'RADIOGROUP',\n  MODAL = 'MODAL',\n\n  // organisms\n  DATAGRID = 'DATAGRID',\n  DATAGRIDMENU = 'DATAGRIDMENU',\n}\n","import { css } from '@emotion/react';\n\nconst Style = () => css`\n  &.--ICON {\n    font-family: 'Material Symbols Rounded';\n    font-weight: normal;\n    font-style: normal;\n    font-size: 20px;\n    line-height: 1;\n    letter-spacing: normal;\n    text-transform: none;\n    display: inline-block;\n    white-space: nowrap;\n    word-wrap: normal;\n    direction: ltr;\n    font-variation-settings:\n      'FILL' 0,\n      'wght' 400,\n      'GRAD' 0,\n      'opsz' 24;\n    user-select: none;\n    vertical-align: middle;\n\n    &.--ICON-fill {\n      font-variation-settings:\n        'FILL' 1,\n        'wght' 500,\n        'GRAD' 0,\n        'opsz' 24;\n    }\n\n    &.--ICON-sm {\n      font-size: 18px;\n    }\n    &.--ICON-lg {\n      font-size: 24px;\n    }\n    &.--ICON-xl {\n      font-size: 36px;\n    }\n  }\n`;\n\nexport default Style;\n","// Component Base\nimport type { FC } from 'react';\nimport emotion from './Icon.emotion';\nimport type { IconProps } from './Icon.interface';\n\nconst CLASS = '--ICON';\n\n/**\n * Renders a single Material Symbols Rounded icon using font ligatures.\n *\n * Pass the ligature name as `name` (e.g. `'home'`, `'search'`, `'close'`).\n * The icon font is loaded once by `ThemeProvider` — no extra requests per icon.\n */\nconst Icon: FC<IconProps> = ({ name, fill = false, size = 'md', className, style }) => {\n  return (\n    <span\n      className={[CLASS, fill && `${CLASS}-fill`, size !== 'md' && `${CLASS}-${size}`, className]\n        .filter(Boolean)\n        .join(' ')}\n      css={emotion()}\n      style={style}\n      aria-hidden='true'\n      data-testid={CLASS}\n    >\n      {name}\n    </span>\n  );\n};\n\nexport default Icon;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst background = (theme: Record<string, string>, event: string): string => `\n  // BACKGROUNDS  \n  ${getStyle(theme, 'background-color', `--CHECKBOX-EVENTS-${event}-BACKGROUND-COLOR`)}\n`;\n\nconst border = (theme: Record<string, string>, event: string): string => `\n  // BORDERS\n  ${getStyle(theme, 'border-color', `--CHECKBOX-EVENTS-${event}-BORDER-COLOR`)}\n  ${getStyle(theme, 'border-width', `--CHECKBOX-EVENTS-${event}-BORDER-WIDTH`)}\n  ${getStyle(theme, 'border-style', `--CHECKBOX-EVENTS-${event}-BORDER-STYLE`)}\n`;\n\nconst outline = (theme: Record<string, string>, event: string): string => `  \n  // OUTLINE\n  ${getStyle(theme, 'outline-color', `--CHECKBOX-EVENTS-${event}-OUTLINE-COLOR`)}\n  ${getStyle(theme, 'outline-width', `--CHECKBOX-EVENTS-${event}-OUTLINE-WIDTH`)}\n  ${getStyle(theme, 'outline-style', `--CHECKBOX-EVENTS-${event}-OUTLINE-STYLE`)}\n  ${getStyle(theme, 'outline-offset', `--CHECKBOX-EVENTS-${event}-OUTLINE-OFFSET`)}\n`;\n\nconst shadow = (theme: Record<string, string>, event: string): string => `  \n  // SHADOW\n  ${getStyle(theme, 'background-color', `--CHECKBOX-EVENTS-${event}-SHADOW-COLOR`)}\n`;\n\nconst icon = (theme: Record<string, string>, event: string): string => `\n  // UTILS\n  > span {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-ICON-COLOR`)};\n  }\n`;\n\nconst label = (theme: Record<string, string>, event: string): string => `\n  // TYPOGRAPHY\n  .--CHECKBOX-label {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-COLOR-PRIMARY`)}\n  }\n\n  ~ .--CHECKBOX-helperText {\n    ${getStyle(theme, 'color', `--CHECKBOX-EVENTS-${event}-COLOR-SECONDARY`)}\n  }\n`;\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--CHECKBOX {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    width: fit-content;\n\n    .--CHECKBOX-container {\n      display: flex;\n      flex-direction: row;\n      gap: 12px;\n      align-items: center;\n      cursor: pointer;\n\n      // ENABLED\n      ${label(theme, 'ENABLED')};\n\n      // VALUE\n      &:has(.--CHECKBOX-inputField:checked) {\n        ${label(theme, 'VALUE')};\n      }\n\n      // HOVER\n      &:hover {\n        ${label(theme, 'HOVER')};\n\n        .--CHECKBOX-checkbox .--CHECKBOX-span {\n          &:before {\n            opacity: 1;\n            ${shadow(theme, 'HOVER')};\n          }\n        }\n      }\n\n      // ACTIVE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-active, .--CHECKBOX-inputField:active) {\n        ${label(theme, 'ACTIVE')};\n      }\n\n      // FOCUS-VISIBLE\n      &:has(.--CHECKBOX-inputField:focus-visible) {\n        ${label(theme, 'FOCUS')};\n      }\n\n      // ERROR\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error) {\n        ${label(theme, 'ERROR')};\n      }\n\n      // ERROR + VALUE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:checked) {\n        ${label(theme, 'ERROR_VALUE')};\n      }\n\n      // ERROR + HOVER\n      &:hover:has(.--CHECKBOX-inputField.--CHECKBOX-error) {\n        ${label(theme, 'ERROR_HOVER')};\n\n        .--CHECKBOX-checkbox .--CHECKBOX-span {\n          &:before {\n            opacity: 1;\n            ${shadow(theme, 'ERROR_HOVER')};\n          }\n        }\n      }\n\n      // ERROR + ACTIVE\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:active),\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error.--CHECKBOX-active) {\n        ${label(theme, 'ERROR_ACTIVE')};\n      }\n\n      // ERROR + FOCUS\n      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:focus-visible) {\n        ${label(theme, 'ERROR_FOCUS')};\n      }\n\n      // DISABLED\n      &:has(.--CHECKBOX-inputField:disabled) {\n        pointer-events: none;\n        ${label(theme, 'DISABLED')};\n      }\n\n      // DISABLED + VALUE\n      &:has(.--CHECKBOX-inputField:disabled:checked) {\n        ${label(theme, 'DISABLED_VALUE')};\n      }\n\n      .--CHECKBOX-checkbox {\n        position: relative;\n        display: inline-flex;\n        width: 24px;\n        height: 24px;\n        isolation: isolate;\n\n        .--CHECKBOX-inputField {\n          cursor: pointer;\n          position: absolute;\n          opacity: 0;\n          width: 100%;\n          height: 100%;\n          z-index: 2;\n          margin: 0;\n          -webkit-tap-highlight-color: transparent;\n\n          ~ .--CHECKBOX-span > span {\n            visibility: hidden;\n          }\n          &:checked ~ .--CHECKBOX-span > span,\n          &:indeterminate ~ .--CHECKBOX-span > span {\n            visibility: visible;\n          }\n\n          // ENABLED\n          ~ .--CHECKBOX-span {\n            ${background(theme, 'ENABLED')};\n            ${border(theme, 'ENABLED')};\n            ${icon(theme, 'ENABLED')};\n          }\n\n          // VALUE\n          &:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'VALUE')};\n            ${border(theme, 'VALUE')};\n            ${icon(theme, 'VALUE')};\n          }\n\n          // INDETERMINATE (same appearance as VALUE)\n          &:indeterminate ~ .--CHECKBOX-span {\n            ${background(theme, 'VALUE')};\n            ${border(theme, 'VALUE')};\n            ${icon(theme, 'VALUE')};\n          }\n\n          // HOVER\n          // Is at the container level\n\n          // ACTIVE\n          &.--CHECKBOX-active ~ .--CHECKBOX-span,\n          &:active ~ .--CHECKBOX-span {\n            &:before {\n              opacity: 1;\n              ${shadow(theme, 'ACTIVE')};\n            }\n          }\n\n          // FOCUS\n          &:focus-visible ~ .--CHECKBOX-span {\n            outline: none;\n            ${outline(theme, 'FOCUS')};\n            ${icon(theme, 'FOCUS')};\n          }\n\n          // ERROR\n          &.--CHECKBOX-error ~ .--CHECKBOX-span {\n            ${background(theme, 'ERROR')};\n            ${border(theme, 'ERROR')};\n            ${icon(theme, 'ERROR')};\n          }\n\n          // ERROR + VALUE\n          &.--CHECKBOX-error:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'ERROR_VALUE')};\n            ${border(theme, 'ERROR_VALUE')};\n            ${icon(theme, 'ERROR_VALUE')};\n          }\n\n          // ERROR + VALUE\n          // Is at the container level\n\n          // ERROR + ACTIVE\n          &.--CHECKBOX-error:active ~ .--CHECKBOX-span,\n          &.--CHECKBOX-error.--CHECKBOX-active ~ .--CHECKBOX-span {\n            &:before {\n              opacity: 1;\n              ${shadow(theme, 'ERROR_ACTIVE')};\n            }\n          }\n\n          // ERROR + FOCUS\n          &.--CHECKBOX-error:focus-visible ~ .--CHECKBOX-span {\n            ${outline(theme, 'ERROR_FOCUS')};\n            ${icon(theme, 'ERROR_FOCUS')};\n          }\n\n          // DISABLED\n          &:disabled ~ .--CHECKBOX-span {\n            ${background(theme, 'DISABLED')};\n            ${border(theme, 'DISABLED')};\n            ${icon(theme, 'DISABLED')};\n          }\n\n          // DISABLED + VALUE\n          &:disabled:checked ~ .--CHECKBOX-span {\n            ${background(theme, 'DISABLED_VALUE')};\n            ${border(theme, 'DISABLED_VALUE')};\n            ${icon(theme, 'DISABLED_VALUE')};\n          }\n        }\n\n        .--CHECKBOX-span {\n          width: 24px;\n          height: 24px;\n          ${getStyle(theme, 'border-radius', '--CHECKBOX-ROOT-BORDER-RADIUS')};\n          position: absolute;\n          box-sizing: border-box;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          transition:\n            background-color 150ms ease-in-out,\n            border-color 150ms ease-in-out;\n\n          > span {\n            width: 100%;\n            height: auto;\n            z-index: 1;\n          }\n\n          &:before {\n            content: '';\n            position: absolute;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            opacity: 0;\n            transition: opacity 150ms ease-in-out;\n            z-index: -1;\n          }\n        }\n      }\n\n      .--CHECKBOX-label {\n        // FONT\n        font-family: ${theme['--FONTFAMILY-PRIMARY']};\n        font-size: 0.875rem;\n        font-weight: 500;\n        line-height: 1;\n      }\n    }\n\n    .--CHECKBOX-helperText {\n      // FONT\n      font-family: ${theme['--FONTFAMILY-PRIMARY']};\n      font-size: 13px;\n      line-height: 16px;\n      margin-left: 14px;\n    }\n  }\n`;\n\nexport default Style;\n","import { createContext } from 'react';\n\nexport interface CheckboxGroupContextValue {\n  /** Array of currently checked option values */\n  checkedValues: string[];\n  /** Toggle a value in/out of the checked array */\n  onChange: (value: string, checked: boolean) => void;\n  /** Group-level disabled state */\n  disabled?: boolean;\n  /** Group-level validation error */\n  error?: { message?: string };\n}\n\nexport const CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null);\n","import { createContext } from 'react';\n\nexport interface CheckboxTreeContextValue {\n  /** Array of currently checked option values */\n  checkedValues: string[];\n  /** Toggle a value in/out of the checked array */\n  onChange: (value: string, checked: boolean) => void;\n  /** Tree-level disabled state */\n  disabled?: boolean;\n  /** Tree-level validation error */\n  error?: { message?: string };\n}\n\nexport const CheckboxTreeContext = createContext<CheckboxTreeContextValue | null>(null);\n","import React, { useState, useContext } from 'react';\n// Component Base\nimport emotion from './Checkbox.emotion';\nimport type { CheckboxProps, CheckboxBaseProps } from './Checkbox.interface';\nimport { CheckboxGroupContext } from '../../molecules/CheckboxGroup/CheckboxGroup.context';\nimport { CheckboxTreeContext } from '../../molecules/CheckboxTree/CheckboxTree.context';\n// External Libraries\nimport { useController, type FieldValues, type FieldPath } from 'react-hook-form';\n// Custom Components\nimport Icon from '@components/atoms/Icon';\n\nconst CLASS = '--CHECKBOX';\n\n/**\n * Headless presentational layer for the checkbox.\n * Accepts `checked` and `onChecked` directly — use this when you need a controlled checkbox outside of React Hook Form.\n */\nexport const CheckboxBase = React.forwardRef<HTMLInputElement, CheckboxBaseProps>(\n  (\n    {\n      label,\n      icon = <Icon name='check' />,\n      helperText,\n      showErrorText = true,\n      className,\n      style = {},\n      disabled,\n      checked,\n      onChecked,\n      error,\n      onKeyDown,\n      onKeyUp,\n      onBlur,\n      ...rest\n    }: CheckboxBaseProps,\n    ref,\n  ) => {\n    const [isActive, setIsActive] = useState(false);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || event.key === 'Space') setIsActive(true);\n      onKeyDown?.(event);\n    };\n\n    const handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter' || event.key === 'Space') {\n        setIsActive(false);\n        onChecked(!checked);\n      }\n      onKeyUp?.(event);\n    };\n\n    const handleBlur = () => {\n      setIsActive(false);\n      onBlur?.({} as React.FocusEvent<HTMLInputElement>);\n    };\n\n    return (\n      <div\n        className={[CLASS, isActive ? `${CLASS}-active` : '', className || ''].join(' ')}\n        css={emotion(style)}\n        data-testid={CLASS}\n      >\n        <label className={`${CLASS}-container`}>\n          <div className={`${CLASS}-checkbox`}>\n            <input\n              className={[\n                `${CLASS}-inputField`,\n                isActive ? `${CLASS}-active` : '',\n                showErrorText && error && `${CLASS}-error`,\n              ].join(' ')}\n              type='checkbox'\n              checked={checked}\n              disabled={disabled}\n              onChange={e => onChecked(e.target.checked)}\n              onKeyDown={handleKeyDown}\n              onKeyUp={handleKeyUp}\n              onBlur={handleBlur}\n              ref={ref}\n              data-testid={`${CLASS}-inputField`}\n              {...rest}\n            />\n            <span className={`${CLASS}-span`} data-testid={`${CLASS}-icon`}>\n              {icon}\n            </span>\n          </div>\n          <span className={`${CLASS}-label`} data-testid={`${CLASS}-label`}>\n            {label}\n          </span>\n        </label>\n        {(helperText || showErrorText) && (\n          <span className={`${CLASS}-helperText`} data-testid={`${CLASS}-helperText`}>\n            {helperText && (!error || !showErrorText) && helperText}\n            {showErrorText && error && error.message}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckboxBase.displayName = 'CheckboxBase';\n\nconst CheckboxRHF = <TFieldValues extends FieldValues = FieldValues>({\n  name,\n  control,\n  ...rest\n}: CheckboxProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control: control!, name: name! as FieldPath<TFieldValues> });\n  const [value, setValue] = useState<boolean>(field.value || false);\n  const errorText = fieldState.error;\n\n  const onChecked = (checked: boolean) => {\n    field.onChange(checked);\n    setValue(checked);\n    if (errorText) field.onBlur();\n  };\n\n  return (\n    <CheckboxBase\n      {...rest}\n      name={name}\n      checked={value}\n      onChecked={onChecked}\n      onBlur={() => field.onBlur()}\n      error={errorText}\n    />\n  );\n};\n\nconst Checkbox = <TFieldValues extends FieldValues = FieldValues>(props: CheckboxProps<TFieldValues>) => {\n  const groupCtx = useContext(CheckboxGroupContext);\n  const treeCtx = useContext(CheckboxTreeContext);\n  const ctx = groupCtx ?? treeCtx;\n\n  if (typeof props.checked === 'boolean' && !props.control) {\n    const { checked, onChecked, name, control, ...rest } = props;\n    return <CheckboxBase {...rest} name={name} checked={checked} onChecked={onChecked ?? (() => {})} />;\n  }\n\n  if (ctx) {\n    const { value, name, control, ...rest } = props;\n    const itemValue = (value as string) ?? name ?? '';\n    const checked = ctx.checkedValues.includes(itemValue);\n\n    return (\n      <CheckboxBase\n        {...rest}\n        name={name}\n        value={itemValue}\n        checked={checked}\n        onChecked={c => ctx.onChange(itemValue, c)}\n        disabled={rest.disabled ?? ctx.disabled}\n        error={ctx.error}\n        showErrorText={false}\n        helperText={undefined}\n      />\n    );\n  }\n\n  return <CheckboxRHF {...props} />;\n};\n\nexport default Checkbox;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { CheckboxStyleProps } from './Checkbox.interface';\nimport type { FieldValues } from 'react-hook-form';\nimport CheckboxBase from './Checkbox';\n\nconst Checkbox = <TFieldValues extends FieldValues = FieldValues>({\n  theme,\n  variant = 'default',\n  ...rest\n}: CheckboxStyleProps<TFieldValues>) => {\n  const { componentStyles } = useCreateComponentStyles([Component.CHECKBOX], theme, variant.toUpperCase());\n\n  return <CheckboxBase {...rest} style={componentStyles} />;\n};\n\nexport default Checkbox;\n","import { css } from '@emotion/react';\nimport { getStyle } from '@utilities/emotion/styles';\n\nconst background = (theme: Record<string, string>, event: string): string => {\n  return `\n    // BACKGROUNDS\n    .--ICONBUTTON-span {\n      ${getStyle(theme, 'background-color', `--ICONBUTTON-EVENTS-${event}-BACKGROUND-COLOR`)}\n    }\n  `;\n};\n\nconst shadow = (theme: Record<string, string>, event: string): string => {\n  return `\n    // SHADOWS  \n    ${getStyle(theme, 'background-color', `--ICONBUTTON-EVENTS-${event}-SHADOW-COLOR`)}\n  `;\n};\n\nconst icon = (theme: Record<string, string>, event: string): string => {\n  return `\n    // UTILS\n    .--ICONBUTTON-span > span {\n        ${getStyle(theme, 'color', `--ICONBUTTON-EVENTS-${event}-ICON-COLOR`)}\n    }\n  `;\n};\n\nconst border = (theme: Record<string, string>, event: string): string => {\n  return `\n    // BORDER\n    .--ICONBUTTON-span {\n      ${getStyle(theme, 'border-color', `--ICONBUTTON-EVENTS-${event}-BORDER-COLOR`)}\n      ${getStyle(theme, 'border-width', `--ICONBUTTON-EVENTS-${event}-BORDER-WIDTH`)}\n      ${getStyle(theme, 'border-style', `--ICONBUTTON-EVENTS-${event}-BORDER-STYLE`)}\n    }\n  `;\n};\n\nconst outline = (theme: Record<string, string>, event: string): string => {\n  return `\n    // OUTLINE\n    .--ICONBUTTON-span {\n      ${getStyle(theme, 'outline-color', `--ICONBUTTON-EVENTS-${event}-OUTLINE-COLOR`)}\n      ${getStyle(theme, 'outline-width', `--ICONBUTTON-EVENTS-${event}-OUTLINE-WIDTH`)}\n      ${getStyle(theme, 'outline-style', `--ICONBUTTON-EVENTS-${event}-OUTLINE-STYLE`)}\n      ${getStyle(theme, 'outline-offset', `--ICONBUTTON-EVENTS-${event}-OUTLINE-OFFSET`)}\n    }\n  `;\n};\n\nconst Style = (theme: Record<string, string>) => css`\n  &.--ICONBUTTON {\n    width: 24px;\n    height: 24px;\n    ${getStyle(theme, 'border-radius', '--ICONBUTTON-ROOT-BORDER-RADIUS')};\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    vertical-align: middle;\n    box-sizing: content-box;\n    position: relative;\n    user-select: none;\n    padding: 0px;\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: transparent;\n    isolation: isolate;\n    border: none;\n    background-color: transparent;\n\n    // ENABLED\n    ${background(theme, 'ENABLED')};\n    ${border(theme, 'ENABLED')};\n    ${icon(theme, 'ENABLED')};\n\n    // HOVER\n    &:hover {\n      &:before {\n        opacity: 1;\n        ${shadow(theme, 'HOVER')};\n      }\n    }\n\n    // ACTIVE\n    &.--ICONBUTTON-active,\n    &:active {\n      &:before {\n        opacity: 1;\n        ${shadow(theme, 'ACTIVE')};\n      }\n    }\n\n    // FOCUS\n    &:focus-visible {\n      outline: none;\n      ${outline(theme, 'FOCUS')};\n    }\n\n    // DISABLED\n    &:disabled {\n      pointer-events: none;\n      ${background(theme, 'DISABLED')};\n      ${border(theme, 'DISABLED')};\n      ${icon(theme, 'DISABLED')};\n    }\n\n    &.--ICONBUTTON-flipped {\n      .--ICONBUTTON-span {\n        > span {\n          rotate: 180deg !important;\n        }\n      }\n    }\n\n    .--ICONBUTTON-span {\n      width: 24px;\n      height: 24px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      box-sizing: border-box;\n      ${getStyle(theme, 'border-radius', '--ICONBUTTON-ROOT-BORDER-RADIUS')};\n\n      > span {\n        rotate: 0deg;\n        transition: rotate 150ms ease-in-out;\n        position: absolute;\n        width: 100%;\n        height: auto;\n        z-index: 1;\n      }\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      opacity: 0;\n      transition: opacity 150ms ease-in-out;\n      z-index: -1;\n    }\n  }\n`;\n\nexport default Style;\n","import React, { useState } from 'react';\n// Component Base\nimport emotion from './IconButton.emotion';\nimport type { IconButtonProps } from './IconButton.interface';\n\nconst CLASS = '--ICONBUTTON';\n\n/**\n * A compact, circular button that renders a single icon.\n * Use it for secondary or contextual actions where label text is unnecessary (e.g. close, edit, delete).\n *\n * Pass `isFlipped` to mirror the icon horizontally — useful for directional icons.\n */\nconst IconButton = ({ className, style, icon, onClick, isFlipped, ...rest }: IconButtonProps) => {\n  const [isActive, setIsActive] = useState<boolean>(false);\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    if (event.key === 'Enter' || event.key === 'Space') {\n      setIsActive(true);\n    }\n    rest.onKeyDown?.(event);\n  };\n\n  const onKeyUp = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'Enter' || event.key === 'Space') {\n      setIsActive(false);\n    }\n    rest.onKeyUp?.(event);\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLButtonElement>) => {\n    setIsActive(false);\n    rest.onBlur?.(event);\n  };\n\n  return (\n    <button\n      className={[CLASS, isActive ? `${CLASS}-active` : '', isFlipped ? `${CLASS}-flipped` : '', className].join(' ')}\n      css={emotion(style)}\n      type='button'\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      onBlur={onBlur}\n      data-testid={CLASS}\n      {...rest}\n    >\n      <span className={`${CLASS}-span`}>{icon}</span>\n    </button>\n  );\n};\n\nexport default IconButton;\n","import { useCreateComponentStyles } from '@hocs/ThemeProvider/useThemeProvider.hook';\nimport { Component } from '@hocs/ThemeProvider/interfaces';\nimport type { IconButtonStyleProps } from './IconButton.interface';\nimport IconButtonBase from './IconButton';\n\nconst IconButton = ({ theme, variant = 'default', ...rest }: IconButtonStyleProps) => {\n  const { componentStyles } = useCreateComponentStyles([Component.ICONBUTTON], theme, variant.toUpperCase());\n\n  return <IconButtonBase {...rest} style={componentStyles} />;\n};\n\nexport default IconButton;\n","import { createContext } from 'react';\n\nexport interface RadioGroupContextValue {\n  /** The name attribute shared by all radios in this group */\n  name: string;\n  /** The currently selected value */\n  selectedValue: string;\n  /** Select a value */\n  onChange: (value: string) => void;\n  /** Group-level disabled state */\n  disabled?: boolean;\n  /** Group-level validation error */\n  error?: { message?: string };\n  /** Value of the first non-disabled Radio child — used to implement roving tabindex */\n  firstValue: string;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n"],"mappings":"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"}

package/dist/{Switch-oAVuMb0V.js → Switch-DK5hEXUS.js}

@@ -1,6 +1,6 @@
-import { i as e, n as t, r as n, t as r } from "./emotion-react-jsx-runtime.browser.esm-Ch-DwUYg.js";
-import { r as i } from "./theme-D01EcUA9.js";
-import { n as a, o, s, t as c } from "./RadioGroup.context-Bu218uUX.js";
+import { i as e, n as t, r as n, t as r } from "./emotion-react-jsx-runtime.browser.esm-Ct_bZ5JG.js";
+import { r as i } from "./theme-CLkxVsoE.js";
+import { n as a, o, s, t as c } from "./RadioGroup.context-CdFGi5z1.js";
 import { _ as l, a as u, c as d, f, g as p, h as m, i as ee, l as h, m as g, n as _, o as v, p as y, r as b, s as x, t as te, u as S, v as C, y as ne } from "./DatePicker.utils-ytCEcs6T.js";
 import { n as re, t as ie } from "./useStateCallback-B4O93zzK.js";
 import w, { forwardRef as ae, useContext as oe, useEffect as T, useLayoutEffect as se, useMemo as E, useRef as D, useState as O } from "react";
@@ -4193,4 +4193,4 @@ var Z = "--SELECT", et = [], tt = ({ name: e, label: r, control: i, options: s,
 //#endregion
 export { je as a, M as c, He as i, ct as n, we as o, nt as r, _e as s, gt as t };
 
-//# sourceMappingURL=Switch-oAVuMb0V.js.map
+//# sourceMappingURL=Switch-DK5hEXUS.js.map