@cube-dev/ui-kit 0.113.1 → 0.115.0

package/dist/components/content/Text.js

@@ -0,0 +1,101 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.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";
+import { useSlotProps } from "../../utils/react/Slots.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/content/Text.tsx
+const STYLE_LIST = [
+	...BASE_STYLES,
+	...TEXT_STYLES,
+	...COLOR_STYLES
+];
+const TEXT_PROP_MAP = {
+	transform: "textTransform",
+	weight: "fontWeight",
+	italic: "fontStyle"
+};
+const TextElement = tasty({
+	qa: "Text",
+	as: "span",
+	styles: {
+		display: {
+			"": "inline",
+			"ellipsis | block": "block"
+		},
+		margin: 0,
+		padding: 0,
+		whiteSpace: {
+			"": "inherit",
+			"nowrap | ellipsis": "nowrap"
+		},
+		textOverflow: {
+			"": false,
+			ellipsis: "ellipsis"
+		},
+		overflow: {
+			"": false,
+			ellipsis: "hidden"
+		},
+		width: {
+			"": false,
+			ellipsis: "max 100%"
+		}
+	}
+});
+const Text = forwardRef(function CubeText(allProps, ref) {
+	allProps = useSlotProps(allProps, "text");
+	const { as, qa, block, ellipsis, nowrap, ...props } = allProps;
+	const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);
+	return /* @__PURE__ */ jsx(TextElement, {
+		as: as || "span",
+		qa: qa || "Text",
+		mods: {
+			nowrap,
+			ellipsis: !!ellipsis,
+			block: !!block
+		},
+		...filterBaseProps(props, { eventProps: true }),
+		ref,
+		styles
+	});
+});
+const MinorText = tasty(Text, { styles: { color: "#minor" } });
+const DangerText = tasty(Text, {
+	role: "alert",
+	styles: { color: "#danger-text" }
+});
+const SuccessText = tasty(Text, { styles: { color: "#success-text" } });
+const StrongText = tasty(Text, {
+	as: "strong",
+	preset: "strong"
+});
+const EmphasisText = tasty(Text, {
+	as: "em",
+	preset: "em"
+});
+const PlaceholderText = tasty(Text, { styles: { color: "#current.5" } });
+const HighlightText = tasty(Text, {
+	as: "mark",
+	styles: {
+		fill: "#dark.15",
+		color: "#dark"
+	}
+});
+const _Text = Object.assign(Text, {
+	Minor: MinorText,
+	Danger: DangerText,
+	Success: SuccessText,
+	Strong: StrongText,
+	Emphasis: EmphasisText,
+	Placeholder: PlaceholderText,
+	Highlight: HighlightText
+});
+_Text.displayName = "Text";
+
+//#endregion
+export { TEXT_PROP_MAP, _Text };
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,42 @@
+
+import { Styles } from "../../../tasty/styles/types.js";
+import "../../../tasty/index.js";
+import { CubeTextProps } from "../Text.js";
+import { AutoTooltipValue } from "../use-auto-tooltip.js";
+import * as react from "react";
+import { OverlayProps } from "react-aria";
+
+//#region src/components/content/TextItem/TextItem.d.ts
+interface CubeTextItemProps extends CubeTextProps {
+  /**
+   * String to highlight within children.
+   * Only works when children is a plain string.
+   */
+  highlight?: string;
+  /**
+   * Whether highlight matching is case-sensitive.
+   * @default false
+   */
+  highlightCaseSensitive?: boolean;
+  /**
+   * Custom styles for highlighted text.
+   */
+  highlightStyles?: Styles;
+  /**
+   * Tooltip content and configuration:
+   * - string: simple tooltip text
+   * - true: auto tooltip on overflow (shows children as tooltip when truncated)
+   * - object: advanced configuration with optional auto property
+   * @default true
+   */
+  tooltip?: AutoTooltipValue;
+  /**
+   * Default tooltip placement.
+   * @default "top"
+   */
+  tooltipPlacement?: OverlayProps['placement'];
+}
+declare const TextItem: react.ForwardRefExoticComponent<CubeTextItemProps & react.RefAttributes<HTMLElement>>;
+//#endregion
+export { CubeTextItemProps, TextItem };
+//# sourceMappingURL=TextItem.d.ts.map

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

