@cube-dev/ui-kit 0.0.0-canary-e530064 → 0.0.0-canary-52c46a3

package/dist/components/fields/RadioGroup/Radio.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
@@ -13,7 +13,7 @@ import { _RadioGroup } from "./RadioGroup.js";
 import { OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useHover, useRadio as useRadio$1 } from "react-aria";
+import { useHover, useRadio } from "react-aria";
 import { useFocusableRef } from "@react-spectrum/utils";
 
 //#region src/components/fields/RadioGroup/Radio.tsx
@@ -162,7 +162,7 @@ function Radio(props, ref) {
 	let { hoverProps, isHovered } = useHover({ isDisabled: effectiveIsDisabled });
 	let inputRef = useRef(null);
 	let domRef = useFocusableRef(ref, inputRef);
-	let { inputProps, isDisabled: isRadioDisabled, isSelected: isRadioSelected } = useRadio$1({
+	let { inputProps, isDisabled: isRadioDisabled, isSelected: isRadioSelected } = useRadio({
 		name,
 		...props,
 		isDisabled: effectiveIsDisabled
@@ -270,5 +270,5 @@ const __Radio = Object.assign(_Radio, {
 __Radio.displayName = "Radio";
 
 //#endregion
-export { __Radio, useRadio$1 as useRadio };
+export { __Radio, useRadio };
 //# sourceMappingURL=Radio.js.map

package/dist/components/fields/RadioGroup/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["Item","useFocus","useRadio","mergeProps","RadioGroup"],"sources":["../../../../src/components/fields/RadioGroup/Radio.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef } from 'react';\nimport { useHover, useRadio } from 'react-aria';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport {\n  getValidationMods,\n  getValidationTheme,\n  INLINE_LABEL_STYLES,\n  useFieldProps,\n} from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\nimport { RADIO_SIZE_MAP } from '../../navigation/Tabs/types';\n\nimport { useRadioProvider } from './context';\nimport { RadioGroup } from './RadioGroup';\n\nimport type { AriaRadioProps } from 'react-aria';\n\nexport { AriaRadioProps };\nexport { useRadio };\n\nconst RadioButtonElement = tasty(Item, {\n  qa: 'RadioButton',\n  as: 'label',\n  styles: {\n    preset: 't3m',\n    lineHeight: '1em',\n    flexGrow: 1,\n    gridTemplate:\n      '\"icon prefix label suffix rightIcon actions\" auto / max-content max-content max-content max-content max-content max-content',\n    placeContent: 'center',\n    shadow: {\n      '': false,\n      'tabs & selected': '$item-shadow',\n      'tabs & selected & disabled': false,\n    },\n    fill: {\n      'selected & tabs': '#surface',\n      'selected & tabs & disabled': '#surface.6',\n    },\n    color: {\n      'selected & tabs': '#dark',\n      'selected & tabs & disabled': '#dark.3',\n    },\n\n    // Mirror the ButtonSplit grouping: the corner radius is shared so the\n    // first/last items keep only their outer-side radius and middle items go\n    // square; a -1bw left margin overlaps adjacent borders into a single\n    // continuous edge. The selected button is bumped above its siblings so its\n    // brand-tinted border is visible from all four sides — without the bump\n    // the right edge of an adjacent sibling would paint over the selected\n    // button's left edge (and vice-versa). Hover / focus-visible bump higher\n    // still so they always read on top of the selected highlight.\n    radius: {\n      '': true,\n      '!tabs & !:last-child': '1r left',\n      '!tabs & !:first-child': '1r right',\n      '!tabs & !:first-child & !:last-child': 0,\n    },\n    margin: {\n      '': 0,\n      '!tabs & !:first-child': '-1bw left',\n    },\n    zIndex: {\n      '!tabs & selected': 1,\n    },\n\n    Label: {\n      placeSelf: {\n        '': 'center start',\n        '!has-prefix & !has-suffix & !has-icon & !has-right-icon': 'center',\n      },\n    },\n  },\n});\n\nconst RadioWrapperElement = tasty({\n  as: 'label',\n  qa: 'RadioWrapper',\n  styles: {\n    position: 'relative',\n    display: 'grid',\n    placeItems: 'center start',\n    placeContent: 'center start',\n    gap: '1x',\n    flow: 'column',\n    preset: 'default',\n    width: 'min-content',\n    radius: true,\n    margin: {\n      '': '1x right',\n      button: '0',\n    },\n    zIndex: {\n      '': 'initial',\n      checked: 1,\n    },\n    flexGrow: 1,\n  },\n});\n\nconst RadioNormalElement = tasty({\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: 'round',\n    fill: {\n      '': '#surface',\n      disabled: '#disabled-surface',\n    },\n    color: {\n      '': '#clear',\n      checked: '#primary-text',\n      'invalid & checked': '#danger-text',\n      'valid & checked': '#success-text',\n      'disabled | !checked': '#clear',\n      'disabled & checked': '#dark.12',\n    },\n    border: {\n      '': '#dark-04',\n      checked: '#primary-text',\n      invalid: '#danger-text.50',\n      valid: '#success-text.50',\n      disabled: '#dark.12',\n    },\n    width: '2x',\n    height: '2x',\n    outline: {\n      '': '#primary-text.0 / 1bw',\n      focused: '1bw #primary-text / 1bw',\n    },\n    transition: 'theme',\n    whiteSpace: 'nowrap',\n\n    RadioCircle: {\n      display: 'block',\n      radius: 'round',\n      width: '1x',\n      height: '1x',\n      fill: '#current',\n    },\n  },\n});\n\nconst RadioCircleElement = <div data-element=\"RadioCircle\" />;\n\nconst RadioLabelElement = tasty({\n  qa: 'RadioLabel',\n  styles: INLINE_LABEL_STYLES,\n});\n\nexport interface CubeRadioProps\n  extends BaseProps,\n    AriaRadioProps,\n    Omit<FieldBaseProps, 'tooltip'>,\n    OuterStyleProps {\n  'aria-label'?: string;\n  /* The visual type of the radio button */\n  type?: 'button' | 'radio';\n  buttonType?: CubeItemProps['type'];\n  value?: string;\n  /* Size of the button (for button type only) */\n  size?: Omit<CubeItemProps['size'], 'inline'>;\n  /* Icon to display (for button type only) */\n  icon?: CubeItemProps['icon'];\n  /* Icon to display on the right (for button type only) */\n  rightIcon?: CubeItemProps['rightIcon'];\n  /* Prefix element (for button type only) */\n  prefix?: CubeItemProps['prefix'];\n  /* Suffix element (for button type only) */\n  suffix?: CubeItemProps['suffix'];\n  /* Description text (for button type only) */\n  description?: CubeItemProps['description'];\n  /* Tooltip configuration (for button type only) */\n  tooltip?: CubeItemProps['tooltip'];\n  /* Keyboard shortcut (for button type only) */\n  hotkeys?: CubeItemProps['hotkeys'];\n}\n\nfunction Radio(props: CubeRadioProps, ref) {\n  props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });\n\n  let {\n    qa,\n    isDisabled,\n    isInvalid,\n    isValid,\n    children,\n    label,\n    autoFocus,\n    labelStyles,\n    labelProps,\n    type,\n    buttonType,\n    size,\n    icon,\n    rightIcon,\n    prefix,\n    suffix,\n    description,\n    tooltip,\n    hotkeys,\n    'aria-label': ariaLabel,\n    form,\n    ...otherProps\n  } = props;\n\n  label = label || children;\n\n  let styles = extractStyles(otherProps, OUTER_STYLES);\n\n  labelStyles = {\n    ...INLINE_LABEL_STYLES,\n    ...labelStyles,\n  };\n\n  let radioGroupProps = useRadioProvider();\n\n  let state = radioGroupProps && radioGroupProps.state;\n  let name = radioGroupProps && radioGroupProps.name;\n  let contextSize = radioGroupProps?.size;\n  let contextButtonType = radioGroupProps?.buttonType;\n  let contextType = radioGroupProps?.type;\n  let contextIsDisabled = radioGroupProps?.isDisabled;\n\n  if (!state) {\n    throw new Error('CubeUI: The Radio button is used outside the RadioGroup.');\n  }\n\n  // Determine effective type from props or context\n  let effectiveType = type ?? contextType ?? 'radio';\n  let isButton = effectiveType === 'button' || effectiveType === 'tabs';\n\n  // Determine effective size with priority: prop > context > default\n  let effectiveSize: CubeItemProps['size'] = (size ??\n    contextSize ??\n    'medium') as CubeItemProps['size'];\n\n  // Apply size mapping for tabs mode button radios.\n  // API sizes mapped to Item button sizes: large -> medium (40px), medium -> xsmall (32px).\n  if (effectiveType === 'tabs' && isButton) {\n    effectiveSize =\n      RADIO_SIZE_MAP[effectiveSize === 'large' ? 'large' : 'medium'];\n  }\n\n  // Determine effective button type\n  // In tabs mode, always use 'clear' and ignore buttonType prop.\n  let effectiveButtonType: string;\n  // When buttonType is 'primary', non-selected radios use 'outline' with a\n  // visual-only `selected` mod (mods.selected=true) to render the brand-tinted\n  // outline+selected look — this is the only place mods.selected intentionally\n  // decouples from the aria/isSelected state.\n  let forceSelectedMod = false;\n  if (effectiveType === 'tabs') {\n    effectiveButtonType = 'clear';\n  } else {\n    const baseButtonType = buttonType ?? contextButtonType ?? 'outline';\n    if (baseButtonType === 'primary') {\n      if (state.selectedValue === props.value) {\n        effectiveButtonType = 'primary';\n      } else {\n        effectiveButtonType = 'outline';\n        forceSelectedMod = true;\n      }\n    } else {\n      effectiveButtonType = baseButtonType;\n    }\n  }\n\n  // Use context isDisabled if prop isDisabled is not explicitly set\n  let effectiveIsDisabled = isDisabled ?? contextIsDisabled ?? false;\n\n  let { isFocused, focusProps } = useFocus(\n    { isDisabled: effectiveIsDisabled },\n    true,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled: effectiveIsDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let {\n    inputProps,\n    isDisabled: isRadioDisabled,\n    isSelected: isRadioSelected,\n  } = useRadio(\n    {\n      name,\n      ...props,\n      isDisabled: effectiveIsDisabled,\n    },\n    state,\n    inputRef,\n  );\n\n  const mods = useMemo(\n    () => ({\n      checked: isRadioSelected,\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: isRadioDisabled,\n      hovered: isHovered,\n      button: isButton,\n      focused: isFocused,\n      tabs: effectiveType === 'tabs',\n    }),\n    [\n      isRadioSelected,\n      isInvalid,\n      isValid,\n      isRadioDisabled,\n      isHovered,\n      isButton,\n      isFocused,\n      effectiveType,\n    ],\n  );\n\n  // Render button type using Item\n  if (isButton) {\n    return (\n      <RadioButtonElement\n        ref={domRef}\n        type={effectiveButtonType}\n        theme={getValidationTheme(\n          'default',\n          { isInvalid, isValid },\n          { includeValid: true },\n        )}\n        size={effectiveSize}\n        icon={icon}\n        rightIcon={rightIcon}\n        prefix={prefix}\n        suffix={suffix}\n        description={description}\n        tooltip={tooltip}\n        hotkeys={hotkeys}\n        isSelected={isRadioSelected}\n        isDisabled={isRadioDisabled}\n        mods={{ ...mods, ...(forceSelectedMod ? { selected: true } : {}) }}\n        styles={styles}\n        {...mergeProps(hoverProps, focusProps)}\n      >\n        <HiddenInput\n          qa={qa || 'Radio'}\n          data-input-type=\"radio\"\n          aria-label={ariaLabel}\n          {...inputProps}\n          ref={inputRef}\n          form={null}\n          mods={{ button: isButton, disabled: isRadioDisabled }}\n        />\n        {label}\n      </RadioButtonElement>\n    );\n  }\n\n  // Render classic radio type\n  return (\n    <RadioWrapperElement\n      styles={styles}\n      {...hoverProps}\n      ref={domRef}\n      mods={mods}\n      data-type={type}\n    >\n      <HiddenInput\n        qa={qa || 'Radio'}\n        data-input-type=\"radio\"\n        aria-label={ariaLabel}\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        mods={{ button: isButton }}\n      />\n      <RadioNormalElement data-element=\"Input\" mods={mods} data-type={type}>\n        {RadioCircleElement}\n      </RadioNormalElement>\n      {label && (\n        <RadioLabelElement\n          mods={mods}\n          styles={labelStyles}\n          {...(labelProps ? filterBaseProps(labelProps) : undefined)}\n        >\n          {label}\n        </RadioLabelElement>\n      )}\n    </RadioWrapperElement>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\n\nconst Tabs = tasty(RadioGroup, {\n  type: 'tabs',\n});\n\nconst ButtonGroup = tasty(RadioGroup, {\n  type: 'button',\n});\n\nconst __Radio = Object.assign(\n  _Radio as typeof _Radio & {\n    Group: typeof RadioGroup;\n    Tabs: typeof Tabs;\n    ButtonGroup: typeof ButtonGroup;\n    Button: typeof _Radio;\n  },\n  {\n    Group: RadioGroup,\n    Tabs,\n    ButtonGroup,\n    Button: _Radio,\n  },\n);\n\n__Radio.displayName = 'Radio';\n\nexport { __Radio as Radio };\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["Item","useFocus","mergeProps","RadioGroup"],"sources":["../../../../src/components/fields/RadioGroup/Radio.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef } from 'react';\nimport { useHover, useRadio } from 'react-aria';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport {\n  getValidationMods,\n  getValidationTheme,\n  INLINE_LABEL_STYLES,\n  useFieldProps,\n} from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\nimport { RADIO_SIZE_MAP } from '../../navigation/Tabs/types';\n\nimport { useRadioProvider } from './context';\nimport { RadioGroup } from './RadioGroup';\n\nimport type { AriaRadioProps } from 'react-aria';\n\nexport { AriaRadioProps };\nexport { useRadio };\n\nconst RadioButtonElement = tasty(Item, {\n  qa: 'RadioButton',\n  as: 'label',\n  styles: {\n    preset: 't3m',\n    lineHeight: '1em',\n    flexGrow: 1,\n    gridTemplate:\n      '\"icon prefix label suffix rightIcon actions\" auto / max-content max-content max-content max-content max-content max-content',\n    placeContent: 'center',\n    shadow: {\n      '': false,\n      'tabs & selected': '$item-shadow',\n      'tabs & selected & disabled': false,\n    },\n    fill: {\n      'selected & tabs': '#surface',\n      'selected & tabs & disabled': '#surface.6',\n    },\n    color: {\n      'selected & tabs': '#dark',\n      'selected & tabs & disabled': '#dark.3',\n    },\n\n    // Mirror the ButtonSplit grouping: the corner radius is shared so the\n    // first/last items keep only their outer-side radius and middle items go\n    // square; a -1bw left margin overlaps adjacent borders into a single\n    // continuous edge. The selected button is bumped above its siblings so its\n    // brand-tinted border is visible from all four sides — without the bump\n    // the right edge of an adjacent sibling would paint over the selected\n    // button's left edge (and vice-versa). Hover / focus-visible bump higher\n    // still so they always read on top of the selected highlight.\n    radius: {\n      '': true,\n      '!tabs & !:last-child': '1r left',\n      '!tabs & !:first-child': '1r right',\n      '!tabs & !:first-child & !:last-child': 0,\n    },\n    margin: {\n      '': 0,\n      '!tabs & !:first-child': '-1bw left',\n    },\n    zIndex: {\n      '!tabs & selected': 1,\n    },\n\n    Label: {\n      placeSelf: {\n        '': 'center start',\n        '!has-prefix & !has-suffix & !has-icon & !has-right-icon': 'center',\n      },\n    },\n  },\n});\n\nconst RadioWrapperElement = tasty({\n  as: 'label',\n  qa: 'RadioWrapper',\n  styles: {\n    position: 'relative',\n    display: 'grid',\n    placeItems: 'center start',\n    placeContent: 'center start',\n    gap: '1x',\n    flow: 'column',\n    preset: 'default',\n    width: 'min-content',\n    radius: true,\n    margin: {\n      '': '1x right',\n      button: '0',\n    },\n    zIndex: {\n      '': 'initial',\n      checked: 1,\n    },\n    flexGrow: 1,\n  },\n});\n\nconst RadioNormalElement = tasty({\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: 'round',\n    fill: {\n      '': '#surface',\n      disabled: '#disabled-surface',\n    },\n    color: {\n      '': '#clear',\n      checked: '#primary-text',\n      'invalid & checked': '#danger-text',\n      'valid & checked': '#success-text',\n      'disabled | !checked': '#clear',\n      'disabled & checked': '#dark.12',\n    },\n    border: {\n      '': '#dark-04',\n      checked: '#primary-text',\n      invalid: '#danger-text.50',\n      valid: '#success-text.50',\n      disabled: '#dark.12',\n    },\n    width: '2x',\n    height: '2x',\n    outline: {\n      '': '#primary-text.0 / 1bw',\n      focused: '1bw #primary-text / 1bw',\n    },\n    transition: 'theme',\n    whiteSpace: 'nowrap',\n\n    RadioCircle: {\n      display: 'block',\n      radius: 'round',\n      width: '1x',\n      height: '1x',\n      fill: '#current',\n    },\n  },\n});\n\nconst RadioCircleElement = <div data-element=\"RadioCircle\" />;\n\nconst RadioLabelElement = tasty({\n  qa: 'RadioLabel',\n  styles: INLINE_LABEL_STYLES,\n});\n\nexport interface CubeRadioProps\n  extends BaseProps,\n    AriaRadioProps,\n    Omit<FieldBaseProps, 'tooltip'>,\n    OuterStyleProps {\n  'aria-label'?: string;\n  /* The visual type of the radio button */\n  type?: 'button' | 'radio';\n  buttonType?: CubeItemProps['type'];\n  value?: string;\n  /* Size of the button (for button type only) */\n  size?: Omit<CubeItemProps['size'], 'inline'>;\n  /* Icon to display (for button type only) */\n  icon?: CubeItemProps['icon'];\n  /* Icon to display on the right (for button type only) */\n  rightIcon?: CubeItemProps['rightIcon'];\n  /* Prefix element (for button type only) */\n  prefix?: CubeItemProps['prefix'];\n  /* Suffix element (for button type only) */\n  suffix?: CubeItemProps['suffix'];\n  /* Description text (for button type only) */\n  description?: CubeItemProps['description'];\n  /* Tooltip configuration (for button type only) */\n  tooltip?: CubeItemProps['tooltip'];\n  /* Keyboard shortcut (for button type only) */\n  hotkeys?: CubeItemProps['hotkeys'];\n}\n\nfunction Radio(props: CubeRadioProps, ref) {\n  props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });\n\n  let {\n    qa,\n    isDisabled,\n    isInvalid,\n    isValid,\n    children,\n    label,\n    autoFocus,\n    labelStyles,\n    labelProps,\n    type,\n    buttonType,\n    size,\n    icon,\n    rightIcon,\n    prefix,\n    suffix,\n    description,\n    tooltip,\n    hotkeys,\n    'aria-label': ariaLabel,\n    form,\n    ...otherProps\n  } = props;\n\n  label = label || children;\n\n  let styles = extractStyles(otherProps, OUTER_STYLES);\n\n  labelStyles = {\n    ...INLINE_LABEL_STYLES,\n    ...labelStyles,\n  };\n\n  let radioGroupProps = useRadioProvider();\n\n  let state = radioGroupProps && radioGroupProps.state;\n  let name = radioGroupProps && radioGroupProps.name;\n  let contextSize = radioGroupProps?.size;\n  let contextButtonType = radioGroupProps?.buttonType;\n  let contextType = radioGroupProps?.type;\n  let contextIsDisabled = radioGroupProps?.isDisabled;\n\n  if (!state) {\n    throw new Error('CubeUI: The Radio button is used outside the RadioGroup.');\n  }\n\n  // Determine effective type from props or context\n  let effectiveType = type ?? contextType ?? 'radio';\n  let isButton = effectiveType === 'button' || effectiveType === 'tabs';\n\n  // Determine effective size with priority: prop > context > default\n  let effectiveSize: CubeItemProps['size'] = (size ??\n    contextSize ??\n    'medium') as CubeItemProps['size'];\n\n  // Apply size mapping for tabs mode button radios.\n  // API sizes mapped to Item button sizes: large -> medium (40px), medium -> xsmall (32px).\n  if (effectiveType === 'tabs' && isButton) {\n    effectiveSize =\n      RADIO_SIZE_MAP[effectiveSize === 'large' ? 'large' : 'medium'];\n  }\n\n  // Determine effective button type\n  // In tabs mode, always use 'clear' and ignore buttonType prop.\n  let effectiveButtonType: string;\n  // When buttonType is 'primary', non-selected radios use 'outline' with a\n  // visual-only `selected` mod (mods.selected=true) to render the brand-tinted\n  // outline+selected look — this is the only place mods.selected intentionally\n  // decouples from the aria/isSelected state.\n  let forceSelectedMod = false;\n  if (effectiveType === 'tabs') {\n    effectiveButtonType = 'clear';\n  } else {\n    const baseButtonType = buttonType ?? contextButtonType ?? 'outline';\n    if (baseButtonType === 'primary') {\n      if (state.selectedValue === props.value) {\n        effectiveButtonType = 'primary';\n      } else {\n        effectiveButtonType = 'outline';\n        forceSelectedMod = true;\n      }\n    } else {\n      effectiveButtonType = baseButtonType;\n    }\n  }\n\n  // Use context isDisabled if prop isDisabled is not explicitly set\n  let effectiveIsDisabled = isDisabled ?? contextIsDisabled ?? false;\n\n  let { isFocused, focusProps } = useFocus(\n    { isDisabled: effectiveIsDisabled },\n    true,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled: effectiveIsDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let {\n    inputProps,\n    isDisabled: isRadioDisabled,\n    isSelected: isRadioSelected,\n  } = useRadio(\n    {\n      name,\n      ...props,\n      isDisabled: effectiveIsDisabled,\n    },\n    state,\n    inputRef,\n  );\n\n  const mods = useMemo(\n    () => ({\n      checked: isRadioSelected,\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: isRadioDisabled,\n      hovered: isHovered,\n      button: isButton,\n      focused: isFocused,\n      tabs: effectiveType === 'tabs',\n    }),\n    [\n      isRadioSelected,\n      isInvalid,\n      isValid,\n      isRadioDisabled,\n      isHovered,\n      isButton,\n      isFocused,\n      effectiveType,\n    ],\n  );\n\n  // Render button type using Item\n  if (isButton) {\n    return (\n      <RadioButtonElement\n        ref={domRef}\n        type={effectiveButtonType}\n        theme={getValidationTheme(\n          'default',\n          { isInvalid, isValid },\n          { includeValid: true },\n        )}\n        size={effectiveSize}\n        icon={icon}\n        rightIcon={rightIcon}\n        prefix={prefix}\n        suffix={suffix}\n        description={description}\n        tooltip={tooltip}\n        hotkeys={hotkeys}\n        isSelected={isRadioSelected}\n        isDisabled={isRadioDisabled}\n        mods={{ ...mods, ...(forceSelectedMod ? { selected: true } : {}) }}\n        styles={styles}\n        {...mergeProps(hoverProps, focusProps)}\n      >\n        <HiddenInput\n          qa={qa || 'Radio'}\n          data-input-type=\"radio\"\n          aria-label={ariaLabel}\n          {...inputProps}\n          ref={inputRef}\n          form={null}\n          mods={{ button: isButton, disabled: isRadioDisabled }}\n        />\n        {label}\n      </RadioButtonElement>\n    );\n  }\n\n  // Render classic radio type\n  return (\n    <RadioWrapperElement\n      styles={styles}\n      {...hoverProps}\n      ref={domRef}\n      mods={mods}\n      data-type={type}\n    >\n      <HiddenInput\n        qa={qa || 'Radio'}\n        data-input-type=\"radio\"\n        aria-label={ariaLabel}\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n        mods={{ button: isButton }}\n      />\n      <RadioNormalElement data-element=\"Input\" mods={mods} data-type={type}>\n        {RadioCircleElement}\n      </RadioNormalElement>\n      {label && (\n        <RadioLabelElement\n          mods={mods}\n          styles={labelStyles}\n          {...(labelProps ? filterBaseProps(labelProps) : undefined)}\n        >\n          {label}\n        </RadioLabelElement>\n      )}\n    </RadioWrapperElement>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\n\nconst Tabs = tasty(RadioGroup, {\n  type: 'tabs',\n});\n\nconst ButtonGroup = tasty(RadioGroup, {\n  type: 'button',\n});\n\nconst __Radio = Object.assign(\n  _Radio as typeof _Radio & {\n    Group: typeof RadioGroup;\n    Tabs: typeof Tabs;\n    ButtonGroup: typeof ButtonGroup;\n    Button: typeof _Radio;\n  },\n  {\n    Group: RadioGroup,\n    Tabs,\n    ButtonGroup,\n    Button: _Radio,\n  },\n);\n\n__Radio.displayName = 'Radio';\n\nexport { __Radio as Radio };\n"],"mappings":"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"}

package/dist/components/fields/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { FormContext } from "../../form/Form/Form.js";

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts

package/dist/components/fields/SearchComboBox/SearchComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/Gradation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/fields/Slider/HueSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Slider/RangeSlider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

package/dist/components/fields/Slider/Slider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

package/dist/components/fields/Slider/SliderBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { forwardRefWithGenerics } from "../../../utils/react/forwardRefWithGenerics.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/fields/Slider/elements.ts

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/index.d.ts

@@ -18,15 +18,9 @@ import "./CommandTextArea/index.js";
 import { CubeCheckboxGroupProps, _CheckboxGroup } from "./Checkbox/CheckboxGroup.js";
 import { AriaCheckboxProps, CubeCheckboxProps, __Checkbox, useCheckbox } from "./Checkbox/Checkbox.js";
 import "./Checkbox/index.js";
-import { COLOR_FORMATS, ColorFormat } from "./color/color.js";
-import { ColorSwatch, CubeColorSwatchProps } from "./color/ColorSwatch.js";
-import { COLOR_SPACES, ColorSpace } from "./color/channels.js";
-import "./color/index.js";
-import { ColorInput, ColorInputFormatMode, CubeColorInputProps } from "./ColorInput/ColorInput.js";
-import "./ColorInput/index.js";
-import { ColorSwatchGroup, CubeColorSwatchGroupProps, CubeColorSwatchItem } from "./ColorSwatchGroup/ColorSwatchGroup.js";
-import "./ColorSwatchGroup/index.js";
-import { ColorPicker, CubeColorPickerProps } from "./ColorPicker/ColorPicker.js";
+import { COLOR_FORMATS, ColorFormat } from "./ColorPicker/color.js";
+import { COLOR_SPACES, ColorSpace } from "./ColorPicker/channels.js";
+import { ColorPicker, ColorPickerFormatMode, CubeColorPickerProps } from "./ColorPicker/ColorPicker.js";
 import "./ColorPicker/index.js";
 import { DateFieldBase, Granularity } from "./DatePicker/types.js";
 import { CubeTimeInputProps, _TimeInput } from "./DatePicker/TimeInput.js";

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { useValidationProps } from "../validation/use-validation-props.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useForm } from "./use-form.js";
 import { FormContext, _Form, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

package/dist/components/form/Form/use-field/use-field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
 import { resolveValidationProps } from "../../validation/resolve-validation-props.js";

package/dist/components/form/Form/use-form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { applyRules } from "./validation.js";
 import { dotize } from "@tenphi/tasty";
 import { useRef, useState } from "react";

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { useI18n } from "../../i18n/useI18n.js";

package/dist/components/form/validation/ValidationIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/form/validation/resolve-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 //#region src/components/form/validation/resolve-validation-props.ts
 /**
 * Normalizes the validation props of a field into a pair of booleans.

package/dist/components/form/validation/use-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { resolveValidationProps } from "./resolve-validation-props.js";
 

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Board/Board.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/layout/Board/BoardProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { BoardDragActiveContext, BoardRegistryContext } from "./board-context.js";
 import { useBoardRegistry } from "./use-board-registry.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/layout/Board/BoardResponsive.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/Widget.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useBoardRegistry } from "./board-context.js";

package/dist/components/layout/Board/WidgetHost.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/layout/Board/board-context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/layout/Board/board-context.tsx

package/dist/components/layout/Board/board-store.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 //#region src/components/layout/Board/board-store.ts
 /**
 * A tiny external store mapping widget id -> registration.

package/dist/components/layout/Board/grid-core/calculate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/calculate.ts
 /** Calculate the width of a single grid column in pixels. */
 function calcGridColWidth(positionParams) {

package/dist/components/layout/Board/grid-core/collision.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision.ts
 /**
 * Check if two layout items collide (overlap).

package/dist/components/layout/Board/grid-core/compactors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/constraints.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/constraints.ts
 function clamp(value, min, max) {
 	return Math.max(min, Math.min(max, value));

package/dist/components/layout/Board/grid-core/group-move.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { bottom, cloneLayout } from "./layout.js";
 

package/dist/components/layout/Board/grid-core/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";
 

package/dist/components/layout/Board/grid-core/sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";
 import { aspectRatio, boundedX, boundedY, containerBounds, gridBounds, maxSize, minMaxSize, minSize, snapToGrid } from "./grid-core/constraints.js";
 import { BoardProvider } from "./BoardProvider.js";

package/dist/components/layout/Board/responsive-utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { collides } from "./grid-core/collision.js";

package/dist/components/layout/Board/use-board-select-modifier-key.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useIsDarwin } from "../../../utils/react/useIsDarwin.js";
 
 //#region src/components/layout/Board/use-board-select-modifier-key.ts

package/dist/components/layout/Board/use-board-selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e530064 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-52c46a3 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";