@zentauri-ui/zentauri-components 2.1.8 → 2.2.0

package/README.md

@@ -29,12 +29,12 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 
 | Metric     | Result           |
 | ---------- | ---------------- |
-| Test files | 98 passed (98)   |
-| Tests      | 819 passed (819) |
+| Test files | 100 passed (100)   |
+| Tests      | 836 passed (836) |
 
 | Area                           | Test files | Tests |
 | ------------------------------ | ---------- | ----- |
-| Components and UI utilities    | 49         | 514   |
+| Components and UI utilities    | 51         | 531   |
 | Standalone animations          | 1          | 45    |
 | React hooks                    | 41         | 174   |
 | Design system facade           | 1          | 11    |
@@ -49,7 +49,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 | `src/ui/buttons/button.test.tsx`                                        |    44 |
 | `src/ui/inputs/input.test.tsx`                                          |    40 |
 | `src/ui/audio-player/audio-player.test.tsx`                             |    34 |
-| `src/ui/peer-isolation.test.ts`                                         |    29 |
+| `src/ui/peer-isolation.test.ts`                                         |    30 |
 | `src/accessibility/axe-core.test.tsx`                                   |    24 |
 | `src/ui/combobox/combobox.test.tsx`                                     |    24 |
 | `cli/cli.integration.test.ts`                                           |    21 |
@@ -74,6 +74,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 | `src/ui/animated-number/animated-number.test.tsx`                       |     9 |
 | `src/ui/skeleton/skeleton.test.tsx`                                     |     9 |
 | `src/ui/slider/slider.test.tsx`                                         |     9 |
+| `src/ui/typing-indicator/typing-indicator.test.tsx`                     |     9 |
 | `src/ui/command/command.test.tsx`                                       |     8 |
 | `src/ui/copy-button/copy-button.test.tsx`                               |     8 |
 | `src/ui/dynamic-stepper/dynamic-stepper.test.tsx`                       |     8 |
@@ -86,6 +87,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 | `src/hooks/useTableSort/useTableSort.test.ts`                           |     7 |
 | `src/ui/accordion/accordion.test.tsx`                                   |     7 |
 | `src/ui/card/card.test.tsx`                                             |     7 |
+| `src/ui/code-diff/code-diff.test.tsx`                                   |     7 |
 | `src/ui/drawer/drawer.test.tsx`                                         |     7 |
 | `src/ui/kbd/kbd.test.tsx`                                               |     7 |
 | `src/ui/typography/typography.test.tsx`                                 |     7 |
@@ -854,7 +856,7 @@ From this package directory in the monorepo:
 
 - `pnpm build` (or `npm run build`) — production bundle via `tsup` (Rollup treeshake + `scripts/prepend-use-client.mjs` via `onSuccess` so each UI entry under `dist/ui/`, animation entry under `dist/animations/`, chart entry under `dist/charts/`, and `dist/ui/<name>/animated.*` starts with `"use client"` where needed)
 - `pnpm dev` — `tsup` watch mode (same `onSuccess` hook after each rebuild)
-- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered 819 test cases in total
+- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered 836 test cases in total
 - `pnpm test:a11y` — focused accessibility coverage for package-level UI primitives and compound components: **axe-core** audits for every interactive component plus **keyboard-interaction** tests (focus order, arrow-key nav, Home/End, Escape/Enter) for the compound components
 - `pnpm check:tokens` — enforce the `--zui-*` token contract across design-system, variant, and local custom-property usage without generating a large checked-in token catalog
 - **`pnpm run generate:registry`** — runs `scripts/generate-registry.mjs`, which reads **`uiComponentNames`**, **`uiAnimatedComponentNames`**, **`animationEntryNames`**, **`chartEntryNames`**, and **`hooksEntryNames`** from `tsup.config.ts`, applies fixed **`nameAliases`**, scans each component/chart source to build **`peerHints`**, and writes **`cli/registry.json`** (`components` + `animations` + `hooks` + `peerHints`). Run this after adding or renaming UI, animation, chart, or hook entries so the CLI stays in sync (the script prints counts).

