@zentauri-ui/zentauri-components 2.1.9 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/README.md +6 -5
  2. package/cli/props.json +220 -0
  3. package/cli/registry.json +7 -1
  4. package/dist/{chunk-VN7FE5RR.mjs → chunk-37KMH77M.mjs} +3 -3
  5. package/dist/{chunk-VN7FE5RR.mjs.map → chunk-37KMH77M.mjs.map} +1 -1
  6. package/dist/chunk-4KOQS4DT.mjs +96 -0
  7. package/dist/chunk-4KOQS4DT.mjs.map +1 -0
  8. package/dist/{chunk-3HBC34NF.mjs → chunk-5XSW5JYA.mjs} +4 -4
  9. package/dist/{chunk-3HBC34NF.mjs.map → chunk-5XSW5JYA.mjs.map} +1 -1
  10. package/dist/{chunk-3RC5IG6O.mjs → chunk-AMNJ35TT.mjs} +13 -3
  11. package/dist/chunk-AMNJ35TT.mjs.map +1 -0
  12. package/dist/chunk-DXNIAFBG.js +103 -0
  13. package/dist/chunk-DXNIAFBG.js.map +1 -0
  14. package/dist/chunk-EMZC6ICD.mjs +55 -0
  15. package/dist/chunk-EMZC6ICD.mjs.map +1 -0
  16. package/dist/{chunk-7DGPRPWM.js → chunk-EPJYLBXV.js} +6 -6
  17. package/dist/{chunk-7DGPRPWM.js.map → chunk-EPJYLBXV.js.map} +1 -1
  18. package/dist/{chunk-4TPE5DEG.js → chunk-F3G3RL2N.js} +13 -3
  19. package/dist/chunk-F3G3RL2N.js.map +1 -0
  20. package/dist/chunk-HNPGWFVY.js +65 -0
  21. package/dist/chunk-HNPGWFVY.js.map +1 -0
  22. package/dist/{chunk-OLT7P7JO.mjs → chunk-TACF7MJE.mjs} +3 -3
  23. package/dist/{chunk-OLT7P7JO.mjs.map → chunk-TACF7MJE.mjs.map} +1 -1
  24. package/dist/chunk-VQJXOJ7G.js +19 -0
  25. package/dist/{chunk-MWG7LHAK.js.map → chunk-VQJXOJ7G.js.map} +1 -1
  26. package/dist/{chunk-7CZDJTPD.js → chunk-YTCVWOBC.js} +12 -12
  27. package/dist/{chunk-7CZDJTPD.js.map → chunk-YTCVWOBC.js.map} +1 -1
  28. package/dist/design-system/facade.js +4 -3
  29. package/dist/design-system/facade.js.map +1 -1
  30. package/dist/design-system/facade.mjs +3 -2
  31. package/dist/design-system/facade.mjs.map +1 -1
  32. package/dist/design-system/index.d.ts +1 -0
  33. package/dist/design-system/index.d.ts.map +1 -1
  34. package/dist/design-system/typing-indicator.d.ts +47 -0
  35. package/dist/design-system/typing-indicator.d.ts.map +1 -0
  36. package/dist/ui/buttons/animated.js +6 -5
  37. package/dist/ui/buttons/animated.js.map +1 -1
  38. package/dist/ui/buttons/animated.mjs +4 -3
  39. package/dist/ui/buttons/animated.mjs.map +1 -1
  40. package/dist/ui/buttons.js +7 -6
  41. package/dist/ui/buttons.mjs +5 -4
  42. package/dist/ui/data-table.js +16 -15
  43. package/dist/ui/data-table.js.map +1 -1
  44. package/dist/ui/data-table.mjs +6 -5
  45. package/dist/ui/data-table.mjs.map +1 -1
  46. package/dist/ui/dynamic-stepper.js +16 -15
  47. package/dist/ui/dynamic-stepper.js.map +1 -1
  48. package/dist/ui/dynamic-stepper.mjs +5 -4
  49. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  50. package/dist/ui/pagination.js +8 -7
  51. package/dist/ui/pagination.mjs +5 -4
  52. package/dist/ui/split-button.js +18 -17
  53. package/dist/ui/split-button.js.map +1 -1
  54. package/dist/ui/split-button.mjs +5 -4
  55. package/dist/ui/split-button.mjs.map +1 -1
  56. package/dist/ui/typing-indicator/animated/animations.d.ts +8 -0
  57. package/dist/ui/typing-indicator/animated/animations.d.ts.map +1 -0
  58. package/dist/ui/typing-indicator/animated/index.d.ts +4 -0
  59. package/dist/ui/typing-indicator/animated/index.d.ts.map +1 -0
  60. package/dist/ui/typing-indicator/animated/types.d.ts +9 -0
  61. package/dist/ui/typing-indicator/animated/types.d.ts.map +1 -0
  62. package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts +6 -0
  63. package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts.map +1 -0
  64. package/dist/ui/typing-indicator/animated.js +119 -0
  65. package/dist/ui/typing-indicator/animated.js.map +1 -0
  66. package/dist/ui/typing-indicator/animated.mjs +116 -0
  67. package/dist/ui/typing-indicator/animated.mjs.map +1 -0
  68. package/dist/ui/typing-indicator/index.d.ts +4 -0
  69. package/dist/ui/typing-indicator/index.d.ts.map +1 -0
  70. package/dist/ui/typing-indicator/types.d.ts +13 -0
  71. package/dist/ui/typing-indicator/types.d.ts.map +1 -0
  72. package/dist/ui/typing-indicator/typing-indicator-base.d.ts +13 -0
  73. package/dist/ui/typing-indicator/typing-indicator-base.d.ts.map +1 -0
  74. package/dist/ui/typing-indicator/typing-indicator.d.ts +2 -0
  75. package/dist/ui/typing-indicator/typing-indicator.d.ts.map +1 -0
  76. package/dist/ui/typing-indicator/variants.d.ts +16 -0
  77. package/dist/ui/typing-indicator/variants.d.ts.map +1 -0
  78. package/dist/ui/typing-indicator.js +32 -0
  79. package/dist/ui/typing-indicator.js.map +1 -0
  80. package/dist/ui/typing-indicator.mjs +7 -0
  81. package/dist/ui/typing-indicator.mjs.map +1 -0
  82. package/package.json +1 -1
  83. package/src/design-system/index.ts +1 -0
  84. package/src/design-system/typing-indicator.ts +74 -0
  85. package/src/ui/typing-indicator/animated/animations.ts +58 -0
  86. package/src/ui/typing-indicator/animated/index.ts +8 -0
  87. package/src/ui/typing-indicator/animated/types.ts +11 -0
  88. package/src/ui/typing-indicator/animated/typing-indicator-animated.tsx +79 -0
  89. package/src/ui/typing-indicator/index.ts +15 -0
  90. package/src/ui/typing-indicator/types.ts +20 -0
  91. package/src/ui/typing-indicator/typing-indicator-base.tsx +75 -0
  92. package/src/ui/typing-indicator/typing-indicator.test.tsx +76 -0
  93. package/src/ui/typing-indicator/typing-indicator.tsx +2 -0
  94. package/src/ui/typing-indicator/variants.ts +49 -0
  95. package/dist/chunk-3RC5IG6O.mjs.map +0 -1
  96. package/dist/chunk-4TPE5DEG.js.map +0 -1
  97. package/dist/chunk-MWG7LHAK.js +0 -19