@@ -0,0 +1,66 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.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";
+import { TEXT_PROP_MAP, _Text } from "../Text.js";
+import { highlightText } from "../highlightText.js";
+import { useAutoTooltip } from "../use-auto-tooltip.js";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/content/TextItem/TextItem.tsx
+const STYLE_LIST = [
+	...BASE_STYLES,
+	...TEXT_STYLES,
+	...COLOR_STYLES
+];
+const TextItemElement = tasty(_Text, {
+	qa: "TextItem",
+	styles: {
+		display: "inline-block",
+		verticalAlign: "bottom",
+		width: "max 100%",
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis"
+	}
+});
+const TextItem = forwardRef(function TextItem(props, ref) {
+	const { children, highlight, highlightCaseSensitive = false, highlightStyles, tooltip = true, tooltipPlacement = "top", ...restProps } = props;
+	const styles = extractStyles(restProps, STYLE_LIST, {}, TEXT_PROP_MAP);
+	const { labelRef, renderWithTooltip } = useAutoTooltip({
+		tooltip,
+		children
+	});
+	const processedChildren = useMemo(() => {
+		if (typeof children === "string" && highlight) return highlightText(children, highlight, highlightCaseSensitive, highlightStyles);
+		return children;
+	}, [
+		children,
+		highlight,
+		highlightCaseSensitive,
+		highlightStyles
+	]);
+	const renderElement = (tooltipTriggerProps, tooltipRef) => {
+		const handleRef = (element) => {
+			if (typeof ref === "function") ref(element);
+			else if (ref) ref.current = element;
+			if (tooltipRef) tooltipRef.current = element;
+			labelRef(element);
+		};
+		return /* @__PURE__ */ jsx(TextItemElement, {
+			...filterBaseProps(restProps, { eventProps: true }),
+			...tooltipTriggerProps,
+			ref: handleRef,
+			styles,
+			children: processedChildren
+		});
+	};
+	return renderWithTooltip(renderElement, tooltipPlacement);
+});
+TextItem.displayName = "TextItem";
+
+//#endregion
+export { TextItem };
+//# sourceMappingURL=TextItem.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+
+import { CubeTextItemProps, TextItem } from "./TextItem.js";

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

@@ -0,0 +1,18 @@
+
+import { BaseProps, ContainerStyleProps, PositionStyleProps } from "../../tasty/types.js";
+import "../../tasty/index.js";
+import { CubeTextProps } from "./Text.js";
+import * as react from "react";
+
+//#region src/components/content/Title.d.ts
+interface CubeTitleProps extends BaseProps, CubeTextProps, ContainerStyleProps, PositionStyleProps {
+  /** The level of the heading **/
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare const _Title: react.ForwardRefExoticComponent<CubeTitleProps & react.RefAttributes<unknown>> & {
+  Danger: react.ForwardRefExoticComponent<CubeTitleProps & react.RefAttributes<unknown>>;
+  Success: react.ForwardRefExoticComponent<CubeTitleProps & react.RefAttributes<unknown>>;
+};
+//#endregion
+export { CubeTitleProps, _Title };
+//# sourceMappingURL=Title.d.ts.map

package/dist/components/content/Title.js

@@ -0,0 +1,86 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.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";
+import { useSlotProps } from "../../utils/react/Slots.js";
+import { TEXT_PROP_MAP } from "./Text.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/content/Title.tsx
+const STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];
+const TitleElement = tasty({
+	qa: "Title",
+	as: "h1",
+	styles: {
+		gridArea: "title",
+		display: "block",
+		color: "#dark",
+		preset: {
+			"": "h6",
+			"level=1": "h1",
+			"level=2": "h2",
+			"level=3": "h3",
+			"level=4": "h4",
+			"level=5": "h5",
+			"level=6": "h6"
+		},
+		margin: "0",
+		whiteSpace: {
+			"": "inherit",
+			"nowrap | ellipsis": "nowrap"
+		},
+		textOverflow: {
+			"": false,
+			ellipsis: "ellipsis"
+		},
+		overflow: {
+			"": false,
+			ellipsis: "hidden"
+		},
+		width: {
+			"": false,
+			ellipsis: "max 100%"
+		}
+	}
+});
+const Title = forwardRef(function CubeTitle({ qa, as, inline, nowrap, ellipsis, level, ...props }, ref) {
+	const propsWithSlots = useSlotProps(props, "title");
+	const tag = `h${level || 1}`;
+	const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);
+	return /* @__PURE__ */ jsx(TitleElement, {
+		qa: qa || "Title",
+		as: as || tag,
+		"data-level": level || 1,
+		mods: {
+			nowrap,
+			ellipsis
+		},
+		inline,
+		...filterBaseProps(propsWithSlots, { eventProps: true }),
+		ref,
+		styles
+	});
+});
+const _Title = Object.assign(Title, {
+	Danger: forwardRef(function DangerTitle(props, ref) {
+		return /* @__PURE__ */ jsx(Title, {
+			ref,
+			color: "#danger-text",
+			...props
+		});
+	}),
+	Success: forwardRef(function SuccessTitle(props, ref) {
+		return /* @__PURE__ */ jsx(Title, {
+			ref,
+			color: "#success-text",
+			...props
+		});
+	})
+});
+_Title.displayName = "Title";
+
+//#endregion
+export { _Title };
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +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"}

