@cube-dev/ui-kit 0.120.0 → 0.121.0

package/dist/components/content/ItemBadge/ItemBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemBadge.js","names":[],"sources":["../../../../src/components/content/ItemBadge/ItemBadge.tsx"],"sourcesContent":["import { BaseProps, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useMemo,\n} from 'react';\n\nimport {\n  DANGER_CLEAR_STYLES,\n  DANGER_NEUTRAL_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DANGER_SECONDARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_NEUTRAL_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  DEFAULT_SECONDARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_NEUTRAL_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SPECIAL_SECONDARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_NEUTRAL_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  SUCCESS_SECONDARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { useItemActionContext } from '../../actions/ItemActionContext';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\n\nexport interface CubeItemBadgeProps extends BaseProps {\n  icon?: ReactNode | 'checkbox';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'secondary' | 'neutral' | 'clear' | (string & {});\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: string;\n      });\n}\n\ntype ItemBadgeVariant =\n  | 'default.primary'\n  | 'default.secondary'\n  | 'default.neutral'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.secondary'\n  | 'danger.neutral'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.secondary'\n  | 'success.neutral'\n  | 'success.clear'\n  | 'special.primary'\n  | 'special.secondary'\n  | 'special.neutral'\n  | 'special.clear';\n\nconst ItemBadgeElement = tasty({\n  qa: 'ItemBadge',\n  styles: {\n    ...ITEM_ACTION_BASE_STYLES,\n    cursor: 'default',\n  },\n  variants: {\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.secondary': DEFAULT_SECONDARY_STYLES,\n    'default.neutral': DEFAULT_NEUTRAL_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.secondary': DANGER_SECONDARY_STYLES,\n    'danger.neutral': DANGER_NEUTRAL_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.secondary': SUCCESS_SECONDARY_STYLES,\n    'success.neutral': SUCCESS_NEUTRAL_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.secondary': SPECIAL_SECONDARY_STYLES,\n    'special.neutral': SPECIAL_NEUTRAL_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemBadge = forwardRef<HTMLDivElement, CubeItemBadgeProps>(\n  function ItemBadge(allProps, ref) {\n    const { type: contextType, theme: contextTheme } = useItemActionContext();\n\n    const {\n      type = contextType ?? 'neutral',\n      theme = contextTheme ?? 'default',\n      icon,\n      children,\n      isLoading = false,\n      isSelected = false,\n      tooltip,\n      mods,\n      ...rest\n    } = allProps;\n\n    // Determine if we should show checkbox\n    const hasCheckbox = icon === 'checkbox';\n\n    // Determine final icon (loading takes precedence)\n    const finalIcon = isLoading ? (\n      <LoadingIcon />\n    ) : hasCheckbox ? (\n      <CheckIcon />\n    ) : (\n      icon\n    );\n\n    // Build modifiers\n    const finalMods = useMemo(\n      () => ({\n        checkbox: hasCheckbox,\n        selected: isSelected,\n        loading: isLoading,\n        'has-label': !!children,\n        context: !!contextType,\n        ...mods,\n      }),\n      [hasCheckbox, isSelected, isLoading, children, contextType, mods],\n    );\n\n    // Extract aria-label from tooltip if needed\n    const ariaLabel = useMemo(() => {\n      if (typeof tooltip === 'string') {\n        return tooltip;\n      }\n      if (typeof tooltip === 'object' && tooltip.title) {\n        return tooltip.title;\n      }\n      return rest['aria-label'];\n    }, [tooltip, rest]);\n\n    // Determine if we should show tooltip (icon-only badges)\n    const showTooltip = !children && tooltip;\n\n    // Extract tooltip content and props\n    const tooltipContent = useMemo(() => {\n      if (typeof tooltip === 'string') {\n        return tooltip;\n      }\n      if (typeof tooltip === 'object' && tooltip.title) {\n        return tooltip.title;\n      }\n      return undefined;\n    }, [tooltip]);\n\n    const tooltipProps = useMemo(() => {\n      if (typeof tooltip === 'object') {\n        const { title, ...rest } = tooltip;\n        return rest;\n      }\n      return {};\n    }, [tooltip]);\n\n    const finalType = useMemo(() => {\n      return theme !== 'default' && type === 'neutral' ? 'clear' : type;\n    }, [theme, type]);\n\n    // Render function that accepts tooltip trigger props and ref\n    const renderBadge = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge tooltip ref with component ref if provided\n      const handleRef = (element: HTMLDivElement | null) => {\n        // Set the component ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set the tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n      };\n\n      return (\n        <ItemBadgeElement\n          ref={handleRef}\n          variant={`${theme}.${finalType}` as ItemBadgeVariant}\n          data-theme={theme}\n          data-type={finalType}\n          aria-label={ariaLabel}\n          mods={finalMods}\n          {...mergeProps(rest, tooltipTriggerProps || {})}\n        >\n          {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n          {children}\n        </ItemBadgeElement>\n      );\n    };\n\n    // Wrap with tooltip if needed\n    if (showTooltip && tooltipContent) {\n      return (\n        <TooltipProvider title={tooltipContent} {...tooltipProps}>\n          {(triggerProps, tooltipRef) => renderBadge(triggerProps, tooltipRef)}\n        </TooltipProvider>\n      );\n    }\n\n    return renderBadge();\n  },\n);\n\nexport type { CubeItemBadgeProps as ItemBadgeProps };\n"],"mappings":";;;;;;;;;;;;AAmEA,MAAM,mBAAmB,MAAM;CAC7B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,QAAQ;EACT;CACD,UAAU;EAER,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,iBAAiB;EAGjB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;EAGhB,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,iBAAiB;EAGjB,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,iBAAiB;EAClB;CACF,CAAC;AAEF,MAAa,YAAY,WACvB,SAAS,UAAU,UAAU,KAAK;CAChC,MAAM,EAAE,MAAM,aAAa,OAAO,iBAAiB,sBAAsB;CAEzE,MAAM,EACJ,OAAO,eAAe,WACtB,QAAQ,gBAAgB,WACxB,MACA,UACA,YAAY,OACZ,aAAa,OACb,SACA,MACA,GAAG,SACD;CAGJ,MAAM,cAAc,SAAS;CAG7B,MAAM,YAAY,YAChB,oBAAC,gBAAc,GACb,cACF,oBAAC,cAAY,GAEb;CAIF,MAAM,YAAY,eACT;EACL,UAAU;EACV,UAAU;EACV,SAAS;EACT,aAAa,CAAC,CAAC;EACf,SAAS,CAAC,CAAC;EACX,GAAG;EACJ,GACD;EAAC;EAAa;EAAY;EAAW;EAAU;EAAa;EAAK,CAClE;CAGD,MAAM,YAAY,cAAc;AAC9B,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,QAAQ,MACzC,QAAO,QAAQ;AAEjB,SAAO,KAAK;IACX,CAAC,SAAS,KAAK,CAAC;CAGnB,MAAM,cAAc,CAAC,YAAY;CAGjC,MAAM,iBAAiB,cAAc;AACnC,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,QAAQ,MACzC,QAAO,QAAQ;IAGhB,CAAC,QAAQ,CAAC;CAEb,MAAM,eAAe,cAAc;AACjC,MAAI,OAAO,YAAY,UAAU;GAC/B,MAAM,EAAE,OAAO,GAAG,SAAS;AAC3B,UAAO;;AAET,SAAO,EAAE;IACR,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,cAAc;AAC9B,SAAO,UAAU,aAAa,SAAS,YAAY,UAAU;IAC5D,CAAC,OAAO,KAAK,CAAC;CAGjB,MAAM,eACJ,qBACA,eACG;EAEH,MAAM,aAAa,YAAmC;AAEpD,OAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;YACH,IACT,CAAC,IAAY,UAAU;AAGzB,OAAI,WACF,CAAC,WAAmB,UAAU;;AAIlC,SACE,qBAAC;GACC,KAAK;GACL,SAAS,GAAG,MAAM,GAAG;GACrB,cAAY;GACZ,aAAW;GACX,cAAY;GACZ,MAAM;GACN,GAAI,WAAW,MAAM,uBAAuB,EAAE,CAAC;cAE9C,aAAa,oBAAC;IAAI,gBAAa;cAAQ;KAAgB,EACvD;IACgB;;AAKvB,KAAI,eAAe,eACjB,QACE,oBAAC;EAAgB,OAAO;EAAgB,GAAI;aACxC,cAAc,eAAe,YAAY,cAAc,WAAW;GACpD;AAItB,QAAO,aAAa;EAEvB"}
+{"version":3,"file":"ItemBadge.js","names":[],"sources":["../../../../src/components/content/ItemBadge/ItemBadge.tsx"],"sourcesContent":["import { BaseProps, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useMemo,\n} from 'react';\n\nimport {\n  DANGER_CLEAR_STYLES,\n  DANGER_NEUTRAL_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DANGER_SECONDARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_NEUTRAL_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  DEFAULT_SECONDARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_NEUTRAL_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SPECIAL_SECONDARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_NEUTRAL_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  SUCCESS_SECONDARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { useItemActionContext } from '../../actions/ItemActionContext';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\n\nexport interface CubeItemBadgeProps extends BaseProps {\n  icon?: ReactNode | 'checkbox';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'secondary' | 'neutral' | 'clear' | (string & {});\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: string;\n      });\n}\n\ntype ItemBadgeVariant =\n  | 'default.primary'\n  | 'default.secondary'\n  | 'default.neutral'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.secondary'\n  | 'danger.neutral'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.secondary'\n  | 'success.neutral'\n  | 'success.clear'\n  | 'special.primary'\n  | 'special.secondary'\n  | 'special.neutral'\n  | 'special.clear';\n\nconst ItemBadgeElement = tasty({\n  qa: 'ItemBadge',\n  styles: {\n    ...ITEM_ACTION_BASE_STYLES,\n    cursor: 'default',\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n  },\n  variants: {\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.secondary': DEFAULT_SECONDARY_STYLES,\n    'default.neutral': DEFAULT_NEUTRAL_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.secondary': DANGER_SECONDARY_STYLES,\n    'danger.neutral': DANGER_NEUTRAL_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.secondary': SUCCESS_SECONDARY_STYLES,\n    'success.neutral': SUCCESS_NEUTRAL_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.secondary': SPECIAL_SECONDARY_STYLES,\n    'special.neutral': SPECIAL_NEUTRAL_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemBadge = forwardRef<HTMLDivElement, CubeItemBadgeProps>(\n  function ItemBadge(allProps, ref) {\n    const { type: contextType, theme: contextTheme } = useItemActionContext();\n\n    const {\n      type = contextType ?? 'neutral',\n      theme = contextTheme ?? 'default',\n      icon,\n      children,\n      isLoading = false,\n      isSelected = false,\n      tooltip,\n      mods,\n      ...rest\n    } = allProps;\n\n    // Determine if we should show checkbox\n    const hasCheckbox = icon === 'checkbox';\n\n    // Determine final icon (loading takes precedence)\n    const finalIcon = isLoading ? (\n      <LoadingIcon />\n    ) : hasCheckbox ? (\n      <CheckIcon />\n    ) : (\n      icon\n    );\n\n    // Build modifiers\n    const finalMods = useMemo(\n      () => ({\n        checkbox: hasCheckbox,\n        selected: isSelected,\n        loading: isLoading,\n        'has-label': !!children,\n        context: !!contextType,\n        ...mods,\n      }),\n      [hasCheckbox, isSelected, isLoading, children, contextType, mods],\n    );\n\n    // Extract aria-label from tooltip if needed\n    const ariaLabel = useMemo(() => {\n      if (typeof tooltip === 'string') {\n        return tooltip;\n      }\n      if (typeof tooltip === 'object' && tooltip.title) {\n        return tooltip.title;\n      }\n      return rest['aria-label'];\n    }, [tooltip, rest]);\n\n    // Determine if we should show tooltip (icon-only badges)\n    const showTooltip = !children && tooltip;\n\n    // Extract tooltip content and props\n    const tooltipContent = useMemo(() => {\n      if (typeof tooltip === 'string') {\n        return tooltip;\n      }\n      if (typeof tooltip === 'object' && tooltip.title) {\n        return tooltip.title;\n      }\n      return undefined;\n    }, [tooltip]);\n\n    const tooltipProps = useMemo(() => {\n      if (typeof tooltip === 'object') {\n        const { title, ...rest } = tooltip;\n        return rest;\n      }\n      return {};\n    }, [tooltip]);\n\n    const finalType = useMemo(() => {\n      return theme !== 'default' && type === 'neutral' ? 'clear' : type;\n    }, [theme, type]);\n\n    // Render function that accepts tooltip trigger props and ref\n    const renderBadge = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge tooltip ref with component ref if provided\n      const handleRef = (element: HTMLDivElement | null) => {\n        // Set the component ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set the tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n      };\n\n      return (\n        <ItemBadgeElement\n          ref={handleRef}\n          variant={`${theme}.${finalType}` as ItemBadgeVariant}\n          data-theme={theme}\n          data-type={finalType}\n          aria-label={ariaLabel}\n          mods={finalMods}\n          {...mergeProps(rest, tooltipTriggerProps || {})}\n        >\n          {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n          {children}\n        </ItemBadgeElement>\n      );\n    };\n\n    // Wrap with tooltip if needed\n    if (showTooltip && tooltipContent) {\n      return (\n        <TooltipProvider title={tooltipContent} {...tooltipProps}>\n          {(triggerProps, tooltipRef) => renderBadge(triggerProps, tooltipRef)}\n        </TooltipProvider>\n      );\n    }\n\n    return renderBadge();\n  },\n);\n\nexport type { CubeItemBadgeProps as ItemBadgeProps };\n"],"mappings":";;;;;;;;;;;;AAmEA,MAAM,mBAAmB,MAAM;CAC7B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,QAAQ;EACR,QAAQ,EAEN,gBAAgB,UACjB;EACF;CACD,UAAU;EAER,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,iBAAiB;EAGjB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;EAGhB,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,iBAAiB;EAGjB,mBAAmB;EACnB,qBAAqB;EACrB,mBAAmB;EACnB,iBAAiB;EAClB;CACF,CAAC;AAEF,MAAa,YAAY,WACvB,SAAS,UAAU,UAAU,KAAK;CAChC,MAAM,EAAE,MAAM,aAAa,OAAO,iBAAiB,sBAAsB;CAEzE,MAAM,EACJ,OAAO,eAAe,WACtB,QAAQ,gBAAgB,WACxB,MACA,UACA,YAAY,OACZ,aAAa,OACb,SACA,MACA,GAAG,SACD;CAGJ,MAAM,cAAc,SAAS;CAG7B,MAAM,YAAY,YAChB,oBAAC,gBAAc,GACb,cACF,oBAAC,cAAY,GAEb;CAIF,MAAM,YAAY,eACT;EACL,UAAU;EACV,UAAU;EACV,SAAS;EACT,aAAa,CAAC,CAAC;EACf,SAAS,CAAC,CAAC;EACX,GAAG;EACJ,GACD;EAAC;EAAa;EAAY;EAAW;EAAU;EAAa;EAAK,CAClE;CAGD,MAAM,YAAY,cAAc;AAC9B,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,QAAQ,MACzC,QAAO,QAAQ;AAEjB,SAAO,KAAK;IACX,CAAC,SAAS,KAAK,CAAC;CAGnB,MAAM,cAAc,CAAC,YAAY;CAGjC,MAAM,iBAAiB,cAAc;AACnC,MAAI,OAAO,YAAY,SACrB,QAAO;AAET,MAAI,OAAO,YAAY,YAAY,QAAQ,MACzC,QAAO,QAAQ;IAGhB,CAAC,QAAQ,CAAC;CAEb,MAAM,eAAe,cAAc;AACjC,MAAI,OAAO,YAAY,UAAU;GAC/B,MAAM,EAAE,OAAO,GAAG,SAAS;AAC3B,UAAO;;AAET,SAAO,EAAE;IACR,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,cAAc;AAC9B,SAAO,UAAU,aAAa,SAAS,YAAY,UAAU;IAC5D,CAAC,OAAO,KAAK,CAAC;CAGjB,MAAM,eACJ,qBACA,eACG;EAEH,MAAM,aAAa,YAAmC;AAEpD,OAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;YACH,IACT,CAAC,IAAY,UAAU;AAGzB,OAAI,WACF,CAAC,WAAmB,UAAU;;AAIlC,SACE,qBAAC;GACC,KAAK;GACL,SAAS,GAAG,MAAM,GAAG;GACrB,cAAY;GACZ,aAAW;GACX,cAAY;GACZ,MAAM;GACN,GAAI,WAAW,MAAM,uBAAuB,EAAE,CAAC;cAE9C,aAAa,oBAAC;IAAI,gBAAa;cAAQ;KAAgB,EACvD;IACgB;;AAKvB,KAAI,eAAe,eACjB,QACE,oBAAC;EAAgB,OAAO;EAAgB,GAAI;aACxC,cAAc,eAAe,YAAY,cAAc,WAAW;GACpD;AAItB,QAAO,aAAa;EAEvB"}

package/dist/components/content/ItemCard/ItemCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
 import { forwardRef } from "react";

package/dist/components/content/Layout/GridLayout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { _LayoutBlock } from "./LayoutBlock.js";

package/dist/components/content/Layout/Layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Alert } from "../Alert/Alert.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";

package/dist/components/content/Layout/LayoutBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutCenter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _LayoutContainer } from "./LayoutContainer.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/LayoutContent.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";
 import { useTinyScrollbar } from "./hooks/useTinyScrollbar.js";

package/dist/components/content/Layout/LayoutContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutFlex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";

package/dist/components/content/Layout/LayoutGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
 import { Button } from "../../actions/Button/Button.js";

package/dist/components/content/Layout/LayoutPane.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDebouncedValue } from "../../../_internal/hooks/use-debounced-value.js";

package/dist/components/content/Layout/LayoutPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useLocalStorage } from "../../../utils/react/useLocalStorage.js";

package/dist/components/content/Layout/LayoutPanelHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/content/Layout/LayoutToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/components/content/Layout/hooks/useTinyScrollbar.ts

package/dist/components/content/Layout/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

package/dist/components/content/Layout/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { CONTAINER_STYLES, TEXT_STYLES, extractStyles } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Placeholder/Placeholder.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Title } from "../Title.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { tasty } from "@tenphi/tasty";
@@ -17,6 +17,7 @@ const TagElement = tasty(_Item, {
 			"size=small | size=medium": "t3",
 			"size=large | size=xlarge": "t2"
 		},
+		border: { "type=primary": "#clear" },
 		"$min-inline-padding": ".5x",
 		Label: {
 			textAlign: "center",

package/dist/components/content/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { CloseIcon } from '../../../icons';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label=\"Close\"\n            styles={{ color: 'currentColor', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAW;GACX,QAAQ;IAAE,OAAO;IAAgB,GAAG;IAAmB;GACvD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}
+{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { CloseIcon } from '../../../icons';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label=\"Close\"\n            styles={{ color: 'currentColor', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACD,QAAQ,EAEN,gBAAgB,UACjB;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAW;GACX,QAAQ;IAAE,OAAO;IAAgB,GAAG;IAAmB;GACvD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";
 import { useAutoTooltip } from "../use-auto-tooltip.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";
 import { CONTAINER_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/Checkbox/CheckboxGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { FormContext, useFormProps } from "../../form/Form/Form.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { createContext } from "react";
 
 //#region src/components/fields/Checkbox/context.ts

package/dist/components/fields/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/DateInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";
 import { ValidIcon } from "../../shared/ValidIcon.js";

package/dist/components/fields/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/fields/DatePicker/DatePickerInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DatePickerSegment } from "./DatePickerSegment.js";
 import { formatSegments } from "./utils.js";

package/dist/components/fields/DatePicker/DatePickerSegment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFormProps } from "../../form/Form/Form.js";

package/dist/components/fields/DatePicker/intl.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 //#region src/components/fields/DatePicker/intl.ts
 const dateMessages = {
 	time: "Time",

package/dist/components/fields/DatePicker/parseDate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

package/dist/components/fields/DatePicker/props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";
 import { createFocusManager } from "@react-aria/focus";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useProviderProps } from "../../../provider.js";
 import { Action } from "../../actions/Action/Action.js";

package/dist/components/fields/FilterListBox/FilterListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { modAttrs } from "../../../utils/react/index.js";

package/dist/components/fields/FilterPicker/FilterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useEventBus } from "../../../utils/react/useEventBus.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
@@ -8,8 +8,8 @@ import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
-import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { generateRandomId } from "../../../utils/random.js";
+import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useFormProps } from "../../form/Form/Form.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { _FileInput } from "../FileInput/FileInput.js";
 import { TextInput } from "../TextInput/TextInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

package/dist/components/fields/ListBox/ListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { useEventBus } from "../../../utils/react/useEventBus.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
@@ -8,8 +8,8 @@ import { useProviderProps } from "../../../provider.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
-import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { generateRandomId } from "../../../utils/random.js";
+import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useFormProps } from "../../form/Form/Form.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.120.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.121.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";
 import { useProviderProps } from "../../../provider.js";
@@ -23,6 +23,8 @@ const RadioButtonElement = tasty(_Item, {
 		preset: "t3m",
 		lineHeight: "1fs",
 		flexGrow: 1,
+		gridTemplate: "\"icon prefix label suffix rightIcon actions\" auto / max-content max-content max-content max-content max-content max-content",
+		placeContent: "center",
 		Label: { placeSelf: {
 			"": "center start",
 			"!has-prefix & !has-suffix & !has-icon & !has-right-icon": "center"