package/README.md CHANGED
@@ -29,12 +29,12 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
29
29
 
30
30
  | Metric | Result |
31
31
  | ---------- | ---------------- |
32
- | Test files | 99 passed (99) |
33
- | Tests | 826 passed (826) |
32
+ | Test files | 100 passed (100) |
33
+ | Tests | 836 passed (836) |
34
34
 
35
35
  | Area | Test files | Tests |
36
36
  | ------------------------------ | ---------- | ----- |
37
- | Components and UI utilities | 50 | 521 |
37
+ | Components and UI utilities | 51 | 531 |
38
38
  | Standalone animations | 1 | 45 |
39
39
  | React hooks | 41 | 174 |
40
40
  | Design system facade | 1 | 11 |
@@ -49,7 +49,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
49
49
  | `src/ui/buttons/button.test.tsx` | 44 |
50
50
  | `src/ui/inputs/input.test.tsx` | 40 |
51
51
  | `src/ui/audio-player/audio-player.test.tsx` | 34 |
52
- | `src/ui/peer-isolation.test.ts` | 29 |
52
+ | `src/ui/peer-isolation.test.ts` | 30 |
53
53
  | `src/accessibility/axe-core.test.tsx` | 24 |
54
54
  | `src/ui/combobox/combobox.test.tsx` | 24 |
