@cube-dev/ui-kit 0.145.4 → 0.146.1

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Alert } from "../Alert/Alert.js";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
 import { Button } from "../../actions/Button/Button.js";
 import { Link } from "../../actions/Link/Link.js";
@@ -94,6 +95,7 @@ const HeaderElement = tasty(_LayoutContent, {
 	}
 });
 function LayoutHeader(props, ref) {
+	const { t } = useI18n();
 	const { title, level = 3, suffix, extra, subtitle, breadcrumbs, onBack, scrollbar = "tiny", children, mods, ...otherProps } = props;
 	const { labelRef, renderWithTooltip } = useAutoTooltip({
 		tooltip: true,
@@ -138,7 +140,7 @@ function LayoutHeader(props, ref) {
 				children: /* @__PURE__ */ jsx(Button, {
 					type: "clear",
 					icon: /* @__PURE__ */ jsx(IconArrowLeft, {}),
-					"aria-label": "Go back",
+					"aria-label": t("layout.goBack", "Go back"),
 					onPress: onBack
 				})
 			}),

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutHeader.js","names":["LayoutContent"],"sources":["../../../../src/components/content/Layout/LayoutHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefCallback,\n} from 'react';\n\nimport { SlashIcon } from '../../../icons/SlashIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Link } from '../../actions/Link/Link';\nimport { useAutoTooltip } from '../use-auto-tooltip';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst HeaderElement = tasty(LayoutContent, {\n  as: 'header',\n  qa: 'LayoutHeader',\n  styles: {\n    container: 'none',\n    // Header always has bottom border (inherent style)\n    border: 'bottom',\n    flexShrink: 0,\n    flexGrow: 0,\n    height: 'min 6x',\n\n    Inner: {\n      $: '>',\n      display: 'grid',\n      gridTemplate: `\n        \"breadcrumbs breadcrumbs breadcrumbs extra\" auto\n        \"back title suffix extra\" max-content\n        \".. subtitle subtitle extra\" auto\n        / auto max-content 1fr minmax(0, auto)\n      `,\n      gap: 0,\n      placeContent: 'center stretch',\n      placeItems: 'center stretch',\n      padding: '0 ($content-padding, 1x)',\n      placeSelf: 'center stretch',\n    },\n\n    Back: {\n      $: '> Inner >',\n      gridArea: 'back',\n      display: 'flex',\n      placeItems: 'center',\n      margin: '.5x right',\n    },\n\n    Breadcrumbs: {\n      $: '> Inner >',\n      gridArea: 'breadcrumbs',\n      display: 'flex',\n      flow: 'row nowrap',\n      placeItems: 'center start',\n      gap: '1bw',\n      preset: 't3 / strong',\n      color: '#dark-02',\n    },\n\n    Title: {\n      $: '> Inner >',\n      gridArea: 'title',\n      preset: {\n        '': 'h3',\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      lineHeight: 'normal',\n      color: '#dark',\n      margin: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n\n    Suffix: {\n      $: '> Inner >',\n      gridArea: 'suffix',\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    Extra: {\n      $: '> Inner >',\n      gridArea: 'extra',\n      display: 'flex',\n      placeItems: 'center',\n      placeSelf: 'center',\n      gap: '1x',\n      width: 'max 100%',\n    },\n\n    Subtitle: {\n      $: '> Inner >',\n      gridArea: 'subtitle',\n      preset: 't3',\n      color: '#dark-02',\n    },\n  },\n});\n\nexport interface CubeLayoutHeaderProps extends CubeLayoutContentProps {\n  /** Page/section title */\n  title?: ReactNode;\n  /** Title heading level (1-6) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Content next to the title */\n  suffix?: ReactNode;\n  /** Content on the right side */\n  extra?: ReactNode;\n  /** Text below the title */\n  subtitle?: ReactNode;\n  /**\n   * Navigation breadcrumbs (max 3 items recommended).\n   * Uses Link component which integrates with the navigation provider.\n   */\n  breadcrumbs?: Array<[label: string, href: string]>;\n  /** Callback for the back button. When provided, a back arrow button is rendered to the left of the title. */\n  onBack?: () => void;\n}\n\nfunction LayoutHeader(\n  props: CubeLayoutHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    title,\n    level = 3,\n    suffix,\n    extra,\n    subtitle,\n    breadcrumbs,\n    onBack,\n    scrollbar = 'tiny',\n    children,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Use auto tooltip for title overflow detection\n  const { labelRef, renderWithTooltip } = useAutoTooltip({\n    tooltip: true,\n    children: typeof title === 'string' ? title : undefined,\n  });\n\n  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;\n\n  const renderBreadcrumbs = () => {\n    if (!hasBreadcrumbs) return null;\n\n    return (\n      <div data-element=\"Breadcrumbs\">\n        {breadcrumbs.map(([label, href], index) => (\n          <Fragment key={href}>\n            <Link to={href}>{label}</Link>\n            <SlashIcon />\n          </Fragment>\n        ))}\n      </div>\n    );\n  };\n\n  const renderTitle = (\n    tooltipProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: Ref<HTMLElement>,\n  ) => {\n    if (!title) return null;\n\n    const TitleTag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    return (\n      <TitleTag\n        ref={tooltipRef as Ref<HTMLHeadingElement>}\n        data-element=\"Title\"\n        data-level={level}\n        {...tooltipProps}\n      >\n        <span ref={labelRef as RefCallback<HTMLSpanElement>}>{title}</span>\n      </TitleTag>\n    );\n  };\n\n  return (\n    <HeaderElement\n      {...otherProps}\n      ref={ref}\n      mods={{ ...mods, level }}\n      scrollbar={scrollbar}\n    >\n      {renderBreadcrumbs()}\n      {onBack && (\n        <div data-element=\"Back\">\n          <Button\n            type=\"clear\"\n            icon={<IconArrowLeft />}\n            aria-label=\"Go back\"\n            onPress={onBack}\n          />\n        </div>\n      )}\n      {renderWithTooltip(renderTitle, 'bottom')}\n      {suffix && <div data-element=\"Suffix\">{suffix}</div>}\n      {extra && <div data-element=\"Extra\">{extra}</div>}\n      {subtitle && <div data-element=\"Subtitle\">{subtitle}</div>}\n      {children}\n    </HeaderElement>\n  );\n}\n\nconst _LayoutHeader = forwardRef(LayoutHeader);\n\n_LayoutHeader.displayName = 'Layout.Header';\n\nexport { _LayoutHeader as LayoutHeader };\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,gBAAgB,MAAMA,gBAAe;CACzC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,WAAW;EAEX,QAAQ;EACR,YAAY;EACZ,UAAU;EACV,QAAQ;EAER,OAAO;GACL,GAAG;GACH,SAAS;GACT,cAAc;;;;;;GAMd,KAAK;GACL,cAAc;GACd,YAAY;GACZ,SAAS;GACT,WAAW;GACZ;EAED,MAAM;GACJ,GAAG;GACH,UAAU;GACV,SAAS;GACT,YAAY;GACZ,QAAQ;GACT;EAED,aAAa;GACX,GAAG;GACH,UAAU;GACV,SAAS;GACT,MAAM;GACN,YAAY;GACZ,KAAK;GACL,QAAQ;GACR,OAAO;GACR;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,QAAQ;IACN,IAAI;IACJ,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACZ;GACD,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,UAAU;GACV,cAAc;GACd,YAAY;GACb;EAED,QAAQ;GACN,GAAG;GACH,UAAU;GACV,SAAS;GACT,YAAY;GACb;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,SAAS;GACT,YAAY;GACZ,WAAW;GACX,KAAK;GACL,OAAO;GACR;EAED,UAAU;GACR,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;GACR;EACF;CACF,CAAC;AAsBF,SAAS,aACP,OACA,KACA;CACA,MAAM,EACJ,OACA,QAAQ,GACR,QACA,OACA,UACA,aACA,QACA,YAAY,QACZ,UACA,MACA,GAAG,eACD;CAGJ,MAAM,EAAE,UAAU,sBAAsB,eAAe;EACrD,SAAS;EACT,UAAU,OAAO,UAAU,WAAW,QAAQ;EAC/C,CAAC;CAEF,MAAM,iBAAiB,eAAe,YAAY,SAAS;CAE3D,MAAM,0BAA0B;AAC9B,MAAI,CAAC,eAAgB,QAAO;AAE5B,SACE,oBAAC;GAAI,gBAAa;aACf,YAAY,KAAK,CAAC,OAAO,OAAO,UAC/B,qBAAC,uBACC,oBAAC;IAAK,IAAI;cAAO;KAAa,EAC9B,oBAAC,cAAY,KAFA,KAGJ,CACX;IACE;;CAIV,MAAM,eACJ,cACA,eACG;AACH,MAAI,CAAC,MAAO,QAAO;AAInB,SACE,oBAHe,IAAI;GAIjB,KAAK;GACL,gBAAa;GACb,cAAY;GACZ,GAAI;aAEJ,oBAAC;IAAK,KAAK;cAA2C;KAAa;IAC1D;;AAIf,QACE,qBAAC;EACC,GAAI;EACC;EACL,MAAM;GAAE,GAAG;GAAM;GAAO;EACb;;GAEV,mBAAmB;GACnB,UACC,oBAAC;IAAI,gBAAa;cAChB,oBAAC;KACC,MAAK;KACL,MAAM,oBAAC,kBAAgB;KACvB,cAAW;KACX,SAAS;MACT;KACE;GAEP,kBAAkB,aAAa,SAAS;GACxC,UAAU,oBAAC;IAAI,gBAAa;cAAU;KAAa;GACnD,SAAS,oBAAC;IAAI,gBAAa;cAAS;KAAY;GAChD,YAAY,oBAAC;IAAI,gBAAa;cAAY;KAAe;GACzD;;GACa;;AAIpB,MAAM,gBAAgB,WAAW,aAAa;AAE9C,cAAc,cAAc"}
+{"version":3,"file":"LayoutHeader.js","names":["LayoutContent"],"sources":["../../../../src/components/content/Layout/LayoutHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefCallback,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { SlashIcon } from '../../../icons/SlashIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Link } from '../../actions/Link/Link';\nimport { useAutoTooltip } from '../use-auto-tooltip';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst HeaderElement = tasty(LayoutContent, {\n  as: 'header',\n  qa: 'LayoutHeader',\n  styles: {\n    container: 'none',\n    // Header always has bottom border (inherent style)\n    border: 'bottom',\n    flexShrink: 0,\n    flexGrow: 0,\n    height: 'min 6x',\n\n    Inner: {\n      $: '>',\n      display: 'grid',\n      gridTemplate: `\n        \"breadcrumbs breadcrumbs breadcrumbs extra\" auto\n        \"back title suffix extra\" max-content\n        \".. subtitle subtitle extra\" auto\n        / auto max-content 1fr minmax(0, auto)\n      `,\n      gap: 0,\n      placeContent: 'center stretch',\n      placeItems: 'center stretch',\n      padding: '0 ($content-padding, 1x)',\n      placeSelf: 'center stretch',\n    },\n\n    Back: {\n      $: '> Inner >',\n      gridArea: 'back',\n      display: 'flex',\n      placeItems: 'center',\n      margin: '.5x right',\n    },\n\n    Breadcrumbs: {\n      $: '> Inner >',\n      gridArea: 'breadcrumbs',\n      display: 'flex',\n      flow: 'row nowrap',\n      placeItems: 'center start',\n      gap: '1bw',\n      preset: 't3 / strong',\n      color: '#dark-02',\n    },\n\n    Title: {\n      $: '> Inner >',\n      gridArea: 'title',\n      preset: {\n        '': 'h3',\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      lineHeight: 'normal',\n      color: '#dark',\n      margin: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n\n    Suffix: {\n      $: '> Inner >',\n      gridArea: 'suffix',\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    Extra: {\n      $: '> Inner >',\n      gridArea: 'extra',\n      display: 'flex',\n      placeItems: 'center',\n      placeSelf: 'center',\n      gap: '1x',\n      width: 'max 100%',\n    },\n\n    Subtitle: {\n      $: '> Inner >',\n      gridArea: 'subtitle',\n      preset: 't3',\n      color: '#dark-02',\n    },\n  },\n});\n\nexport interface CubeLayoutHeaderProps extends CubeLayoutContentProps {\n  /** Page/section title */\n  title?: ReactNode;\n  /** Title heading level (1-6) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Content next to the title */\n  suffix?: ReactNode;\n  /** Content on the right side */\n  extra?: ReactNode;\n  /** Text below the title */\n  subtitle?: ReactNode;\n  /**\n   * Navigation breadcrumbs (max 3 items recommended).\n   * Uses Link component which integrates with the navigation provider.\n   */\n  breadcrumbs?: Array<[label: string, href: string]>;\n  /** Callback for the back button. When provided, a back arrow button is rendered to the left of the title. */\n  onBack?: () => void;\n}\n\nfunction LayoutHeader(\n  props: CubeLayoutHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    title,\n    level = 3,\n    suffix,\n    extra,\n    subtitle,\n    breadcrumbs,\n    onBack,\n    scrollbar = 'tiny',\n    children,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Use auto tooltip for title overflow detection\n  const { labelRef, renderWithTooltip } = useAutoTooltip({\n    tooltip: true,\n    children: typeof title === 'string' ? title : undefined,\n  });\n\n  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;\n\n  const renderBreadcrumbs = () => {\n    if (!hasBreadcrumbs) return null;\n\n    return (\n      <div data-element=\"Breadcrumbs\">\n        {breadcrumbs.map(([label, href], index) => (\n          <Fragment key={href}>\n            <Link to={href}>{label}</Link>\n            <SlashIcon />\n          </Fragment>\n        ))}\n      </div>\n    );\n  };\n\n  const renderTitle = (\n    tooltipProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: Ref<HTMLElement>,\n  ) => {\n    if (!title) return null;\n\n    const TitleTag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    return (\n      <TitleTag\n        ref={tooltipRef as Ref<HTMLHeadingElement>}\n        data-element=\"Title\"\n        data-level={level}\n        {...tooltipProps}\n      >\n        <span ref={labelRef as RefCallback<HTMLSpanElement>}>{title}</span>\n      </TitleTag>\n    );\n  };\n\n  return (\n    <HeaderElement\n      {...otherProps}\n      ref={ref}\n      mods={{ ...mods, level }}\n      scrollbar={scrollbar}\n    >\n      {renderBreadcrumbs()}\n      {onBack && (\n        <div data-element=\"Back\">\n          <Button\n            type=\"clear\"\n            icon={<IconArrowLeft />}\n            aria-label={t('layout.goBack', 'Go back')}\n            onPress={onBack}\n          />\n        </div>\n      )}\n      {renderWithTooltip(renderTitle, 'bottom')}\n      {suffix && <div data-element=\"Suffix\">{suffix}</div>}\n      {extra && <div data-element=\"Extra\">{extra}</div>}\n      {subtitle && <div data-element=\"Subtitle\">{subtitle}</div>}\n      {children}\n    </HeaderElement>\n  );\n}\n\nconst _LayoutHeader = forwardRef(LayoutHeader);\n\n_LayoutHeader.displayName = 'Layout.Header';\n\nexport { _LayoutHeader as LayoutHeader };\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,gBAAgB,MAAMA,gBAAe;CACzC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,WAAW;EAEX,QAAQ;EACR,YAAY;EACZ,UAAU;EACV,QAAQ;EAER,OAAO;GACL,GAAG;GACH,SAAS;GACT,cAAc;;;;;;GAMd,KAAK;GACL,cAAc;GACd,YAAY;GACZ,SAAS;GACT,WAAW;GACZ;EAED,MAAM;GACJ,GAAG;GACH,UAAU;GACV,SAAS;GACT,YAAY;GACZ,QAAQ;GACT;EAED,aAAa;GACX,GAAG;GACH,UAAU;GACV,SAAS;GACT,MAAM;GACN,YAAY;GACZ,KAAK;GACL,QAAQ;GACR,OAAO;GACR;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,QAAQ;IACN,IAAI;IACJ,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACZ;GACD,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,UAAU;GACV,cAAc;GACd,YAAY;GACb;EAED,QAAQ;GACN,GAAG;GACH,UAAU;GACV,SAAS;GACT,YAAY;GACb;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,SAAS;GACT,YAAY;GACZ,WAAW;GACX,KAAK;GACL,OAAO;GACR;EAED,UAAU;GACR,GAAG;GACH,UAAU;GACV,QAAQ;GACR,OAAO;GACR;EACF;CACF,CAAC;AAsBF,SAAS,aACP,OACA,KACA;CACA,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EACJ,OACA,QAAQ,GACR,QACA,OACA,UACA,aACA,QACA,YAAY,QACZ,UACA,MACA,GAAG,eACD;CAGJ,MAAM,EAAE,UAAU,sBAAsB,eAAe;EACrD,SAAS;EACT,UAAU,OAAO,UAAU,WAAW,QAAQ;EAC/C,CAAC;CAEF,MAAM,iBAAiB,eAAe,YAAY,SAAS;CAE3D,MAAM,0BAA0B;AAC9B,MAAI,CAAC,eAAgB,QAAO;AAE5B,SACE,oBAAC;GAAI,gBAAa;aACf,YAAY,KAAK,CAAC,OAAO,OAAO,UAC/B,qBAAC,uBACC,oBAAC;IAAK,IAAI;cAAO;KAAa,EAC9B,oBAAC,cAAY,KAFA,KAGJ,CACX;IACE;;CAIV,MAAM,eACJ,cACA,eACG;AACH,MAAI,CAAC,MAAO,QAAO;AAInB,SACE,oBAHe,IAAI;GAIjB,KAAK;GACL,gBAAa;GACb,cAAY;GACZ,GAAI;aAEJ,oBAAC;IAAK,KAAK;cAA2C;KAAa;IAC1D;;AAIf,QACE,qBAAC;EACC,GAAI;EACC;EACL,MAAM;GAAE,GAAG;GAAM;GAAO;EACb;;GAEV,mBAAmB;GACnB,UACC,oBAAC;IAAI,gBAAa;cAChB,oBAAC;KACC,MAAK;KACL,MAAM,oBAAC,kBAAgB;KACvB,cAAY,EAAE,iBAAiB,UAAU;KACzC,SAAS;MACT;KACE;GAEP,kBAAkB,aAAa,SAAS;GACxC,UAAU,oBAAC;IAAI,gBAAa;cAAU;KAAa;GACnD,SAAS,oBAAC;IAAI,gBAAa;cAAS;KAAY;GAChD,YAAY,oBAAC;IAAI,gBAAa;cAAY;KAAe;GACzD;;GACa;;AAIpB,MAAM,gBAAgB,WAAW,aAAa;AAE9C,cAAc,cAAc"}

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

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

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

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

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

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { useDialogContext } from "../../overlays/Dialog/context.js";
 import { useLayoutPanelContext } from "./LayoutContext.js";
@@ -21,6 +22,7 @@ const PanelHeaderElement = tasty(_Item, {
 	}
 });
 function LayoutPanelHeader(props, ref) {
+	const { t } = useI18n();
 	const { title, level = 3, isClosable, onClose, actions, children, ...otherProps } = props;
 	const styles = extractStyles(otherProps, CONTAINER_STYLES);
 	const dialogContext = useDialogContext();
@@ -34,15 +36,16 @@ function LayoutPanelHeader(props, ref) {
 		panelContext,
 		dialogContext
 	]);
+	const closeAction = isClosable ? /* @__PURE__ */ jsx(ItemAction, {
+		icon: /* @__PURE__ */ jsx(CloseIcon, {}),
+		"aria-label": t("layout.closePanel", "Close panel"),
+		onPress: handleClose
+	}) : null;
 	return /* @__PURE__ */ jsx(PanelHeaderElement, {
 		ref,
 		level,
 		size: "large",
-		actions: actions ?? (isClosable ? /* @__PURE__ */ jsx(ItemAction, {
-			icon: /* @__PURE__ */ jsx(CloseIcon, {}),
-			"aria-label": "Close panel",
-			onPress: handleClose
-		}) : null),
+		actions: actions ?? closeAction,
 		styles,
 		...otherProps,
 		children: title ?? children

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutPanelHeader.js","names":["Item"],"sources":["../../../../src/components/content/Layout/LayoutPanelHeader.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode, useCallback } from 'react';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { useDialogContext } from '../../overlays/Dialog/context';\nimport { CubeItemProps, Item } from '../Item/Item';\n\nimport { useLayoutPanelContext } from './LayoutContext';\n\nconst PanelHeaderElement = tasty(Item, {\n  qa: 'PanelHeader',\n  shape: 'sharp',\n  type: 'header',\n  styles: {\n    border: 'bottom',\n    boxSizing: 'content-box',\n\n    '$inline-padding': '($content-padding, 1x)',\n  },\n});\n\nexport interface CubeLayoutPanelHeaderProps\n  extends Omit<BaseProps, 'theme'>,\n    ContainerStyleProps,\n    CubeItemProps {\n  /** Panel title */\n  title?: ReactNode;\n  /** Title heading level (affects semantics, not visual) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Show close button */\n  isClosable?: boolean;\n  /** Close button click handler */\n  onClose?: () => void;\n}\n\nfunction LayoutPanelHeader(\n  props: CubeLayoutPanelHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    title,\n    level = 3,\n    isClosable,\n    onClose,\n    actions,\n    children,\n    ...otherProps\n  } = props;\n\n  // Extract container styles\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // Access dialog context if in dialog mode\n  const dialogContext = useDialogContext();\n  // Access panel context to update panel open state\n  const panelContext = useLayoutPanelContext();\n\n  // Close handler that works for both panel and dialog modes\n  const handleClose = useCallback(() => {\n    // Call user-provided onClose callback\n    onClose?.();\n    // Update panel's internal open state\n    panelContext?.onOpenChange(false);\n    // If in dialog mode, also close the dialog\n    dialogContext?.onClose?.();\n  }, [onClose, panelContext, dialogContext]);\n\n  const closeAction = isClosable ? (\n    <ItemAction\n      icon={<CloseIcon />}\n      aria-label=\"Close panel\"\n      onPress={handleClose}\n    />\n  ) : null;\n\n  const finalActions = actions ?? closeAction;\n\n  return (\n    <PanelHeaderElement\n      ref={ref}\n      level={level}\n      size=\"large\"\n      actions={finalActions}\n      styles={styles}\n      {...otherProps}\n    >\n      {title ?? children}\n    </PanelHeaderElement>\n  );\n}\n\nconst _LayoutPanelHeader = forwardRef(LayoutPanelHeader);\n\n_LayoutPanelHeader.displayName = 'Layout.PanelHeader';\n\nexport { _LayoutPanelHeader as LayoutPanelHeader };\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAM,qBAAqB,MAAMA,OAAM;CACrC,IAAI;CACJ,OAAO;CACP,MAAM;CACN,QAAQ;EACN,QAAQ;EACR,WAAW;EAEX,mBAAmB;EACpB;CACF,CAAC;AAgBF,SAAS,kBACP,OACA,KACA;CACA,MAAM,EACJ,OACA,QAAQ,GACR,YACA,SACA,SACA,UACA,GAAG,eACD;CAGJ,MAAM,SAAS,cAAc,YAAY,iBAAiB;CAG1D,MAAM,gBAAgB,kBAAkB;CAExC,MAAM,eAAe,uBAAuB;CAG5C,MAAM,cAAc,kBAAkB;AAEpC,aAAW;AAEX,gBAAc,aAAa,MAAM;AAEjC,iBAAe,WAAW;IACzB;EAAC;EAAS;EAAc;EAAc,CAAC;AAY1C,QACE,oBAAC;EACM;EACE;EACP,MAAK;EACL,SAPiB,YARD,aAClB,oBAAC;GACC,MAAM,oBAAC,cAAY;GACnB,cAAW;GACX,SAAS;IACT,GACA;EAUQ;EACR,GAAI;YAEH,SAAS;GACS;;AAIzB,MAAM,qBAAqB,WAAW,kBAAkB;AAExD,mBAAmB,cAAc"}
+{"version":3,"file":"LayoutPanelHeader.js","names":["Item"],"sources":["../../../../src/components/content/Layout/LayoutPanelHeader.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, ReactNode, useCallback } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { useDialogContext } from '../../overlays/Dialog/context';\nimport { CubeItemProps, Item } from '../Item/Item';\n\nimport { useLayoutPanelContext } from './LayoutContext';\n\nconst PanelHeaderElement = tasty(Item, {\n  qa: 'PanelHeader',\n  shape: 'sharp',\n  type: 'header',\n  styles: {\n    border: 'bottom',\n    boxSizing: 'content-box',\n\n    '$inline-padding': '($content-padding, 1x)',\n  },\n});\n\nexport interface CubeLayoutPanelHeaderProps\n  extends Omit<BaseProps, 'theme'>,\n    ContainerStyleProps,\n    CubeItemProps {\n  /** Panel title */\n  title?: ReactNode;\n  /** Title heading level (affects semantics, not visual) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Show close button */\n  isClosable?: boolean;\n  /** Close button click handler */\n  onClose?: () => void;\n}\n\nfunction LayoutPanelHeader(\n  props: CubeLayoutPanelHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    title,\n    level = 3,\n    isClosable,\n    onClose,\n    actions,\n    children,\n    ...otherProps\n  } = props;\n\n  // Extract container styles\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // Access dialog context if in dialog mode\n  const dialogContext = useDialogContext();\n  // Access panel context to update panel open state\n  const panelContext = useLayoutPanelContext();\n\n  // Close handler that works for both panel and dialog modes\n  const handleClose = useCallback(() => {\n    // Call user-provided onClose callback\n    onClose?.();\n    // Update panel's internal open state\n    panelContext?.onOpenChange(false);\n    // If in dialog mode, also close the dialog\n    dialogContext?.onClose?.();\n  }, [onClose, panelContext, dialogContext]);\n\n  const closeAction = isClosable ? (\n    <ItemAction\n      icon={<CloseIcon />}\n      aria-label={t('layout.closePanel', 'Close panel')}\n      onPress={handleClose}\n    />\n  ) : null;\n\n  const finalActions = actions ?? closeAction;\n\n  return (\n    <PanelHeaderElement\n      ref={ref}\n      level={level}\n      size=\"large\"\n      actions={finalActions}\n      styles={styles}\n      {...otherProps}\n    >\n      {title ?? children}\n    </PanelHeaderElement>\n  );\n}\n\nconst _LayoutPanelHeader = forwardRef(LayoutPanelHeader);\n\n_LayoutPanelHeader.displayName = 'Layout.PanelHeader';\n\nexport { _LayoutPanelHeader as LayoutPanelHeader };\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,qBAAqB,MAAMA,OAAM;CACrC,IAAI;CACJ,OAAO;CACP,MAAM;CACN,QAAQ;EACN,QAAQ;EACR,WAAW;EAEX,mBAAmB;EACpB;CACF,CAAC;AAgBF,SAAS,kBACP,OACA,KACA;CACA,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EACJ,OACA,QAAQ,GACR,YACA,SACA,SACA,UACA,GAAG,eACD;CAGJ,MAAM,SAAS,cAAc,YAAY,iBAAiB;CAG1D,MAAM,gBAAgB,kBAAkB;CAExC,MAAM,eAAe,uBAAuB;CAG5C,MAAM,cAAc,kBAAkB;AAEpC,aAAW;AAEX,gBAAc,aAAa,MAAM;AAEjC,iBAAe,WAAW;IACzB;EAAC;EAAS;EAAc;EAAc,CAAC;CAE1C,MAAM,cAAc,aAClB,oBAAC;EACC,MAAM,oBAAC,cAAY;EACnB,cAAY,EAAE,qBAAqB,cAAc;EACjD,SAAS;GACT,GACA;AAIJ,QACE,oBAAC;EACM;EACE;EACP,MAAK;EACL,SAPiB,WAAW;EAQpB;EACR,GAAI;YAEH,SAAS;GACS;;AAIzB,MAAM,qBAAqB,WAAW,kBAAkB;AAExD,mBAAmB,cAAc"}

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

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

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

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

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

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

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

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

package/dist/components/content/Paragraph.js

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

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

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { CONTAINER_STYLES, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -12,7 +13,6 @@ const placeholderAnimation = keyframes({
 const StyledPlaceholder = tasty({
 	role: "alert",
 	"aria-live": "polite",
-	"aria-label": "Content is loading",
 	styles: {
 		display: "block",
 		fill: "#dark.10",
@@ -52,9 +52,11 @@ const StyledPlaceholder = tasty({
 });
 const Placeholder = forwardRef(function Placeholder(allProps, ref) {
 	let { size = "2x", isStatic, circle, ...props } = allProps;
+	const { t } = useI18n();
 	let styles = extractStyles(props, CONTAINER_STYLES);
 	return /* @__PURE__ */ jsx(StyledPlaceholder, {
 		role: "region",
+		"aria-label": t("placeholder.contentIsLoading", "Content is loading"),
 		...filterBaseProps(props, { eventProps: true }),
 		ref,
 		mods: {

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","names":[],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../../../utils/styles';\n\n// Create the placeholder animation using keyframes helper\nconst placeholderAnimation = keyframes({\n  '0%': {\n    'background-position': '0 0',\n  },\n  '100%': {\n    'background-position': '$placeholder-animation-size 0',\n  },\n});\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  'aria-label': 'Content is loading',\n  styles: {\n    display: 'block',\n    fill: '#dark.10',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    backgroundColor: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    backgroundImage: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={{\n        height: size,\n        ...styles,\n      }}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAcA,MAAM,uBAAuB,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACxB;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM;CAC9B,MAAM;CACN,aAAa;CACb,cAAc;CACd,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,SAAS;EACT,aAAa;GACX,IAAI;GACJ,QAAQ;GACT;EACD,QAAQ;GACN,IAAI;GACJ,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/B,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EAGjB,WAAW;GACT,IAAI;GACJ,UAAU,GAAG,qBAAqB;GACnC;EACD,iBAAiB;GACf,IAAI;GACJ,UAAU;;;;;;;;;;GAUX;EACF;CACF,CAAC;AAQF,MAAa,cAAc,WAAW,SAAS,YAC7C,UACA,KACA;CACA,IAAI,EAAE,OAAO,MAAM,UAAU,QAAQ,GAAG,UAAU;CAElD,IAAI,SAAS,cAAc,OAAO,iBAAiB;AAEnD,QACE,oBAAC;EACC,MAAK;EACL,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACL,MAAM;GAAE,UAAU,CAAC;GAAU;GAAQ;EACrC,QAAQ;GACN,QAAQ;GACR,GAAG;GACJ;GACD;EAEJ"}
+{"version":3,"file":"Placeholder.js","names":[],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles } from '../../../utils/styles';\n\n// Create the placeholder animation using keyframes helper\nconst placeholderAnimation = keyframes({\n  '0%': {\n    'background-position': '0 0',\n  },\n  '100%': {\n    'background-position': '$placeholder-animation-size 0',\n  },\n});\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  styles: {\n    display: 'block',\n    fill: '#dark.10',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    backgroundColor: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    backgroundImage: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  const { t } = useI18n();\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      aria-label={t('placeholder.contentIsLoading', 'Content is loading')}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={{\n        height: size,\n        ...styles,\n      }}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAeA,MAAM,uBAAuB,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACxB;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM;CAC9B,MAAM;CACN,aAAa;CACb,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,SAAS;EACT,aAAa;GACX,IAAI;GACJ,QAAQ;GACT;EACD,QAAQ;GACN,IAAI;GACJ,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/B,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EAGjB,WAAW;GACT,IAAI;GACJ,UAAU,GAAG,qBAAqB;GACnC;EACD,iBAAiB;GACf,IAAI;GACJ,UAAU;;;;;;;;;;GAUX;EACF;CACF,CAAC;AAQF,MAAa,cAAc,WAAW,SAAS,YAC7C,UACA,KACA;CACA,IAAI,EAAE,OAAO,MAAM,UAAU,QAAQ,GAAG,UAAU;CAElD,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,SAAS,cAAc,OAAO,iBAAiB;AAEnD,QACE,oBAAC;EACC,MAAK;EACL,cAAY,EAAE,gCAAgC,qBAAqB;EACnE,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACL,MAAM;GAAE,UAAU,CAAC;GAAU;GAAQ;EACrC,QAAQ;GACN,QAAQ;GACR,GAAG;GACJ;GACD;EAEJ"}

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

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

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

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

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
@@ -26,6 +27,7 @@ const TagElement = tasty(_Item, {
 	}
 });
 function Tag(allProps, ref) {
+	const { t } = useI18n();
 	let { theme = "default", isClosable, onClose, closeButtonStyles, children, size = "inline", mods, ...props } = allProps;
 	let type = "card";
 	if (theme === "special") {
@@ -39,7 +41,7 @@ function Tag(allProps, ref) {
 		variant: `${theme}.${type}`,
 		mods,
 		actions: isClosable ? /* @__PURE__ */ jsx(_Item.Action, {
-			"aria-label": "Close",
+			"aria-label": t("tag.close", "Close"),
 			styles: {
 				color: "currentColor",
 				...closeButtonStyles

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

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

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

@@ -39,7 +39,7 @@ declare const MinorText: react.ComponentType<{
   className?: string | undefined;
   role?: react.AriaRole | undefined;
   id?: string | undefined;
-  children?: react.ReactNode;
+  children?: react.ReactNode | Iterable<react.ReactNode>;
   css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
@@ -141,7 +141,7 @@ declare const MinorText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -448,7 +448,7 @@ declare const DangerText: react.ComponentType<{
   className?: string | undefined;
   role?: react.AriaRole | undefined;
   id?: string | undefined;
-  children?: react.ReactNode;
+  children?: react.ReactNode | Iterable<react.ReactNode>;
   css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
@@ -550,7 +550,7 @@ declare const DangerText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -857,7 +857,7 @@ declare const SuccessText: react.ComponentType<{
   className?: string | undefined;
   role?: react.AriaRole | undefined;
   id?: string | undefined;
-  children?: react.ReactNode;
+  children?: react.ReactNode | Iterable<react.ReactNode>;
   css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
@@ -959,7 +959,7 @@ declare const SuccessText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -1266,7 +1266,7 @@ declare const StrongText: react.ComponentType<{
   className?: string | undefined;
   role?: react.AriaRole | undefined;
   id?: string | undefined;
-  children?: react.ReactNode;
+  children?: react.ReactNode | Iterable<react.ReactNode>;
   css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
@@ -1368,7 +1368,7 @@ declare const StrongText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -1675,7 +1675,7 @@ declare const EmphasisText: react.ComponentType<{
   className?: string | undefined;
   role?: react.AriaRole | undefined;
   id?: string | undefined;
-  children?: react.ReactNode;
+  children?: react.ReactNode | Iterable<react.ReactNode>;
   css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
@@ -1777,7 +1777,7 @@ declare const EmphasisText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -2084,7 +2084,7 @@ declare const PlaceholderText: react.ComponentType<{
   className?: string | undefined;
   role?: react.AriaRole | undefined;
   id?: string | undefined;
-  children?: react.ReactNode;
+  children?: react.ReactNode | Iterable<react.ReactNode>;
   css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
@@ -2186,7 +2186,7 @@ declare const PlaceholderText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;
@@ -2493,7 +2493,7 @@ declare const HighlightText: react.ComponentType<{
   className?: string | undefined;
   role?: react.AriaRole | undefined;
   id?: string | undefined;
-  children?: react.ReactNode;
+  children?: react.ReactNode | Iterable<react.ReactNode>;
   css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.1` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.01` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.30` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.31` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.71` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.41` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.10` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.11` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.20` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.21` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.51` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.61` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.81` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.91` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
@@ -2595,7 +2595,7 @@ declare const HighlightText: react.ComponentType<{
   accessKey?: string | undefined;
   autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
   autoFocus?: boolean | undefined;
-  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
   contextMenu?: string | undefined;
   dir?: string | undefined;
   draggable?: (boolean | "true" | "false") | undefined;

package/dist/components/content/Text.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/Tree/Tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.146.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";