package/cli/props.json

@@ -3134,6 +3134,167 @@
         }
       ]
     },
+    "code-diff": {
+      "slug": "code-diff",
+      "subcomponents": [
+        {
+          "name": "static:CodeDiff",
+          "displayName": "CodeDiff",
+          "propsType": "CodeDiffProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "appearance",
+              "type": "enum",
+              "required": false,
+              "default": "default",
+              "group": "variant",
+              "isVariant": true,
+              "options": [
+                "default"
+              ],
+              "variantGroup": "appearance",
+              "deprecated": false
+            },
+            {
+              "name": "size",
+              "type": "enum",
+              "required": false,
+              "default": "md",
+              "group": "variant",
+              "isVariant": true,
+              "options": [
+                "lg",
+                "md",
+                "sm"
+              ],
+              "variantGroup": "size",
+              "deprecated": false
+            },
+            {
+              "name": "language",
+              "type": "string | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "newCode",
+              "type": "string",
+              "required": true,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "newTitle",
+              "type": "string | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "oldCode",
+              "type": "string",
+              "required": true,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "oldTitle",
+              "type": "string | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "showGutterMarkers",
+              "type": "boolean | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "showLineNumbers",
+              "type": "boolean | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "viewType",
+              "type": "CodeDiffViewType | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "static:CodeDiffVariant",
+          "displayName": "CodeDiffVariant",
+          "propsType": "CodeDiffVariantProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "appearance",
+              "type": "'default' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "size",
+              "type": "'md' | 'sm' | 'lg' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            }
+          ]
+        }
+      ]
+    },
     "combobox": {
       "slug": "combobox",
       "subcomponents": [
@@ -15066,6 +15227,226 @@
         }
       ]
     },