package/dist/components/content/highlightText.js

@@ -0,0 +1,26 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { _Text } from "./Text.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/content/highlightText.tsx
+/**
+* Highlights occurrences of a search string within text.
+* Returns an array of ReactNodes with highlighted portions wrapped in Text.Highlight.
+*/
+function highlightText(text, highlight, caseSensitive, highlightStyles) {
+	if (!highlight) return [text];
+	const flags = caseSensitive ? "g" : "gi";
+	const escapedHighlight = highlight.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const regex = new RegExp(`(${escapedHighlight})`, flags);
+	return text.split(regex).map((part, index) => {
+		if (caseSensitive ? part === highlight : part.toLowerCase() === highlight.toLowerCase()) return /* @__PURE__ */ jsx(_Text.Highlight, {
+			styles: highlightStyles,
+			children: part
+		}, index);
+		return part;
+	});
+}
+
+//#endregion
+export { highlightText };
+//# sourceMappingURL=highlightText.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+
+import "../../tasty/index.js";
+import { CubeTooltipProviderProps } from "../overlays/Tooltip/TooltipProvider.js";
+import { HTMLAttributes, ReactNode, RefObject } from "react";
+import "react/jsx-runtime";
+import { OverlayProps } from "react-aria";
+
+//#region src/components/content/use-auto-tooltip.d.ts
+type AutoTooltipValue = string | boolean | (Omit<CubeTooltipProviderProps, 'children'> & {
+  auto?: boolean;
+});
+//#endregion
+export { AutoTooltipValue };
+//# sourceMappingURL=use-auto-tooltip.d.ts.map

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

