@okam/next-component 1.3.6 → 2.0.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 (11) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/hooks/useFilterState/index.d.ts +12 -10
  3. package/hooks/useFilterState/index.js +1 -1
  4. package/hooks/useFilterState/index.mjs +1 -1
  5. package/index.js +20 -20
  6. package/package.json +5 -4
  7. package/providers/AdminBar/index.js +2 -2
  8. package/providers/AdminBar/index.mjs +1 -1
  9. package/providers/DraftMode/index.js +2 -2
  10. package/providers/DraftMode/index.mjs +1 -1
  11. package/theme/Filter/index.d.ts +160 -160
package/CHANGELOG.md CHANGED
@@ -1,3 +1,25 @@
1
+ # 2.0.0 (2026-02-05)
2
+
3
+ ### 🚀 Features
4
+
5
+ - **workspace:** migrate from npm to pnpm ([#399](https://github.com/OKAMca/stack/pull/399))
6
+
7
+ ### 🧱 Updated Dependencies
8
+
9
+ - Updated stack-ui to 2.0.0
10
+
11
+ ### ❤️ Thank You
12
+
13
+ - Claude Opus 4.5
14
+ - Marie-Maxime Tanguay @marie-maxime
15
+
16
+ ## 1.3.7 (2026-01-23)
17
+
18
+ ### 🧱 Updated Dependencies
19
+
20
+ - Updated stack-ui to 1.44.6
21
+ - Updated core-lib to 1.17.4
22
+
1
23
  ## 1.3.5 (2026-01-21)
2
24
 
3
25
  ### 🧱 Updated Dependencies
package/hooks/useFilterState/index.d.ts CHANGED
@@ -1,14 +1,16 @@
1
- import { Selection } from 'react-stately';
2
- import { TFilter } from './interface';
1
+ import { SelectionManager } from '@react-stately/selection';
2
+ import { Collection, Key, Node, Selection } from 'react-stately';
3
+ import { TFilter, TFilterItem } from './interface';
4
+ export interface UseFilterStateReturn {
5
+ collection: Collection<Node<TFilterItem>>;
6
+ disabledKeys: Set<Key>;
7
+ selectionManager: SelectionManager;
8
+ onSelectionChange: (keys: Selection) => void;
9
+ selectedKeys: string[] | undefined;
10
+ defaultSelectedKeys: Set<Key | string>;
11
+ }
3
12
  /**
4
13
  * Manages the selection state of a single filter.
5
14
  * The state is managed by `useListState` from `react-stately`, which controls `useQueryState` from `nuqs` to display the selected keys in the URL search params.
6
15
  */
7
- export declare function useFilterState(props: TFilter): {
8
- onSelectionChange: (keys: Selection) => void;
9
- selectedKeys: import('./interface').TFilterValue;
10
- defaultSelectedKeys: Set<import('react-stately').Key>;
11
- collection: import('react-stately').Collection<import('react-stately').Node<import('./interface').TFilterItem<import('@okam/stack-ui').TToken>>>;
12
- disabledKeys: Set<import('react-stately').Key>;
13
- selectionManager: import('@react-stately/selection').SelectionManager;
14
- };
16
+ export declare function useFilterState(props: TFilter): UseFilterStateReturn;
package/hooks/useFilterState/index.js CHANGED
@@ -45,6 +45,6 @@ function useFilterState(props) {
45
45
  }
46
46
  void setSelectedKeys(next);
47
47
  }, [state.selectionManager.selectedKeys]);
48
- return { ...state, onSelectionChange: onSelectedKeysChange, selectedKeys, defaultSelectedKeys };
48
+ return { ...state, onSelectionChange: onSelectedKeysChange, selectedKeys: selectedKeys ?? void 0, defaultSelectedKeys };
49
49
  }
50
50
  exports.useFilterState = useFilterState;
package/hooks/useFilterState/index.mjs CHANGED
@@ -43,7 +43,7 @@ function useFilterState(props) {
43
43
  }
44
44
  void setSelectedKeys(next);
45
45
  }, [state.selectionManager.selectedKeys]);
46
- return { ...state, onSelectionChange: onSelectedKeysChange, selectedKeys, defaultSelectedKeys };
46
+ return { ...state, onSelectionChange: onSelectedKeysChange, selectedKeys: selectedKeys ?? void 0, defaultSelectedKeys };
47
47
  }
