@cube-dev/ui-kit 0.0.0-canary-68d61d4 → 0.0.0-canary-515e4da

package/dist/components/overlays/Toast/useToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";

package/dist/components/overlays/Tooltip/Tooltip.js

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

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { isValidElement, useEffect, useState } from "react";

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { TooltipContext } from "./context.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";

package/dist/components/overlays/Tooltip/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { Block } from "../../Block.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -124,10 +125,11 @@ const SIZE_MAP = {
 	large: 96
 };
 function LoadingAnimation({ size = "medium", ...props }) {
+	const { t } = useI18n();
 	const numSize = SIZE_MAP[size] || size || SIZE_MAP.medium;
 	return /* @__PURE__ */ jsxs(Block, {
 		role: "img",
-		"aria-label": "Loading animation",
+		"aria-label": t("loadingAnimation.ariaLabel", "Loading animation"),
 		width: numSize,
 		height: numSize * 1.1388888889,
 		style: { position: "relative" },

package/dist/components/status/LoadingAnimation/LoadingAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingAnimation.js","names":[],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { CSSProperties } from 'react';\n\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CubeElement = tasty({\n  as: 'svg',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    // The three visible faces of the cube get their colors via the SVG\n    // `fill=\"…\"` attribute on each `<path>` (see the JSX below), NOT via a\n    // tasty `fill` style. Tasty's `fill` is a typed shorthand for\n    // `background-color` — applying it to an SVG `<path>` would inject\n    // `background-color: …` which paths simply ignore (this was the\n    // \"invisible cube\" bug). Pointing the SVG `fill` attribute at the\n    // adaptive `--loading-face-N-color` CSS variables published by Glaze\n    // (defined in `src/tokens/palette.ts`) keeps the three faces driven by\n    // the design system without going through a style property tasty would\n    // re-route to the wrong CSS slot.\n\n    animationName: {\n      '': 'none',\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      '': '0s',\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      '': 1,\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      '': 'ease',\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      '': 0,\n      'index=0 | index=1 | index=2': 0,\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  style?: CSSProperties;\n}\n\nfunction Cube({ index, style }: CubeProps) {\n  return (\n    <CubeElement\n      mods={index != null ? { index } : undefined}\n      style={style}\n      viewBox=\"0 0 36 41\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fill=\"var(--loading-face-1-color)\"\n        d=\"M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z\"\n      />\n      <path\n        fill=\"var(--loading-face-2-color)\"\n        d=\"M18 41L0 30.75l.101-20.5L18 20.5\"\n      />\n      <path\n        fill=\"var(--loading-face-3-color)\"\n        d=\"M36 30.75L18 41V20.6l17.899-10.25L36 30.75z\"\n      />\n    </CubeElement>\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label=\"Loading animation\"\n      width={numSize}\n      height={numSize * 1.1388888889}\n      style={{ position: 'relative' }}\n      {...props}\n    >\n      <Cube style={{ transform: 'translate(0%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(98%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(49%, 96.5%)' }} />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":";;;;;;AAKA,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,OAAO;EACP,QAAQ;EAaR,eAAe;GACb,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,mBAAmB;GACjB,IAAI;GACJ,+BAA+B;GAChC;EACD,yBAAyB;GACvB,IAAI;GACJ,+BAA+B;GAChC;EACD,yBAAyB;GACvB,IAAI;GACJ,+BAA+B;GAChC;EACD,QAAQ;GACN,IAAI;GACJ,+BAA+B;GAChC;EAED,cAAc;GACZ,OAAO;IACL,MAAM;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,OAAO;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACrD,OAAO,EAAE,QAAQ,GAAG;IACpB,OAAO,EAAE,QAAQ,GAAG;IACpB,IAAI;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACnD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACpD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,IAAI;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACpD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACrD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,IAAI;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACrD;GACF;EACF;CACF,CAAC;AAOF,SAAS,KAAK,EAAE,OAAO,SAAoB;AACzC,QACE,qBAAC;EACC,MAAM,SAAS,OAAO,EAAE,OAAO,GAAG;EAC3B;EACP,SAAQ;EACR,MAAK;EACL,OAAM;EACN,MAAK;EACL,eAAY;;GAEZ,oBAAC;IACC,MAAK;IACL,GAAE;KACF;GACF,oBAAC;IACC,MAAK;IACL,GAAE;KACF;GACF,oBAAC;IACC,MAAK;IACL,GAAE;KACF;;GACU;;AAIlB,MAAM,WAAW;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAMD,SAAgB,iBAAiB,EAC/B,OAAO,UACP,GAAG,SACyB;CAC5B,MAAM,UAAkB,SAAS,SAAS,QAAQ,SAAS;AAE3D,QACE,qBAAC;EACC,MAAK;EACL,cAAW;EACX,OAAO;EACP,QAAQ,UAAU;EAClB,OAAO,EAAE,UAAU,YAAY;EAC/B,GAAI;;GAEJ,oBAAC,QAAK,OAAO,EAAE,WAAW,wBAAwB,GAAI;GACtD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;;GACZ"}
+{"version":3,"file":"LoadingAnimation.js","names":[],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { CSSProperties } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CubeElement = tasty({\n  as: 'svg',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    // The three visible faces of the cube get their colors via the SVG\n    // `fill=\"…\"` attribute on each `<path>` (see the JSX below), NOT via a\n    // tasty `fill` style. Tasty's `fill` is a typed shorthand for\n    // `background-color` — applying it to an SVG `<path>` would inject\n    // `background-color: …` which paths simply ignore (this was the\n    // \"invisible cube\" bug). Pointing the SVG `fill` attribute at the\n    // adaptive `--loading-face-N-color` CSS variables published by Glaze\n    // (defined in `src/tokens/palette.ts`) keeps the three faces driven by\n    // the design system without going through a style property tasty would\n    // re-route to the wrong CSS slot.\n\n    animationName: {\n      '': 'none',\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      '': '0s',\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      '': 1,\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      '': 'ease',\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      '': 0,\n      'index=0 | index=1 | index=2': 0,\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  style?: CSSProperties;\n}\n\nfunction Cube({ index, style }: CubeProps) {\n  return (\n    <CubeElement\n      mods={index != null ? { index } : undefined}\n      style={style}\n      viewBox=\"0 0 36 41\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n    >\n      <path\n        fill=\"var(--loading-face-1-color)\"\n        d=\"M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z\"\n      />\n      <path\n        fill=\"var(--loading-face-2-color)\"\n        d=\"M18 41L0 30.75l.101-20.5L18 20.5\"\n      />\n      <path\n        fill=\"var(--loading-face-3-color)\"\n        d=\"M36 30.75L18 41V20.6l17.899-10.25L36 30.75z\"\n      />\n    </CubeElement>\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const { t } = useI18n();\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label={t('loadingAnimation.ariaLabel', 'Loading animation')}\n      width={numSize}\n      height={numSize * 1.1388888889}\n      style={{ position: 'relative' }}\n      {...props}\n    >\n      <Cube style={{ transform: 'translate(0%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(98%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(49%, 96.5%)' }} />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":";;;;;;;AAMA,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,OAAO;EACP,QAAQ;EAaR,eAAe;GACb,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,mBAAmB;GACjB,IAAI;GACJ,+BAA+B;GAChC;EACD,yBAAyB;GACvB,IAAI;GACJ,+BAA+B;GAChC;EACD,yBAAyB;GACvB,IAAI;GACJ,+BAA+B;GAChC;EACD,QAAQ;GACN,IAAI;GACJ,+BAA+B;GAChC;EAED,cAAc;GACZ,OAAO;IACL,MAAM;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,OAAO;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACrD,OAAO,EAAE,QAAQ,GAAG;IACpB,OAAO,EAAE,QAAQ,GAAG;IACpB,IAAI;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACnD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACpD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,IAAI;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACpD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACrD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,IAAI;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACrD;GACF;EACF;CACF,CAAC;AAOF,SAAS,KAAK,EAAE,OAAO,SAAoB;AACzC,QACE,qBAAC;EACC,MAAM,SAAS,OAAO,EAAE,OAAO,GAAG;EAC3B;EACP,SAAQ;EACR,MAAK;EACL,OAAM;EACN,MAAK;EACL,eAAY;;GAEZ,oBAAC;IACC,MAAK;IACL,GAAE;KACF;GACF,oBAAC;IACC,MAAK;IACL,GAAE;KACF;GACF,oBAAC;IACC,MAAK;IACL,GAAE;KACF;;GACU;;AAIlB,MAAM,WAAW;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAMD,SAAgB,iBAAiB,EAC/B,OAAO,UACP,GAAG,SACyB;CAC5B,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,UAAkB,SAAS,SAAS,QAAQ,SAAS;AAE3D,QACE,qBAAC;EACC,MAAK;EACL,cAAY,EAAE,8BAA8B,oBAAoB;EAChE,OAAO;EACP,QAAQ,UAAU;EAClB,OAAO,EAAE,UAAU,YAAY;EAC/B,GAAI;;GAEJ,oBAAC,QAAK,OAAO,EAAE,WAAW,wBAAwB,GAAI;GACtD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;;GACZ"}

package/dist/components/status/Spin/Cube.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/status/Spin/InternalSpinner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Spin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/SpinsContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",

package/dist/data/themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-68d61d4 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
 //#region src/data/themes.ts
 var themes_default = {
 	special: {

package/dist/i18n/I18nProvider.d.ts

@@ -0,0 +1,29 @@
+
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { i18n as i18n$1 } from "i18next";
+
+//#region src/i18n/I18nProvider.d.ts
+interface I18nProviderProps {
+  children: ReactNode;
+  /**
+   * i18next instance used by this tree. Pass a request-local instance from
+   * `createUIKitI18n()` during SSR to prevent concurrent requests from sharing
+   * mutable language state. Defaults to the browser-friendly shared instance.
+   */
+  i18n?: i18n$1;
+  /**
+   * Force a specific BCP-47 locale for React Aria formatting instead of
+   * following the active i18next language. Rarely needed — omit it so
+   * date/number/collation formatting stays in sync with translated strings.
+   */
+  locale?: string;
+}
+declare function I18nProvider({
+  children,
+  i18n,
+  locale
+}: I18nProviderProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { I18nProvider, I18nProviderProps };
+//# sourceMappingURL=I18nProvider.d.ts.map

package/dist/i18n/I18nProvider.js

@@ -0,0 +1,46 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
+import { UIKIT_I18N_NAMESPACE, getI18n } from "./instance.js";
+import { jsx } from "react/jsx-runtime";
+import { I18nProvider } from "react-aria";
+import { I18nextProvider, useTranslation } from "react-i18next";
+
+//#region src/i18n/I18nProvider.tsx
+/**
+* The UI Kit's single i18n provider. It wires up **both** localization layers
+* from one place:
+*
+* - `<I18nextProvider>` — supplies the selected i18next instance for translated
+*   strings (`useTranslation`, `Trans`, ...).
+* - React Aria's `<I18nProvider>` — supplies the locale that React Aria's
+*   formatting hooks read (`useLocale`, `useDateFormatter`, `useNumberFormatter`,
+*   `useCollator`, `useFilter`, ...).
+*
+* These are two independent library contexts, so they can't be a single physical
+* provider — but the language is one concept, owned by the i18next instance. This
+* component makes the instance the single source of truth and *derives* React
+* Aria's locale from it, so a host calling `getI18n().changeLanguage('de-DE')`
+* gets German labels **and** German number/date formatting with no extra setup.
+* The locale bridge re-renders on `languageChanged`, keeping the two in sync
+* automatically.
+*/
+function AriaLocaleBridge({ children, i18n, locale }) {
+	const { i18n: activeI18n } = useTranslation(UIKIT_I18N_NAMESPACE, { i18n });
+	return /* @__PURE__ */ jsx(I18nProvider, {
+		locale: locale ?? activeI18n.resolvedLanguage ?? activeI18n.language,
+		children
+	});
+}
+function I18nProvider$1({ children, i18n = getI18n(), locale }) {
+	return /* @__PURE__ */ jsx(I18nextProvider, {
+		i18n,
+		children: /* @__PURE__ */ jsx(AriaLocaleBridge, {
+			i18n,
+			locale,
+			children
+		})
+	});
+}
+
+//#endregion
+export { I18nProvider$1 as I18nProvider };
+//# sourceMappingURL=I18nProvider.js.map

package/dist/i18n/I18nProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nProvider.js","names":["AriaI18nProvider","I18nProvider"],"sources":["../../src/i18n/I18nProvider.tsx"],"sourcesContent":["import { I18nProvider as AriaI18nProvider } from 'react-aria';\nimport { I18nextProvider, useTranslation } from 'react-i18next';\n\nimport { getI18n, UIKIT_I18N_NAMESPACE } from './instance';\n\nimport type { i18n as I18nInstance } from 'i18next';\nimport type { ReactNode } from 'react';\n\nexport interface I18nProviderProps {\n  children: ReactNode;\n  /**\n   * i18next instance used by this tree. Pass a request-local instance from\n   * `createUIKitI18n()` during SSR to prevent concurrent requests from sharing\n   * mutable language state. Defaults to the browser-friendly shared instance.\n   */\n  i18n?: I18nInstance;\n  /**\n   * Force a specific BCP-47 locale for React Aria formatting instead of\n   * following the active i18next language. Rarely needed — omit it so\n   * date/number/collation formatting stays in sync with translated strings.\n   */\n  locale?: string;\n}\n\n/**\n * The UI Kit's single i18n provider. It wires up **both** localization layers\n * from one place:\n *\n * - `<I18nextProvider>` — supplies the selected i18next instance for translated\n *   strings (`useTranslation`, `Trans`, ...).\n * - React Aria's `<I18nProvider>` — supplies the locale that React Aria's\n *   formatting hooks read (`useLocale`, `useDateFormatter`, `useNumberFormatter`,\n *   `useCollator`, `useFilter`, ...).\n *\n * These are two independent library contexts, so they can't be a single physical\n * provider — but the language is one concept, owned by the i18next instance. This\n * component makes the instance the single source of truth and *derives* React\n * Aria's locale from it, so a host calling `getI18n().changeLanguage('de-DE')`\n * gets German labels **and** German number/date formatting with no extra setup.\n * The locale bridge re-renders on `languageChanged`, keeping the two in sync\n * automatically.\n */\nfunction AriaLocaleBridge({\n  children,\n  i18n,\n  locale,\n}: Required<Pick<I18nProviderProps, 'children' | 'i18n'>> &\n  Pick<I18nProviderProps, 'locale'>) {\n  const { i18n: activeI18n } = useTranslation(UIKIT_I18N_NAMESPACE, { i18n });\n  const resolvedLocale =\n    locale ?? activeI18n.resolvedLanguage ?? activeI18n.language;\n\n  return (\n    <AriaI18nProvider locale={resolvedLocale}>{children}</AriaI18nProvider>\n  );\n}\n\nexport function I18nProvider({\n  children,\n  i18n = getI18n(),\n  locale,\n}: I18nProviderProps) {\n  return (\n    <I18nextProvider i18n={i18n}>\n      <AriaLocaleBridge i18n={i18n} locale={locale}>\n        {children}\n      </AriaLocaleBridge>\n    </I18nextProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAS,iBAAiB,EACxB,UACA,MACA,UAEmC;CACnC,MAAM,EAAE,MAAM,eAAe,eAAe,sBAAsB,EAAE,MAAM,CAAC;AAI3E,QACE,oBAACA;EAAiB,QAHlB,UAAU,WAAW,oBAAoB,WAAW;EAGT;GAA4B;;AAI3E,SAAgBC,eAAa,EAC3B,UACA,OAAO,SAAS,EAChB,UACoB;AACpB,QACE,oBAAC;EAAsB;YACrB,oBAAC;GAAuB;GAAc;GACnC;IACgB;GACH"}

package/dist/i18n/createFormatter.d.ts

@@ -0,0 +1,59 @@
+
+//#region src/i18n/createFormatter.d.ts
+/**
+ * A value acceptable to the date/time formatters. Named `FormatDateInput` (not
+ * `DateInput`) to avoid clashing with the exported `DateInput` DatePicker field.
+ */
+type FormatDateInput = Date | number | string;
+interface RelativeTimeOptions {
+  /** Reference point the value is compared against. Defaults to `Date.now()`. */
+  now?: FormatDateInput;
+  /** Passed to `Intl.RelativeTimeFormat`. Defaults to `'auto'` ("yesterday"). */
+  numeric?: Intl.RelativeTimeFormatNumeric;
+  /** Passed to `Intl.RelativeTimeFormat`. Defaults to `'long'`. */
+  style?: Intl.RelativeTimeFormatStyle;
+}
+interface CurrencyOptions extends Intl.NumberFormatOptions {
+  /** ISO 4217 currency code. Defaults to `'USD'`. */
+  currency?: string;
+}
+interface BytesOptions {
+  /** How the unit label is displayed. Defaults to `'short'` ("MB"). */
+  unitDisplay?: Intl.NumberFormatOptions['unitDisplay'];
+  /** Max fraction digits. Defaults to `1`. */
+  maximumFractionDigits?: number;
+  /** Min fraction digits. Defaults to `0`. */
+  minimumFractionDigits?: number;
+}
+/** The bundle of locale-bound formatting helpers. */
+interface Formatter {
+  /** The BCP-47 locale every helper below formats for. */
+  locale: string;
+  /** Date only, defaults to `{ dateStyle: 'medium' }` ("Jan 15, 2024"). */
+  formatDate: (value: FormatDateInput, options?: Intl.DateTimeFormatOptions) => string;
+  /** Time only, defaults to `{ timeStyle: 'short' }` ("2:30 PM"). */
+  formatTime: (value: FormatDateInput, options?: Intl.DateTimeFormatOptions) => string;
+  /** Date + time, defaults to `{ dateStyle: 'medium', timeStyle: 'short' }`. */
+  formatDateTime: (value: FormatDateInput, options?: Intl.DateTimeFormatOptions) => string;
+  /** Relative time via `Intl.RelativeTimeFormat` ("5 minutes ago"). */
+  formatRelativeTime: (value: FormatDateInput, options?: RelativeTimeOptions) => string;
+  /** A number via `Intl.NumberFormat`. */
+  formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;
+  /** A currency amount, defaults to USD. */
+  formatCurrency: (value: number, options?: CurrencyOptions) => string;
+  /** A percentage. Input is a fraction: `0.5` → "50%". */
+  formatPercent: (value: number, options?: Intl.NumberFormatOptions) => string;
+  /** A byte count with a localized, auto-scaled unit ("1.5 MB"). Decimal (1000-based). */
+  formatBytes: (value: number, options?: BytesOptions) => string;
+  /** A list via `Intl.ListFormat` ("A, B, and C"). */
+  formatList: (items: Iterable<string>, options?: Intl.ListFormatOptions) => string;
+}
+/**
+ * Builds a bundle of formatting helpers bound to `locale`. Used by both
+ * `useFormatter()` (locale from React Aria context) and the pure top-level
+ * helpers (locale from the module mirror). All `Intl.*` instances are memoized.
+ */
+declare function createFormatter(locale: string): Formatter;
+//#endregion
+export { BytesOptions, CurrencyOptions, FormatDateInput, Formatter, RelativeTimeOptions, createFormatter };
+//# sourceMappingURL=createFormatter.d.ts.map

package/dist/i18n/createFormatter.js

@@ -0,0 +1,148 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
+//#region src/i18n/createFormatter.ts
+const cache = /* @__PURE__ */ new Map();
+function getIntl(kind, Ctor, locale, options) {
+	const key = `${locale}|${kind}|${options ? JSON.stringify(options) : ""}`;
+	let instance = cache.get(key);
+	if (!instance) {
+		instance = new Ctor(locale, options);
+		cache.set(key, instance);
+	}
+	return instance;
+}
+function toDate(value) {
+	const date = value instanceof Date ? value : new Date(value);
+	return Number.isNaN(date.getTime()) ? null : date;
+}
+const BYTE_UNITS = [
+	"byte",
+	"kilobyte",
+	"megabyte",
+	"gigabyte",
+	"terabyte",
+	"petabyte"
+];
+const RELATIVE_DIVISIONS = [
+	{
+		amount: 60,
+		unit: "second"
+	},
+	{
+		amount: 60,
+		unit: "minute"
+	},
+	{
+		amount: 24,
+		unit: "hour"
+	},
+	{
+		amount: 7,
+		unit: "day"
+	},
+	{
+		amount: 4.34524,
+		unit: "week"
+	},
+	{
+		amount: 12,
+		unit: "month"
+	},
+	{
+		amount: Number.POSITIVE_INFINITY,
+		unit: "year"
+	}
+];
+/**
+* Builds a bundle of formatting helpers bound to `locale`. Used by both
+* `useFormatter()` (locale from React Aria context) and the pure top-level
+* helpers (locale from the module mirror). All `Intl.*` instances are memoized.
+*/
+function createFormatter(locale) {
+	const formatDate = (value, options) => {
+		const date = toDate(value);
+		if (!date) return "";
+		return getIntl("date", Intl.DateTimeFormat, locale, {
+			dateStyle: "medium",
+			...options
+		}).format(date);
+	};
+	const formatTime = (value, options) => {
+		const date = toDate(value);
+		if (!date) return "";
+		return getIntl("date", Intl.DateTimeFormat, locale, {
+			timeStyle: "short",
+			...options
+		}).format(date);
+	};
+	const formatDateTime = (value, options) => {
+		const date = toDate(value);
+		if (!date) return "";
+		return getIntl("date", Intl.DateTimeFormat, locale, {
+			dateStyle: "medium",
+			timeStyle: "short",
+			...options
+		}).format(date);
+	};
+	const formatRelativeTime = (value, options) => {
+		const date = toDate(value);
+		if (!date) return "";
+		const now = options?.now != null ? toDate(options.now) : /* @__PURE__ */ new Date();
+		if (!now) return "";
+		const rtf = getIntl("relative", Intl.RelativeTimeFormat, locale, {
+			numeric: options?.numeric ?? "auto",
+			style: options?.style ?? "long"
+		});
+		let duration = (date.getTime() - now.getTime()) / 1e3;
+		for (const division of RELATIVE_DIVISIONS) {
+			if (Math.abs(duration) < division.amount) return rtf.format(Math.round(duration), division.unit);
+			duration /= division.amount;
+		}
+		return rtf.format(Math.round(duration), "year");
+	};
+	const formatNumber = (value, options) => getIntl("number", Intl.NumberFormat, locale, options).format(value);
+	const formatCurrency = (value, options) => {
+		const { currency = "USD", ...rest } = options ?? {};
+		return getIntl("number", Intl.NumberFormat, locale, {
+			style: "currency",
+			currency,
+			...rest
+		}).format(value);
+	};
+	const formatPercent = (value, options) => getIntl("number", Intl.NumberFormat, locale, {
+		style: "percent",
+		...options
+	}).format(value);
+	const formatBytes = (value, options) => {
+		const sign = value < 0 ? -1 : 1;
+		let bytes = Math.abs(value);
+		let unitIndex = 0;
+		while (bytes >= 1e3 && unitIndex < BYTE_UNITS.length - 1) {
+			bytes /= 1e3;
+			unitIndex++;
+		}
+		return getIntl("number", Intl.NumberFormat, locale, {
+			style: "unit",
+			unit: BYTE_UNITS[unitIndex],
+			unitDisplay: options?.unitDisplay ?? "short",
+			minimumFractionDigits: options?.minimumFractionDigits ?? 0,
+			maximumFractionDigits: options?.maximumFractionDigits ?? (unitIndex === 0 ? 0 : 1)
+		}).format(sign * bytes);
+	};
+	const formatList = (items, options) => getIntl("list", Intl.ListFormat, locale, options).format(items);
+	return {
+		locale,
+		formatDate,
+		formatTime,
+		formatDateTime,
+		formatRelativeTime,
+		formatNumber,
+		formatCurrency,
+		formatPercent,
+		formatBytes,
+		formatList
+	};
+}
+
+//#endregion
+export { createFormatter };
+//# sourceMappingURL=createFormatter.js.map

package/dist/i18n/createFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFormatter.js","names":[],"sources":["../../src/i18n/createFormatter.ts"],"sourcesContent":["/**\n * A value acceptable to the date/time formatters. Named `FormatDateInput` (not\n * `DateInput`) to avoid clashing with the exported `DateInput` DatePicker field.\n */\nexport type FormatDateInput = Date | number | string;\n\nexport interface RelativeTimeOptions {\n  /** Reference point the value is compared against. Defaults to `Date.now()`. */\n  now?: FormatDateInput;\n  /** Passed to `Intl.RelativeTimeFormat`. Defaults to `'auto'` (\"yesterday\"). */\n  numeric?: Intl.RelativeTimeFormatNumeric;\n  /** Passed to `Intl.RelativeTimeFormat`. Defaults to `'long'`. */\n  style?: Intl.RelativeTimeFormatStyle;\n}\n\nexport interface CurrencyOptions extends Intl.NumberFormatOptions {\n  /** ISO 4217 currency code. Defaults to `'USD'`. */\n  currency?: string;\n}\n\nexport interface BytesOptions {\n  /** How the unit label is displayed. Defaults to `'short'` (\"MB\"). */\n  unitDisplay?: Intl.NumberFormatOptions['unitDisplay'];\n  /** Max fraction digits. Defaults to `1`. */\n  maximumFractionDigits?: number;\n  /** Min fraction digits. Defaults to `0`. */\n  minimumFractionDigits?: number;\n}\n\n/** The bundle of locale-bound formatting helpers. */\nexport interface Formatter {\n  /** The BCP-47 locale every helper below formats for. */\n  locale: string;\n  /** Date only, defaults to `{ dateStyle: 'medium' }` (\"Jan 15, 2024\"). */\n  formatDate: (\n    value: FormatDateInput,\n    options?: Intl.DateTimeFormatOptions,\n  ) => string;\n  /** Time only, defaults to `{ timeStyle: 'short' }` (\"2:30 PM\"). */\n  formatTime: (\n    value: FormatDateInput,\n    options?: Intl.DateTimeFormatOptions,\n  ) => string;\n  /** Date + time, defaults to `{ dateStyle: 'medium', timeStyle: 'short' }`. */\n  formatDateTime: (\n    value: FormatDateInput,\n    options?: Intl.DateTimeFormatOptions,\n  ) => string;\n  /** Relative time via `Intl.RelativeTimeFormat` (\"5 minutes ago\"). */\n  formatRelativeTime: (\n    value: FormatDateInput,\n    options?: RelativeTimeOptions,\n  ) => string;\n  /** A number via `Intl.NumberFormat`. */\n  formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;\n  /** A currency amount, defaults to USD. */\n  formatCurrency: (value: number, options?: CurrencyOptions) => string;\n  /** A percentage. Input is a fraction: `0.5` → \"50%\". */\n  formatPercent: (value: number, options?: Intl.NumberFormatOptions) => string;\n  /** A byte count with a localized, auto-scaled unit (\"1.5 MB\"). Decimal (1000-based). */\n  formatBytes: (value: number, options?: BytesOptions) => string;\n  /** A list via `Intl.ListFormat` (\"A, B, and C\"). */\n  formatList: (\n    items: Iterable<string>,\n    options?: Intl.ListFormatOptions,\n  ) => string;\n}\n\ntype IntlCtor =\n  | typeof Intl.DateTimeFormat\n  | typeof Intl.NumberFormat\n  | typeof Intl.RelativeTimeFormat\n  | typeof Intl.ListFormat;\n\n// `Intl.*` constructors are expensive, so instances are memoized by\n// locale + kind + options. Shared by both the hook and the pure helpers.\nconst cache = new Map<string, unknown>();\n\nfunction getIntl<T>(\n  kind: string,\n  Ctor: IntlCtor,\n  locale: string,\n  options: object | undefined,\n): T {\n  const key = `${locale}|${kind}|${options ? JSON.stringify(options) : ''}`;\n  let instance = cache.get(key);\n\n  if (!instance) {\n    instance = new (Ctor as new (locale: string, options?: object) => unknown)(\n      locale,\n      options,\n    );\n    cache.set(key, instance);\n  }\n\n  return instance as T;\n}\n\nfunction toDate(value: FormatDateInput): Date | null {\n  const date =\n    value instanceof Date ? value : new Date(value as string | number);\n\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\n// Decimal (1000-based) byte units. `Intl` localizes the unit label itself, so we\n// only pick which one fits the magnitude.\nconst BYTE_UNITS = [\n  'byte',\n  'kilobyte',\n  'megabyte',\n  'gigabyte',\n  'terabyte',\n  'petabyte',\n] as const;\n\n// Largest-fitting-unit thresholds for relative time. Each `amount` is how many\n// of the current unit make up the next one.\nconst RELATIVE_DIVISIONS: {\n  amount: number;\n  unit: Intl.RelativeTimeFormatUnit;\n}[] = [\n  { amount: 60, unit: 'second' },\n  { amount: 60, unit: 'minute' },\n  { amount: 24, unit: 'hour' },\n  { amount: 7, unit: 'day' },\n  { amount: 4.34524, unit: 'week' },\n  { amount: 12, unit: 'month' },\n  { amount: Number.POSITIVE_INFINITY, unit: 'year' },\n];\n\n/**\n * Builds a bundle of formatting helpers bound to `locale`. Used by both\n * `useFormatter()` (locale from React Aria context) and the pure top-level\n * helpers (locale from the module mirror). All `Intl.*` instances are memoized.\n */\nexport function createFormatter(locale: string): Formatter {\n  const formatDate: Formatter['formatDate'] = (value, options) => {\n    const date = toDate(value);\n    if (!date) return '';\n\n    return getIntl<Intl.DateTimeFormat>('date', Intl.DateTimeFormat, locale, {\n      dateStyle: 'medium',\n      ...options,\n    }).format(date);\n  };\n\n  const formatTime: Formatter['formatTime'] = (value, options) => {\n    const date = toDate(value);\n    if (!date) return '';\n\n    return getIntl<Intl.DateTimeFormat>('date', Intl.DateTimeFormat, locale, {\n      timeStyle: 'short',\n      ...options,\n    }).format(date);\n  };\n\n  const formatDateTime: Formatter['formatDateTime'] = (value, options) => {\n    const date = toDate(value);\n    if (!date) return '';\n\n    return getIntl<Intl.DateTimeFormat>('date', Intl.DateTimeFormat, locale, {\n      dateStyle: 'medium',\n      timeStyle: 'short',\n      ...options,\n    }).format(date);\n  };\n\n  const formatRelativeTime: Formatter['formatRelativeTime'] = (\n    value,\n    options,\n  ) => {\n    const date = toDate(value);\n    if (!date) return '';\n\n    const now = options?.now != null ? toDate(options.now) : new Date();\n    if (!now) return '';\n\n    const rtf = getIntl<Intl.RelativeTimeFormat>(\n      'relative',\n      Intl.RelativeTimeFormat,\n      locale,\n      {\n        numeric: options?.numeric ?? 'auto',\n        style: options?.style ?? 'long',\n      },\n    );\n\n    let duration = (date.getTime() - now.getTime()) / 1000;\n\n    for (const division of RELATIVE_DIVISIONS) {\n      if (Math.abs(duration) < division.amount) {\n        return rtf.format(Math.round(duration), division.unit);\n      }\n      duration /= division.amount;\n    }\n\n    return rtf.format(Math.round(duration), 'year');\n  };\n\n  const formatNumber: Formatter['formatNumber'] = (value, options) =>\n    getIntl<Intl.NumberFormat>(\n      'number',\n      Intl.NumberFormat,\n      locale,\n      options,\n    ).format(value);\n\n  const formatCurrency: Formatter['formatCurrency'] = (value, options) => {\n    const { currency = 'USD', ...rest } = options ?? {};\n\n    return getIntl<Intl.NumberFormat>('number', Intl.NumberFormat, locale, {\n      style: 'currency',\n      currency,\n      ...rest,\n    }).format(value);\n  };\n\n  const formatPercent: Formatter['formatPercent'] = (value, options) =>\n    getIntl<Intl.NumberFormat>('number', Intl.NumberFormat, locale, {\n      style: 'percent',\n      ...options,\n    }).format(value);\n\n  const formatBytes: Formatter['formatBytes'] = (value, options) => {\n    const sign = value < 0 ? -1 : 1;\n    let bytes = Math.abs(value);\n    let unitIndex = 0;\n\n    while (bytes >= 1000 && unitIndex < BYTE_UNITS.length - 1) {\n      bytes /= 1000;\n      unitIndex++;\n    }\n\n    return getIntl<Intl.NumberFormat>('number', Intl.NumberFormat, locale, {\n      style: 'unit',\n      unit: BYTE_UNITS[unitIndex],\n      unitDisplay: options?.unitDisplay ?? 'short',\n      // Bytes (the base unit) are integers; scaled units get 1 fraction digit.\n      minimumFractionDigits: options?.minimumFractionDigits ?? 0,\n      maximumFractionDigits:\n        options?.maximumFractionDigits ?? (unitIndex === 0 ? 0 : 1),\n    }).format(sign * bytes);\n  };\n\n  const formatList: Formatter['formatList'] = (items, options) =>\n    getIntl<Intl.ListFormat>('list', Intl.ListFormat, locale, options).format(\n      items,\n    );\n\n  return {\n    locale,\n    formatDate,\n    formatTime,\n    formatDateTime,\n    formatRelativeTime,\n    formatNumber,\n    formatCurrency,\n    formatPercent,\n    formatBytes,\n    formatList,\n  };\n}\n"],"mappings":"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"}

package/dist/i18n/index.d.ts

@@ -0,0 +1,18 @@
+
+import { UIKIT_I18N_NAMESPACE, UIKitResources, createUIKitI18n, getI18n } from "./instance.js";
+import "./useI18n.js";
+import { I18nProvider, I18nProviderProps } from "./I18nProvider.js";
+import { BytesOptions, CurrencyOptions, FormatDateInput, Formatter, RelativeTimeOptions, createFormatter } from "./createFormatter.js";
+import { useFormatter } from "./useFormatter.js";
+import { LOCALE_LABELS, SUPPORTED_LOCALES, SupportedLocale, isSupportedLocale } from "./locales.js";
+
+//#region src/i18n/index.d.ts
+/**
+ * Register (or override) the UI Kit translation bundle for a locale. Use this
+ * to add languages beyond the ones the UI Kit ships, or to override individual
+ * strings. Applied to the shared instance so it takes effect immediately.
+ */
+declare function addUIKitLocale(locale: string, resources: Partial<UIKitResources>): void;
+//#endregion
+export { addUIKitLocale };
+//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.js

@@ -0,0 +1,21 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-515e4da | Cube Dev Team */
+import { LOCALE_LABELS, SUPPORTED_LOCALES, isSupportedLocale } from "./locales.js";
+import { UIKIT_I18N_NAMESPACE, createUIKitI18n, getI18n } from "./instance.js";
+import { useI18n } from "./useI18n.js";
+import { I18nProvider } from "./I18nProvider.js";
+import { createFormatter } from "./createFormatter.js";
+import { useFormatter } from "./useFormatter.js";
+
+//#region src/i18n/index.ts
+/**
+* Register (or override) the UI Kit translation bundle for a locale. Use this
+* to add languages beyond the ones the UI Kit ships, or to override individual
+* strings. Applied to the shared instance so it takes effect immediately.
+*/
+function addUIKitLocale(locale, resources) {
+	getI18n().addResourceBundle(locale, UIKIT_I18N_NAMESPACE, resources, true, true);
+}
+
+//#endregion
+export { addUIKitLocale };
+//# sourceMappingURL=index.js.map

package/dist/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/i18n/index.ts"],"sourcesContent":["import { getI18n, UIKIT_I18N_NAMESPACE } from './instance';\n\nimport type { UIKitResources } from './instance';\n\nexport { createUIKitI18n, getI18n, UIKIT_I18N_NAMESPACE } from './instance';\nexport type { UIKitResources } from './instance';\n// Internal hook — used by UI Kit components to read their own strings. Not part\n// of the public barrel (`src/index.ts`); hosts use the re-exported\n// `useTranslation` for their own strings.\nexport { useI18n } from './useI18n';\nexport { I18nProvider } from './I18nProvider';\nexport type { I18nProviderProps } from './I18nProvider';\nexport { createFormatter } from './createFormatter';\nexport type {\n  Formatter,\n  FormatDateInput,\n  RelativeTimeOptions,\n  CurrencyOptions,\n  BytesOptions,\n} from './createFormatter';\nexport { useFormatter } from './useFormatter';\nexport { SUPPORTED_LOCALES, LOCALE_LABELS, isSupportedLocale } from './locales';\nexport type { SupportedLocale } from './locales';\n\n/**\n * Register (or override) the UI Kit translation bundle for a locale. Use this\n * to add languages beyond the ones the UI Kit ships, or to override individual\n * strings. Applied to the shared instance so it takes effect immediately.\n */\nexport function addUIKitLocale(\n  locale: string,\n  resources: Partial<UIKitResources>,\n): void {\n  getI18n().addResourceBundle(\n    locale,\n    UIKIT_I18N_NAMESPACE,\n    resources,\n    true,\n    true,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA6BA,SAAgB,eACd,QACA,WACM;AACN,UAAS,CAAC,kBACR,QACA,sBACA,WACA,MACA,KACD"}

package/dist/i18n/instance.d.ts

@@ -0,0 +1,22 @@
+
+import { __json_default_export } from "./locales/en-US/uikit.json.js";
+import { i18n } from "i18next";
+
+//#region src/i18n/instance.d.ts
+/** The dedicated namespace all UI Kit strings live under. */
+declare const UIKIT_I18N_NAMESPACE = "uikit";
+/** Shape of the UI Kit translation bundle (the `en-US` source of truth). */
+type UIKitResources = typeof __json_default_export;
+/**
+ * Creates an isolated, synchronously initialized UI Kit i18next instance.
+ *
+ * Create one per server request and pass it to `<Root i18n={instance}>` (or
+ * `<I18nProvider i18n={instance}>`). Its language can then be changed without
+ * racing with another request rendered by the same server process.
+ */
+declare function createUIKitI18n(locale?: string): i18n;
+/** Returns the shared UI Kit i18next instance. */
+declare function getI18n(): i18n;
+//#endregion
+export { UIKIT_I18N_NAMESPACE, UIKitResources, createUIKitI18n, getI18n };
+//# sourceMappingURL=instance.d.ts.map