+    "typing-indicator": {
+      "slug": "typing-indicator",
+      "subcomponents": [
+        {
+          "name": "static:TypingIndicator",
+          "displayName": "TypingIndicator",
+          "propsType": "TypingIndicatorProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "size",
+              "type": "enum",
+              "required": false,
+              "default": "md",
+              "group": "variant",
+              "isVariant": true,
+              "options": [
+                "lg",
+                "md",
+                "sm"
+              ],
+              "variantGroup": "size",
+              "deprecated": false
+            },
+            {
+              "name": "appearance",
+              "type": "'default' | 'blue' | 'cyan' | 'green' | 'lime' | 'red' | 'slate' | 'zinc' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-purple' | 'gray' | 'muted' | 'subtle' | 'primary' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "dots",
+              "type": "TypingIndicatorDots | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "label",
+              "type": "ReactNode",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "labelPosition",
+              "type": "'before' | 'after' | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "group": "content",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLSpanElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "static:TypingIndicatorVariant",
+          "displayName": "TypingIndicatorVariant",
+          "propsType": "TypingIndicatorVariantProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "appearance",
+              "type": "'default' | 'blue' | 'cyan' | 'green' | 'lime' | 'red' | 'slate' | 'zinc' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-purple' | 'gray' | 'muted' | 'subtle' | 'primary' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "size",
+              "type": "'md' | 'sm' | 'lg' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "animated:TypingIndicatorAnimated",
+          "displayName": "TypingIndicatorAnimated",
+          "propsType": "TypingIndicatorAnimatedProps",
+          "source": "animated",
+          "props": [
+            {
+              "name": "animation",
+              "type": "TypingIndicatorAnimation | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "appearance",
+              "type": "'default' | 'blue' | 'cyan' | 'green' | 'lime' | 'red' | 'slate' | 'zinc' | 'sky' | 'rose' | 'purple' | 'pink' | 'orange' | 'yellow' | 'teal' | 'indigo' | 'emerald' | 'gradient-blue' | 'gradient-green' | 'gradient-purple' | 'gray' | 'muted' | 'subtle' | 'primary' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "dots",
+              "type": "TypingIndicatorDots | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "label",
+              "type": "ReactNode",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "labelPosition",
+              "type": "'before' | 'after' | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "ref",
+              "type": "Ref<HTMLSpanElement> | undefined",
+              "required": false,
+              "group": "behavior",
+              "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).",
+              "deprecated": false
+            },
+            {
+              "name": "size",
+              "type": "'md' | 'sm' | 'lg' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "group": "content",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLSpanElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        }
+      ]
+    },
     "typography": {
       "slug": "typography",
       "subcomponents": [

package/cli/registry.json

@@ -12,6 +12,7 @@
     "buttons",
     "card",
     "checkbox",
+    "code-diff",
     "combobox",
     "command",
     "context-menu",
@@ -46,6 +47,7 @@
     "toggle",
     "tooltip",
     "tree-view",
+    "typing-indicator",
     "typography"
   ],
   "animatedComponents": [
@@ -75,7 +77,8 @@
     "toast",
     "toggle",
     "tooltip",
-    "tree-view"
+    "tree-view",
+    "typing-indicator"
   ],
   "charts": [
     "charts/area",
@@ -149,6 +152,7 @@
     "charts/scatter",
     "charts/stacked-bar",
     "checkbox",
+    "code-diff",
     "combobox",
     "command",
     "context-menu",
@@ -184,6 +188,7 @@
     "toggle",
     "tooltip",
     "tree-view",
+    "typing-indicator",
     "typography"
   ],
   "animations": [
@@ -392,6 +397,9 @@
       "react-icons",
       "framer-motion"
     ],
+    "typing-indicator": [
+      "framer-motion"
+    ],
     "spinner": [
       "framer-motion"
     ],

package/dist/{chunk-4PAHLHYF.mjs → chunk-37KMH77M.mjs}

@@ -1,4 +1,4 @@
-import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-UVP3MUBU.mjs';
+import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-AMNJ35TT.mjs';
 import { cva } from 'class-variance-authority';
 
 var buttonVariants = cva(zuiButtonBase, {
@@ -13,5 +13,5 @@ var buttonVariants = cva(zuiButtonBase, {
 });
 
 export { buttonVariants };
-//# sourceMappingURL=chunk-4PAHLHYF.mjs.map
-//# sourceMappingURL=chunk-4PAHLHYF.mjs.map
+//# sourceMappingURL=chunk-37KMH77M.mjs.map
+//# sourceMappingURL=chunk-37KMH77M.mjs.map

package/dist/{chunk-4PAHLHYF.mjs.map → chunk-37KMH77M.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-4PAHLHYF.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-37KMH77M.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/chunk-4KOQS4DT.mjs

@@ -0,0 +1,96 @@
+import { zuiTypingIndicatorContainerBase, zuiTypingIndicatorSizes, zuiTypingIndicatorDotsBase, zuiTypingIndicatorDotBase, zuiTypingIndicatorDotSizes, zuiTypingIndicatorAppearances, zuiTypingIndicatorLabelBase, zuiTypingIndicatorLabelSizes, zuiTypingIndicatorDotDelays } from './chunk-EMZC6ICD.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var typingIndicatorVariants = cva(zuiTypingIndicatorContainerBase, {
+  variants: {
+    size: zuiTypingIndicatorSizes
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var typingIndicatorDotsVariants = cva(zuiTypingIndicatorDotsBase, {
+  variants: {
+    size: zuiTypingIndicatorSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var typingIndicatorDotVariants = cva(zuiTypingIndicatorDotBase, {
+  variants: {
+    appearance: zuiTypingIndicatorAppearances,
+    size: zuiTypingIndicatorDotSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var typingIndicatorLabelVariants = cva(zuiTypingIndicatorLabelBase, {
+  variants: {
+    size: zuiTypingIndicatorLabelSizes
+  },
+  defaultVariants: { size: "md" }
+});
+function TypingIndicatorBase({
+  appearance,
+  size,
+  dots = 3,
+  label,
+  labelPosition = "before",
+  className,
+  ref,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      "data-slot": "typing-indicator",
+      className: cn(typingIndicatorVariants({ size }), className),
+      ...rest,
+      children: [
+        label && labelPosition === "before" && /* @__PURE__ */ jsx(TypingIndicatorLabel, { size, children: label }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "typing-indicator-dots",
+            className: typingIndicatorDotsVariants({ size }),
+            children: Array.from({ length: dots }).map((_, i) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "typing-indicator-dot",
+                className: cn(
+                  typingIndicatorDotVariants({ appearance, size }),
+                  zuiTypingIndicatorDotDelays[i % zuiTypingIndicatorDotDelays.length]
+                )
+              },
+              i
+            ))
+          }
+        ),
+        label && labelPosition === "after" && /* @__PURE__ */ jsx(TypingIndicatorLabel, { size, children: label })
+      ]
+    }
+  );
+}
+TypingIndicatorBase.displayName = "TypingIndicator";
+function TypingIndicatorLabel({
+  size,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "typing-indicator-label",
+      className: typingIndicatorLabelVariants({ size }),
+      children
+    }
+  );
+}
+TypingIndicatorLabel.displayName = "TypingIndicatorLabel";
+
+export { TypingIndicatorBase, TypingIndicatorLabel, typingIndicatorDotVariants, typingIndicatorDotsVariants, typingIndicatorLabelVariants, typingIndicatorVariants };
+//# sourceMappingURL=chunk-4KOQS4DT.mjs.map
+//# sourceMappingURL=chunk-4KOQS4DT.mjs.map

package/dist/chunk-4KOQS4DT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/typing-indicator/variants.ts","../src/ui/typing-indicator/typing-indicator-base.tsx"],"names":[],"mappings":";;;;;AAgBO,IAAM,uBAAA,GAA0B,IAAI,+BAAA,EAAiC;AAAA,EAC1E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,2BAAA,GAA8B,IAAI,0BAAA,EAA4B;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,0BAAA,GAA6B,IAAI,yBAAA,EAA2B;AAAA,EACvE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,6BAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,4BAAA,GAA+B,IAAI,2BAAA,EAA6B;AAAA,EAC3E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACnCM,SAAS,mBAAA,CAAoB;AAAA,EAClC,UAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,GAAO,CAAA;AAAA,EACP,KAAA;AAAA,EACA,aAAA,GAAgB,QAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACzD,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,IAAS,aAAA,KAAkB,QAAA,oBAC1B,GAAA,CAAC,oBAAA,EAAA,EAAqB,MAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBAE3C,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,uBAAA;AAAA,YACV,SAAA,EAAW,2BAAA,CAA4B,EAAE,IAAA,EAAM,CAAA;AAAA,YAE9C,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,IAAA,EAAM,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACpC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,WAAA,EAAU,sBAAA;AAAA,gBACV,SAAA,EAAW,EAAA;AAAA,kBACT,0BAAA,CAA2B,EAAE,UAAA,EAAY,IAAA,EAAM,CAAA;AAAA,kBAC/C,2BAAA,CAAyB,CAAA,GAAI,2BAAA,CAAyB,MAAM;AAAA;AAC9D,eAAA;AAAA,cALK;AAAA,aAOR;AAAA;AAAA,SACH;AAAA,QACC,SAAS,aAAA,KAAkB,OAAA,oBAC1B,GAAA,CAAC,oBAAA,EAAA,EAAqB,MAAa,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GAE7C;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,iBAAA;AAE3B,SAAS,oBAAA,CAAqB;AAAA,EACnC,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,wBAAA;AAAA,MACV,SAAA,EAAW,4BAAA,CAA6B,EAAE,IAAA,EAAM,CAAA;AAAA,MAE/C;AAAA;AAAA,GACH;AAEJ;AAEA,oBAAA,CAAqB,WAAA,GAAc,sBAAA","file":"chunk-4KOQS4DT.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTypingIndicatorAppearances,\n  zuiTypingIndicatorContainerBase,\n  zuiTypingIndicatorDotBase,\n  zuiTypingIndicatorDotDelays,\n  zuiTypingIndicatorDotSizes,\n  zuiTypingIndicatorDotsBase,\n  zuiTypingIndicatorLabelBase,\n  zuiTypingIndicatorLabelSizes,\n  zuiTypingIndicatorSizes,\n} from \"../../design-system/typing-indicator\";\n\nexport { zuiTypingIndicatorDotDelays as typingIndicatorDotDelays };\n\nexport const typingIndicatorVariants = cva(zuiTypingIndicatorContainerBase, {\n  variants: {\n    size: zuiTypingIndicatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const typingIndicatorDotsVariants = cva(zuiTypingIndicatorDotsBase, {\n  variants: {\n    size: zuiTypingIndicatorSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const typingIndicatorDotVariants = cva(zuiTypingIndicatorDotBase, {\n  variants: {\n    appearance: zuiTypingIndicatorAppearances,\n    size: zuiTypingIndicatorDotSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const typingIndicatorLabelVariants = cva(zuiTypingIndicatorLabelBase, {\n  variants: {\n    size: zuiTypingIndicatorLabelSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { TypingIndicatorBaseProps } from \"./types\";\nimport {\n  typingIndicatorDotDelays,\n  typingIndicatorDotVariants,\n  typingIndicatorDotsVariants,\n  typingIndicatorLabelVariants,\n  typingIndicatorVariants,\n} from \"./variants\";\n\nexport function TypingIndicatorBase({\n  appearance,\n  size,\n  dots = 3,\n  label,\n  labelPosition = \"before\",\n  className,\n  ref,\n  ...rest\n}: TypingIndicatorBaseProps) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"typing-indicator\"\n      className={cn(typingIndicatorVariants({ size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"before\" && (\n        <TypingIndicatorLabel size={size}>{label}</TypingIndicatorLabel>\n      )}\n      <span\n        data-slot=\"typing-indicator-dots\"\n        className={typingIndicatorDotsVariants({ size })}\n      >\n        {Array.from({ length: dots }).map((_, i) => (\n          <span\n            key={i}\n            data-slot=\"typing-indicator-dot\"\n            className={cn(\n              typingIndicatorDotVariants({ appearance, size }),\n              typingIndicatorDotDelays[i % typingIndicatorDotDelays.length],\n            )}\n          />\n        ))}\n      </span>\n      {label && labelPosition === \"after\" && (\n        <TypingIndicatorLabel size={size}>{label}</TypingIndicatorLabel>\n      )}\n    </span>\n  );\n}\n\nTypingIndicatorBase.displayName = \"TypingIndicator\";\n\nexport function TypingIndicatorLabel({\n  size,\n  children,\n}: {\n  size?: TypingIndicatorBaseProps[\"size\"];\n  children: React.ReactNode;\n}) {\n  return (\n    <span\n      data-slot=\"typing-indicator-label\"\n      className={typingIndicatorLabelVariants({ size })}\n    >\n      {children}\n    </span>\n  );\n}\n\nTypingIndicatorLabel.displayName = \"TypingIndicatorLabel\";\n"]}

package/dist/{chunk-D7ZTSAA6.mjs → chunk-5XSW5JYA.mjs}

@@ -1,6 +1,6 @@
 import { usePagination } from './chunk-YNBJAFI2.mjs';
-import { buttonVariants } from './chunk-4PAHLHYF.mjs';
-import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-UVP3MUBU.mjs';
+import { buttonVariants } from './chunk-37KMH77M.mjs';
+import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-AMNJ35TT.mjs';
 import { cn, clampPage } from './chunk-4D54YOL6.mjs';
 import { useId, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
@@ -217,5 +217,5 @@ var Pagination = ({
 Pagination.displayName = "Pagination";
 
 export { Pagination, paginationEllipsisVariants, paginationListVariants };
-//# sourceMappingURL=chunk-D7ZTSAA6.mjs.map
-//# sourceMappingURL=chunk-D7ZTSAA6.mjs.map
+//# sourceMappingURL=chunk-5XSW5JYA.mjs.map
+//# sourceMappingURL=chunk-5XSW5JYA.mjs.map