@cube-dev/ui-kit 0.117.0 → 0.119.0

package/dist/components/content/Text.js

@@ -1,9 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { extractStyles } from "../../tasty/utils/styles.js";
-import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES } from "../../tasty/styles/list.js";
-import { tasty } from "../../tasty/tasty.js";
-import { filterBaseProps } from "../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.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";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/content/Text.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n} from 'react';\n\nimport {\n  AllBaseProps,\n  BASE_STYLES,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  extractStyles,\n  filterBaseProps,\n  StylePropValue,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '../../tasty';\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport const TEXT_PROP_MAP = {\n  transform: 'textTransform',\n  weight: 'fontWeight',\n  italic: 'fontStyle',\n} as const;\n\nexport interface CubeTextProps<T extends TagName = TagName>\n  extends AllBaseProps<T>,\n    TextStyleProps,\n    BaseStyleProps,\n    ColorStyleProps {\n  /**\n   * Whether the text uses the monospace font.\n   */\n  monospace?: boolean;\n  /**\n   * Whether the text overflow is ellipsis\n   */\n  ellipsis?: boolean;\n  /**\n   * Whether the text is not wrapping\n   */\n  nowrap?: boolean;\n  /**\n   * Whether the text has italic style\n   */\n  italic?: StylePropValue<CSSProperties['fontStyle']>;\n  weight?: string | number;\n  transform?: StylePropValue<CSSProperties['textTransform']>;\n}\n\nconst TextElement = tasty({\n  qa: 'Text',\n  as: 'span',\n  styles: {\n    display: {\n      '': 'inline',\n      'ellipsis | block': 'block',\n    },\n    margin: 0,\n    padding: 0,\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Text = forwardRef(function CubeText(allProps: CubeTextProps, ref) {\n  allProps = useSlotProps(allProps, 'text');\n\n  const { as, qa, block, ellipsis, nowrap, ...props } = allProps;\n  const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TextElement\n      as={as || 'span'}\n      qa={qa || 'Text'}\n      mods={{\n        nowrap,\n        ellipsis: !!ellipsis,\n        block: !!block,\n      }}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst MinorText = tasty(Text, {\n  styles: {\n    color: '#minor',\n  },\n});\n\nconst DangerText = tasty(Text, {\n  role: 'alert',\n  styles: {\n    color: '#danger-text',\n  },\n});\n\nconst SuccessText = tasty(Text, {\n  styles: {\n    color: '#success-text',\n  },\n});\n\nconst StrongText = tasty(Text, {\n  as: 'strong',\n  preset: 'strong',\n});\n\nconst EmphasisText = tasty(Text, {\n  as: 'em',\n  preset: 'em',\n});\n\nconst PlaceholderText = tasty(Text, {\n  styles: {\n    color: '#current.5',\n  },\n});\n\nconst HighlightText = tasty(Text, {\n  as: 'mark',\n  styles: {\n    fill: '#dark.15',\n    color: '#dark',\n  },\n});\n\nexport interface TextComponent\n  extends ForwardRefExoticComponent<\n    CubeTextProps & RefAttributes<HTMLElement>\n  > {\n  Minor: typeof MinorText;\n  Danger: typeof DangerText;\n  Success: typeof SuccessText;\n  Strong: typeof StrongText;\n  Emphasis: typeof EmphasisText;\n  Placeholder: typeof PlaceholderText;\n  Highlight: typeof HighlightText;\n}\n\nconst _Text: TextComponent = Object.assign(Text, {\n  Minor: MinorText,\n  Danger: DangerText,\n  Success: SuccessText,\n  Strong: StrongText,\n  Emphasis: EmphasisText,\n  Placeholder: PlaceholderText,\n  Highlight: HighlightText,\n});\n\n_Text.displayName = 'Text';\n\nexport { _Text as Text };\n"],"mappings":";;;;;;;;;;AAuBA,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAEpE,MAAa,gBAAgB;CAC3B,WAAW;CACX,QAAQ;CACR,QAAQ;CACT;AA2BD,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,oBAAoB;GACrB;EACD,QAAQ;EACR,SAAS;EACT,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,OAAO,WAAW,SAAS,SAAS,UAAyB,KAAK;AACtE,YAAW,aAAa,UAAU,OAAO;CAEzC,MAAM,EAAE,IAAI,IAAI,OAAO,UAAU,QAAQ,GAAG,UAAU;CACtD,MAAM,SAAS,cAAc,OAAO,YAAY,EAAE,EAAE,cAAc;AAElE,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,MAAM;GACJ;GACA,UAAU,CAAC,CAAC;GACZ,OAAO,CAAC,CAAC;GACV;EACD,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ;AAEF,MAAM,YAAY,MAAM,MAAM,EAC5B,QAAQ,EACN,OAAO,UACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,MAAM;CACN,QAAQ,EACN,OAAO,gBACR;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,MAAM,EAC9B,QAAQ,EACN,OAAO,iBACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,MAAM;CAC/B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,kBAAkB,MAAM,MAAM,EAClC,QAAQ,EACN,OAAO,cACR,EACF,CAAC;AAEF,MAAM,gBAAgB,MAAM,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,MAAM;EACN,OAAO;EACR;CACF,CAAC;AAeF,MAAM,QAAuB,OAAO,OAAO,MAAM;CAC/C,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,UAAU;CACV,aAAa;CACb,WAAW;CACZ,CAAC;AAEF,MAAM,cAAc"}
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/content/Text.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  BASE_STYLES,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  extractStyles,\n  filterBaseProps,\n  StylePropValue,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n} from 'react';\n\nimport { useSlotProps } from '../../utils/react';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport const TEXT_PROP_MAP = {\n  transform: 'textTransform',\n  weight: 'fontWeight',\n  italic: 'fontStyle',\n} as const;\n\nexport interface CubeTextProps<T extends TagName = TagName>\n  extends AllBaseProps<T>,\n    TextStyleProps,\n    BaseStyleProps,\n    ColorStyleProps {\n  /**\n   * Whether the text uses the monospace font.\n   */\n  monospace?: boolean;\n  /**\n   * Whether the text overflow is ellipsis\n   */\n  ellipsis?: boolean;\n  /**\n   * Whether the text is not wrapping\n   */\n  nowrap?: boolean;\n  /**\n   * Whether the text has italic style\n   */\n  italic?: StylePropValue<CSSProperties['fontStyle']>;\n  weight?: string | number;\n  transform?: StylePropValue<CSSProperties['textTransform']>;\n}\n\nconst TextElement = tasty({\n  qa: 'Text',\n  as: 'span',\n  styles: {\n    display: {\n      '': 'inline',\n      'ellipsis | block': 'block',\n    },\n    margin: 0,\n    padding: 0,\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Text = forwardRef(function CubeText(allProps: CubeTextProps, ref) {\n  allProps = useSlotProps(allProps, 'text');\n\n  const { as, qa, block, ellipsis, nowrap, ...props } = allProps;\n  const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TextElement\n      as={as || 'span'}\n      qa={qa || 'Text'}\n      mods={{\n        nowrap,\n        ellipsis: !!ellipsis,\n        block: !!block,\n      }}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst MinorText = tasty(Text, {\n  styles: {\n    color: '#minor',\n  },\n});\n\nconst DangerText = tasty(Text, {\n  role: 'alert',\n  styles: {\n    color: '#danger-text',\n  },\n});\n\nconst SuccessText = tasty(Text, {\n  styles: {\n    color: '#success-text',\n  },\n});\n\nconst StrongText = tasty(Text, {\n  as: 'strong',\n  preset: 'strong',\n});\n\nconst EmphasisText = tasty(Text, {\n  as: 'em',\n  preset: 'em',\n});\n\nconst PlaceholderText = tasty(Text, {\n  styles: {\n    color: '#current.5',\n  },\n});\n\nconst HighlightText = tasty(Text, {\n  as: 'mark',\n  styles: {\n    fill: '#dark.15',\n    color: '#dark',\n  },\n});\n\nexport interface TextComponent\n  extends ForwardRefExoticComponent<\n    CubeTextProps & RefAttributes<HTMLElement>\n  > {\n  Minor: typeof MinorText;\n  Danger: typeof DangerText;\n  Success: typeof SuccessText;\n  Strong: typeof StrongText;\n  Emphasis: typeof EmphasisText;\n  Placeholder: typeof PlaceholderText;\n  Highlight: typeof HighlightText;\n}\n\nconst _Text: TextComponent = Object.assign(Text, {\n  Minor: MinorText,\n  Danger: DangerText,\n  Success: SuccessText,\n  Strong: StrongText,\n  Emphasis: EmphasisText,\n  Placeholder: PlaceholderText,\n  Highlight: HighlightText,\n});\n\n_Text.displayName = 'Text';\n\nexport { _Text as Text };\n"],"mappings":";;;;;;;AAuBA,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAEpE,MAAa,gBAAgB;CAC3B,WAAW;CACX,QAAQ;CACR,QAAQ;CACT;AA2BD,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,oBAAoB;GACrB;EACD,QAAQ;EACR,SAAS;EACT,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,OAAO,WAAW,SAAS,SAAS,UAAyB,KAAK;AACtE,YAAW,aAAa,UAAU,OAAO;CAEzC,MAAM,EAAE,IAAI,IAAI,OAAO,UAAU,QAAQ,GAAG,UAAU;CACtD,MAAM,SAAS,cAAc,OAAO,YAAY,EAAE,EAAE,cAAc;AAElE,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,MAAM;GACJ;GACA,UAAU,CAAC,CAAC;GACZ,OAAO,CAAC,CAAC;GACV;EACD,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ;AAEF,MAAM,YAAY,MAAM,MAAM,EAC5B,QAAQ,EACN,OAAO,UACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,MAAM;CACN,QAAQ,EACN,OAAO,gBACR;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,MAAM,EAC9B,QAAQ,EACN,OAAO,iBACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,MAAM;CAC/B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,kBAAkB,MAAM,MAAM,EAClC,QAAQ,EACN,OAAO,cACR,EACF,CAAC;AAEF,MAAM,gBAAgB,MAAM,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,MAAM;EACN,OAAO;EACR;CACF,CAAC;AAeF,MAAM,QAAuB,OAAO,OAAO,MAAM;CAC/C,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,UAAU;CACV,aAAa;CACb,WAAW;CACZ,CAAC;AAEF,MAAM,cAAc"}

package/dist/components/content/TextItem/TextItem.d.ts

@@ -1,8 +1,7 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import "../../../tasty/index.js";
 import { CubeTextProps } from "../Text.js";
 import { AutoTooltipValue } from "../use-auto-tooltip.js";
+import { Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { OverlayProps } from "react-aria";
 

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

@@ -1,11 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
-import { filterBaseProps } from "../../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";
 import { useAutoTooltip } from "../use-auto-tooltip.js";
+import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"TextItem.js","names":["Text"],"sources":["../../../../src/components/content/TextItem/TextItem.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, RefObject, useMemo } from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  BASE_STYLES,\n  COLOR_STYLES,\n  extractStyles,\n  filterBaseProps,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '../../../tasty';\nimport { highlightText } from '../highlightText';\nimport { CubeTextProps, Text, TEXT_PROP_MAP } from '../Text';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport interface CubeTextItemProps extends CubeTextProps {\n  /**\n   * String to highlight within children.\n   * Only works when children is a plain string.\n   */\n  highlight?: string;\n  /**\n   * Whether highlight matching is case-sensitive.\n   * @default false\n   */\n  highlightCaseSensitive?: boolean;\n  /**\n   * Custom styles for highlighted text.\n   */\n  highlightStyles?: Styles;\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   * @default true\n   */\n  tooltip?: AutoTooltipValue;\n  /**\n   * Default tooltip placement.\n   * @default \"top\"\n   */\n  tooltipPlacement?: OverlayProps['placement'];\n}\n\nconst TextItemElement = tasty(Text, {\n  qa: 'TextItem',\n  styles: {\n    display: 'inline-block',\n    verticalAlign: 'bottom',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n});\n\nexport const TextItem = forwardRef<HTMLElement, CubeTextItemProps>(\n  function TextItem(props, ref) {\n    const {\n      children,\n      highlight,\n      highlightCaseSensitive = false,\n      highlightStyles,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      ...restProps\n    } = props;\n\n    // Extract style props (preset, color, etc.) to pass via styles prop\n    const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n    const { labelRef, renderWithTooltip } = useAutoTooltip({\n      tooltip,\n      children,\n    });\n\n    // Process children with highlight if applicable\n    const processedChildren = useMemo(() => {\n      if (typeof children === 'string' && highlight) {\n        return highlightText(\n          children,\n          highlight,\n          highlightCaseSensitive,\n          highlightStyles,\n        );\n      }\n      return children;\n    }, [children, highlight, highlightCaseSensitive, highlightStyles]);\n\n    const renderElement = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge refs\n      const handleRef = (element: HTMLElement | null) => {\n        // Set component forwarded ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n        // Set label ref for overflow detection\n        labelRef(element);\n      };\n\n      return (\n        <TextItemElement\n          {...filterBaseProps(restProps, { eventProps: true })}\n          {...tooltipTriggerProps}\n          ref={handleRef}\n          styles={styles}\n        >\n          {processedChildren}\n        </TextItemElement>\n      );\n    };\n\n    return renderWithTooltip(renderElement, tooltipPlacement);\n  },\n);\n\nTextItem.displayName = 'TextItem';\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAgCpE,MAAM,kBAAkB,MAAMA,OAAM;CAClC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,eAAe;EACf,OAAO;EACP,YAAY;EACZ,UAAU;EACV,cAAc;EACf;CACF,CAAC;AAEF,MAAa,WAAW,WACtB,SAAS,SAAS,OAAO,KAAK;CAC5B,MAAM,EACJ,UACA,WACA,yBAAyB,OACzB,iBACA,UAAU,MACV,mBAAmB,OACnB,GAAG,cACD;CAGJ,MAAM,SAAS,cAAc,WAAW,YAAY,EAAE,EAAE,cAAc;CAEtE,MAAM,EAAE,UAAU,sBAAsB,eAAe;EACrD;EACA;EACD,CAAC;CAGF,MAAM,oBAAoB,cAAc;AACtC,MAAI,OAAO,aAAa,YAAY,UAClC,QAAO,cACL,UACA,WACA,wBACA,gBACD;AAEH,SAAO;IACN;EAAC;EAAU;EAAW;EAAwB;EAAgB,CAAC;CAElE,MAAM,iBACJ,qBACA,eACG;EAEH,MAAM,aAAa,YAAgC;AAEjD,OAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;YACH,IACT,CAAC,IAAY,UAAU;AAGzB,OAAI,WACF,CAAC,WAAmB,UAAU;AAGhC,YAAS,QAAQ;;AAGnB,SACE,oBAAC;GACC,GAAI,gBAAgB,WAAW,EAAE,YAAY,MAAM,CAAC;GACpD,GAAI;GACJ,KAAK;GACG;aAEP;IACe;;AAItB,QAAO,kBAAkB,eAAe,iBAAiB;EAE5D;AAED,SAAS,cAAc"}
+{"version":3,"file":"TextItem.js","names":["Text"],"sources":["../../../../src/components/content/TextItem/TextItem.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  COLOR_STYLES,\n  extractStyles,\n  filterBaseProps,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef, HTMLAttributes, RefObject, useMemo } from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport { highlightText } from '../highlightText';\nimport { CubeTextProps, Text, TEXT_PROP_MAP } from '../Text';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport interface CubeTextItemProps extends CubeTextProps {\n  /**\n   * String to highlight within children.\n   * Only works when children is a plain string.\n   */\n  highlight?: string;\n  /**\n   * Whether highlight matching is case-sensitive.\n   * @default false\n   */\n  highlightCaseSensitive?: boolean;\n  /**\n   * Custom styles for highlighted text.\n   */\n  highlightStyles?: Styles;\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   * @default true\n   */\n  tooltip?: AutoTooltipValue;\n  /**\n   * Default tooltip placement.\n   * @default \"top\"\n   */\n  tooltipPlacement?: OverlayProps['placement'];\n}\n\nconst TextItemElement = tasty(Text, {\n  qa: 'TextItem',\n  styles: {\n    display: 'inline-block',\n    verticalAlign: 'bottom',\n    width: 'max 100%',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n});\n\nexport const TextItem = forwardRef<HTMLElement, CubeTextItemProps>(\n  function TextItem(props, ref) {\n    const {\n      children,\n      highlight,\n      highlightCaseSensitive = false,\n      highlightStyles,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      ...restProps\n    } = props;\n\n    // Extract style props (preset, color, etc.) to pass via styles prop\n    const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n    const { labelRef, renderWithTooltip } = useAutoTooltip({\n      tooltip,\n      children,\n    });\n\n    // Process children with highlight if applicable\n    const processedChildren = useMemo(() => {\n      if (typeof children === 'string' && highlight) {\n        return highlightText(\n          children,\n          highlight,\n          highlightCaseSensitive,\n          highlightStyles,\n        );\n      }\n      return children;\n    }, [children, highlight, highlightCaseSensitive, highlightStyles]);\n\n    const renderElement = (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      // Merge refs\n      const handleRef = (element: HTMLElement | null) => {\n        // Set component forwarded ref\n        if (typeof ref === 'function') {\n          ref(element);\n        } else if (ref) {\n          (ref as any).current = element;\n        }\n        // Set tooltip ref\n        if (tooltipRef) {\n          (tooltipRef as any).current = element;\n        }\n        // Set label ref for overflow detection\n        labelRef(element);\n      };\n\n      return (\n        <TextItemElement\n          {...filterBaseProps(restProps, { eventProps: true })}\n          {...tooltipTriggerProps}\n          ref={handleRef}\n          styles={styles}\n        >\n          {processedChildren}\n        </TextItemElement>\n      );\n    };\n\n    return renderWithTooltip(renderElement, tooltipPlacement);\n  },\n);\n\nTextItem.displayName = 'TextItem';\n"],"mappings":";;;;;;;;;AAgBA,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAgCpE,MAAM,kBAAkB,MAAMA,OAAM;CAClC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,eAAe;EACf,OAAO;EACP,YAAY;EACZ,UAAU;EACV,cAAc;EACf;CACF,CAAC;AAEF,MAAa,WAAW,WACtB,SAAS,SAAS,OAAO,KAAK;CAC5B,MAAM,EACJ,UACA,WACA,yBAAyB,OACzB,iBACA,UAAU,MACV,mBAAmB,OACnB,GAAG,cACD;CAGJ,MAAM,SAAS,cAAc,WAAW,YAAY,EAAE,EAAE,cAAc;CAEtE,MAAM,EAAE,UAAU,sBAAsB,eAAe;EACrD;EACA;EACD,CAAC;CAGF,MAAM,oBAAoB,cAAc;AACtC,MAAI,OAAO,aAAa,YAAY,UAClC,QAAO,cACL,UACA,WACA,wBACA,gBACD;AAEH,SAAO;IACN;EAAC;EAAU;EAAW;EAAwB;EAAgB,CAAC;CAElE,MAAM,iBACJ,qBACA,eACG;EAEH,MAAM,aAAa,YAAgC;AAEjD,OAAI,OAAO,QAAQ,WACjB,KAAI,QAAQ;YACH,IACT,CAAC,IAAY,UAAU;AAGzB,OAAI,WACF,CAAC,WAAmB,UAAU;AAGhC,YAAS,QAAQ;;AAGnB,SACE,oBAAC;GACC,GAAI,gBAAgB,WAAW,EAAE,YAAY,MAAM,CAAC;GACpD,GAAI;GACJ,KAAK;GACG;aAEP;IACe;;AAItB,QAAO,kBAAkB,eAAe,iBAAiB;EAE5D;AAED,SAAS,cAAc"}

package/dist/components/content/Title.d.ts

@@ -1,7 +1,6 @@
 
-import { BaseProps, ContainerStyleProps, PositionStyleProps } from "../../tasty/types.js";
-import "../../tasty/index.js";
 import { CubeTextProps } from "./Text.js";
+import { BaseProps, ContainerStyleProps, PositionStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Title.d.ts

package/dist/components/content/Title.js

@@ -1,10 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { extractStyles } from "../../tasty/utils/styles.js";
-import { CONTAINER_STYLES, TEXT_STYLES } from "../../tasty/styles/list.js";
-import { tasty } from "../../tasty/tasty.js";
-import { filterBaseProps } from "../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.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";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":[],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '../../tasty';\nimport { useSlotProps } from '../../utils/react';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps,\n    CubeTextProps,\n    ContainerStyleProps,\n    PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\n      'level=1': 'h1',\n      'level=2': 'h2',\n      'level=3': 'h3',\n      'level=4': 'h4',\n      'level=5': 'h5',\n      'level=6': 'h6',\n    },\n    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  { qa, as, inline, nowrap, ellipsis, level, ...props }: CubeTitleProps,\n  ref,\n) {\n  const propsWithSlots = useSlotProps(props, 'title');\n\n  const tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = `h${level || 1}`;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={level || 1}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      inline={inline}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":";;;;;;;;;;;AAgBA,MAAM,aAAa,CAAC,GAAG,aAAa,GAAG,iBAAiB;AAWxD,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,UAAU;EACV,SAAS;EACT,OAAO;EACP,QAAQ;GACN,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,QAAQ;EACR,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,QAAQ,WAAW,SAAS,UAChC,EAAE,IAAI,IAAI,QAAQ,QAAQ,UAAU,OAAO,GAAG,SAC9C,KACA;CACA,MAAM,iBAAiB,aAAa,OAAO,QAAQ;CAEnD,MAAM,MAA+C,IAAI,SAAS;CAClE,MAAM,SAAS,cAAc,gBAAgB,YAAY,EAAE,EAAE,cAAc;AAE3E,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,cAAY,SAAS;EACrB,MAAM;GACJ;GACA;GACD;EACO;EACR,GAAI,gBAAgB,gBAAgB,EAAE,YAAY,MAAM,CAAC;EACpD;EACG;GACR;EAEJ;AAEF,MAAM,SAAS,OAAO,OAAO,OAAO;CAClC,QAAQ,WAAW,SAAS,YAAY,OAAuB,KAAK;AAClE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAe,GAAI;IAAS;GAC1D;CACF,SAAS,WAAW,SAAS,aAAa,OAAuB,KAAK;AACpE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAgB,GAAI;IAAS;GAC3D;CACH,CAAC;AAEF,OAAO,cAAc"}
+{"version":3,"file":"Title.js","names":[],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps,\n    CubeTextProps,\n    ContainerStyleProps,\n    PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\n      'level=1': 'h1',\n      'level=2': 'h2',\n      'level=3': 'h3',\n      'level=4': 'h4',\n      'level=5': 'h5',\n      'level=6': 'h6',\n    },\n    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  { qa, as, inline, nowrap, ellipsis, level, ...props }: CubeTitleProps,\n  ref,\n) {\n  const propsWithSlots = useSlotProps(props, 'title');\n\n  const tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = `h${level || 1}`;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={level || 1}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      inline={inline}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":";;;;;;;;AAgBA,MAAM,aAAa,CAAC,GAAG,aAAa,GAAG,iBAAiB;AAWxD,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,UAAU;EACV,SAAS;EACT,OAAO;EACP,QAAQ;GACN,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,QAAQ;EACR,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,QAAQ,WAAW,SAAS,UAChC,EAAE,IAAI,IAAI,QAAQ,QAAQ,UAAU,OAAO,GAAG,SAC9C,KACA;CACA,MAAM,iBAAiB,aAAa,OAAO,QAAQ;CAEnD,MAAM,MAA+C,IAAI,SAAS;CAClE,MAAM,SAAS,cAAc,gBAAgB,YAAY,EAAE,EAAE,cAAc;AAE3E,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,cAAY,SAAS;EACrB,MAAM;GACJ;GACA;GACD;EACO;EACR,GAAI,gBAAgB,gBAAgB,EAAE,YAAY,MAAM,CAAC;EACpD;EACG;GACR;EAEJ;AAEF,MAAM,SAAS,OAAO,OAAO,OAAO;CAClC,QAAQ,WAAW,SAAS,YAAY,OAAuB,KAAK;AAClE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAe,GAAI;IAAS;GAC1D;CACF,SAAS,WAAW,SAAS,aAAa,OAAuB,KAAK;AACpE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAgB,GAAI;IAAS;GAC3D;CACH,CAAC;AAEF,OAAO,cAAc"}

package/dist/components/content/highlightText.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"highlightText.js","names":["Text"],"sources":["../../../src/components/content/highlightText.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { Styles } from '../../tasty';\n\nimport { Text } from './Text';\n\n/**\n * Highlights occurrences of a search string within text.\n * Returns an array of ReactNodes with highlighted portions wrapped in Text.Highlight.\n */\nexport function highlightText(\n  text: string,\n  highlight: string,\n  caseSensitive: boolean,\n  highlightStyles?: Styles,\n): ReactNode[] {\n  if (!highlight) {\n    return [text];\n  }\n\n  const flags = caseSensitive ? 'g' : 'gi';\n  const escapedHighlight = highlight.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapedHighlight})`, flags);\n  const parts = text.split(regex);\n\n  return parts.map((part, index) => {\n    const isMatch = caseSensitive\n      ? part === highlight\n      : part.toLowerCase() === highlight.toLowerCase();\n\n    if (isMatch) {\n      return (\n        <Text.Highlight key={index} styles={highlightStyles}>\n          {part}\n        </Text.Highlight>\n      );\n    }\n    return part;\n  });\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,cACd,MACA,WACA,eACA,iBACa;AACb,KAAI,CAAC,UACH,QAAO,CAAC,KAAK;CAGf,MAAM,QAAQ,gBAAgB,MAAM;CACpC,MAAM,mBAAmB,UAAU,QAAQ,uBAAuB,OAAO;CACzE,MAAM,QAAQ,IAAI,OAAO,IAAI,iBAAiB,IAAI,MAAM;AAGxD,QAFc,KAAK,MAAM,MAAM,CAElB,KAAK,MAAM,UAAU;AAKhC,MAJgB,gBACZ,SAAS,YACT,KAAK,aAAa,KAAK,UAAU,aAAa,CAGhD,QACE,oBAACA,MAAK;GAAsB,QAAQ;aACjC;KADkB,MAEJ;AAGrB,SAAO;GACP"}
+{"version":3,"file":"highlightText.js","names":["Text"],"sources":["../../../src/components/content/highlightText.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { Text } from './Text';\n\n/**\n * Highlights occurrences of a search string within text.\n * Returns an array of ReactNodes with highlighted portions wrapped in Text.Highlight.\n */\nexport function highlightText(\n  text: string,\n  highlight: string,\n  caseSensitive: boolean,\n  highlightStyles?: Styles,\n): ReactNode[] {\n  if (!highlight) {\n    return [text];\n  }\n\n  const flags = caseSensitive ? 'g' : 'gi';\n  const escapedHighlight = highlight.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapedHighlight})`, flags);\n  const parts = text.split(regex);\n\n  return parts.map((part, index) => {\n    const isMatch = caseSensitive\n      ? part === highlight\n      : part.toLowerCase() === highlight.toLowerCase();\n\n    if (isMatch) {\n      return (\n        <Text.Highlight key={index} styles={highlightStyles}>\n          {part}\n        </Text.Highlight>\n      );\n    }\n    return part;\n  });\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,cACd,MACA,WACA,eACA,iBACa;AACb,KAAI,CAAC,UACH,QAAO,CAAC,KAAK;CAGf,MAAM,QAAQ,gBAAgB,MAAM;CACpC,MAAM,mBAAmB,UAAU,QAAQ,uBAAuB,OAAO;CACzE,MAAM,QAAQ,IAAI,OAAO,IAAI,iBAAiB,IAAI,MAAM;AAGxD,QAFc,KAAK,MAAM,MAAM,CAElB,KAAK,MAAM,UAAU;AAKhC,MAJgB,gBACZ,SAAS,YACT,KAAK,aAAa,KAAK,UAAU,aAAa,CAGhD,QACE,oBAACA,MAAK;GAAsB,QAAQ;aACjC;KADkB,MAEJ;AAGrB,SAAO;GACP"}

package/dist/components/content/use-auto-tooltip.d.ts

@@ -1,6 +1,6 @@
 
-import "../../tasty/index.js";
 import { CubeTooltipProviderProps } from "../overlays/Tooltip/TooltipProvider.js";
+import { Props } from "@tenphi/tasty";
 import { HTMLAttributes, ReactNode, RefObject } from "react";
 import "react/jsx-runtime";
 import { OverlayProps } from "react-aria";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.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/content/use-auto-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-tooltip.js","names":[],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import {\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport { Props } from '../../tasty';\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n    if (!label) {\n      setIsLabelOverflowed(false);\n      return;\n    }\n\n    const hasOverflow = label.scrollWidth > label.clientWidth;\n    setIsLabelOverflowed(hasOverflow);\n  }, []);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      checkLabelOverflow();\n    }\n  }, [isAutoTooltipEnabled, checkLabelOverflow]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Call external callback ref to notify external refs\n      if (externalLabelRef) {\n        if (typeof externalLabelRef === 'function') {\n          externalLabelRef(element);\n        } else {\n          (externalLabelRef as any).current = element;\n        }\n      }\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (element && isAutoTooltipEnabled) {\n        // Create a fresh observer to capture the latest callback\n        const obs = new ResizeObserver(() => {\n          checkLabelOverflow();\n        });\n        resizeObserverRef.current = obs;\n        obs.observe(element);\n        // Initial check\n        checkLabelOverflow();\n      } else {\n        setIsLabelOverflowed(false);\n      }\n    },\n    [externalLabelRef, isAutoTooltipEnabled, checkLabelOverflow],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    // Handle tooltip rendering based on tooltip prop type\n    if (tooltip) {\n      // String tooltip - simple case\n      if (typeof tooltip === 'string') {\n        return (\n          <TooltipProvider placement={defaultTooltipPlacement} title={tooltip}>\n            {(triggerProps, ref) => renderElement(triggerProps, ref)}\n          </TooltipProvider>\n        );\n      }\n\n      // Boolean tooltip - auto tooltip on overflow\n      if (tooltip === true) {\n        if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) {\n          return (\n            <TooltipProvider\n              placement={defaultTooltipPlacement}\n              title={children}\n              isDisabled={!isLabelOverflowed && isDynamicLabel}\n            >\n              {(triggerProps, ref) => renderElement(triggerProps, ref)}\n            </TooltipProvider>\n          );\n        }\n      }\n\n      // Object tooltip - advanced configuration\n      if (typeof tooltip === 'object') {\n        const { auto, ...tooltipProps } = tooltip;\n\n        // If title is provided and auto is not explicitly true, always show the tooltip\n        if (tooltipProps.title && auto !== true) {\n          return (\n            <TooltipProvider\n              placement={defaultTooltipPlacement}\n              {...tooltipProps}\n            >\n              {(triggerProps, ref) => renderElement(triggerProps, ref)}\n            </TooltipProvider>\n          );\n        }\n\n        // If title is provided with auto=true, OR no title but auto behavior enabled\n        if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) {\n          return (\n            <TooltipProvider\n              placement={defaultTooltipPlacement}\n              title={tooltipProps.title ?? children}\n              isDisabled={\n                !isLabelOverflowed &&\n                isDynamicLabel &&\n                tooltipProps.isDisabled !== true\n              }\n              {...tooltipProps}\n            >\n              {(triggerProps, ref) => renderElement(triggerProps, ref)}\n            </TooltipProvider>\n          );\n        }\n      }\n    }\n\n    return renderElement();\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    renderWithTooltip,\n  };\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,eAAe,EAC7B,SACA,UACA,YACA,iBAAiB,SACO;CAGxB,MAAM,uBAAuB,cAAc;AACzC,MAAI,OAAO,aAAa,SAAU,QAAO;AAGzC,MAAI,YAAY,KAAM,QAAO;AAC7B,MAAI,OAAO,YAAY,UAAU;AAE/B,OAAI,QAAQ,MACV,QAAO,QAAQ,SAAS;AAK1B,UAAO,CAAC,EADU,QAAQ,SAAS,SAAY,QAAQ,OAAO;;AAGhE,SAAO;IACN,CAAC,SAAS,SAAS,CAAC;CAGvB,MAAM,mBAAoB,YAAoB;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,aAAa,OAA2B,KAAK;CACnD,MAAM,oBAAoB,OAA8B,KAAK;CAE7D,MAAM,qBAAqB,kBAAkB;EAC3C,MAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,OAAO;AACV,wBAAqB,MAAM;AAC3B;;AAIF,uBADoB,MAAM,cAAc,MAAM,YACb;IAChC,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,qBACF,qBAAoB;IAErB,CAAC,sBAAsB,mBAAmB,CAAC;CAG9C,MAAM,wBAAwB,aAC3B,YAAgC;AAE/B,MAAI,iBACF,KAAI,OAAO,qBAAqB,WAC9B,kBAAiB,QAAQ;MAEzB,CAAC,iBAAyB,UAAU;AAKxC,MAAI,kBAAkB,SAAS;AAC7B,OAAI;AACF,sBAAkB,QAAQ,YAAY;WAChC;AAGR,qBAAkB,UAAU;;AAG9B,aAAW,UAAU;AAErB,MAAI,WAAW,sBAAsB;GAEnC,MAAM,MAAM,IAAI,qBAAqB;AACnC,wBAAoB;KACpB;AACF,qBAAkB,UAAU;AAC5B,OAAI,QAAQ,QAAQ;AAEpB,uBAAoB;QAEpB,sBAAqB,MAAM;IAG/B;EAAC;EAAkB;EAAsB;EAAmB,CAC7D;AAGD,iBAAgB;AACd,eAAa;AACX,OAAI,kBAAkB,SAAS;AAC7B,QAAI;AACF,uBAAkB,QAAQ,YAAY;YAChC;AAGR,sBAAkB,UAAU;;AAE9B,cAAW,UAAU;;IAEtB,EAAE,CAAC;CAEN,MAAM,kBAAkB,cAAc;EACpC,MAAM,QAAQ,EACZ,GAAI,cAAc,EAAE,EACrB;AAED,SAAO,MAAM;AAEb,SAAO;IACN,CAAC,WAAW,CAAC;CAEhB,MAAM,qBACJ,eAIA,4BACG;AAEH,MAAI,SAAS;AAEX,OAAI,OAAO,YAAY,SACrB,QACE,oBAAC;IAAgB,WAAW;IAAyB,OAAO;eACxD,cAAc,QAAQ,cAAc,cAAc,IAAI;KACxC;AAKtB,OAAI,YAAY,MACd;SAAK,YAAY,gBAAgB,qBAAqB,gBACpD,QACE,oBAAC;KACC,WAAW;KACX,OAAO;KACP,YAAY,CAAC,qBAAqB;gBAEhC,cAAc,QAAQ,cAAc,cAAc,IAAI;MACxC;;AAMxB,OAAI,OAAO,YAAY,UAAU;IAC/B,MAAM,EAAE,MAAM,GAAG,iBAAiB;AAGlC,QAAI,aAAa,SAAS,SAAS,KACjC,QACE,oBAAC;KACC,WAAW;KACX,GAAI;gBAEF,cAAc,QAAQ,cAAc,cAAc,IAAI;MACxC;AAKtB,SAAK,YAAY,gBAAgB,qBAAqB,gBACpD,QACE,oBAAC;KACC,WAAW;KACX,OAAO,aAAa,SAAS;KAC7B,YACE,CAAC,qBACD,kBACA,aAAa,eAAe;KAE9B,GAAI;gBAEF,cAAc,QAAQ,cAAc,cAAc,IAAI;MACxC;;;AAM1B,SAAO,eAAe;;AAGxB,QAAO;EACL,UAAU;EACV,YAAY;EACZ;EACA;EACA,YAAY,CAAC,CAAC;EACd;EACD"}
+{"version":3,"file":"use-auto-tooltip.js","names":[],"sources":["../../../src/components/content/use-auto-tooltip.tsx"],"sourcesContent":["import { Props } from '@tenphi/tasty';\nimport {\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { OverlayProps } from 'react-aria';\n\nimport {\n  CubeTooltipProviderProps,\n  TooltipProvider,\n} from '../overlays/Tooltip/TooltipProvider';\n\nexport type AutoTooltipValue =\n  | string\n  | boolean\n  | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n\nexport interface UseAutoTooltipOptions {\n  tooltip: AutoTooltipValue | undefined;\n  children: ReactNode;\n  labelProps?: Props;\n  isDynamicLabel?: boolean;\n}\n\nexport function useAutoTooltip({\n  tooltip,\n  children,\n  labelProps,\n  isDynamicLabel = false,\n}: UseAutoTooltipOptions) {\n  // Determine if auto tooltip is enabled\n  // Auto tooltip only works when children is a string (overflow detection needs text)\n  const isAutoTooltipEnabled = useMemo(() => {\n    if (typeof children !== 'string') return false;\n\n    // Boolean true enables auto overflow detection\n    if (tooltip === true) return true;\n    if (typeof tooltip === 'object') {\n      // If title is provided and auto is explicitly true, enable auto overflow detection\n      if (tooltip.title) {\n        return tooltip.auto === true;\n      }\n\n      // If no title is provided, default to auto=true unless explicitly disabled\n      const autoValue = tooltip.auto !== undefined ? tooltip.auto : true;\n      return !!autoValue;\n    }\n    return false;\n  }, [tooltip, children]);\n\n  // Track label overflow for auto tooltip (only when enabled)\n  const externalLabelRef = (labelProps as any)?.ref;\n  const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const checkLabelOverflow = useCallback(() => {\n    const label = elementRef.current;\n    if (!label) {\n      setIsLabelOverflowed(false);\n      return;\n    }\n\n    const hasOverflow = label.scrollWidth > label.clientWidth;\n    setIsLabelOverflowed(hasOverflow);\n  }, []);\n\n  useEffect(() => {\n    if (isAutoTooltipEnabled) {\n      checkLabelOverflow();\n    }\n  }, [isAutoTooltipEnabled, checkLabelOverflow]);\n\n  // Attach ResizeObserver via callback ref to handle DOM node changes\n  const handleLabelElementRef = useCallback(\n    (element: HTMLElement | null) => {\n      // Call external callback ref to notify external refs\n      if (externalLabelRef) {\n        if (typeof externalLabelRef === 'function') {\n          externalLabelRef(element);\n        } else {\n          (externalLabelRef as any).current = element;\n        }\n      }\n\n      // Disconnect previous observer\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n\n      elementRef.current = element;\n\n      if (element && isAutoTooltipEnabled) {\n        // Create a fresh observer to capture the latest callback\n        const obs = new ResizeObserver(() => {\n          checkLabelOverflow();\n        });\n        resizeObserverRef.current = obs;\n        obs.observe(element);\n        // Initial check\n        checkLabelOverflow();\n      } else {\n        setIsLabelOverflowed(false);\n      }\n    },\n    [externalLabelRef, isAutoTooltipEnabled, checkLabelOverflow],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        try {\n          resizeObserverRef.current.disconnect();\n        } catch {\n          // do nothing\n        }\n        resizeObserverRef.current = null;\n      }\n      elementRef.current = null;\n    };\n  }, []);\n\n  const finalLabelProps = useMemo(() => {\n    const props = {\n      ...(labelProps || {}),\n    };\n\n    delete props.ref;\n\n    return props;\n  }, [labelProps]);\n\n  const renderWithTooltip = (\n    renderElement: (\n      tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => ReactNode,\n    defaultTooltipPlacement: OverlayProps['placement'],\n  ) => {\n    // Handle tooltip rendering based on tooltip prop type\n    if (tooltip) {\n      // String tooltip - simple case\n      if (typeof tooltip === 'string') {\n        return (\n          <TooltipProvider placement={defaultTooltipPlacement} title={tooltip}>\n            {(triggerProps, ref) => renderElement(triggerProps, ref)}\n          </TooltipProvider>\n        );\n      }\n\n      // Boolean tooltip - auto tooltip on overflow\n      if (tooltip === true) {\n        if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) {\n          return (\n            <TooltipProvider\n              placement={defaultTooltipPlacement}\n              title={children}\n              isDisabled={!isLabelOverflowed && isDynamicLabel}\n            >\n              {(triggerProps, ref) => renderElement(triggerProps, ref)}\n            </TooltipProvider>\n          );\n        }\n      }\n\n      // Object tooltip - advanced configuration\n      if (typeof tooltip === 'object') {\n        const { auto, ...tooltipProps } = tooltip;\n\n        // If title is provided and auto is not explicitly true, always show the tooltip\n        if (tooltipProps.title && auto !== true) {\n          return (\n            <TooltipProvider\n              placement={defaultTooltipPlacement}\n              {...tooltipProps}\n            >\n              {(triggerProps, ref) => renderElement(triggerProps, ref)}\n            </TooltipProvider>\n          );\n        }\n\n        // If title is provided with auto=true, OR no title but auto behavior enabled\n        if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) {\n          return (\n            <TooltipProvider\n              placement={defaultTooltipPlacement}\n              title={tooltipProps.title ?? children}\n              isDisabled={\n                !isLabelOverflowed &&\n                isDynamicLabel &&\n                tooltipProps.isDisabled !== true\n              }\n              {...tooltipProps}\n            >\n              {(triggerProps, ref) => renderElement(triggerProps, ref)}\n            </TooltipProvider>\n          );\n        }\n      }\n    }\n\n    return renderElement();\n  };\n\n  return {\n    labelRef: handleLabelElementRef,\n    labelProps: finalLabelProps,\n    isLabelOverflowed,\n    isAutoTooltipEnabled,\n    hasTooltip: !!tooltip,\n    renderWithTooltip,\n  };\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,eAAe,EAC7B,SACA,UACA,YACA,iBAAiB,SACO;CAGxB,MAAM,uBAAuB,cAAc;AACzC,MAAI,OAAO,aAAa,SAAU,QAAO;AAGzC,MAAI,YAAY,KAAM,QAAO;AAC7B,MAAI,OAAO,YAAY,UAAU;AAE/B,OAAI,QAAQ,MACV,QAAO,QAAQ,SAAS;AAK1B,UAAO,CAAC,EADU,QAAQ,SAAS,SAAY,QAAQ,OAAO;;AAGhE,SAAO;IACN,CAAC,SAAS,SAAS,CAAC;CAGvB,MAAM,mBAAoB,YAAoB;CAC9C,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,aAAa,OAA2B,KAAK;CACnD,MAAM,oBAAoB,OAA8B,KAAK;CAE7D,MAAM,qBAAqB,kBAAkB;EAC3C,MAAM,QAAQ,WAAW;AACzB,MAAI,CAAC,OAAO;AACV,wBAAqB,MAAM;AAC3B;;AAIF,uBADoB,MAAM,cAAc,MAAM,YACb;IAChC,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,qBACF,qBAAoB;IAErB,CAAC,sBAAsB,mBAAmB,CAAC;CAG9C,MAAM,wBAAwB,aAC3B,YAAgC;AAE/B,MAAI,iBACF,KAAI,OAAO,qBAAqB,WAC9B,kBAAiB,QAAQ;MAEzB,CAAC,iBAAyB,UAAU;AAKxC,MAAI,kBAAkB,SAAS;AAC7B,OAAI;AACF,sBAAkB,QAAQ,YAAY;WAChC;AAGR,qBAAkB,UAAU;;AAG9B,aAAW,UAAU;AAErB,MAAI,WAAW,sBAAsB;GAEnC,MAAM,MAAM,IAAI,qBAAqB;AACnC,wBAAoB;KACpB;AACF,qBAAkB,UAAU;AAC5B,OAAI,QAAQ,QAAQ;AAEpB,uBAAoB;QAEpB,sBAAqB,MAAM;IAG/B;EAAC;EAAkB;EAAsB;EAAmB,CAC7D;AAGD,iBAAgB;AACd,eAAa;AACX,OAAI,kBAAkB,SAAS;AAC7B,QAAI;AACF,uBAAkB,QAAQ,YAAY;YAChC;AAGR,sBAAkB,UAAU;;AAE9B,cAAW,UAAU;;IAEtB,EAAE,CAAC;CAEN,MAAM,kBAAkB,cAAc;EACpC,MAAM,QAAQ,EACZ,GAAI,cAAc,EAAE,EACrB;AAED,SAAO,MAAM;AAEb,SAAO;IACN,CAAC,WAAW,CAAC;CAEhB,MAAM,qBACJ,eAIA,4BACG;AAEH,MAAI,SAAS;AAEX,OAAI,OAAO,YAAY,SACrB,QACE,oBAAC;IAAgB,WAAW;IAAyB,OAAO;eACxD,cAAc,QAAQ,cAAc,cAAc,IAAI;KACxC;AAKtB,OAAI,YAAY,MACd;SAAK,YAAY,gBAAgB,qBAAqB,gBACpD,QACE,oBAAC;KACC,WAAW;KACX,OAAO;KACP,YAAY,CAAC,qBAAqB;gBAEhC,cAAc,QAAQ,cAAc,cAAc,IAAI;MACxC;;AAMxB,OAAI,OAAO,YAAY,UAAU;IAC/B,MAAM,EAAE,MAAM,GAAG,iBAAiB;AAGlC,QAAI,aAAa,SAAS,SAAS,KACjC,QACE,oBAAC;KACC,WAAW;KACX,GAAI;gBAEF,cAAc,QAAQ,cAAc,cAAc,IAAI;MACxC;AAKtB,SAAK,YAAY,gBAAgB,qBAAqB,gBACpD,QACE,oBAAC;KACC,WAAW;KACX,OAAO,aAAa,SAAS;KAC7B,YACE,CAAC,qBACD,kBACA,aAAa,eAAe;KAE9B,GAAI;gBAEF,cAAc,QAAQ,cAAc,cAAc,IAAI;MACxC;;;AAM1B,SAAO,eAAe;;AAGxB,QAAO;EACL,UAAU;EACV,YAAY;EACZ;EACA;EACA,YAAY,CAAC,CAAC;EACd;EACD"}

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

@@ -1,11 +1,9 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeCheckboxGroupProps, _CheckboxGroup } from "./CheckboxGroup.js";
+import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { AriaCheckboxProps, useCheckbox } from "react-aria";
 import * as _react_types_shared0 from "@react-types/shared";

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

@@ -1,8 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
-import { Element, tasty } from "../../../tasty/tasty.js";
-import { filterBaseProps } from "../../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.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";
@@ -16,6 +12,7 @@ import { castNullableIsSelected } from "../../../utils/react/nullableValue.js";
 import { HiddenInput } from "../../HiddenInput.js";
 import { CheckboxGroupContext } from "./context.js";
 import { _CheckboxGroup } from "./CheckboxGroup.js";
+import { CONTAINER_STYLES, Element, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useContext, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useCheckbox, useCheckboxGroupItem, useHover } from "react-aria";

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["useFocus","mergeProps","Text","CheckboxGroup"],"sources":["../../../../src/components/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { IconCheck, IconMinus } from '@tabler/icons-react';\nimport { forwardRef, useContext, useMemo, useRef } from 'react';\nimport {\n  AriaCheckboxProps,\n  useCheckbox,\n  useCheckboxGroupItem,\n  useHover,\n} from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { Icon } from '../../../icons/index';\nimport { useProviderProps } from '../../../provider';\nimport { FieldBaseProps } from '../../../shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  extractStyles,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '../../../tasty';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { Text } from '../../content/Text';\nimport {\n  INLINE_LABEL_STYLES,\n  LABEL_STYLES,\n  useFieldProps,\n  useFormProps,\n  wrapWithField,\n} from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nimport { CheckboxGroup } from './CheckboxGroup';\nimport { CheckboxGroupContext } from './context';\n\nimport type { FocusableRef } from '@react-types/shared';\n\nexport interface CubeCheckboxProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaCheckboxProps,\n    FieldBaseProps {\n  inputStyles?: Styles;\n  isIndeterminate?: boolean;\n  value?: string;\n}\n\nconst CheckboxWrapperElement = tasty({\n  as: 'label',\n  qa: 'CheckboxWrapper',\n  styles: {\n    position: 'relative',\n    display: 'flex',\n    placeItems: 'center start',\n    placeContent: 'baseline',\n    gap: '1x',\n    flow: 'row',\n    preset: 'default',\n    cursor: '$pointer',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst CheckboxElement = tasty({\n  qa: 'Checkbox',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: '.5r',\n    fill: {\n      '': '#white',\n      'checked | indeterminate': '#primary',\n      'invalid & !checked': '#white',\n      'invalid & checked': '#danger',\n      disabled: '#dark.12',\n    },\n    color: {\n      '': '#white',\n      'disabled & !checked & !indeterminate': '#clear',\n    },\n    border: {\n      '': '#dark.30',\n      invalid: '#danger',\n      'disabled | ((indeterminate | checked) & !invalid)': '#clear',\n    },\n    width: '(2x - 2bw)',\n    height: '(2x - 2bw)',\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n  },\n});\n\nfunction Checkbox(\n  props: WithNullableSelected<CubeCheckboxProps>,\n  ref: FocusableRef,\n) {\n  // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\n  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\n  // but since the checkbox won't move in and out of a group, it should be safe.\n  let groupState = useContext(CheckboxGroupContext);\n\n  props = castNullableIsSelected(props);\n\n  let originalProps = props;\n\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value ?? false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n    unsafe__isDisabled: !!groupState,\n  });\n\n  let {\n    qa,\n    isIndeterminate = false,\n    isDisabled = false,\n    insideForm,\n    isRequired,\n    children,\n    label,\n    validationState,\n    labelProps,\n    labelStyles,\n    labelPosition,\n    inputStyles,\n    isHidden,\n    form,\n    ...otherProps\n  } = props;\n\n  let styles: Styles = extractStyles(props, CONTAINER_STYLES);\n\n  labelStyles = useMemo(\n    () => ({\n      ...(!groupState ? LABEL_STYLES : INLINE_LABEL_STYLES),\n      ...labelStyles,\n    }),\n    [groupState, labelStyles],\n  );\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  const toggleState = useToggleState(props);\n\n  let { inputProps } = groupState\n    ? useCheckboxGroupItem(\n        {\n          ...props,\n          // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n          // it's passed explicitly here to avoid typescript error (requires strictNullChecks disabled).\n          value: props.value || '',\n          // Only pass isRequired and validationState to react-aria if they came from\n          // the props for this individual checkbox, and not from the group via context.\n          isRequired: originalProps.isRequired,\n          validationState: originalProps.validationState,\n        },\n        groupState,\n        inputRef,\n      )\n    : useCheckbox(\n        {\n          ...props,\n          ...(typeof label === 'string' && label.trim()\n            ? { 'aria-label': label }\n            : {}),\n        },\n        toggleState,\n        inputRef,\n      );\n\n  let markIcon = isIndeterminate ? (\n    <Icon size={12} stroke={3}>\n      <IconMinus />\n    </Icon>\n  ) : (\n    <Icon size={12} stroke={3}>\n      <IconCheck />\n    </Icon>\n  );\n\n  if (groupState) {\n    for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {\n      if (originalProps[key] != null) {\n        console.warn(\n          `CubeUIKit: ${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`,\n        );\n      }\n    }\n    if (props.value == null) {\n      console.warn(\n        'CubeUIKit: A <Checkbox> element within a <CheckboxGroup> requires a `value` property.',\n      );\n    }\n  }\n\n  const mods = {\n    checked: inputProps.checked,\n    indeterminate: isIndeterminate,\n    invalid: validationState === 'invalid',\n    valid: validationState === 'valid',\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    'side-label': labelPosition === 'side',\n    'inside-form': insideForm,\n  };\n\n  const checkbox = (\n    <>\n      <HiddenInput\n        qa={qa || 'Checkbox'}\n        data-input-type=\"checkbox\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n      />\n      <CheckboxElement mods={mods} styles={inputStyles}>\n        {markIcon}\n      </CheckboxElement>\n    </>\n  );\n\n  const checkboxField = (\n    <CheckboxWrapperElement isHidden={isHidden} mods={mods}>\n      {checkbox}\n      {children && <Text nowrap>{children}</Text>}\n    </CheckboxWrapperElement>\n  );\n\n  if (!groupState) {\n    return wrapWithField(checkboxField, domRef, {\n      ...props,\n      children: null,\n      inputStyles,\n    });\n  }\n\n  return (\n    <CheckboxWrapperElement\n      styles={styles}\n      isHidden={isHidden}\n      {...hoverProps}\n      {...filterBaseProps(otherProps)}\n      ref={domRef}\n    >\n      {checkbox}\n      {label ?? children ? (\n        <Element\n          styles={labelStyles}\n          mods={{\n            invalid: validationState === 'invalid',\n            valid: validationState === 'valid',\n            disabled: isDisabled,\n          }}\n          {...filterBaseProps(labelProps)}\n        >\n          {label ?? children}\n        </Element>\n      ) : null}\n    </CheckboxWrapperElement>\n  );\n}\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\n\n(_Checkbox as any).cubeInputType = 'Checkbox';\nlet __Checkbox = Object.assign(\n  _Checkbox as typeof _Checkbox & { Group: typeof CheckboxGroup },\n  { Group: CheckboxGroup },\n);\n\n__Checkbox.displayName = 'Checkbox';\n\nexport { __Checkbox as Checkbox };\nexport type { AriaCheckboxProps };\nexport { useCheckbox };\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["useFocus","mergeProps","Text","CheckboxGroup"],"sources":["../../../../src/components/fields/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { IconCheck, IconMinus } from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Element,\n  extractStyles,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useContext, useMemo, useRef } from 'react';\nimport {\n  AriaCheckboxProps,\n  useCheckbox,\n  useCheckboxGroupItem,\n  useHover,\n} from 'react-aria';\nimport { useToggleState } from 'react-stately';\n\nimport { Icon } from '../../../icons/index';\nimport { useProviderProps } from '../../../provider';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport {\n  castNullableIsSelected,\n  WithNullableSelected,\n} from '../../../utils/react/nullableValue';\nimport { Text } from '../../content/Text';\nimport {\n  INLINE_LABEL_STYLES,\n  LABEL_STYLES,\n  useFieldProps,\n  useFormProps,\n  wrapWithField,\n} from '../../form';\nimport { HiddenInput } from '../../HiddenInput';\n\nimport { CheckboxGroup } from './CheckboxGroup';\nimport { CheckboxGroupContext } from './context';\n\nimport type { FocusableRef } from '@react-types/shared';\n\nexport interface CubeCheckboxProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaCheckboxProps,\n    FieldBaseProps {\n  inputStyles?: Styles;\n  isIndeterminate?: boolean;\n  value?: string;\n}\n\nconst CheckboxWrapperElement = tasty({\n  as: 'label',\n  qa: 'CheckboxWrapper',\n  styles: {\n    position: 'relative',\n    display: 'flex',\n    placeItems: 'center start',\n    placeContent: 'baseline',\n    gap: '1x',\n    flow: 'row',\n    preset: 'default',\n    cursor: '$pointer',\n    width: 'max max-content',\n    color: '#dark-02',\n  },\n});\n\nconst CheckboxElement = tasty({\n  qa: 'Checkbox',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: '.5r',\n    fill: {\n      '': '#white',\n      'checked | indeterminate': '#primary',\n      'invalid & !checked': '#white',\n      'invalid & checked': '#danger',\n      disabled: '#dark.12',\n    },\n    color: {\n      '': '#white',\n      'disabled & !checked & !indeterminate': '#clear',\n    },\n    border: {\n      '': '#dark.30',\n      invalid: '#danger',\n      'disabled | ((indeterminate | checked) & !invalid)': '#clear',\n    },\n    width: '(2x - 2bw)',\n    height: '(2x - 2bw)',\n    outline: {\n      '': '#primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 1,\n    transition: 'theme',\n  },\n});\n\nfunction Checkbox(\n  props: WithNullableSelected<CubeCheckboxProps>,\n  ref: FocusableRef,\n) {\n  // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\n  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\n  // but since the checkbox won't move in and out of a group, it should be safe.\n  let groupState = useContext(CheckboxGroupContext);\n\n  props = castNullableIsSelected(props);\n\n  let originalProps = props;\n\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      isSelected: value ?? false,\n      isIndeterminate: false,\n      onChange: onChange,\n    }),\n    unsafe__isDisabled: !!groupState,\n  });\n\n  let {\n    qa,\n    isIndeterminate = false,\n    isDisabled = false,\n    insideForm,\n    isRequired,\n    children,\n    label,\n    validationState,\n    labelProps,\n    labelStyles,\n    labelPosition,\n    inputStyles,\n    isHidden,\n    form,\n    ...otherProps\n  } = props;\n\n  let styles: Styles = extractStyles(props, CONTAINER_STYLES);\n\n  labelStyles = useMemo(\n    () => ({\n      ...(!groupState ? LABEL_STYLES : INLINE_LABEL_STYLES),\n      ...labelStyles,\n    }),\n    [groupState, labelStyles],\n  );\n\n  let { isFocused, focusProps } = useFocus({ isDisabled }, true);\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n\n  let inputRef = useRef(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  const toggleState = useToggleState(props);\n\n  let { inputProps } = groupState\n    ? useCheckboxGroupItem(\n        {\n          ...props,\n          // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n          // it's passed explicitly here to avoid typescript error (requires strictNullChecks disabled).\n          value: props.value || '',\n          // Only pass isRequired and validationState to react-aria if they came from\n          // the props for this individual checkbox, and not from the group via context.\n          isRequired: originalProps.isRequired,\n          validationState: originalProps.validationState,\n        },\n        groupState,\n        inputRef,\n      )\n    : useCheckbox(\n        {\n          ...props,\n          ...(typeof label === 'string' && label.trim()\n            ? { 'aria-label': label }\n            : {}),\n        },\n        toggleState,\n        inputRef,\n      );\n\n  let markIcon = isIndeterminate ? (\n    <Icon size={12} stroke={3}>\n      <IconMinus />\n    </Icon>\n  ) : (\n    <Icon size={12} stroke={3}>\n      <IconCheck />\n    </Icon>\n  );\n\n  if (groupState) {\n    for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {\n      if (originalProps[key] != null) {\n        console.warn(\n          `CubeUIKit: ${key} is unsupported on individual <Checkbox> elements within a <CheckboxGroup>. Please apply these props to the group instead.`,\n        );\n      }\n    }\n    if (props.value == null) {\n      console.warn(\n        'CubeUIKit: A <Checkbox> element within a <CheckboxGroup> requires a `value` property.',\n      );\n    }\n  }\n\n  const mods = {\n    checked: inputProps.checked,\n    indeterminate: isIndeterminate,\n    invalid: validationState === 'invalid',\n    valid: validationState === 'valid',\n    disabled: isDisabled,\n    hovered: isHovered,\n    focused: isFocused,\n    'side-label': labelPosition === 'side',\n    'inside-form': insideForm,\n  };\n\n  const checkbox = (\n    <>\n      <HiddenInput\n        qa={qa || 'Checkbox'}\n        data-input-type=\"checkbox\"\n        {...mergeProps(inputProps, focusProps)}\n        ref={inputRef}\n      />\n      <CheckboxElement mods={mods} styles={inputStyles}>\n        {markIcon}\n      </CheckboxElement>\n    </>\n  );\n\n  const checkboxField = (\n    <CheckboxWrapperElement isHidden={isHidden} mods={mods}>\n      {checkbox}\n      {children && <Text nowrap>{children}</Text>}\n    </CheckboxWrapperElement>\n  );\n\n  if (!groupState) {\n    return wrapWithField(checkboxField, domRef, {\n      ...props,\n      children: null,\n      inputStyles,\n    });\n  }\n\n  return (\n    <CheckboxWrapperElement\n      styles={styles}\n      isHidden={isHidden}\n      {...hoverProps}\n      {...filterBaseProps(otherProps)}\n      ref={domRef}\n    >\n      {checkbox}\n      {label ?? children ? (\n        <Element\n          styles={labelStyles}\n          mods={{\n            invalid: validationState === 'invalid',\n            valid: validationState === 'valid',\n            disabled: isDisabled,\n          }}\n          {...filterBaseProps(labelProps)}\n        >\n          {label ?? children}\n        </Element>\n      ) : null}\n    </CheckboxWrapperElement>\n  );\n}\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\n\n(_Checkbox as any).cubeInputType = 'Checkbox';\nlet __Checkbox = Object.assign(\n  _Checkbox as typeof _Checkbox & { Group: typeof CheckboxGroup },\n  { Group: CheckboxGroup },\n);\n\n__Checkbox.displayName = 'Checkbox';\n\nexport { __Checkbox as Checkbox };\nexport type { AriaCheckboxProps };\nexport { useCheckbox };\n"],"mappings":"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"}

package/dist/components/fields/Checkbox/CheckboxGroup.d.ts

@@ -1,10 +1,8 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { WithNullableValue } from "../../../utils/react/nullableValue.js";
+import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { AriaCheckboxGroupProps } from "react-aria";
 

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

@@ -1,7 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.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";
@@ -9,6 +6,7 @@ import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { castNullableArrayValue } from "../../../utils/react/nullableValue.js";
 import { CheckboxGroupContext } from "./context.js";
+import { CONTAINER_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useCheckboxGroup } from "react-aria";

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","names":["mergeProps"],"sources":["../../../../src/components/fields/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { useDOMRef } from '@react-spectrum/utils';\nimport { forwardRef } from 'react';\nimport { AriaCheckboxGroupProps, useCheckboxGroup } from 'react-aria';\nimport { useCheckboxGroupState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\nimport { FieldBaseProps } from '../../../shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  Styles,\n  tasty,\n} from '../../../tasty';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableArrayValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport {\n  FormContext,\n  useFieldProps,\n  useFormProps,\n  wrapWithField,\n} from '../../form';\n\nimport { CheckboxGroupContext } from './context';\n\nconst CheckGroupElement = tasty({\n  qa: 'CheckboxGroup',\n  styles: {\n    display: 'flex',\n    placeItems: 'start',\n    placeContent: 'start',\n    flow: {\n      '': 'column',\n      horizontal: 'row wrap',\n    },\n    gap: {\n      '': '1x',\n      horizontal: '1x 2x',\n    },\n  },\n});\n\nexport interface CubeCheckboxGroupProps\n  extends BaseProps,\n    Omit<AriaCheckboxGroupProps, 'errorMessage'>,\n    FieldBaseProps,\n    ContainerStyleProps {\n  orientation?: 'vertical' | 'horizontal';\n  inputStyles?: Styles;\n}\n\nfunction CheckboxGroup(props: WithNullableValue<CubeCheckboxGroupProps>, ref) {\n  props = castNullableArrayValue(props);\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : [],\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    id,\n    isDisabled,\n    isRequired,\n    necessityIndicator,\n    necessityLabel,\n    label,\n    extra,\n    validationState,\n    children,\n    orientation = 'vertical',\n    message,\n    description,\n    labelStyles,\n    tooltip,\n    labelProps: baseLabelProps,\n    labelSuffix,\n    inputStyles,\n    form,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let state = useCheckboxGroupState(props);\n  let { groupProps, labelProps } = useCheckboxGroup(props, state);\n\n  let radioGroup = (\n    <CheckGroupElement\n      id={id}\n      styles={inputStyles}\n      mods={{\n        horizontal: orientation === 'horizontal',\n      }}\n    >\n      <FormContext.Provider\n        value={{\n          isDisabled,\n          validationState,\n        }}\n      >\n        <CheckboxGroupContext.Provider value={state}>\n          {children}\n        </CheckboxGroupContext.Provider>\n      </FormContext.Provider>\n    </CheckGroupElement>\n  );\n\n  return wrapWithField(radioGroup, domRef, {\n    ...props,\n    children: null,\n    fieldProps: groupProps,\n    labelProps: mergeProps(baseLabelProps, labelProps),\n  });\n}\n\n/**\n * Checkbox groups 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 _CheckboxGroup = forwardRef(CheckboxGroup);\n\n(_CheckboxGroup as any).cubeInputType = 'CheckboxGroup';\n_CheckboxGroup.displayName = 'CheckboxGroup';\n\nexport { _CheckboxGroup as CheckboxGroup };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,MAAM,oBAAoB,MAAM;CAC9B,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,cAAc;EACd,MAAM;GACJ,IAAI;GACJ,YAAY;GACb;EACD,KAAK;GACH,IAAI;GACJ,YAAY;GACb;EACF;CACF,CAAC;AAWF,SAAS,cAAc,OAAkD,KAAK;AAC5E,SAAQ,uBAAuB,MAAM;AACrC,SAAQ,iBAAiB,MAAM;AAC/B,SAAQ,aAAa,MAAM;AAC3B,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C,OAAO,SAAS,OAAO,QAAQ,EAAE;GACvB;GACX;EACF,CAAC;CAEF,IAAI,EACF,IACA,YACA,YACA,oBACA,gBACA,OACA,OACA,iBACA,UACA,cAAc,YACd,SACA,aACA,aACA,SACA,YAAY,gBACZ,aACA,aACA,MACA,GAAG,eACD;CACJ,IAAI,SAAS,UAAU,IAAI;AAEd,eAAc,YAAY,iBAAiB;CAExD,IAAI,QAAQ,sBAAsB,MAAM;CACxC,IAAI,EAAE,YAAY,eAAe,iBAAiB,OAAO,MAAM;AAuB/D,QAAO,cApBL,oBAAC;EACK;EACJ,QAAQ;EACR,MAAM,EACJ,YAAY,gBAAgB,cAC7B;YAED,oBAAC,YAAY;GACX,OAAO;IACL;IACA;IACD;aAED,oBAAC,qBAAqB;IAAS,OAAO;IACnC;KAC6B;IACX;GACL,EAGW,QAAQ;EACvC,GAAG;EACH,UAAU;EACV,YAAY;EACZ,YAAYA,aAAW,gBAAgB,WAAW;EACnD,CAAC;;;;;;AAOJ,MAAM,iBAAiB,WAAW,cAAc;AAEhD,AAAC,eAAuB,gBAAgB;AACxC,eAAe,cAAc"}
+{"version":3,"file":"CheckboxGroup.js","names":["mergeProps"],"sources":["../../../../src/components/fields/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { useDOMRef } from '@react-spectrum/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { AriaCheckboxGroupProps, useCheckboxGroup } from 'react-aria';\nimport { useCheckboxGroupState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableArrayValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport {\n  FormContext,\n  useFieldProps,\n  useFormProps,\n  wrapWithField,\n} from '../../form';\n\nimport { CheckboxGroupContext } from './context';\n\nconst CheckGroupElement = tasty({\n  qa: 'CheckboxGroup',\n  styles: {\n    display: 'flex',\n    placeItems: 'start',\n    placeContent: 'start',\n    flow: {\n      '': 'column',\n      horizontal: 'row wrap',\n    },\n    gap: {\n      '': '1x',\n      horizontal: '1x 2x',\n    },\n  },\n});\n\nexport interface CubeCheckboxGroupProps\n  extends BaseProps,\n    Omit<AriaCheckboxGroupProps, 'errorMessage'>,\n    FieldBaseProps,\n    ContainerStyleProps {\n  orientation?: 'vertical' | 'horizontal';\n  inputStyles?: Styles;\n}\n\nfunction CheckboxGroup(props: WithNullableValue<CubeCheckboxGroupProps>, ref) {\n  props = castNullableArrayValue(props);\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : [],\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    id,\n    isDisabled,\n    isRequired,\n    necessityIndicator,\n    necessityLabel,\n    label,\n    extra,\n    validationState,\n    children,\n    orientation = 'vertical',\n    message,\n    description,\n    labelStyles,\n    tooltip,\n    labelProps: baseLabelProps,\n    labelSuffix,\n    inputStyles,\n    form,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let state = useCheckboxGroupState(props);\n  let { groupProps, labelProps } = useCheckboxGroup(props, state);\n\n  let radioGroup = (\n    <CheckGroupElement\n      id={id}\n      styles={inputStyles}\n      mods={{\n        horizontal: orientation === 'horizontal',\n      }}\n    >\n      <FormContext.Provider\n        value={{\n          isDisabled,\n          validationState,\n        }}\n      >\n        <CheckboxGroupContext.Provider value={state}>\n          {children}\n        </CheckboxGroupContext.Provider>\n      </FormContext.Provider>\n    </CheckGroupElement>\n  );\n\n  return wrapWithField(radioGroup, domRef, {\n    ...props,\n    children: null,\n    fieldProps: groupProps,\n    labelProps: mergeProps(baseLabelProps, labelProps),\n  });\n}\n\n/**\n * Checkbox groups 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 _CheckboxGroup = forwardRef(CheckboxGroup);\n\n(_CheckboxGroup as any).cubeInputType = 'CheckboxGroup';\n_CheckboxGroup.displayName = 'CheckboxGroup';\n\nexport { _CheckboxGroup as CheckboxGroup };\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAM,oBAAoB,MAAM;CAC9B,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,cAAc;EACd,MAAM;GACJ,IAAI;GACJ,YAAY;GACb;EACD,KAAK;GACH,IAAI;GACJ,YAAY;GACb;EACF;CACF,CAAC;AAWF,SAAS,cAAc,OAAkD,KAAK;AAC5E,SAAQ,uBAAuB,MAAM;AACrC,SAAQ,iBAAiB,MAAM;AAC/B,SAAQ,aAAa,MAAM;AAC3B,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C,OAAO,SAAS,OAAO,QAAQ,EAAE;GACvB;GACX;EACF,CAAC;CAEF,IAAI,EACF,IACA,YACA,YACA,oBACA,gBACA,OACA,OACA,iBACA,UACA,cAAc,YACd,SACA,aACA,aACA,SACA,YAAY,gBACZ,aACA,aACA,MACA,GAAG,eACD;CACJ,IAAI,SAAS,UAAU,IAAI;AAEd,eAAc,YAAY,iBAAiB;CAExD,IAAI,QAAQ,sBAAsB,MAAM;CACxC,IAAI,EAAE,YAAY,eAAe,iBAAiB,OAAO,MAAM;AAuB/D,QAAO,cApBL,oBAAC;EACK;EACJ,QAAQ;EACR,MAAM,EACJ,YAAY,gBAAgB,cAC7B;YAED,oBAAC,YAAY;GACX,OAAO;IACL;IACA;IACD;aAED,oBAAC,qBAAqB;IAAS,OAAO;IACnC;KAC6B;IACX;GACL,EAGW,QAAQ;EACvC,GAAG;EACH,UAAU;EACV,YAAY;EACZ,YAAYA,aAAW,gBAAgB,WAAW;EACnD,CAAC;;;;;;AAOJ,MAAM,iBAAiB,WAAW,cAAc;AAEhD,AAAC,eAAuB,gBAAgB;AACxC,eAAe,cAAc"}

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

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

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

@@ -1,10 +1,8 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { _CollectionItem } from "../../CollectionItem.js";
+import { BasePropsWithoutChildren, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
 import React, { ForwardedRef, ReactElement, ReactNode, RefObject } from "react";
 import { Section } from "react-stately";
 import { FocusableRef, Key as Key$1 } from "@react-types/shared";

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

@@ -1,7 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.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";
@@ -24,6 +21,7 @@ import { chainRaf } from "../../../utils/raf.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";
 import { ValidIcon } from "../../shared/ValidIcon.js";
 import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES } from "../TextInput/TextInputBase.js";
+import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, extractStyles, tasty } from "@tenphi/tasty";
 import React, { cloneElement, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFilter, useKeyboard, useOverlay, useOverlayPosition } from "react-aria";