@@ -0,0 +1,116 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.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";
+
+//#region src/components/content/use-auto-tooltip.tsx
+function useAutoTooltip({ tooltip, children, labelProps, isDynamicLabel = false }) {
+	const isAutoTooltipEnabled = useMemo(() => {
+		if (typeof children !== "string") return false;
+		if (tooltip === true) return true;
+		if (typeof tooltip === "object") {
+			if (tooltip.title) return tooltip.auto === true;
+			return !!(tooltip.auto !== void 0 ? tooltip.auto : true);
+		}
+		return false;
+	}, [tooltip, children]);
+	const externalLabelRef = labelProps?.ref;
+	const [isLabelOverflowed, setIsLabelOverflowed] = useState(false);
+	const elementRef = useRef(null);
+	const resizeObserverRef = useRef(null);
+	const checkLabelOverflow = useCallback(() => {
+		const label = elementRef.current;
+		if (!label) {
+			setIsLabelOverflowed(false);
+			return;
+		}
+		setIsLabelOverflowed(label.scrollWidth > label.clientWidth);
+	}, []);
+	useEffect(() => {
+		if (isAutoTooltipEnabled) checkLabelOverflow();
+	}, [isAutoTooltipEnabled, checkLabelOverflow]);
+	const handleLabelElementRef = useCallback((element) => {
+		if (externalLabelRef) if (typeof externalLabelRef === "function") externalLabelRef(element);
+		else externalLabelRef.current = element;
+		if (resizeObserverRef.current) {
+			try {
+				resizeObserverRef.current.disconnect();
+			} catch {}
+			resizeObserverRef.current = null;
+		}
+		elementRef.current = element;
+		if (element && isAutoTooltipEnabled) {
+			const obs = new ResizeObserver(() => {
+				checkLabelOverflow();
+			});
+			resizeObserverRef.current = obs;
+			obs.observe(element);
+			checkLabelOverflow();
+		} else setIsLabelOverflowed(false);
+	}, [
+		externalLabelRef,
+		isAutoTooltipEnabled,
+		checkLabelOverflow
+	]);
+	useEffect(() => {
+		return () => {
+			if (resizeObserverRef.current) {
+				try {
+					resizeObserverRef.current.disconnect();
+				} catch {}
+				resizeObserverRef.current = null;
+			}
+			elementRef.current = null;
+		};
+	}, []);
+	const finalLabelProps = useMemo(() => {
+		const props = { ...labelProps || {} };
+		delete props.ref;
+		return props;
+	}, [labelProps]);
+	const renderWithTooltip = (renderElement, defaultTooltipPlacement) => {
+		if (tooltip) {
+			if (typeof tooltip === "string") return /* @__PURE__ */ jsx(TooltipProvider, {
+				placement: defaultTooltipPlacement,
+				title: tooltip,
+				children: (triggerProps, ref) => renderElement(triggerProps, ref)
+			});
+			if (tooltip === true) {
+				if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) return /* @__PURE__ */ jsx(TooltipProvider, {
+					placement: defaultTooltipPlacement,
+					title: children,
+					isDisabled: !isLabelOverflowed && isDynamicLabel,
+					children: (triggerProps, ref) => renderElement(triggerProps, ref)
+				});
+			}
+			if (typeof tooltip === "object") {
+				const { auto, ...tooltipProps } = tooltip;
+				if (tooltipProps.title && auto !== true) return /* @__PURE__ */ jsx(TooltipProvider, {
+					placement: defaultTooltipPlacement,
+					...tooltipProps,
+					children: (triggerProps, ref) => renderElement(triggerProps, ref)
+				});
+				if ((children || labelProps) && (isLabelOverflowed || isDynamicLabel)) return /* @__PURE__ */ jsx(TooltipProvider, {
+					placement: defaultTooltipPlacement,
+					title: tooltipProps.title ?? children,
+					isDisabled: !isLabelOverflowed && isDynamicLabel && tooltipProps.isDisabled !== true,
+					...tooltipProps,
+					children: (triggerProps, ref) => renderElement(triggerProps, ref)
+				});
+			}
+		}
+		return renderElement();
+	};
+	return {
+		labelRef: handleLabelElementRef,
+		labelProps: finalLabelProps,
+		isLabelOverflowed,
+		isAutoTooltipEnabled,
+		hasTooltip: !!tooltip,
+		renderWithTooltip
+	};
+}
+
+//#endregion
+export { useAutoTooltip };
+//# sourceMappingURL=use-auto-tooltip.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,29 @@
+
+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 * as react from "react";
+import { AriaCheckboxProps, useCheckbox } from "react-aria";
+import * as _react_types_shared0 from "@react-types/shared";
+
+//#region src/components/fields/Checkbox/Checkbox.d.ts
+interface CubeCheckboxProps extends BaseProps, ContainerStyleProps, AriaCheckboxProps, FieldBaseProps {
+  inputStyles?: Styles;
+  isIndeterminate?: boolean;
+  value?: string;
+}
+declare let __Checkbox: react.ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
+  isSelected?: T["isSelected"] | any;
+  defaultSelected?: T["defaultSelected"] | any;
+} & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>> & {
+  Group: typeof _CheckboxGroup;
+} & {
+  Group: react.ForwardRefExoticComponent<Omit<WithNullableValue<CubeCheckboxGroupProps>, "ref"> & react.RefAttributes<unknown>>;
+};
+//#endregion
+export { type AriaCheckboxProps, CubeCheckboxProps, __Checkbox, useCheckbox };
+//# sourceMappingURL=Checkbox.d.ts.map