48
48
  export {
49
49
  useFilterState
package/index.js CHANGED
@@ -1,22 +1,22 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const index = require("./components/Filter/index.js");
4
- const index$1 = require("./components/Img/index.js");
5
- const index$2 = require("./components/Link/index.js");
6
- const index$3 = require("./hooks/useFilterState/index.js");
7
- const index$4 = require("./hooks/useHash/index.js");
8
- const index$5 = require("./hooks/useLink/index.js");
9
- const index$6 = require("./providers/AdminBar/index.js");
10
- const index$7 = require("./providers/DraftMode/index.js");
11
- const index$8 = require("./theme/index.js");
12
- exports.Filter = index;
13
- exports.Img = index$1;
14
- exports.Link = index$2;
15
- exports.useFilterState = index$3.useFilterState;
16
- exports.useHash = index$4.useHash;
17
- exports.useLink = index$5.useLink;
18
- exports.AdminBarContextProvider = index$6.AdminBarContextProvider;
19
- exports.useAdminBar = index$6.useAdminBar;
20
- exports.DraftModeContextProvider = index$7.DraftModeContextProvider;
21
- exports.useDraftMode = index$7.useDraftMode;
22
- exports.ThemeProvider = index$8;
3
+ const index$2 = require("./components/Filter/index.js");
4
+ const index$3 = require("./components/Img/index.js");
5
+ const index$4 = require("./components/Link/index.js");
6
+ const index$6 = require("./hooks/useFilterState/index.js");
7
+ const index$7 = require("./hooks/useHash/index.js");
8
+ const index$8 = require("./hooks/useLink/index.js");
9
+ const index = require("./providers/AdminBar/index.js");
10
+ const index$1 = require("./providers/DraftMode/index.js");
11
+ const index$5 = require("./theme/index.js");
12
+ exports.Filter = index$2;
13
+ exports.Img = index$3;
14
+ exports.Link = index$4;
15
+ exports.useFilterState = index$6.useFilterState;
16
+ exports.useHash = index$7.useHash;
17
+ exports.useLink = index$8.useLink;
18
+ exports.AdminBarContextProvider = index.AdminBarContextProvider;
19
+ exports.useAdminBar = index.useAdminBar;
20
+ exports.DraftModeContextProvider = index$1.DraftModeContextProvider;
21
+ exports.useDraftMode = index$1.useDraftMode;
22
+ exports.ThemeProvider = index$5;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@okam/next-component",
3
- "version": "1.3.6",
3
+ "version": "2.0.0",
4
4
  "repository": {
5
5
  "url": "https://github.com/OKAMca/stack.git"
6
6
  },
@@ -36,14 +36,15 @@
36
36
  "node": ">=20.19.0"
37
37
  },
38
38
  "peerDependencies": {
39
+ "@react-stately/selection": "^3.20.0",
39
40
  "next": "^15.1.0 || ^16.0.0",
40
41
  "nuqs": "^2.4.0",
41
42
  "react": "^18.0.0 || ^19.0.0",
42
43
  "react-stately": "^3.43.0"
43
44
  },
44
45
  "dependencies": {
45
- "@okam/core-lib": "1.17.3",
46
- "@okam/stack-ui": "1.44.5",
46
+ "@okam/react-utils": "0.0.1",
47
+ "@okam/stack-ui": "2.0.0",
47
48
  "next": "^15.1.0 || ^16.0.0",
48
49
  "nuqs": "^2.4.3",
49
50
  "radashi": "^12.3.0",
@@ -55,4 +56,4 @@
55
56
  "devDependencies": {
56
57
  "react": "^19.0.0"
57
58
  }
58
- }
59
+ }
package/providers/AdminBar/index.js CHANGED
@@ -2,9 +2,9 @@
2
2
  "use strict";
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
4
  const jsxRuntime = require("react/jsx-runtime");
5
- const coreLib = require("@okam/core-lib");
5
+ const reactUtils = require("@okam/react-utils");
6
6
  const react = require("react");
7
- const adminBarCtx = coreLib.createCtx();
7
+ const adminBarCtx = reactUtils.createCtx();
8
8
  const useAdminBar = adminBarCtx[0];