55
55
  | `cli/cli.integration.test.ts` | 21 |
@@ -74,6 +74,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
74
74
  | `src/ui/animated-number/animated-number.test.tsx` | 9 |
75
75
  | `src/ui/skeleton/skeleton.test.tsx` | 9 |
76
76
  | `src/ui/slider/slider.test.tsx` | 9 |
77
+ | `src/ui/typing-indicator/typing-indicator.test.tsx` | 9 |
77
78
  | `src/ui/command/command.test.tsx` | 8 |
78
79
  | `src/ui/copy-button/copy-button.test.tsx` | 8 |
79
80
  | `src/ui/dynamic-stepper/dynamic-stepper.test.tsx` | 8 |
@@ -855,7 +856,7 @@ From this package directory in the monorepo:
855
856
 
856
857
  - `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)
857
858
  - `pnpm dev` — `tsup` watch mode (same `onSuccess` hook after each rebuild)
858
- - `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered 826 test cases in total
859
+ - `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered 836 test cases in total
859
860
  - `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
860
861
  - `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
861
862
  - **`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 CHANGED
@@ -15227,6 +15227,226 @@
15227
15227
  }
15228
15228
  ]
15229
15229
  },
15230
+ "typing-indicator": {
15231
+ "slug": "typing-indicator",
15232
+ "subcomponents": [
15233
+ {
15234
+ "name": "static:TypingIndicator",
15235
+ "displayName": "TypingIndicator",
15236
+ "propsType": "TypingIndicatorProps",
15237
+ "source": "static",
15238
+ "props": [
15239
+ {
15240
+ "name": "size",
15241
+ "type": "enum",
15242
+ "required": false,
15243
+ "default": "md",
15244
+ "group": "variant",
15245
+ "isVariant": true,
15246
+ "options": [
15247
+ "lg",
15248
+ "md",
15249
+ "sm"
15250
+ ],
15251
+ "variantGroup": "size",
15252
+ "deprecated": false
15253
+ },
15254
+ {
15255
+ "name": "appearance",
15256
+ "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",
15257
+ "required": false,
15258
+ "group": "behavior",
15259
+ "deprecated": false
15260
+ },
15261
+ {
15262
+ "name": "dots",
15263
+ "type": "TypingIndicatorDots | undefined",
15264
+ "required": false,
15265
+ "group": "behavior",
15266
+ "deprecated": false
15267
+ },
15268
+ {
15269
+ "name": "label",
15270
+ "type": "ReactNode",
15271
+ "required": false,
15272
+ "group": "behavior",
15273
+ "deprecated": false
15274
+ },
15275
+ {
15276
+ "name": "labelPosition",
15277
+ "type": "'before' | 'after' | undefined",
15278
+ "required": false,
15279
+ "group": "behavior",
15280
+ "deprecated": false
15281
+ },
15282
+ {
15283
+ "name": "children",
15284
+ "type": "ReactNode",
15285
+ "required": false,
15286
+ "group": "content",
15287
+ "deprecated": false
15288
+ },
15289
+ {
15290
+ "name": "className",
15291
+ "type": "string | undefined",
15292
+ "required": false,
15293
+ "group": "dom",
15294
+ "deprecated": false
15295
+ },
15296
+ {
15297
+ "name": "id",
15298
+ "type": "string | undefined",
15299
+ "required": false,
15300
+ "group": "dom",
15301
+ "deprecated": false
15302
+ },
15303
+ {
15304
+ "name": "onClick",
15305
+ "type": "MouseEventHandler<HTMLSpanElement> | undefined",
15306
+ "required": false,
15307
+ "group": "dom",
15308
+ "deprecated": false
15309
+ },
15310
+ {
15311
+ "name": "style",
15312
+ "type": "CSSProperties | undefined",
15313
+ "required": false,
15314
+ "group": "dom",
15315
+ "deprecated": false
15316
+ },
15317
+ {
15318
+ "name": "title",
15319
+ "type": "string | undefined",
15320
+ "required": false,
15321
+ "group": "dom",
15322
+ "deprecated": false
15323
+ }
15324
+ ]
15325
+ },
15326
+ {
15327
+ "name": "static:TypingIndicatorVariant",
15328
+ "displayName": "TypingIndicatorVariant",
15329
+ "propsType": "TypingIndicatorVariantProps",
15330
+ "source": "static",
15331
+ "props": [
15332
+ {
15333
+ "name": "appearance",
15334
+ "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",
15335
+ "required": false,
15336
+ "group": "behavior",
15337
+ "deprecated": false
15338
+ },
15339
+ {
15340
+ "name": "size",
15341
+ "type": "'md' | 'sm' | 'lg' | null | undefined",
15342
+ "required": false,
15343
+ "group": "behavior",
15344
+ "deprecated": false
15345
+ }
15346
+ ]
15347
+ },
15348
+ {
15349
+ "name": "animated:TypingIndicatorAnimated",
15350
+ "displayName": "TypingIndicatorAnimated",
15351
+ "propsType": "TypingIndicatorAnimatedProps",
15352
+ "source": "animated",
15353
+ "props": [
15354
+ {
15355
+ "name": "animation",
15356
+ "type": "TypingIndicatorAnimation | undefined",
15357
+ "required": false,
15358
+ "group": "behavior",
15359
+ "deprecated": false
15360
+ },
15361
+ {
15362
+ "name": "appearance",
15363
+ "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",
15364
+ "required": false,
15365
+ "group": "behavior",
15366
+ "deprecated": false
15367
+ },
15368
+ {
15369
+ "name": "dots",
15370
+ "type": "TypingIndicatorDots | undefined",
15371
+ "required": false,
15372
+ "group": "behavior",
15373
+ "deprecated": false
15374
+ },
15375
+ {
15376
+ "name": "label",
15377
+ "type": "ReactNode",
15378
+ "required": false,
15379
+ "group": "behavior",
15380
+ "deprecated": false
15381
+ },
15382
+ {
15383
+ "name": "labelPosition",
15384
+ "type": "'before' | 'after' | undefined",
15385
+ "required": false,
15386
+ "group": "behavior",
15387
+ "deprecated": false
15388
+ },
15389
+ {
15390
+ "name": "ref",
15391
+ "type": "Ref<HTMLSpanElement> | undefined",
15392
+ "required": false,
15393
+ "group": "behavior",
15394
+ "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).",
15395
+ "deprecated": false
15396
+ },
15397
+ {
15398
+ "name": "size",
15399
+ "type": "'md' | 'sm' | 'lg' | null | undefined",
15400
+ "required": false,
15401
+ "group": "behavior",
15402
+ "deprecated": false
15403
+ },
15404
+ {
15405
+ "name": "children",
15406
+ "type": "ReactNode",
15407
+ "required": false,
15408
+ "group": "content",
15409
+ "deprecated": false
15410
+ },
15411
+ {
15412
+ "name": "className",
15413
+ "type": "string | undefined",
15414
+ "required": false,
15415
+ "group": "dom",
15416
+ "deprecated": false
15417
+ },
15418
+ {
15419
+ "name": "id",
15420
+ "type": "string | undefined",
15421
+ "required": false,
15422
+ "group": "dom",
15423
+ "deprecated": false
15424
+ },
15425
+ {
15426
+ "name": "onClick",
15427
+ "type": "MouseEventHandler<HTMLSpanElement> | undefined",
15428
+ "required": false,
15429
+ "group": "dom",
15430
+ "deprecated": false
15431
+ },
15432
+ {
15433
+ "name": "style",
15434
+ "type": "CSSProperties | undefined",
15435
+ "required": false,
15436
+ "group": "dom",
15437
+ "deprecated": false
15438
+ },
15439
+ {
15440
+ "name": "title",
15441
+ "type": "string | undefined",
15442
+ "required": false,
15443
+ "group": "dom",
15444
+ "deprecated": false
15445
+ }
15446
+ ]
15447
+ }
15448
+ ]
15449
+ },
15230
15450
  "typography": {
15231
15451
  "slug": "typography",
15232
15452
  "subcomponents": [
package/cli/registry.json CHANGED
@@ -47,6 +47,7 @@
47
47
  "toggle",
48
48
  "tooltip",
49
49
  "tree-view",
50
+ "typing-indicator",
50
51
  "typography"
51
52
  ],
52
53
  "animatedComponents": [
@@ -76,7 +77,8 @@
76
77
  "toast",
77
78
  "toggle",
78
79
  "tooltip",
79
- "tree-view"
80
+ "tree-view",
81
+ "typing-indicator"
80
82
  ],
81
83
  "charts": [
82
84
  "charts/area",
@@ -186,6 +188,7 @@
186
188
  "toggle",
187
189
  "tooltip",
188
190
  "tree-view",
191
+ "typing-indicator",
189
192
  "typography"
190
193
  ],
191
194
  "animations": [
@@ -394,6 +397,9 @@
394
397
  "react-icons",
395
398
  "framer-motion"
396
399
  ],
400
+ "typing-indicator": [
401
+ "framer-motion"
402
+ ],
397
403
  "spinner": [
398
404
  "framer-motion"
399
405
  ],
@@ -1,4 +1,4 @@
1
- import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-3RC5IG6O.mjs';
1
+ import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-AMNJ35TT.mjs';
2
2
  import { cva } from 'class-variance-authority';
3
3
 
4
4
  var buttonVariants = cva(zuiButtonBase, {
@@ -13,5 +13,5 @@ var buttonVariants = cva(zuiButtonBase, {
13
13
  });
14
14
 
15
15
  export { buttonVariants };
16
- //# sourceMappingURL=chunk-VN7FE5RR.mjs.map
17
- //# sourceMappingURL=chunk-VN7FE5RR.mjs.map
16
+ //# sourceMappingURL=chunk-37KMH77M.mjs.map
17
+ //# sourceMappingURL=chunk-37KMH77M.mjs.map
@@ -1 +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-VN7FE5RR.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"]}
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-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"]}
@@ -0,0 +1,96 @@
1
+ import { zuiTypingIndicatorContainerBase, zuiTypingIndicatorSizes, zuiTypingIndicatorDotsBase, zuiTypingIndicatorDotBase, zuiTypingIndicatorDotSizes, zuiTypingIndicatorAppearances, zuiTypingIndicatorLabelBase, zuiTypingIndicatorLabelSizes, zuiTypingIndicatorDotDelays } from './chunk-EMZC6ICD.mjs';
2
+ import { cn } from './chunk-4D54YOL6.mjs';
3
+ import { cva } from 'class-variance-authority';
4
+ import { jsxs, jsx } from 'react/jsx-runtime';
5
+
6
+ var typingIndicatorVariants = cva(zuiTypingIndicatorContainerBase, {
7
+ variants: {
8
+ size: zuiTypingIndicatorSizes
9
+ },
10
+ defaultVariants: {
11
+ size: "md"
12
+ }
13
+ });
14
+ var typingIndicatorDotsVariants = cva(zuiTypingIndicatorDotsBase, {
15
+ variants: {
16
+ size: zuiTypingIndicatorSizes
17
+ },
18
+ defaultVariants: { size: "md" }
19
+ });
20
+ var typingIndicatorDotVariants = cva(zuiTypingIndicatorDotBase, {
21
+ variants: {
22
+ appearance: zuiTypingIndicatorAppearances,
23
+ size: zuiTypingIndicatorDotSizes
24
+ },
25
+ defaultVariants: {
26
+ appearance: "default",
27
+ size: "md"
28
+ }
29
+ });
30
+ var typingIndicatorLabelVariants = cva(zuiTypingIndicatorLabelBase, {
31
+ variants: {
32
+ size: zuiTypingIndicatorLabelSizes
33
+ },
34
+ defaultVariants: { size: "md" }
35
+ });
36
+ function TypingIndicatorBase({
37
+ appearance,
38
+ size,
39
+ dots = 3,
40
+ label,
41
+ labelPosition = "before",
42
+ className,
43
+ ref,
44
+ ...rest
45
+ }) {
46
+ return /* @__PURE__ */ jsxs(
47
+ "span",
48
+ {
49
+ ref,
50
+ "data-slot": "typing-indicator",
51
+ className: cn(typingIndicatorVariants({ size }), className),
52
+ ...rest,
53
+ children: [
54
+ label && labelPosition === "before" && /* @__PURE__ */ jsx(TypingIndicatorLabel, { size, children: label }),
55
+ /* @__PURE__ */ jsx(
56
+ "span",
57
+ {
58
+ "data-slot": "typing-indicator-dots",
59
+ className: typingIndicatorDotsVariants({ size }),
60
+ children: Array.from({ length: dots }).map((_, i) => /* @__PURE__ */ jsx(
61
+ "span",
62
+ {
63
+ "data-slot": "typing-indicator-dot",
64
+ className: cn(
65
+ typingIndicatorDotVariants({ appearance, size }),
66
+ zuiTypingIndicatorDotDelays[i % zuiTypingIndicatorDotDelays.length]
67
+ )
68
+ },
69
+ i
70
+ ))
71
+ }
72
+ ),
73
+ label && labelPosition === "after" && /* @__PURE__ */ jsx(TypingIndicatorLabel, { size, children: label })
74
+ ]
75
+ }
76
+ );
77
+ }
78
+ TypingIndicatorBase.displayName = "TypingIndicator";
79
+ function TypingIndicatorLabel({
80
+ size,
81
+ children
82
+ }) {
83
+ return /* @__PURE__ */ jsx(
84
+ "span",
85
+ {
86
+ "data-slot": "typing-indicator-label",
87
+ className: typingIndicatorLabelVariants({ size }),
88
+ children
89
+ }
90
+ );
91
+ }
92
+ TypingIndicatorLabel.displayName = "TypingIndicatorLabel";
93
+
94
+ export { TypingIndicatorBase, TypingIndicatorLabel, typingIndicatorDotVariants, typingIndicatorDotsVariants, typingIndicatorLabelVariants, typingIndicatorVariants };
95
+ //# sourceMappingURL=chunk-4KOQS4DT.mjs.map
96
+ //# sourceMappingURL=chunk-4KOQS4DT.mjs.map
@@ -0,0 +1 @@
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"]}
@@ -1,6 +1,6 @@
1
1
  import { usePagination } from './chunk-YNBJAFI2.mjs';
2
- import { buttonVariants } from './chunk-VN7FE5RR.mjs';
3
- import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-3RC5IG6O.mjs';
2
+ import { buttonVariants } from './chunk-37KMH77M.mjs';
3
+ import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-AMNJ35TT.mjs';
4
4
  import { cn, clampPage } from './chunk-4D54YOL6.mjs';
5
5
  import { useId, useCallback } from 'react';
6
6
  import { cva } from 'class-variance-authority';
@@ -217,5 +217,5 @@ var Pagination = ({
217
217
  Pagination.displayName = "Pagination";
218
218
 
219
219
  export { Pagination, paginationEllipsisVariants, paginationListVariants };
220
- //# sourceMappingURL=chunk-3HBC34NF.mjs.map
221
- //# sourceMappingURL=chunk-3HBC34NF.mjs.map
220
+ //# sourceMappingURL=chunk-5XSW5JYA.mjs.map
221
+ //# sourceMappingURL=chunk-5XSW5JYA.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-3HBC34NF.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
1
+ {"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-5XSW5JYA.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
@@ -1,4 +1,5 @@
1
1
  import { zuiSpinnerVariants, zuiSpinnerSizes, zuiSpinnerBase, zuiSpinnerAppearances } from './chunk-2NQKFH26.mjs';
2
+ import { zuiUnorderedMarkers, zuiUnorderedListBase, zuiTypographyTones, zuiTextSizes, zuiOrderedListBase, zuiHeadingLevels, zuiHeadingBase } from './chunk-PUSCPBT2.mjs';
2
3
  import { zuiTableTextAlignments, zuiTableStickyHeader, zuiTableSizes, zuiTableRowBase, zuiTableRowAppearances, zuiTableCellSizes, zuiTableCellBase, zuiTableCellAppearances, zuiTableBase, zuiTableAppearances } from './chunk-YPTHTFVF.mjs';
3
4
  import { zuiTabsTriggerVariants, zuiTabsTriggerSizes, zuiTabsTriggerBase, zuiTabsTriggerAppearances, zuiTabsOrientations, zuiTabsListVariants, zuiTabsListSizes, zuiTabsListBase } from './chunk-XY3TKIIH.mjs';
4
5
  import { zuiTimelineTitleSizes, zuiTimelineTitleBase, zuiTimelineItemBase, zuiTimelineIndicatorSizes, zuiTimelineIndicatorBase, zuiTimelineIndicatorAppearances, zuiTimelineDescriptionSizes, zuiTimelineDescriptionBase, zuiTimelineContentSizes, zuiTimelineContentBase, zuiTimelineConnectorSizes, zuiTimelineConnectorBase, zuiTimelineBase } from './chunk-FX5KR2GP.mjs';
@@ -6,7 +7,7 @@ import { zuiToastViewportPositions, zuiToastViewportBase, zuiToastRootSizes, zui
6
7
  import { zuiToggleTrackSizes, zuiToggleTrackBase, zuiToggleTrackAppearances, zuiToggleThumbSizes, zuiToggleThumbColors, zuiToggleThumbBase } from './chunk-4ZBMDWWY.mjs';
7
8
  import { zuiTooltipWidths, zuiTooltipVariants, zuiTooltipSizes, zuiTooltipBase } from './chunk-YH6MOKHR.mjs';
8
9
  import { zuiTreeViewSizes, zuiTreeViewItemSizes, zuiTreeViewItemBase, zuiTreeViewItemAppearances, zuiTreeViewIcon, zuiTreeViewGuide, zuiTreeViewChevron, zuiTreeViewBase, zuiTreeViewAppearances } from './chunk-T4ZLTKV2.mjs';
9
- import { zuiUnorderedMarkers, zuiUnorderedListBase, zuiTypographyTones, zuiTextSizes, zuiOrderedListBase, zuiHeadingLevels, zuiHeadingBase } from './chunk-PUSCPBT2.mjs';
10
+ import { zuiTypingIndicatorSizes, zuiTypingIndicatorLabelSizes, zuiTypingIndicatorLabelBase, zuiTypingIndicatorDotsBase, zuiTypingIndicatorDotSizes, zuiTypingIndicatorDotDelays, zuiTypingIndicatorDotBase, zuiTypingIndicatorContainerBase, zuiTypingIndicatorAppearances } from './chunk-EMZC6ICD.mjs';
10
11
  import { zuiRatingSizes, zuiRatingRootBase, zuiRatingLabelBase, zuiRatingItemBase, zuiRatingIconBase, zuiRatingHintBase, zuiRatingGroupBase, zuiRatingErrorBase, zuiRatingControlBase, zuiRatingAppearances } from './chunk-5AOVTY2X.mjs';
11
12
  import { zuiRadioGroupSizes, zuiRadioGroupRootBase, zuiRadioGroupOrientations, zuiRadioGroupItemBase, zuiRadioGroupIndicatorBase, zuiRadioGroupControlBase, zuiRadioGroupAppearances } from './chunk-523VQLCW.mjs';
12
13
  import { zuiScrollAreaVisibility, zuiScrollAreaSizes, zuiScrollAreaShadows, zuiScrollAreaOrientations, zuiScrollAreaBase, zuiScrollAreaAppearances } from './chunk-3VW4HMJT.mjs';
@@ -397,6 +398,15 @@ __export(design_system_exports, {
397
398
  zuiTreeViewItemBase: () => zuiTreeViewItemBase,
398
399
  zuiTreeViewItemSizes: () => zuiTreeViewItemSizes,
399
400
  zuiTreeViewSizes: () => zuiTreeViewSizes,
401
+ zuiTypingIndicatorAppearances: () => zuiTypingIndicatorAppearances,
402
+ zuiTypingIndicatorContainerBase: () => zuiTypingIndicatorContainerBase,
403
+ zuiTypingIndicatorDotBase: () => zuiTypingIndicatorDotBase,
404
+ zuiTypingIndicatorDotDelays: () => zuiTypingIndicatorDotDelays,
405
+ zuiTypingIndicatorDotSizes: () => zuiTypingIndicatorDotSizes,
406
+ zuiTypingIndicatorDotsBase: () => zuiTypingIndicatorDotsBase,
407
+ zuiTypingIndicatorLabelBase: () => zuiTypingIndicatorLabelBase,
408
+ zuiTypingIndicatorLabelSizes: () => zuiTypingIndicatorLabelSizes,
409
+ zuiTypingIndicatorSizes: () => zuiTypingIndicatorSizes,
400
410
  zuiTypographyTones: () => zuiTypographyTones,
401
411
  zuiUnorderedListBase: () => zuiUnorderedListBase,
402
412
  zuiUnorderedMarkers: () => zuiUnorderedMarkers
@@ -723,5 +733,5 @@ var zuiSplitButtonContent = "min-w-[var(--zui-split-button-menu-min-width,12rem)
723
733
  var zuiSplitButtonItemDisabled = "pointer-events-none opacity-50";
724
734
 
725
735
  export { design_system_exports, zuiButtonAppearances, zuiButtonBase, zuiButtonSizes, zuiDataTableColumnPanelBase, zuiDataTableRootBase, zuiDataTableStateCellBase, zuiDataTableStatusBase, zuiDataTableToolbarBase, zuiDataTableToolbarGroupBase, zuiDataTableVirtualScrollBase, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes, zuiPaginationListAppearances, zuiPaginationListBase, zuiPaginationListSizes, zuiSplitButtonContent, zuiSplitButtonDropdown, zuiSplitButtonFullWidth, zuiSplitButtonGroup, zuiSplitButtonItemDisabled, zuiSplitButtonPrimary, zuiSplitButtonRoot, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes };
726
- //# sourceMappingURL=chunk-3RC5IG6O.mjs.map
727
- //# sourceMappingURL=chunk-3RC5IG6O.mjs.map
736
+ //# sourceMappingURL=chunk-AMNJ35TT.mjs.map
737
+ //# sourceMappingURL=chunk-AMNJ35TT.mjs.map