@nextui-org/theme 0.0.0-dev-v2-20230716194106 → 0.0.0-dev-v2-20230718014939

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 (61) hide show
  1. package/dist/{chunk-H3WJKBMK.mjs → chunk-2T5RQ7SK.mjs} +3 -2
  2. package/dist/{chunk-NAXYVM2Y.mjs → chunk-3M6H25BL.mjs} +34 -18
  3. package/dist/{chunk-G4RCK475.mjs → chunk-7L2ZWDVP.mjs} +1 -1
  4. package/dist/{chunk-HK6FLMPL.mjs → chunk-7MCHEQXT.mjs} +2 -10
  5. package/dist/{chunk-TJL5HHMD.mjs → chunk-KO4T2DX4.mjs} +4 -5
  6. package/dist/{chunk-QZTWGJ72.mjs → chunk-QGHMGO5E.mjs} +2 -2
  7. package/dist/{chunk-WK6I5GT7.mjs → chunk-RUD4TZ7J.mjs} +4 -4
  8. package/dist/{chunk-HKDWTEHI.mjs → chunk-SJ7X4UT4.mjs} +29 -12
  9. package/dist/{chunk-4DKW2WAC.mjs → chunk-Y33ZY7KH.mjs} +2 -2
  10. package/dist/colors/common.mjs +3 -3
  11. package/dist/colors/index.mjs +5 -5
  12. package/dist/colors/semantic.mjs +4 -4
  13. package/dist/colors.mjs +5 -5
  14. package/dist/components/accordion.mjs +1 -1
  15. package/dist/components/avatar.mjs +2 -2
  16. package/dist/components/badge.mjs +2 -2
  17. package/dist/components/button.d.ts +4 -4
  18. package/dist/components/button.js +1 -2
  19. package/dist/components/button.mjs +2 -2
  20. package/dist/components/card.mjs +1 -1
  21. package/dist/components/checkbox.js +3 -2
  22. package/dist/components/checkbox.mjs +2 -2
  23. package/dist/components/chip.mjs +2 -2
  24. package/dist/components/code.mjs +2 -2
  25. package/dist/components/dropdown.mjs +1 -1
  26. package/dist/components/index.js +35 -18
  27. package/dist/components/index.mjs +40 -40
  28. package/dist/components/input.mjs +1 -1
  29. package/dist/components/link.mjs +1 -1
  30. package/dist/components/modal.mjs +1 -1
  31. package/dist/components/navbar.mjs +1 -1
  32. package/dist/components/pagination.d.ts +4 -4
  33. package/dist/components/pagination.js +1 -1
  34. package/dist/components/pagination.mjs +2 -2
  35. package/dist/components/popover.mjs +2 -2
  36. package/dist/components/radio.d.ts +4 -4
  37. package/dist/components/radio.js +2 -2
  38. package/dist/components/radio.mjs +2 -2
  39. package/dist/components/snippet.mjs +2 -2
  40. package/dist/components/table.mjs +1 -1
  41. package/dist/components/tabs.mjs +2 -2
  42. package/dist/components/toggle.js +34 -16
  43. package/dist/components/toggle.mjs +2 -2
  44. package/dist/components/user.mjs +1 -1
  45. package/dist/default-layout.d.ts +1 -5
  46. package/dist/default-layout.js +1 -10
  47. package/dist/default-layout.mjs +1 -3
  48. package/dist/index.js +64 -37
  49. package/dist/index.mjs +48 -48
  50. package/dist/plugin.js +29 -19
  51. package/dist/plugin.mjs +8 -8
  52. package/dist/types.d.ts +6 -2
  53. package/package.json +1 -1
  54. package/dist/{chunk-XCWQAA5D.mjs → chunk-3RZCOCFH.mjs} +3 -3
  55. package/dist/{chunk-IAS3SFA4.mjs → chunk-6TOTQSJE.mjs} +6 -6
  56. package/dist/{chunk-RHIZZ5XX.mjs → chunk-AWPGSFD6.mjs} +3 -3
  57. package/dist/{chunk-77O7KLUI.mjs → chunk-HDWYLUG3.mjs} +3 -3
  58. package/dist/{chunk-HFOW2Y4W.mjs → chunk-HREHHLTK.mjs} +3 -3
  59. package/dist/{chunk-B55QBA5E.mjs → chunk-O3IKQG57.mjs} +3 -3
  60. package/dist/{chunk-MYJVNM2A.mjs → chunk-QZOZ7UWM.mjs} +3 -3
  61. package/dist/{chunk-RPMLQF4Y.mjs → chunk-VB6YPWEW.mjs} +3 -3