9
9
  const AdminBarProvider = adminBarCtx[1];
10
10
  function AdminBarContextProvider(props) {
package/providers/AdminBar/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { createCtx } from "@okam/core-lib";
3
+ import { createCtx } from "@okam/react-utils";
4
4
  import { useState, useMemo } from "react";
5
5
  const adminBarCtx = createCtx();
6
6
  const useAdminBar = adminBarCtx[0];
package/providers/DraftMode/index.js CHANGED
@@ -2,9 +2,9 @@
2
2
  "use strict";
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
4
  const jsxRuntime = require("react/jsx-runtime");
5
- const coreLib = require("@okam/core-lib");
5
+ const reactUtils = require("@okam/react-utils");
6
6
  const react = require("react");
7
- const draftModeCtx = coreLib.createCtx();
7
+ const draftModeCtx = reactUtils.createCtx();
8
8
  const useDraftMode = draftModeCtx[0];
9
9
  const DraftModeProvider = draftModeCtx[1];
10
10
  function DraftModeContextProvider(props) {
package/providers/DraftMode/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { createCtx } from "@okam/core-lib";
3
+ import { createCtx } from "@okam/react-utils";
4
4
  import { useMemo } from "react";
5
5
  const draftModeCtx = createCtx();
6
6
  const useDraftMode = draftModeCtx[0];
package/theme/Filter/index.d.ts CHANGED
@@ -2,43 +2,43 @@ declare const filterTheme: {
2
2
  popover: {
3
3
  button: import('tailwind-variants').TVReturnType<{} | {
4
4
  type: {
5
- button: import('tailwind-merge').ClassNameValue | {
6
- base?: import('tailwind-merge').ClassNameValue;
5
+ button: import('tailwind-variants').ClassValue | {
6
+ base?: import('tailwind-variants').ClassValue;
7
7
  };
8
- menu: import('tailwind-merge').ClassNameValue | {
9
- base?: import('tailwind-merge').ClassNameValue;
8
+ menu: import('tailwind-variants').ClassValue | {
9
+ base?: import('tailwind-variants').ClassValue;
10
10
  };
11
11
  };
12
12
  buttonStyle: {
13
- default: import('tailwind-merge').ClassNameValue | {
14
- base?: import('tailwind-merge').ClassNameValue;
13
+ default: import('tailwind-variants').ClassValue | {
14
+ base?: import('tailwind-variants').ClassValue;
15
15
  };
16
- outline: import('tailwind-merge').ClassNameValue | {
17
- base?: import('tailwind-merge').ClassNameValue;
16
+ outline: import('tailwind-variants').ClassValue | {
17
+ base?: import('tailwind-variants').ClassValue;
18
18
  };
19
- hollow: import('tailwind-merge').ClassNameValue | {
20
- base?: import('tailwind-merge').ClassNameValue;
19
+ hollow: import('tailwind-variants').ClassValue | {
20
+ base?: import('tailwind-variants').ClassValue;
21
21
  };
22
22
  };
23
23
  intent: {
24
- error: import('tailwind-merge').ClassNameValue | {
25
- base?: import('tailwind-merge').ClassNameValue;
24
+ error: import('tailwind-variants').ClassValue | {
25
+ base?: import('tailwind-variants').ClassValue;
26
26
  };
27
27
  };
28
28
  size: {
29
- default: import('tailwind-merge').ClassNameValue | {
30
- base?: import('tailwind-merge').ClassNameValue;
29
+ default: import('tailwind-variants').ClassValue | {
30
+ base?: import('tailwind-variants').ClassValue;
31
31
  };
32
- large: import('tailwind-merge').ClassNameValue | {
33
- base?: import('tailwind-merge').ClassNameValue;
32
+ large: import('tailwind-variants').ClassValue | {
33
+ base?: import('tailwind-variants').ClassValue;
34
34
  };
35
35
  };
36
36
  shape: {
37
- rounded: import('tailwind-merge').ClassNameValue | {
38
- base?: import('tailwind-merge').ClassNameValue;
37
+ rounded: import('tailwind-variants').ClassValue | {
38
+ base?: import('tailwind-variants').ClassValue;
39
39
  };
40
- circular: import('tailwind-merge').ClassNameValue | {
41
- base?: import('tailwind-merge').ClassNameValue;
40
+ circular: import('tailwind-variants').ClassValue | {
41
+ base?: import('tailwind-variants').ClassValue;
42
42
  };
43
43
  };
44
44
  }, undefined, "!min-w-[200px]", {
@@ -133,36 +133,36 @@ declare const filterTheme: {
133
133
  tags: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-2 max-w-[150px] items-center mx-auto", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-2 max-w-[150px] items-center mx-auto", unknown, unknown, undefined>>;
134
134
  label: import('tailwind-variants').TVReturnType<{} | {
135
135
  size: {
136
- h1: import('tailwind-merge').ClassNameValue | {};
137
- h2: import('tailwind-merge').ClassNameValue | {};
138
- h3: import('tailwind-merge').ClassNameValue | {};
139
- h4: import('tailwind-merge').ClassNameValue | {};
140
- h5: import('tailwind-merge').ClassNameValue | {};
141
- h6: import('tailwind-merge').ClassNameValue | {};
142
- leading: import('tailwind-merge').ClassNameValue | {};
143
- paragraph: import('tailwind-merge').ClassNameValue | {};
144
- footnotes: import('tailwind-merge').ClassNameValue | {};
145
- xs: import('tailwind-merge').ClassNameValue | {};
136
+ h1: import('tailwind-variants').ClassValue | {};
137
+ h2: import('tailwind-variants').ClassValue | {};
138
+ h3: import('tailwind-variants').ClassValue | {};
139
+ h4: import('tailwind-variants').ClassValue | {};
140
+ h5: import('tailwind-variants').ClassValue | {};
141
+ h6: import('tailwind-variants').ClassValue | {};
142
+ leading: import('tailwind-variants').ClassValue | {};
143
+ paragraph: import('tailwind-variants').ClassValue | {};
144
+ footnotes: import('tailwind-variants').ClassValue | {};
145
+ xs: import('tailwind-variants').ClassValue | {};
146
146
  };
147
147
  font: {
148
- body: import('tailwind-merge').ClassNameValue | {};
148
+ body: import('tailwind-variants').ClassValue | {};
149
149
  };
150
150
  weight: {
151
- normal: import('tailwind-merge').ClassNameValue | {};
152
- light: import('tailwind-merge').ClassNameValue | {};
153
- bold: import('tailwind-merge').ClassNameValue | {};
151
+ normal: import('tailwind-variants').ClassValue | {};
152
+ light: import('tailwind-variants').ClassValue | {};
153
+ bold: import('tailwind-variants').ClassValue | {};
154
154
  };
155
155
  color: {
156
- gray: import('tailwind-merge').ClassNameValue | {};
157
- white: import('tailwind-merge').ClassNameValue | {};
156
+ gray: import('tailwind-variants').ClassValue | {};
157
+ white: import('tailwind-variants').ClassValue | {};
158
158
  };
159
159
  isError: {
160
- true: import('tailwind-merge').ClassNameValue | {};
160
+ true: import('tailwind-variants').ClassValue | {};
161
161
  };
162
162
  align: {
163
- center: import('tailwind-merge').ClassNameValue | {};
164
- left: import('tailwind-merge').ClassNameValue | {};
165
- right: import('tailwind-merge').ClassNameValue | {};
163
+ center: import('tailwind-variants').ClassValue | {};
164
+ left: import('tailwind-variants').ClassValue | {};
165
+ right: import('tailwind-variants').ClassValue | {};
166
166
  };
167
167
  }, undefined, undefined, {
168
168
  size: {
@@ -299,75 +299,75 @@ declare const filterTheme: {
299
299
  }, undefined, undefined, unknown, unknown, undefined>>>;
300
300
  description: import('tailwind-variants').TVReturnType<{} | {
301
301
  size: {
302
- h1: import('tailwind-merge').ClassNameValue | {
303
- base?: import('tailwind-merge').ClassNameValue;
302
+ h1: import('tailwind-variants').ClassValue | {
303
+ base?: import('tailwind-variants').ClassValue;
304
304
  };
305
- h2: import('tailwind-merge').ClassNameValue | {
306
- base?: import('tailwind-merge').ClassNameValue;
305
+ h2: import('tailwind-variants').ClassValue | {
306
+ base?: import('tailwind-variants').ClassValue;
307
307
  };
308
- h3: import('tailwind-merge').ClassNameValue | {
309
- base?: import('tailwind-merge').ClassNameValue;
308
+ h3: import('tailwind-variants').ClassValue | {
309
+ base?: import('tailwind-variants').ClassValue;
310
310
  };
311
- h4: import('tailwind-merge').ClassNameValue | {
312
- base?: import('tailwind-merge').ClassNameValue;
311
+ h4: import('tailwind-variants').ClassValue | {
312
+ base?: import('tailwind-variants').ClassValue;
313
313
  };
314
- h5: import('tailwind-merge').ClassNameValue | {
315
- base?: import('tailwind-merge').ClassNameValue;
314
+ h5: import('tailwind-variants').ClassValue | {
315
+ base?: import('tailwind-variants').ClassValue;
316
316
  };
317
- h6: import('tailwind-merge').ClassNameValue | {
318
- base?: import('tailwind-merge').ClassNameValue;
317
+ h6: import('tailwind-variants').ClassValue | {
318
+ base?: import('tailwind-variants').ClassValue;
319
319
  };
320
- leading: import('tailwind-merge').ClassNameValue | {
321
- base?: import('tailwind-merge').ClassNameValue;
320
+ leading: import('tailwind-variants').ClassValue | {
321
+ base?: import('tailwind-variants').ClassValue;
322
322
  };
323
- paragraph: import('tailwind-merge').ClassNameValue | {
324
- base?: import('tailwind-merge').ClassNameValue;
323
+ paragraph: import('tailwind-variants').ClassValue | {
324
+ base?: import('tailwind-variants').ClassValue;
325
325
  };
326
- footnotes: import('tailwind-merge').ClassNameValue | {
327
- base?: import('tailwind-merge').ClassNameValue;
326
+ footnotes: import('tailwind-variants').ClassValue | {
327
+ base?: import('tailwind-variants').ClassValue;
328
328
  };
329
- xs: import('tailwind-merge').ClassNameValue | {
330
- base?: import('tailwind-merge').ClassNameValue;
329
+ xs: import('tailwind-variants').ClassValue | {
330
+ base?: import('tailwind-variants').ClassValue;
331
331
  };
332
332
  };
333
333
  font: {
334
- body: import('tailwind-merge').ClassNameValue | {
335
- base?: import('tailwind-merge').ClassNameValue;
334
+ body: import('tailwind-variants').ClassValue | {
335
+ base?: import('tailwind-variants').ClassValue;
336
336
  };
337
337
  };
338
338
  weight: {
339
- normal: import('tailwind-merge').ClassNameValue | {
340
- base?: import('tailwind-merge').ClassNameValue;
339
+ normal: import('tailwind-variants').ClassValue | {
340
+ base?: import('tailwind-variants').ClassValue;
341
341
  };
342
- light: import('tailwind-merge').ClassNameValue | {
343
- base?: import('tailwind-merge').ClassNameValue;
342
+ light: import('tailwind-variants').ClassValue | {
343
+ base?: import('tailwind-variants').ClassValue;
344
344
  };
345
- bold: import('tailwind-merge').ClassNameValue | {
346
- base?: import('tailwind-merge').ClassNameValue;
345
+ bold: import('tailwind-variants').ClassValue | {
346
+ base?: import('tailwind-variants').ClassValue;
347
347
  };
348
348
  };
349
349
  color: {
350
- gray: import('tailwind-merge').ClassNameValue | {
351
- base?: import('tailwind-merge').ClassNameValue;
350
+ gray: import('tailwind-variants').ClassValue | {
351
+ base?: import('tailwind-variants').ClassValue;
352
352
  };
353
- white: import('tailwind-merge').ClassNameValue | {
354
- base?: import('tailwind-merge').ClassNameValue;
353
+ white: import('tailwind-variants').ClassValue | {
354
+ base?: import('tailwind-variants').ClassValue;
355
355
  };
356
356
  };
357
357
  isError: {
358
- true: import('tailwind-merge').ClassNameValue | {
359
- base?: import('tailwind-merge').ClassNameValue;
358
+ true: import('tailwind-variants').ClassValue | {
359
+ base?: import('tailwind-variants').ClassValue;
360
360
  };
361
361
  };
362
362
  align: {
363
- center: import('tailwind-merge').ClassNameValue | {
364
- base?: import('tailwind-merge').ClassNameValue;
363
+ center: import('tailwind-variants').ClassValue | {
364
+ base?: import('tailwind-variants').ClassValue;
365
365
  };
366
- left: import('tailwind-merge').ClassNameValue | {
367
- base?: import('tailwind-merge').ClassNameValue;
366
+ left: import('tailwind-variants').ClassValue | {
367
+ base?: import('tailwind-variants').ClassValue;
368
368
  };
369
- right: import('tailwind-merge').ClassNameValue | {
370
- base?: import('tailwind-merge').ClassNameValue;
369
+ right: import('tailwind-variants').ClassValue | {
370
+ base?: import('tailwind-variants').ClassValue;
371
371
  };
372
372
  };
373
373
  }, undefined, "block", {
@@ -505,75 +505,75 @@ declare const filterTheme: {
505
505
  }, undefined, undefined, unknown, unknown, undefined>>>;
506
506
  errorMessage: import('tailwind-variants').TVReturnType<{} | {
507
507
  size: {
508
- h1: import('tailwind-merge').ClassNameValue | {
509
- base?: import('tailwind-merge').ClassNameValue;
508
+ h1: import('tailwind-variants').ClassValue | {
509
+ base?: import('tailwind-variants').ClassValue;
510
510
  };
511
- h2: import('tailwind-merge').ClassNameValue | {
512
- base?: import('tailwind-merge').ClassNameValue;
511
+ h2: import('tailwind-variants').ClassValue | {
512
+ base?: import('tailwind-variants').ClassValue;
513
513
  };
514
- h3: import('tailwind-merge').ClassNameValue | {
515
- base?: import('tailwind-merge').ClassNameValue;
514
+ h3: import('tailwind-variants').ClassValue | {
515
+ base?: import('tailwind-variants').ClassValue;
516
516
  };
517
- h4: import('tailwind-merge').ClassNameValue | {
518
- base?: import('tailwind-merge').ClassNameValue;
517
+ h4: import('tailwind-variants').ClassValue | {
518
+ base?: import('tailwind-variants').ClassValue;
519
519
  };
520
- h5: import('tailwind-merge').ClassNameValue | {
521
- base?: import('tailwind-merge').ClassNameValue;
520
+ h5: import('tailwind-variants').ClassValue | {
521
+ base?: import('tailwind-variants').ClassValue;
522
522
  };
523
- h6: import('tailwind-merge').ClassNameValue | {
524
- base?: import('tailwind-merge').ClassNameValue;
523
+ h6: import('tailwind-variants').ClassValue | {
524
+ base?: import('tailwind-variants').ClassValue;
525
525
  };
526
- leading: import('tailwind-merge').ClassNameValue | {
527
- base?: import('tailwind-merge').ClassNameValue;
526
+ leading: import('tailwind-variants').ClassValue | {
527
+ base?: import('tailwind-variants').ClassValue;
528
528
  };
529
- paragraph: import('tailwind-merge').ClassNameValue | {
530
- base?: import('tailwind-merge').ClassNameValue;
529
+ paragraph: import('tailwind-variants').ClassValue | {
530
+ base?: import('tailwind-variants').ClassValue;
531
531
  };
532
- footnotes: import('tailwind-merge').ClassNameValue | {
533
- base?: import('tailwind-merge').ClassNameValue;
532
+ footnotes: import('tailwind-variants').ClassValue | {
533
+ base?: import('tailwind-variants').ClassValue;
534
534
  };
535
- xs: import('tailwind-merge').ClassNameValue | {
536
- base?: import('tailwind-merge').ClassNameValue;
535
+ xs: import('tailwind-variants').ClassValue | {
536
+ base?: import('tailwind-variants').ClassValue;
537
537
  };
538
538
  };
539
539
  font: {
540
- body: import('tailwind-merge').ClassNameValue | {
541
- base?: import('tailwind-merge').ClassNameValue;
540
+ body: import('tailwind-variants').ClassValue | {
541
+ base?: import('tailwind-variants').ClassValue;
542
542
  };
543
543
  };
544
544
  weight: {
545
- normal: import('tailwind-merge').ClassNameValue | {
546
- base?: import('tailwind-merge').ClassNameValue;
545
+ normal: import('tailwind-variants').ClassValue | {
546
+ base?: import('tailwind-variants').ClassValue;
547
547
  };
548
- light: import('tailwind-merge').ClassNameValue | {
549
- base?: import('tailwind-merge').ClassNameValue;
548
+ light: import('tailwind-variants').ClassValue | {
549
+ base?: import('tailwind-variants').ClassValue;
550
550
  };
551
- bold: import('tailwind-merge').ClassNameValue | {
552
- base?: import('tailwind-merge').ClassNameValue;
551
+ bold: import('tailwind-variants').ClassValue | {
552
+ base?: import('tailwind-variants').ClassValue;
553
553
  };
554
554
  };
555
555
  color: {
556
- gray: import('tailwind-merge').ClassNameValue | {
557
- base?: import('tailwind-merge').ClassNameValue;
556
+ gray: import('tailwind-variants').ClassValue | {
557
+ base?: import('tailwind-variants').ClassValue;
558
558
  };
559
- white: import('tailwind-merge').ClassNameValue | {
560
- base?: import('tailwind-merge').ClassNameValue;
559
+ white: import('tailwind-variants').ClassValue | {
560
+ base?: import('tailwind-variants').ClassValue;
561
561
  };
562
562
  };
563
563
  isError: {
564
- true: import('tailwind-merge').ClassNameValue | {
565
- base?: import('tailwind-merge').ClassNameValue;
564
+ true: import('tailwind-variants').ClassValue | {
565
+ base?: import('tailwind-variants').ClassValue;
566
566
  };
567
567
  };
568
568
  align: {
569
- center: import('tailwind-merge').ClassNameValue | {
570
- base?: import('tailwind-merge').ClassNameValue;
569
+ center: import('tailwind-variants').ClassValue | {
570
+ base?: import('tailwind-variants').ClassValue;
571
571
  };
572
- left: import('tailwind-merge').ClassNameValue | {
573
- base?: import('tailwind-merge').ClassNameValue;
572
+ left: import('tailwind-variants').ClassValue | {
573
+ base?: import('tailwind-variants').ClassValue;
574
574
  };
575
- right: import('tailwind-merge').ClassNameValue | {
576
- base?: import('tailwind-merge').ClassNameValue;
575
+ right: import('tailwind-variants').ClassValue | {
576
+ base?: import('tailwind-variants').ClassValue;
577
577
  };
578
578
  };
579
579
  }, undefined, "block", {
@@ -734,75 +734,75 @@ declare const filterTheme: {
734
734
  }, undefined, string[], unknown, unknown, undefined>>;
735
735
  container: import('tailwind-variants').TVReturnType<{} | {
736
736
  size: {
737
- h1: import('tailwind-merge').ClassNameValue | {
738
- base?: import('tailwind-merge').ClassNameValue;
737
+ h1: import('tailwind-variants').ClassValue | {
738
+ base?: import('tailwind-variants').ClassValue;
739
739
  };
740
- h2: import('tailwind-merge').ClassNameValue | {
741
- base?: import('tailwind-merge').ClassNameValue;
740
+ h2: import('tailwind-variants').ClassValue | {
741
+ base?: import('tailwind-variants').ClassValue;
742
742
  };
743
- h3: import('tailwind-merge').ClassNameValue | {
744
- base?: import('tailwind-merge').ClassNameValue;
743
+ h3: import('tailwind-variants').ClassValue | {
744
+ base?: import('tailwind-variants').ClassValue;
745
745
  };
746
- h4: import('tailwind-merge').ClassNameValue | {
747
- base?: import('tailwind-merge').ClassNameValue;
746
+ h4: import('tailwind-variants').ClassValue | {
747
+ base?: import('tailwind-variants').ClassValue;
748
748
  };
749
- h5: import('tailwind-merge').ClassNameValue | {
750
- base?: import('tailwind-merge').ClassNameValue;
749
+ h5: import('tailwind-variants').ClassValue | {
750
+ base?: import('tailwind-variants').ClassValue;
751
751
  };
752
- h6: import('tailwind-merge').ClassNameValue | {
753
- base?: import('tailwind-merge').ClassNameValue;
752
+ h6: import('tailwind-variants').ClassValue | {
753
+ base?: import('tailwind-variants').ClassValue;
754
754
  };
755
- leading: import('tailwind-merge').ClassNameValue | {
756
- base?: import('tailwind-merge').ClassNameValue;
755
+ leading: import('tailwind-variants').ClassValue | {
756
+ base?: import('tailwind-variants').ClassValue;
757
757
  };
758
- paragraph: import('tailwind-merge').ClassNameValue | {
759
- base?: import('tailwind-merge').ClassNameValue;
758
+ paragraph: import('tailwind-variants').ClassValue | {
759
+ base?: import('tailwind-variants').ClassValue;
760
760
  };
761
- footnotes: import('tailwind-merge').ClassNameValue | {
762
- base?: import('tailwind-merge').ClassNameValue;
761
+ footnotes: import('tailwind-variants').ClassValue | {
762
+ base?: import('tailwind-variants').ClassValue;
763
763
  };
764
- xs: import('tailwind-merge').ClassNameValue | {
765
- base?: import('tailwind-merge').ClassNameValue;
764
+ xs: import('tailwind-variants').ClassValue | {
765
+ base?: import('tailwind-variants').ClassValue;
766
766
  };
767
767
  };
768
768
  font: {
769
- body: import('tailwind-merge').ClassNameValue | {
770
- base?: import('tailwind-merge').ClassNameValue;
769
+ body: import('tailwind-variants').ClassValue | {
770
+ base?: import('tailwind-variants').ClassValue;
771
771
  };
772
772
  };
773
773
  weight: {
774
- normal: import('tailwind-merge').ClassNameValue | {
775
- base?: import('tailwind-merge').ClassNameValue;
774
+ normal: import('tailwind-variants').ClassValue | {
775
+ base?: import('tailwind-variants').ClassValue;
776
776
  };
777
- light: import('tailwind-merge').ClassNameValue | {
778
- base?: import('tailwind-merge').ClassNameValue;
777
+ light: import('tailwind-variants').ClassValue | {
778
+ base?: import('tailwind-variants').ClassValue;
779
779
  };
780
- bold: import('tailwind-merge').ClassNameValue | {
781
- base?: import('tailwind-merge').ClassNameValue;
780
+ bold: import('tailwind-variants').ClassValue | {
781
+ base?: import('tailwind-variants').ClassValue;
782
782
  };
783
783
  };
784
784
  color: {
785
- gray: import('tailwind-merge').ClassNameValue | {
786
- base?: import('tailwind-merge').ClassNameValue;
785
+ gray: import('tailwind-variants').ClassValue | {
786
+ base?: import('tailwind-variants').ClassValue;
787
787
  };
788
- white: import('tailwind-merge').ClassNameValue | {
789
- base?: import('tailwind-merge').ClassNameValue;
788
+ white: import('tailwind-variants').ClassValue | {
789
+ base?: import('tailwind-variants').ClassValue;
790
790
  };
791
791
  };
792
792
  isError: {
793
- true: import('tailwind-merge').ClassNameValue | {
794
- base?: import('tailwind-merge').ClassNameValue;
793
+ true: import('tailwind-variants').ClassValue | {
794
+ base?: import('tailwind-variants').ClassValue;
795
795
  };
796
796
  };
797
797
  align: {
798
- center: import('tailwind-merge').ClassNameValue | {
799
- base?: import('tailwind-merge').ClassNameValue;
798
+ center: import('tailwind-variants').ClassValue | {
799
+ base?: import('tailwind-variants').ClassValue;
800
800
  };
801
- left: import('tailwind-merge').ClassNameValue | {
802
- base?: import('tailwind-merge').ClassNameValue;
801
+ left: import('tailwind-variants').ClassValue | {
802
+ base?: import('tailwind-variants').ClassValue;
803
803
  };
804
- right: import('tailwind-merge').ClassNameValue | {
805
- base?: import('tailwind-merge').ClassNameValue;
804
+ right: import('tailwind-variants').ClassValue | {
805
+ base?: import('tailwind-variants').ClassValue;
806
806
  };
807
807
  };
808
808
  }, undefined, "flex items-center justify-center", {