@foi/design-system 0.0.18 → 0.0.20

package/dist/RadioGroup-D_R-nwCD.js.map

@@ -1 +0,0 @@
-{"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-CdFGi5z1.js

@@ -1,601 +0,0 @@
-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";
-//#region src/hocs/ThemeProvider/interfaces/Components.interface.ts
-var u = /* @__PURE__ */ function(e) {
-	return e.BUTTON = "BUTTON", e.ICONBUTTON = "ICONBUTTON", e.TEXTFIELD = "TEXTFIELD", e.NUMBERFIELD = "NUMBERFIELD", e.CHECKBOX = "CHECKBOX", e.RADIO = "RADIO", e.SELECT = "SELECT", e.SELECTMENU = "SELECTMENU", e.SWITCH = "SWITCH", e.SLIDER = "SLIDER", e.DATEPICKER = "DATEPICKER", e.DATEPICKERMENU = "DATEPICKERMENU", e.PAGINATION = "PAGINATION", e.PAGINATIONMENU = "PAGINATIONMENU", e.CHECKBOXGROUP = "CHECKBOXGROUP", e.CHECKBOXTREE = "CHECKBOXTREE", e.RADIOGROUP = "RADIOGROUP", e.MODAL = "MODAL", e.DATAGRID = "DATAGRID", e.DATAGRIDMENU = "DATAGRIDMENU", e;
-}({}), d = () => c`
-  &.--ICON {
-    font-family: 'Material Symbols Rounded';
-    font-weight: normal;
-    font-style: normal;
-    font-size: 20px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    font-variation-settings:
-      'FILL' 0,
-      'wght' 400,
-      'GRAD' 0,
-      'opsz' 24;
-    user-select: none;
-    vertical-align: middle;
-
-    &.--ICON-fill {
-      font-variation-settings:
-        'FILL' 1,
-        'wght' 500,
-        'GRAD' 0,
-        'opsz' 24;
-    }
-
-    &.--ICON-sm {
-      font-size: 18px;
-    }
-    &.--ICON-lg {
-      font-size: 24px;
-    }
-    &.--ICON-xl {
-      font-size: 36px;
-    }
-  }
-`, f = "--ICON", p = ({ name: e, fill: n = !1, size: r = "md", className: i, style: a }) => /* @__PURE__ */ t("span", {
-	className: [
-		f,
-		n && `${f}-fill`,
-		r !== "md" && `${f}-${r}`,
-		i
-	].filter(Boolean).join(" "),
-	css: d(),
-	style: a,
-	"aria-hidden": "true",
-	"data-testid": f,
-	children: e
-}), m = (e, t) => `
-  // BACKGROUNDS  
-  ${r(e, "background-color", `--CHECKBOX-EVENTS-${t}-BACKGROUND-COLOR`)}
-`, h = (e, t) => `
-  // BORDERS
-  ${r(e, "border-color", `--CHECKBOX-EVENTS-${t}-BORDER-COLOR`)}
-  ${r(e, "border-width", `--CHECKBOX-EVENTS-${t}-BORDER-WIDTH`)}
-  ${r(e, "border-style", `--CHECKBOX-EVENTS-${t}-BORDER-STYLE`)}
-`, g = (e, t) => `  
-  // OUTLINE
-  ${r(e, "outline-color", `--CHECKBOX-EVENTS-${t}-OUTLINE-COLOR`)}
-  ${r(e, "outline-width", `--CHECKBOX-EVENTS-${t}-OUTLINE-WIDTH`)}
-  ${r(e, "outline-style", `--CHECKBOX-EVENTS-${t}-OUTLINE-STYLE`)}
-  ${r(e, "outline-offset", `--CHECKBOX-EVENTS-${t}-OUTLINE-OFFSET`)}
-`, _ = (e, t) => `  
-  // SHADOW
-  ${r(e, "background-color", `--CHECKBOX-EVENTS-${t}-SHADOW-COLOR`)}
-`, v = (e, t) => `
-  // UTILS
-  > span {
-    ${r(e, "color", `--CHECKBOX-EVENTS-${t}-ICON-COLOR`)};
-  }
-`, y = (e, t) => `
-  // TYPOGRAPHY
-  .--CHECKBOX-label {
-    ${r(e, "color", `--CHECKBOX-EVENTS-${t}-COLOR-PRIMARY`)}
-  }
-
-  ~ .--CHECKBOX-helperText {
-    ${r(e, "color", `--CHECKBOX-EVENTS-${t}-COLOR-SECONDARY`)}
-  }
-`, b = (e) => c`
-  &.--CHECKBOX {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    width: fit-content;
-
-    .--CHECKBOX-container {
-      display: flex;
-      flex-direction: row;
-      gap: 12px;
-      align-items: center;
-      cursor: pointer;
-
-      // ENABLED
-      ${y(e, "ENABLED")};
-
-      // VALUE
-      &:has(.--CHECKBOX-inputField:checked) {
-        ${y(e, "VALUE")};
-      }
-
-      // HOVER
-      &:hover {
-        ${y(e, "HOVER")};
-
-        .--CHECKBOX-checkbox .--CHECKBOX-span {
-          &:before {
-            opacity: 1;
-            ${_(e, "HOVER")};
-          }
-        }
-      }
-
-      // ACTIVE
-      &:has(.--CHECKBOX-inputField.--CHECKBOX-active, .--CHECKBOX-inputField:active) {
-        ${y(e, "ACTIVE")};
-      }
-
-      // FOCUS-VISIBLE
-      &:has(.--CHECKBOX-inputField:focus-visible) {
-        ${y(e, "FOCUS")};
-      }
-
-      // ERROR
-      &:has(.--CHECKBOX-inputField.--CHECKBOX-error) {
-        ${y(e, "ERROR")};
-      }
-
-      // ERROR + VALUE
-      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:checked) {
-        ${y(e, "ERROR_VALUE")};
-      }
-
-      // ERROR + HOVER
-      &:hover:has(.--CHECKBOX-inputField.--CHECKBOX-error) {
-        ${y(e, "ERROR_HOVER")};
-
-        .--CHECKBOX-checkbox .--CHECKBOX-span {
-          &:before {
-            opacity: 1;
-            ${_(e, "ERROR_HOVER")};
-          }
-        }
-      }
-
-      // ERROR + ACTIVE
-      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:active),
-      &:has(.--CHECKBOX-inputField.--CHECKBOX-error.--CHECKBOX-active) {
-        ${y(e, "ERROR_ACTIVE")};
-      }
-
-      // ERROR + FOCUS
-      &:has(.--CHECKBOX-inputField.--CHECKBOX-error:focus-visible) {
-        ${y(e, "ERROR_FOCUS")};
-      }
-
-      // DISABLED
-      &:has(.--CHECKBOX-inputField:disabled) {
-        pointer-events: none;
-        ${y(e, "DISABLED")};
-      }
-
-      // DISABLED + VALUE
-      &:has(.--CHECKBOX-inputField:disabled:checked) {
-        ${y(e, "DISABLED_VALUE")};
-      }
-
-      .--CHECKBOX-checkbox {
-        position: relative;
-        display: inline-flex;
-        width: 24px;
-        height: 24px;
-        isolation: isolate;
-
-        .--CHECKBOX-inputField {
-          cursor: pointer;
-          position: absolute;
-          opacity: 0;
-          width: 100%;
-          height: 100%;
-          z-index: 2;
-          margin: 0;
-          -webkit-tap-highlight-color: transparent;
-
-          ~ .--CHECKBOX-span > span {
-            visibility: hidden;
-          }
-          &:checked ~ .--CHECKBOX-span > span,
-          &:indeterminate ~ .--CHECKBOX-span > span {
-            visibility: visible;
-          }
-
-          // ENABLED
-          ~ .--CHECKBOX-span {
-            ${m(e, "ENABLED")};
-            ${h(e, "ENABLED")};
-            ${v(e, "ENABLED")};
-          }
-
-          // VALUE
-          &:checked ~ .--CHECKBOX-span {
-            ${m(e, "VALUE")};
-            ${h(e, "VALUE")};
-            ${v(e, "VALUE")};
-          }
-
-          // INDETERMINATE (same appearance as VALUE)
-          &:indeterminate ~ .--CHECKBOX-span {
-            ${m(e, "VALUE")};
-            ${h(e, "VALUE")};
-            ${v(e, "VALUE")};
-          }
-
-          // HOVER
-          // Is at the container level
-
-          // ACTIVE
-          &.--CHECKBOX-active ~ .--CHECKBOX-span,
-          &:active ~ .--CHECKBOX-span {
-            &:before {
-              opacity: 1;
-              ${_(e, "ACTIVE")};
-            }
-          }
-
-          // FOCUS
-          &:focus-visible ~ .--CHECKBOX-span {
-            outline: none;
-            ${g(e, "FOCUS")};
-            ${v(e, "FOCUS")};
-          }
-
-          // ERROR
-          &.--CHECKBOX-error ~ .--CHECKBOX-span {
-            ${m(e, "ERROR")};
-            ${h(e, "ERROR")};
-            ${v(e, "ERROR")};
-          }
-
-          // ERROR + VALUE
-          &.--CHECKBOX-error:checked ~ .--CHECKBOX-span {
-            ${m(e, "ERROR_VALUE")};
-            ${h(e, "ERROR_VALUE")};
-            ${v(e, "ERROR_VALUE")};
-          }
-
-          // ERROR + VALUE
-          // Is at the container level
-
-          // ERROR + ACTIVE
-          &.--CHECKBOX-error:active ~ .--CHECKBOX-span,
-          &.--CHECKBOX-error.--CHECKBOX-active ~ .--CHECKBOX-span {
-            &:before {
-              opacity: 1;
-              ${_(e, "ERROR_ACTIVE")};
-            }
-          }
-
-          // ERROR + FOCUS
-          &.--CHECKBOX-error:focus-visible ~ .--CHECKBOX-span {
-            ${g(e, "ERROR_FOCUS")};
-            ${v(e, "ERROR_FOCUS")};
-          }
-
-          // DISABLED
-          &:disabled ~ .--CHECKBOX-span {
-            ${m(e, "DISABLED")};
-            ${h(e, "DISABLED")};
-            ${v(e, "DISABLED")};
-          }
-
-          // DISABLED + VALUE
-          &:disabled:checked ~ .--CHECKBOX-span {
-            ${m(e, "DISABLED_VALUE")};
-            ${h(e, "DISABLED_VALUE")};
-            ${v(e, "DISABLED_VALUE")};
-          }
-        }
-
-        .--CHECKBOX-span {
-          width: 24px;
-          height: 24px;
-          ${r(e, "border-radius", "--CHECKBOX-ROOT-BORDER-RADIUS")};
-          position: absolute;
-          box-sizing: border-box;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          transition:
-            background-color 150ms ease-in-out,
-            border-color 150ms ease-in-out;
-
-          > span {
-            width: 100%;
-            height: auto;
-            z-index: 1;
-          }
-
-          &:before {
-            content: '';
-            position: absolute;
-            width: 32px;
-            height: 32px;
-            border-radius: 50%;
-            opacity: 0;
-            transition: opacity 150ms ease-in-out;
-            z-index: -1;
-          }
-        }
-      }
-
-      .--CHECKBOX-label {
-        // FONT
-        font-family: ${e["--FONTFAMILY-PRIMARY"]};
-        font-size: 0.875rem;
-        font-weight: 500;
-        line-height: 1;
-      }
-    }
-
-    .--CHECKBOX-helperText {
-      // FONT
-      font-family: ${e["--FONTFAMILY-PRIMARY"]};
-      font-size: 13px;
-      line-height: 16px;
-      margin-left: 14px;
-    }
-  }
-`, x = a(null), S = a(null), C = "--CHECKBOX", w = i.forwardRef(({ label: e, icon: r = /* @__PURE__ */ t(p, { name: "check" }), helperText: i, showErrorText: a = !0, className: o, style: c = {}, disabled: l, checked: u, onChecked: d, error: f, onKeyDown: m, onKeyUp: h, onBlur: g, ..._ }, v) => {
-	let [y, x] = s(!1);
-	return /* @__PURE__ */ n("div", {
-		className: [
-			C,
-			y ? `${C}-active` : "",
-			o || ""
-		].join(" "),
-		css: b(c),
-		"data-testid": C,
-		children: [/* @__PURE__ */ n("label", {
-			className: `${C}-container`,
-			children: [/* @__PURE__ */ n("div", {
-				className: `${C}-checkbox`,
-				children: [/* @__PURE__ */ t("input", {
-					className: [
-						`${C}-inputField`,
-						y ? `${C}-active` : "",
-						a && f && `${C}-error`
-					].join(" "),
-					type: "checkbox",
-					checked: u,
-					disabled: l,
-					onChange: (e) => d(e.target.checked),
-					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === "Space") && x(!0), m?.(e);
-					},
-					onKeyUp: (e) => {
-						(e.key === "Enter" || e.key === "Space") && (x(!1), d(!u)), h?.(e);
-					},
-					onBlur: () => {
-						x(!1), g?.({});
-					},
-					ref: v,
-					"data-testid": `${C}-inputField`,
-					..._
-				}), /* @__PURE__ */ t("span", {
-					className: `${C}-span`,
-					"data-testid": `${C}-icon`,
-					children: r
-				})]
-			}), /* @__PURE__ */ t("span", {
-				className: `${C}-label`,
-				"data-testid": `${C}-label`,
-				children: e
-			})]
-		}), (i || a) && /* @__PURE__ */ n("span", {
-			className: `${C}-helperText`,
-			"data-testid": `${C}-helperText`,
-			children: [i && (!f || !a) && i, a && f && f.message]
-		})]
-	});
-});
-w.displayName = "CheckboxBase";
-var T = ({ name: e, control: n, ...r }) => {
-	let { field: i, fieldState: a } = l({
-		control: n,
-		name: e
-	}), [o, c] = s(i.value || !1), u = a.error, d = (e) => {
-		i.onChange(e), c(e), u && i.onBlur();
-	};
-	return /* @__PURE__ */ t(w, {
-		...r,
-		name: e,
-		checked: o,
-		onChecked: d,
-		onBlur: () => i.onBlur(),
-		error: u
-	});
-}, E = (e) => {
-	let n = o(x), r = o(S), i = n ?? r;
-	if (typeof e.checked == "boolean" && !e.control) {
-		let { checked: n, onChecked: r, name: i, control: a, ...o } = e;
-		return /* @__PURE__ */ t(w, {
-			...o,
-			name: i,
-			checked: n,
-			onChecked: r ?? (() => {})
-		});
-	}
-	if (i) {
-		let { value: n, name: r, control: a, ...o } = e, s = n ?? r ?? "", c = i.checkedValues.includes(s);
-		return /* @__PURE__ */ t(w, {
-			...o,
-			name: r,
-			value: s,
-			checked: c,
-			onChecked: (e) => i.onChange(s, e),
-			disabled: o.disabled ?? i.disabled,
-			error: i.error,
-			showErrorText: !1,
-			helperText: void 0
-		});
-	}
-	return /* @__PURE__ */ t(T, { ...e });
-}, D = ({ theme: n, variant: r = "default", ...i }) => {
-	let { componentStyles: a } = e([u.CHECKBOX], n, r.toUpperCase());
-	return /* @__PURE__ */ t(E, {
-		...i,
-		style: a
-	});
-}, O = (e, t) => `
-    // BACKGROUNDS
-    .--ICONBUTTON-span {
-      ${r(e, "background-color", `--ICONBUTTON-EVENTS-${t}-BACKGROUND-COLOR`)}
-    }
-  `, k = (e, t) => `
-    // SHADOWS  
-    ${r(e, "background-color", `--ICONBUTTON-EVENTS-${t}-SHADOW-COLOR`)}
-  `, A = (e, t) => `
-    // UTILS
-    .--ICONBUTTON-span > span {
-        ${r(e, "color", `--ICONBUTTON-EVENTS-${t}-ICON-COLOR`)}
-    }
-  `, j = (e, t) => `
-    // BORDER
-    .--ICONBUTTON-span {
-      ${r(e, "border-color", `--ICONBUTTON-EVENTS-${t}-BORDER-COLOR`)}
-      ${r(e, "border-width", `--ICONBUTTON-EVENTS-${t}-BORDER-WIDTH`)}
-      ${r(e, "border-style", `--ICONBUTTON-EVENTS-${t}-BORDER-STYLE`)}
-    }
-  `, M = (e, t) => `
-    // OUTLINE
-    .--ICONBUTTON-span {
-      ${r(e, "outline-color", `--ICONBUTTON-EVENTS-${t}-OUTLINE-COLOR`)}
-      ${r(e, "outline-width", `--ICONBUTTON-EVENTS-${t}-OUTLINE-WIDTH`)}
-      ${r(e, "outline-style", `--ICONBUTTON-EVENTS-${t}-OUTLINE-STYLE`)}
-      ${r(e, "outline-offset", `--ICONBUTTON-EVENTS-${t}-OUTLINE-OFFSET`)}
-    }
-  `, N = (e) => c`
-  &.--ICONBUTTON {
-    width: 24px;
-    height: 24px;
-    ${r(e, "border-radius", "--ICONBUTTON-ROOT-BORDER-RADIUS")};
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    vertical-align: middle;
-    box-sizing: content-box;
-    position: relative;
-    user-select: none;
-    padding: 0px;
-    box-sizing: border-box;
-    -webkit-tap-highlight-color: transparent;
-    isolation: isolate;
-    border: none;
-    background-color: transparent;
-
-    // ENABLED
-    ${O(e, "ENABLED")};
-    ${j(e, "ENABLED")};
-    ${A(e, "ENABLED")};
-
-    // HOVER
-    &:hover {
-      &:before {
-        opacity: 1;
-        ${k(e, "HOVER")};
-      }
-    }
-
-    // ACTIVE
-    &.--ICONBUTTON-active,
-    &:active {
-      &:before {
-        opacity: 1;
-        ${k(e, "ACTIVE")};
-      }
-    }
-
-    // FOCUS
-    &:focus-visible {
-      outline: none;
-      ${M(e, "FOCUS")};
-    }
-
-    // DISABLED
-    &:disabled {
-      pointer-events: none;
-      ${O(e, "DISABLED")};
-      ${j(e, "DISABLED")};
-      ${A(e, "DISABLED")};
-    }
-
-    &.--ICONBUTTON-flipped {
-      .--ICONBUTTON-span {
-        > span {
-          rotate: 180deg !important;
-        }
-      }
-    }
-
-    .--ICONBUTTON-span {
-      width: 24px;
-      height: 24px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      box-sizing: border-box;
-      ${r(e, "border-radius", "--ICONBUTTON-ROOT-BORDER-RADIUS")};
-
-      > span {
-        rotate: 0deg;
-        transition: rotate 150ms ease-in-out;
-        position: absolute;
-        width: 100%;
-        height: auto;
-        z-index: 1;
-      }
-    }
-
-    &:before {
-      content: '';
-      position: absolute;
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-      opacity: 0;
-      transition: opacity 150ms ease-in-out;
-      z-index: -1;
-    }
-  }
-`, P = "--ICONBUTTON", F = ({ className: e, style: n, icon: r, onClick: i, isFlipped: a, ...o }) => {
-	let [c, l] = s(!1);
-	return /* @__PURE__ */ t("button", {
-		className: [
-			P,
-			c ? `${P}-active` : "",
-			a ? `${P}-flipped` : "",
-			e
-		].join(" "),
-		css: N(n),
-		type: "button",
-		onClick: i,
-		onKeyDown: (e) => {
-			e.stopPropagation(), (e.key === "Enter" || e.key === "Space") && l(!0), o.onKeyDown?.(e);
-		},
-		onKeyUp: (e) => {
-			(e.key === "Enter" || e.key === "Space") && l(!1), o.onKeyUp?.(e);
-		},
-		onBlur: (e) => {
-			l(!1), o.onBlur?.(e);
-		},
-		"data-testid": P,
-		...o,
-		children: /* @__PURE__ */ t("span", {
-			className: `${P}-span`,
-			children: r
-		})
-	});
-}, I = ({ theme: n, variant: r = "default", ...i }) => {
-	let { componentStyles: a } = e([u.ICONBUTTON], n, r.toUpperCase());
-	return /* @__PURE__ */ t(F, {
-		...i,
-		style: a
-	});
-}, L = a(null);
-//#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-CdFGi5z1.js.map