@@ -8,7 +8,7 @@ import {
8
8
  // src/components/checkbox.ts
9
9
  var checkbox = tv({
10
10
  slots: {
11
- base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
11
+ base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
12
12
  wrapper: [
13
13
  "relative",
14
14
  "inline-flex",
@@ -32,7 +32,6 @@ var checkbox = tv({
32
32
  "group-data-[selected=true]:after:scale-100",
33
33
  "group-data-[selected=true]:after:opacity-100",
34
34
  "group-data-[hover=true]:before:bg-default-100",
35
- "group-data-[hover=true]:before:bg-default-100",
36
35
  ...groupDataFocusVisibleClasses
37
36
  ],
38
37
  icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
@@ -150,6 +149,8 @@ var checkbox = tv({
150
149
  false: {
151
150
  wrapper: [
152
151
  "before:transition-background",
152
+ "group-data-[pressed=true]:scale-95",
153
+ "transition-transform",
153
154
  "after:transition-transform-opacity",
154
155
  "after:!ease-linear",
155
156
  "after:!duration-200"
@@ -3,6 +3,9 @@ import {
3
3
  generateSpacingScale,
4
4
  isBaseTheme
5
5
  } from "./chunk-XA5ALA4E.mjs";
6
+ import {
7
+ animations
8
+ } from "./chunk-DMASP6FA.mjs";
6
9
  import {
7
10
  utilities
8
11
  } from "./chunk-DYIIRM5B.mjs";
@@ -11,22 +14,18 @@ import {
11
14
  } from "./chunk-T7JNS25F.mjs";
12
15
  import {
13
16
  semanticColors
14
- } from "./chunk-G4RCK475.mjs";
17
+ } from "./chunk-7L2ZWDVP.mjs";
15
18
  import {
16
19
  flattenThemeObject
17
20
  } from "./chunk-KUNVFLXJ.mjs";
18
21
  import {
19
22
  darkLayout,
20
23
  defaultLayout,
21
- layouts,
22
24
  lightLayout
23
- } from "./chunk-HK6FLMPL.mjs";
24
- import {
25
- animations
26
- } from "./chunk-DMASP6FA.mjs";
25
+ } from "./chunk-7MCHEQXT.mjs";
27
26
  import {
28
27
  commonColors
29
- } from "./chunk-IAS3SFA4.mjs";
28
+ } from "./chunk-6TOTQSJE.mjs";
30
29
 
31
30
  // src/plugin.ts
32
31
  import Color from "color";
@@ -107,7 +106,7 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
107
106
  });
108
107
  return resolved;
109
108
  };
110
- var corePlugin = (themes = {}, defaultTheme, prefix, omitCommonColors) => {
109
+ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
111
110
  const resolved = resolveConfig(themes, defaultTheme, prefix);
112
111
  const minSizes = {
113
112
  "unit-1": `var(--${prefix}-spacing-unit)`,
@@ -143,7 +142,7 @@ var corePlugin = (themes = {}, defaultTheme, prefix, omitCommonColors) => {
143
142
  theme: {
144
143
  extend: {
145
144
  colors: {
146
- ...omitCommonColors ? {} : commonColors,
145
+ ...addCommonColors ? commonColors : {},
147
146
  ...resolved.colors
148
147
  },
149
148
  height: {
@@ -208,13 +207,27 @@ var corePlugin = (themes = {}, defaultTheme, prefix, omitCommonColors) => {
208
207
  );
209
208
  };
210
209
  var nextui = (config = {}) => {
211
- const themeObject = config.themes;
210
+ const {
211
+ themes: themeObject = {},
212
+ defaultTheme = "light",
213
+ layout: userLayout,
214
+ defaultExtendTheme = "light",
215
+ prefix: defaultPrefix = DEFAULT_PREFIX,
216
+ addCommonColors = false
217
+ } = config;
212
218
  const userLightColors = get(themeObject, "light.colors", {});
213
219
  const userDarkColors = get(themeObject, "dark.colors", {});
214
- const defaultTheme = config.defaultTheme || "light";
215
- const defaultExtendTheme = config.defaultExtendTheme || "light";
216
- const defaultPrefix = config.prefix || DEFAULT_PREFIX;
217
- const omitCommonColors = config.omitCommonColors || false;
220
+ const defaultLayoutObj = userLayout && typeof userLayout === "object" ? deepMerge(defaultLayout, userLayout) : defaultLayout;
221
+ const baseLayouts = {
222
+ light: {
223
+ ...defaultLayoutObj,
224
+ ...lightLayout
225
+ },
226
+ dark: {
227
+ ...defaultLayoutObj,
228
+ ...darkLayout
229
+ }
230
+ };
218
231
  let otherThemes = omit(themeObject, ["light", "dark"]) || {};
219
232
  forEach(otherThemes, ({ extend, colors, layout }, themeName) => {
220
233
  const baseTheme = extend && isBaseTheme(extend) ? extend : defaultExtendTheme;
@@ -222,15 +235,18 @@ var nextui = (config = {}) => {
222
235
  otherThemes[themeName].colors = deepMerge(semanticColors[baseTheme], colors);
223
236
  }
224
237
  if (layout && typeof layout === "object") {
225
- otherThemes[themeName].layout = deepMerge(extend ? layouts[extend] : defaultLayout, layout);
238
+ otherThemes[themeName].layout = deepMerge(
239
+ extend ? baseLayouts[extend] : defaultLayoutObj,
240
+ layout
241
+ );
226
242
  }
227
243
  });
228
244
  const light = {
229
- layout: deepMerge(lightLayout, get(themeObject, "light.layout", {})),
245
+ layout: deepMerge(baseLayouts.light, get(themeObject, "light.layout", {})),
230
246
  colors: deepMerge(semanticColors.light, userLightColors)
231
247
  };
232
248
  const dark = {
233
- layout: deepMerge(darkLayout, get(themeObject, "dark.layout", {})),
249
+ layout: deepMerge(baseLayouts.dark, get(themeObject, "dark.layout", {})),
234
250
  colors: deepMerge(semanticColors.dark, userDarkColors)
235
251
  };
236
252
  const themes = {
@@ -238,7 +254,7 @@ var nextui = (config = {}) => {
238
254
  dark,
239
255
  ...otherThemes
240
256
  };
241
- return corePlugin(themes, defaultTheme, defaultPrefix, omitCommonColors);
257
+ return corePlugin(themes, defaultTheme, defaultPrefix, addCommonColors);
242
258
  };
243
259
 
244
260
  export {
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-KUNVFLXJ.mjs";
4
4
  import {
5
5
  commonColors
6
- } from "./chunk-IAS3SFA4.mjs";
6
+ } from "./chunk-6TOTQSJE.mjs";
7
7
 
8
8
  // src/colors/semantic.ts
9
9
  import { readableColor } from "color2k";
@@ -31,25 +31,17 @@ var defaultLayout = {
31
31
  large: "0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"
32
32
  }
33
33
  };
34
- var lightLayout = {
35
- ...defaultLayout
36
- };
34
+ var lightLayout = {};
37
35
  var darkLayout = {
38
- ...defaultLayout,
39
36
  boxShadow: {
40
37
  small: "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
41
38
  medium: "0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
42
39
  large: "0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)"
43
40
  }
44
41
  };
45
- var layouts = {
46
- light: lightLayout,
47
- dark: darkLayout
48
- };
49
42
 
50
43
  export {
51
44
  defaultLayout,
52
45
  lightLayout,
53
- darkLayout,
54
- layouts
46
+ darkLayout
55
47
  };
@@ -1,9 +1,9 @@
1
- import {
2
- colorVariants
3
- } from "./chunk-2PIR7DFM.mjs";
4
1
  import {
5
2
  tv
6
3
  } from "./chunk-6AEINX52.mjs";
4
+ import {
5
+ colorVariants
6
+ } from "./chunk-2PIR7DFM.mjs";
7
7
  import {
8
8
  dataFocusVisibleClasses
9
9
  } from "./chunk-T7JNS25F.mjs";
@@ -25,7 +25,6 @@ var button = tv({
25
25
  "min-w-max",
26
26
  "font-normal",
27
27
  "subpixel-antialiased",
28
- "data-[pressed=true]:scale-95",
29
28
  "overflow-hidden",
30
29
  "tap-highlight-transparent",
31
30
  ...dataFocusVisibleClasses
@@ -78,7 +77,7 @@ var button = tv({
78
77
  },
79
78
  disableAnimation: {
80
79
  true: "!transition-none",
81
- false: "transition-transform-colors motion-reduce:transition-none"
80
+ false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none"
82
81
  }
83
82
  },
84
83
  defaultVariants: {
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  semanticColors
3
- } from "./chunk-G4RCK475.mjs";
3
+ } from "./chunk-7L2ZWDVP.mjs";
4
4
  import {
5
5
  commonColors
6
- } from "./chunk-IAS3SFA4.mjs";
6
+ } from "./chunk-6TOTQSJE.mjs";
7
7
 
8
8
  // src/colors/index.ts
9
9
  var colors = {
@@ -1,9 +1,9 @@
1
- import {
2
- colorVariants
3
- } from "./chunk-2PIR7DFM.mjs";
4
1
  import {
5
2
  tv
6
3
  } from "./chunk-6AEINX52.mjs";
4
+ import {
5
+ colorVariants
6
+ } from "./chunk-2PIR7DFM.mjs";
7
7
  import {
8
8
  dataFocusVisibleClasses
9
9
  } from "./chunk-T7JNS25F.mjs";
@@ -123,7 +123,7 @@ var pagination = tv({
123
123
  cursor: "transition-none"
124
124
  },
125
125
  false: {
126
- item: "transition-background",
126
+ item: ["data-[pressed=true]:scale-95", "transition-transform-background"],
127
127
  cursor: ["transition-transform", "!duration-300"]
128
128
  }
129
129
  }
@@ -2,7 +2,7 @@ import {
2
2
  tv
3
3
  } from "./chunk-6AEINX52.mjs";
4
4
  import {
5
- dataFocusVisibleClasses
5
+ groupDataFocusVisibleClasses
6
6
  } from "./chunk-T7JNS25F.mjs";
7
7
 
8
8
  // src/components/toggle.ts
@@ -19,7 +19,7 @@ var toggle = tv({
19
19
  "overflow-hidden",
20
20
  "bg-default-200",
21
21
  "rounded-full",
22
- ...dataFocusVisibleClasses
22
+ ...groupDataFocusVisibleClasses
23
23
  ],
24
24
  thumb: [
25
25
  "z-10",
@@ -80,9 +80,7 @@ var toggle = tv({
80
80
  wrapper: "w-10 h-6 mr-2",
81
81
  thumb: [
82
82
  "w-4 h-4 text-tiny",
83
- "group-data-[selected=true]:ml-4",
84
- "group-data-[pressed=true]:w-5",
85
- "group-data-[selected]:group-data-[pressed]:ml-4"
83
+ "group-data-[selected=true]:ml-4"
86
84
  ],
87
85
  endContent: "text-tiny",
88
86
  startContent: "text-tiny",
@@ -92,9 +90,7 @@ var toggle = tv({
92
90
  wrapper: "w-12 h-7 mr-2",
93
91
  thumb: [
94
92
  "w-5 h-5 text-small",
95
- "group-data-[selected=true]:ml-5",
96
- "group-data-[pressed=true]:w-6",
97
- "group-data-[selected]:group-data-[pressed]:ml-4"
93
+ "group-data-[selected=true]:ml-5"
98
94
  ],
99
95
  endContent: "text-small",
100
96
  startContent: "text-small",
@@ -104,9 +100,7 @@ var toggle = tv({
104
100
  wrapper: "w-14 h-8 mr-2",
105
101
  thumb: [
106
102
  "w-6 h-6 text-medium",
107
- "group-data-[selected=true]:ml-6",
108
- "group-data-[pressed=true]:w-7",
109
- "group-data-[selected]:group-data-[pressed]:ml-5"
103
+ "group-data-[selected=true]:ml-6"
110
104
  ],
111
105
  endContent: "text-medium",
112
106
  startContent: "text-medium",
@@ -147,7 +141,30 @@ var toggle = tv({
147
141
  size: "md",
148
142
  isDisabled: false,
149
143
  disableAnimation: false
150
- }
144
+ },
145
+ compoundVariants: [
146
+ {
147
+ disableAnimation: false,
148
+ size: "sm",
149
+ class: {
150
+ thumb: ["group-data-[pressed=true]:w-5", "group-data-[selected]:group-data-[pressed]:ml-4"]
151
+ }
152
+ },
153
+ {
154
+ disableAnimation: false,
155
+ size: "md",
156
+ class: {
157
+ thumb: ["group-data-[pressed=true]:w-6", "group-data-[selected]:group-data-[pressed]:ml-4"]
158
+ }
159
+ },
160
+ {
161
+ disableAnimation: false,
162
+ size: "lg",
163
+ class: {
164
+ thumb: ["group-data-[pressed=true]:w-7", "group-data-[selected]:group-data-[pressed]:ml-5"]
165
+ }
166
+ }
167
+ ]
151
168
  });
152
169
 
153
170
  export {
@@ -8,7 +8,7 @@ import {
8
8
  // src/components/radio.ts
9
9
  var radio = tv({
10
10
  slots: {
11
- base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
11
+ base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
12
12
  wrapper: [
13
13
  "relative",
14
14
  "inline-flex",
@@ -105,7 +105,7 @@ var radio = tv({
105
105
  disableAnimation: {
106
106
  true: {},
107
107
  false: {
108
- wrapper: "transition-background",
108
+ wrapper: ["group-data-[pressed=true]:scale-95", "transition-transform-background"],
109
109
  control: "transition-transform-opacity"
110
110
  }
111
111
  }
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  commonColors
3
- } from "../chunk-IAS3SFA4.mjs";
4
- import "../chunk-JUEOCLA3.mjs";
3
+ } from "../chunk-6TOTQSJE.mjs";
5
4
  import "../chunk-3LKKH4AR.mjs";
6
- import "../chunk-T3GWIVAM.mjs";
7
5
  import "../chunk-OR5PUD24.mjs";
8
6
  import "../chunk-DCEG5LGX.mjs";
9
7
  import "../chunk-L2OL7R23.mjs";
10
8
  import "../chunk-YZYGFPNK.mjs";
9
+ import "../chunk-JUEOCLA3.mjs";
11
10
  import "../chunk-GHZ36ATJ.mjs";
11
+ import "../chunk-T3GWIVAM.mjs";
12
12
  export {
13
13
  commonColors
14
14
  };
@@ -1,22 +1,22 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-QZTWGJ72.mjs";
3
+ } from "../chunk-QGHMGO5E.mjs";
4
4
  import {
5
5
  semanticColors
6
- } from "../chunk-G4RCK475.mjs";
6
+ } from "../chunk-7L2ZWDVP.mjs";
7
7
  import "../chunk-KUNVFLXJ.mjs";
8
8
  import "../chunk-M63AFAHO.mjs";
9
9
  import {
10
10
  commonColors
11
- } from "../chunk-IAS3SFA4.mjs";
12
- import "../chunk-JUEOCLA3.mjs";
11
+ } from "../chunk-6TOTQSJE.mjs";
13
12
  import "../chunk-3LKKH4AR.mjs";
14
- import "../chunk-T3GWIVAM.mjs";
15
13
  import "../chunk-OR5PUD24.mjs";
16
14
  import "../chunk-DCEG5LGX.mjs";
17
15
  import "../chunk-L2OL7R23.mjs";
18
16
  import "../chunk-YZYGFPNK.mjs";
17
+ import "../chunk-JUEOCLA3.mjs";
19
18
  import "../chunk-GHZ36ATJ.mjs";
19
+ import "../chunk-T3GWIVAM.mjs";
20
20
  export {
21
21
  colors,
22
22
  commonColors,
@@ -2,17 +2,17 @@ import {
2
2
  semanticColors,
3
3
  themeColorsDark,
4
4
  themeColorsLight
5
- } from "../chunk-G4RCK475.mjs";
5
+ } from "../chunk-7L2ZWDVP.mjs";
6
6
  import "../chunk-KUNVFLXJ.mjs";
7
- import "../chunk-IAS3SFA4.mjs";
8
- import "../chunk-JUEOCLA3.mjs";
7
+ import "../chunk-6TOTQSJE.mjs";
9
8
  import "../chunk-3LKKH4AR.mjs";
10
- import "../chunk-T3GWIVAM.mjs";
11
9
  import "../chunk-OR5PUD24.mjs";
12
10
  import "../chunk-DCEG5LGX.mjs";
13
11
  import "../chunk-L2OL7R23.mjs";
14
12
  import "../chunk-YZYGFPNK.mjs";
13
+ import "../chunk-JUEOCLA3.mjs";
15
14
  import "../chunk-GHZ36ATJ.mjs";
15
+ import "../chunk-T3GWIVAM.mjs";
16
16
  export {
17
17
  semanticColors,
18
18
  themeColorsDark,
package/dist/colors.mjs CHANGED
@@ -1,23 +1,23 @@
1
1
  import "./chunk-WQEDQHKX.mjs";
2
2
  import {
3
3
  colors
4
- } from "./chunk-QZTWGJ72.mjs";
4
+ } from "./chunk-QGHMGO5E.mjs";
5
5
  import {
6
6
  semanticColors
7
- } from "./chunk-G4RCK475.mjs";
7
+ } from "./chunk-7L2ZWDVP.mjs";
8
8
  import "./chunk-KUNVFLXJ.mjs";
9
9
  import "./chunk-M63AFAHO.mjs";
10
10
  import {
11
11
  commonColors
12
- } from "./chunk-IAS3SFA4.mjs";
13
- import "./chunk-JUEOCLA3.mjs";
12
+ } from "./chunk-6TOTQSJE.mjs";
14
13
  import "./chunk-3LKKH4AR.mjs";
15
- import "./chunk-T3GWIVAM.mjs";
16
14
  import "./chunk-OR5PUD24.mjs";
17
15
  import "./chunk-DCEG5LGX.mjs";
18
16
  import "./chunk-L2OL7R23.mjs";
19
17
  import "./chunk-YZYGFPNK.mjs";
18
+ import "./chunk-JUEOCLA3.mjs";
20
19
  import "./chunk-GHZ36ATJ.mjs";
20
+ import "./chunk-T3GWIVAM.mjs";
21
21
  export {
22
22
  colors,
23
23
  commonColors,
@@ -2,10 +2,10 @@ import {
2
2
  accordion,
3
3
  accordionItem
4
4
  } from "../chunk-UHF2F2WJ.mjs";
5
+ import "../chunk-6AEINX52.mjs";
5
6
  import "../chunk-CMYR6AOY.mjs";
6
7
  import "../chunk-K7LK7NCE.mjs";
7
8
  import "../chunk-2PIR7DFM.mjs";
8
- import "../chunk-6AEINX52.mjs";
9
9
  import "../chunk-T7JNS25F.mjs";
10
10
  import "../chunk-WA5F6AED.mjs";
11
11
  export {
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  avatar,
3
3
  avatarGroup
4
- } from "../chunk-RPMLQF4Y.mjs";
4
+ } from "../chunk-VB6YPWEW.mjs";
5
+ import "../chunk-6AEINX52.mjs";
5
6
  import "../chunk-CMYR6AOY.mjs";
6
7
  import "../chunk-K7LK7NCE.mjs";
7
8
  import "../chunk-2PIR7DFM.mjs";
8
- import "../chunk-6AEINX52.mjs";
9
9
  import "../chunk-T7JNS25F.mjs";
10
10
  import "../chunk-WA5F6AED.mjs";
11
11
  export {
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  badge
3
- } from "../chunk-XCWQAA5D.mjs";
3
+ } from "../chunk-3RZCOCFH.mjs";
4
+ import "../chunk-6AEINX52.mjs";
4
5
  import "../chunk-CMYR6AOY.mjs";
5
6
  import "../chunk-K7LK7NCE.mjs";
6
7
  import "../chunk-2PIR7DFM.mjs";
7
- import "../chunk-6AEINX52.mjs";
8
8
  import "../chunk-T7JNS25F.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
@@ -66,7 +66,7 @@ declare const button: tailwind_variants.TVReturnType<{
66
66
  };
67
67
  disableAnimation: {
68
68
  true: "!transition-none";
69
- false: "transition-transform-colors motion-reduce:transition-none";
69
+ false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none";
70
70
  };
71
71
  }, undefined, string[], tailwind_variants_dist_config.TVConfig<{
72
72
  variant: {
@@ -116,7 +116,7 @@ declare const button: tailwind_variants.TVReturnType<{
116
116
  };
117
117
  disableAnimation: {
118
118
  true: "!transition-none";
119
- false: "transition-transform-colors motion-reduce:transition-none";
119
+ false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none";
120
120
  };
121
121
  }, {
122
122
  variant: {
@@ -166,7 +166,7 @@ declare const button: tailwind_variants.TVReturnType<{
166
166
  };
167
167
  disableAnimation: {
168
168
  true: "!transition-none";
169
- false: "transition-transform-colors motion-reduce:transition-none";
169
+ false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none";
170
170
  };
171
171
  }>, {
172
172
  variant: {
@@ -216,7 +216,7 @@ declare const button: tailwind_variants.TVReturnType<{
216
216
  };
217
217
  disableAnimation: {
218
218
  true: "!transition-none";
219
- false: "transition-transform-colors motion-reduce:transition-none";
219
+ false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none";
220
220
  };
221
221
  }, undefined>;
222
222
  /**
@@ -217,7 +217,6 @@ var button = tv({
217
217
  "min-w-max",
218
218
  "font-normal",
219
219
  "subpixel-antialiased",
220
- "data-[pressed=true]:scale-95",
221
220
  "overflow-hidden",
222
221
  "tap-highlight-transparent",
223
222
  ...dataFocusVisibleClasses
@@ -270,7 +269,7 @@ var button = tv({
270
269
  },
271
270
  disableAnimation: {
272
271
  true: "!transition-none",
273
- false: "transition-transform-colors motion-reduce:transition-none"
272
+ false: "data-[pressed=true]:scale-95 transition-transform-colors motion-reduce:transition-none"
274
273
  }
275
274
  },
276
275
  defaultVariants: {
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  button,
3
3
  buttonGroup
4
- } from "../chunk-TJL5HHMD.mjs";
4
+ } from "../chunk-KO4T2DX4.mjs";
5
+ import "../chunk-6AEINX52.mjs";
5
6
  import "../chunk-CMYR6AOY.mjs";
6
7
  import "../chunk-K7LK7NCE.mjs";
7
8
  import "../chunk-2PIR7DFM.mjs";
8
- import "../chunk-6AEINX52.mjs";
9
9
  import "../chunk-T7JNS25F.mjs";
10
10
  import "../chunk-WA5F6AED.mjs";
11
11
  export {
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  card
3
3
  } from "../chunk-O5HCT4VI.mjs";
4
+ import "../chunk-6AEINX52.mjs";
4
5
  import "../chunk-CMYR6AOY.mjs";
5
6
  import "../chunk-K7LK7NCE.mjs";
6
7
  import "../chunk-2PIR7DFM.mjs";
7
- import "../chunk-6AEINX52.mjs";
8
8
  import "../chunk-T7JNS25F.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
@@ -130,7 +130,7 @@ var groupDataFocusVisibleClasses = [
130
130
  // src/components/checkbox.ts
131
131
  var checkbox = tv({
132
132
  slots: {
133
- base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent",
133
+ base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer tap-highlight-transparent p-2 -m-2",
134
134
  wrapper: [
135
135
  "relative",
136
136
  "inline-flex",
@@ -154,7 +154,6 @@ var checkbox = tv({
154
154
  "group-data-[selected=true]:after:scale-100",
155
155
  "group-data-[selected=true]:after:opacity-100",
156
156
  "group-data-[hover=true]:before:bg-default-100",
157
- "group-data-[hover=true]:before:bg-default-100",
158
157
  ...groupDataFocusVisibleClasses
159
158
  ],
160
159
  icon: "z-10 w-4 h-3 opacity-0 group-data-[selected=true]:opacity-100",
@@ -272,6 +271,8 @@ var checkbox = tv({
272
271
  false: {
273
272
  wrapper: [
274
273
  "before:transition-background",
274
+ "group-data-[pressed=true]:scale-95",
275
+ "transition-transform",
275
276
  "after:transition-transform-opacity",
276
277
  "after:!ease-linear",
277
278
  "after:!duration-200"
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  checkbox,
3
3
  checkboxGroup
4
- } from "../chunk-H3WJKBMK.mjs";
4
+ } from "../chunk-2T5RQ7SK.mjs";
5
+ import "../chunk-6AEINX52.mjs";
5
6
  import "../chunk-CMYR6AOY.mjs";
6
7
  import "../chunk-K7LK7NCE.mjs";
7
8
  import "../chunk-2PIR7DFM.mjs";
8
- import "../chunk-6AEINX52.mjs";
9
9
  import "../chunk-T7JNS25F.mjs";
10
10
  import "../chunk-WA5F6AED.mjs";
11
11
  export {
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  chip
3
- } from "../chunk-MYJVNM2A.mjs";
3
+ } from "../chunk-QZOZ7UWM.mjs";
4
+ import "../chunk-6AEINX52.mjs";
4
5
  import "../chunk-CMYR6AOY.mjs";
5
6
  import "../chunk-K7LK7NCE.mjs";
6
7
  import "../chunk-2PIR7DFM.mjs";
7
- import "../chunk-6AEINX52.mjs";
8
8
  import "../chunk-T7JNS25F.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  code
3
- } from "../chunk-77O7KLUI.mjs";
3
+ } from "../chunk-HDWYLUG3.mjs";
4
+ import "../chunk-6AEINX52.mjs";
4
5
  import "../chunk-CMYR6AOY.mjs";
5
6
  import "../chunk-K7LK7NCE.mjs";
6
7
  import "../chunk-2PIR7DFM.mjs";
7
- import "../chunk-6AEINX52.mjs";
8
8
  import "../chunk-T7JNS25F.mjs";
9
9
  import "../chunk-WA5F6AED.mjs";
10
10
  export {
@@ -4,10 +4,10 @@ import {
4
4
  dropdownMenu,
5
5
  dropdownSection
6
6
  } from "../chunk-23KK2ZAZ.mjs";
7
+ import "../chunk-6AEINX52.mjs";
7
8
  import "../chunk-CMYR6AOY.mjs";
8
9
  import "../chunk-K7LK7NCE.mjs";
9
10
  import "../chunk-2PIR7DFM.mjs";
10
- import "../chunk-6AEINX52.mjs";
11
11
  import "../chunk-T7JNS25F.mjs";
12
12
  import "../chunk-WA5F6AED.mjs";
13
13
  export {