@okam/stack-ui 2.0.1 → 2.1.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 (149) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/components/fields/ComboBox/interface.d.ts +6 -0
  3. package/components/fields/ListBox/interface.d.ts +1 -1
  4. package/components/fields/SearchField/interface.d.ts +9 -2
  5. package/components/fields/TextArea/attributes.d.ts +1 -0
  6. package/components/fields/TextInputField/attributes.d.ts +1 -0
  7. package/index.d.ts +1 -0
  8. package/index119.js +1 -1
  9. package/index119.mjs +1 -1
  10. package/index12.js +1 -1
  11. package/index12.mjs +6 -6
  12. package/index122.js +1 -1
  13. package/index122.mjs +22 -22
  14. package/index127.js +1 -1
  15. package/index127.mjs +10 -10
  16. package/index131.js +1 -1
  17. package/index131.mjs +1 -1
  18. package/index133.js +1 -1
  19. package/index133.mjs +11 -14
  20. package/index134.js +1 -1
  21. package/index134.mjs +12 -7
  22. package/index135.js +1 -1
  23. package/index135.mjs +14 -7
  24. package/index136.js +1 -1
  25. package/index136.mjs +6 -15
  26. package/index137.js +1 -1
  27. package/index137.mjs +7 -31
  28. package/index138.js +1 -2
  29. package/index138.mjs +15 -8
  30. package/index139.js +1 -2
  31. package/index139.mjs +30 -9
  32. package/index140.js +2 -1
  33. package/index140.mjs +8 -23
  34. package/index141.js +1 -1
  35. package/index141.mjs +8 -45
  36. package/index142.js +1 -1
  37. package/index142.mjs +24 -52
  38. package/index143.js +2 -6
  39. package/index143.mjs +45 -92
  40. package/index144.js +1 -1
  41. package/index144.mjs +52 -70
  42. package/index145.js +6 -1
  43. package/index145.mjs +82 -29
  44. package/index146.js +1 -51
  45. package/index146.mjs +65 -86
  46. package/index147.js +1 -64
  47. package/index147.mjs +33 -220
  48. package/index148.js +51 -10
  49. package/index148.mjs +85 -65
  50. package/index149.js +64 -1
  51. package/index149.mjs +214 -31
  52. package/index150.js +10 -1
  53. package/index150.mjs +68 -10
  54. package/index151.js +1 -6
  55. package/index151.mjs +42 -46
  56. package/index152.js +1 -5
  57. package/index152.mjs +10 -85
  58. package/index153.js +7 -1
  59. package/index153.mjs +50 -6
  60. package/index154.js +4 -11
  61. package/index154.mjs +78 -30
  62. package/index155.js +1 -1
  63. package/index155.mjs +6 -96
  64. package/index156.js +12 -1
  65. package/index156.mjs +39 -12
  66. package/index157.js +1 -1
  67. package/index157.mjs +96 -8
  68. package/index158.js +1 -1
  69. package/index158.mjs +13 -29
  70. package/index159.js +1 -1
  71. package/index159.mjs +7 -12
  72. package/index160.js +1 -7
  73. package/index160.mjs +23 -13
  74. package/index161.js +1 -15
  75. package/index161.mjs +9 -67
  76. package/index162.js +7 -1
  77. package/index162.mjs +22 -6
  78. package/index163.js +15 -9
  79. package/index163.mjs +68 -12
  80. package/index164.js +1 -41
  81. package/index164.mjs +7 -106
  82. package/index165.js +9 -47
  83. package/index165.mjs +13 -100
  84. package/index166.js +40 -15
  85. package/index166.mjs +100 -19
  86. package/index167.js +45 -18
  87. package/index167.mjs +85 -59
  88. package/index168.js +16 -1
  89. package/index168.mjs +20 -37
  90. package/index169.js +20 -1
  91. package/index169.mjs +76 -12
  92. package/index17.js +1 -1
  93. package/index17.mjs +14 -14
  94. package/index170.js +1 -1
  95. package/index170.mjs +41 -10
  96. package/index171.js +1 -1
  97. package/index171.mjs +11 -6
  98. package/index172.js +1 -2
  99. package/index172.mjs +6 -47
  100. package/index173.js +2 -0
  101. package/index173.mjs +50 -0
  102. package/index174.js +1 -0
  103. package/index174.mjs +13 -0
  104. package/index18.js +1 -1
  105. package/index18.mjs +7 -7
  106. package/index2.js +1 -1
  107. package/index2.mjs +4 -4
  108. package/index26.js +1 -1
  109. package/index26.mjs +15 -15
  110. package/index27.js +1 -1
  111. package/index27.mjs +15 -15
  112. package/index32.js +1 -1
  113. package/index32.mjs +105 -85
  114. package/index35.js +1 -1
  115. package/index35.mjs +14 -14
  116. package/index38.js +1 -1
  117. package/index38.mjs +115 -107
  118. package/index39.js +1 -1
  119. package/index39.mjs +11 -11
  120. package/index43.js +1 -1
  121. package/index43.mjs +55 -52
  122. package/index46.js +1 -1
  123. package/index46.mjs +86 -87
  124. package/index47.js +1 -1
  125. package/index47.mjs +110 -111
  126. package/index48.js +1 -1
  127. package/index48.mjs +3 -3
  128. package/index52.js +1 -1
  129. package/index52.mjs +1 -1
  130. package/index53.js +1 -1
  131. package/index53.mjs +1 -1
  132. package/index54.js +1 -1
  133. package/index54.mjs +3 -3
  134. package/index56.js +1 -1
  135. package/index56.mjs +33 -32
  136. package/index66.js +1 -1
  137. package/index66.mjs +1 -1
  138. package/index68.js +1 -1
  139. package/index68.mjs +11 -11
  140. package/index72.js +1 -1
  141. package/index72.mjs +13 -13
  142. package/index76.js +1 -1
  143. package/index76.mjs +1 -1
  144. package/index8.js +1 -1
  145. package/index8.mjs +30 -30
  146. package/index91.js +1 -1
  147. package/index91.mjs +50 -49
  148. package/package.json +2 -2
  149. package/theme/Search/index.d.ts +2 -1
package/index141.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";const e=require("react/jsx-runtime"),q=require("react"),l=require("react-aria"),r=require("./index7.js"),w=require("./index8.js");function N(n){const{themeName:s,tokens:d,customTheme:h,as:$,item:i,state:x,...P}=n,{removeButtonProps:o,href:c}=i.props??{},u=q.useRef(null),{rowProps:p,gridCellProps:B,removeButtonProps:a,allowsRemoving:g,isDisabled:f,isFocused:k,isPressed:v,isSelected:j}=l.useTag(n,x,u),t={...d,isDisabled:f,isFocused:k,isPressed:v,isSelected:j,isLink:c!=null&&c!==""},R={...o,...a,handlePress:m=>{o?.handlePress?.(m),a?.onPress?.(m)}};return e.jsx(l.FocusRing,{focusRingClass:"has-focus-ring within",children:e.jsx(r.BoxWithForwardRef,{...P,...p,ref:u,themeName:`${s}.wrapper`,tokens:t,customTheme:h,children:e.jsxs(r.Box,{themeName:`${s}.container`,tokens:t,...B,children:[e.jsx(r.Box,{themeName:`${s}.item`,tokens:t,children:i.rendered}),g&&o!=null&&e.jsx(w.Button,{themeName:`${s}.removeButton`,tokens:t,...R})]})})})}module.exports=N;
2
+ "use strict";const s=require("react/jsx-runtime"),d=require("react"),h=require("react-aria"),o=require("./index7.js");function x(n){const{themeName:e,tokens:r,customTheme:a,children:c,state:u,...i}=n,t=d.useRef(null),{modalProps:l,underlayProps:m}=h.useModalOverlay(i,u,t);return s.jsx(o.Box,{themeName:`${e}.underlay`,tokens:r,customTheme:a,...m,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...l,children:c})})}module.exports=x;
package/index141.mjs CHANGED
@@ -1,49 +1,12 @@
1
1
  "use client";
2
- import { jsx as t, jsxs as N } from "react/jsx-runtime";
3
- import { useRef as R } from "react";
4
- import { useTag as T, FocusRing as $ } from "react-aria";
5
- import { BoxWithForwardRef as C, Box as l } from "./index7.mjs";
6
- import { Button as F } from "./index8.mjs";
7
- function S(r) {
8
- const { themeName: e, tokens: c, customTheme: h, as: j, item: n, state: p, ...d } = r, { removeButtonProps: s, href: m } = n.props ?? {}, i = R(null), {
9
- rowProps: f,
10
- gridCellProps: P,
11
- removeButtonProps: a,
12
- allowsRemoving: B,
13
- isDisabled: g,
14
- isFocused: k,
15
- isPressed: v,
16
- isSelected: w
17
- } = T(r, p, i), o = {
18
- ...c,
19
- isDisabled: g,
20
- isFocused: k,
21
- isPressed: v,
22
- isSelected: w,
23
- isLink: m != null && m !== ""
24
- }, x = {
25
- ...s,
26
- ...a,
27
- handlePress: (u) => {
28
- s?.handlePress?.(u), a?.onPress?.(u);
29
- }
30
- };
31
- return /* @__PURE__ */ t($, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
32
- C,
33
- {
34
- ...d,
35
- ...f,
36
- ref: i,
37
- themeName: `${e}.wrapper`,
38
- tokens: o,
39
- customTheme: h,
40
- children: /* @__PURE__ */ N(l, { themeName: `${e}.container`, tokens: o, ...P, children: [
41
- /* @__PURE__ */ t(l, { themeName: `${e}.item`, tokens: o, children: n.rendered }),
42
- B && s != null && /* @__PURE__ */ t(F, { themeName: `${e}.removeButton`, tokens: o, ...x })
43
- ] })
44
- }
45
- ) });
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ import { useRef as u } from "react";
4
+ import { useModalOverlay as i } from "react-aria";
5
+ import { Box as c, BoxWithForwardRef as h } from "./index7.mjs";
6
+ function N(m) {
7
+ const { themeName: e, tokens: o, customTheme: a, children: l, state: s, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = i(n, s, r);
8
+ return /* @__PURE__ */ t(c, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(h, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: l }) });
46
9
  }
47
10
  export {
48
- S as default
11
+ N as default
49
12
  };
package/index142.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=["aria-activedescendant","aria-atomic","aria-autocomplete","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colspan","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-modal","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=["disabled","checked","selected","required"];exports.ariaAttributes=a;exports.booleanAttributes=r;
1
+ "use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index88.js"),d="fixed";function m({isVisible:e,children:i,themeName:n,tokens:o,customTheme:s}){const r=u(n,o,s);return t.useTransition(e,{from:{opacity:0,position:d,left:0,top:0,zIndex:1e3,bottom:0,height:"100%"},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((c,a)=>a&&f.jsx(t.animated.div,{className:r,style:c,children:i}))}module.exports=m;
package/index142.mjs CHANGED
@@ -1,54 +1,26 @@
1
- const a = [
2
- "aria-activedescendant",
3
- "aria-atomic",
4
- "aria-autocomplete",
5
- "aria-busy",
6
- "aria-checked",
7
- "aria-colcount",
8
- "aria-colindex",
9
- "aria-colspan",
10
- "aria-controls",
11
- "aria-current",
12
- "aria-describedby",
13
- "aria-details",
14
- "aria-disabled",
15
- "aria-dropeffect",
16
- "aria-errormessage",
17
- "aria-expanded",
18
- "aria-flowto",
19
- "aria-grabbed",
20
- "aria-haspopup",
21
- "aria-hidden",
22
- "aria-invalid",
23
- "aria-keyshortcuts",
24
- "aria-label",
25
- "aria-labelledby",
26
- "aria-level",
27
- "aria-live",
28
- "aria-modal",
29
- "aria-multiline",
30
- "aria-multiselectable",
31
- "aria-orientation",
32
- "aria-owns",
33
- "aria-placeholder",
34
- "aria-posinset",
35
- "aria-pressed",
36
- "aria-readonly",
37
- "aria-relevant",
38
- "aria-required",
39
- "aria-roledescription",
40
- "aria-rowcount",
41
- "aria-rowindex",
42
- "aria-rowspan",
43
- "aria-selected",
44
- "aria-setsize",
45
- "aria-sort",
46
- "aria-valuemax",
47
- "aria-valuemin",
48
- "aria-valuenow",
49
- "aria-valuetext"
50
- ], r = ["disabled", "checked", "selected", "required"];
1
+ import { jsx as f } from "react/jsx-runtime";
2
+ import { useTransition as m, config as c, animated as p } from "@react-spring/web";
3
+ import d from "./index88.mjs";
4
+ const l = "fixed";
5
+ function g({ isVisible: t, children: o, themeName: i, tokens: e, customTheme: n }) {
6
+ const s = d(i, e, n);
7
+ return m(t, {
8
+ from: {
9
+ opacity: 0,
10
+ position: l,
11
+ left: 0,
12
+ top: 0,
13
+ zIndex: 1e3,
14
+ bottom: 0,
15
+ height: "100%"
16
+ },
17
+ enter: { opacity: 1 },
18
+ leave: { opacity: 0 },
19
+ config: c.stiff
20
+ })(
21
+ (a, r) => r && /* @__PURE__ */ f(p.div, { className: s, style: a, children: o })
22
+ );
23
+ }
51
24
  export {
52
- a as ariaAttributes,
53
- r as booleanAttributes
25
+ g as default
54
26
  };
package/index143.js CHANGED
@@ -1,6 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",defaultVariants:{textAlign:"left",isOpen:!1},variants:{textAlign:{center:"text-center",left:"text-left"}}}),o=e.tv({base:"grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",variants:{titleBold:{true:"font-bold"},textAlign:{center:"grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",left:"grid-cols-[1fr_3rem]"},bgColor:{gray:"bg-gray-300",white:"bg-white"}},defaultVariants:{titleBold:!1,textAlign:"left",bgColor:"white"}}),r=e.tv({base:"",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"justify-self-center col-start-2",left:"justify-self-start"}}}),i=e.tv({base:"text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",variants:{isOpen:{true:"-rotate-90",false:""}}}),a=e.tv({base:`
2
- font-body
3
- text-inherit
4
- h-auto
5
- grid
6
- `,defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"grid-cols-[3rem_1fr_3rem] px-6 text-center",left:"grid-cols-[1fr_3rem] text-left"}}}),l=e.tv({base:"overflow-hidden flex flex-col gap-2 items-start",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"col-start-2",left:""}}}),c={container:t=>n(t),button:t=>o(t),title:t=>r(t),icon:t=>i(t),region:t=>a(t),content:t=>l(t)};exports.accordionButton=o;exports.accordionContainer=n;exports.accordionContent=l;exports.accordionIcon=i;exports.accordionRegion=a;exports.accordionTheme=c;exports.accordionTitle=r;
1
+ "use client";
2
+ "use strict";const e=require("react/jsx-runtime"),q=require("react"),l=require("react-aria"),r=require("./index7.js"),w=require("./index8.js");function N(n){const{themeName:s,tokens:d,customTheme:h,as:$,item:i,state:x,...P}=n,{removeButtonProps:o,href:c}=i.props??{},u=q.useRef(null),{rowProps:p,gridCellProps:B,removeButtonProps:a,allowsRemoving:g,isDisabled:f,isFocused:k,isPressed:v,isSelected:j}=l.useTag(n,x,u),t={...d,isDisabled:f,isFocused:k,isPressed:v,isSelected:j,isLink:c!=null&&c!==""},R={...o,...a,handlePress:m=>{o?.handlePress?.(m),a?.onPress?.(m)}};return e.jsx(l.FocusRing,{focusRingClass:"has-focus-ring within",children:e.jsx(r.BoxWithForwardRef,{...P,...p,ref:u,themeName:`${s}.wrapper`,tokens:t,customTheme:h,children:e.jsxs(r.Box,{themeName:`${s}.container`,tokens:t,...B,children:[e.jsx(r.Box,{themeName:`${s}.item`,tokens:t,children:i.rendered}),g&&o!=null&&e.jsx(w.Button,{themeName:`${s}.removeButton`,tokens:t,...R})]})})})}module.exports=N;
package/index143.mjs CHANGED
@@ -1,96 +1,49 @@
1
- import { tv as e } from "tailwind-variants";
2
- const r = e({
3
- base: "[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",
4
- defaultVariants: {
5
- textAlign: "left",
6
- isOpen: !1
7
- },
8
- variants: {
9
- textAlign: {
10
- center: "text-center",
11
- left: "text-left"
1
+ "use client";
2
+ import { jsx as t, jsxs as N } from "react/jsx-runtime";
3
+ import { useRef as R } from "react";
4
+ import { useTag as T, FocusRing as $ } from "react-aria";
5
+ import { BoxWithForwardRef as C, Box as l } from "./index7.mjs";
6
+ import { Button as F } from "./index8.mjs";
7
+ function S(r) {
8
+ const { themeName: e, tokens: c, customTheme: h, as: j, item: n, state: p, ...d } = r, { removeButtonProps: s, href: m } = n.props ?? {}, i = R(null), {
9
+ rowProps: f,
10
+ gridCellProps: P,
11
+ removeButtonProps: a,
12
+ allowsRemoving: B,
13
+ isDisabled: g,
14
+ isFocused: k,
15
+ isPressed: v,
16
+ isSelected: w
17
+ } = T(r, p, i), o = {
18
+ ...c,
19
+ isDisabled: g,
20
+ isFocused: k,
21
+ isPressed: v,
22
+ isSelected: w,
23
+ isLink: m != null && m !== ""
24
+ }, x = {
25
+ ...s,
26
+ ...a,
27
+ handlePress: (u) => {
28
+ s?.handlePress?.(u), a?.onPress?.(u);
12
29
  }
13
- }
14
- }), n = e({
15
- base: "grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",
16
- variants: {
17
- titleBold: {
18
- true: "font-bold"
19
- },
20
- textAlign: {
21
- center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",
22
- left: "grid-cols-[1fr_3rem]"
23
- },
24
- bgColor: {
25
- gray: "bg-gray-300",
26
- white: "bg-white"
30
+ };
31
+ return /* @__PURE__ */ t($, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
32
+ C,
33
+ {
34
+ ...d,
35
+ ...f,
36
+ ref: i,
37
+ themeName: `${e}.wrapper`,
38
+ tokens: o,
39
+ customTheme: h,
40
+ children: /* @__PURE__ */ N(l, { themeName: `${e}.container`, tokens: o, ...P, children: [
41
+ /* @__PURE__ */ t(l, { themeName: `${e}.item`, tokens: o, children: n.rendered }),
42
+ B && s != null && /* @__PURE__ */ t(F, { themeName: `${e}.removeButton`, tokens: o, ...x })
43
+ ] })
27
44
  }
28
- },
29
- defaultVariants: {
30
- titleBold: !1,
31
- textAlign: "left",
32
- bgColor: "white"
33
- }
34
- }), o = e({
35
- base: "",
36
- defaultVariants: {
37
- textAlign: "left"
38
- },
39
- variants: {
40
- textAlign: {
41
- center: "justify-self-center col-start-2",
42
- left: "justify-self-start"
43
- }
44
- }
45
- }), i = e({
46
- base: "text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",
47
- variants: {
48
- isOpen: {
49
- true: "-rotate-90",
50
- false: ""
51
- }
52
- }
53
- }), l = e({
54
- base: `
55
- font-body
56
- text-inherit
57
- h-auto
58
- grid
59
- `,
60
- defaultVariants: {
61
- textAlign: "left"
62
- },
63
- variants: {
64
- textAlign: {
65
- center: "grid-cols-[3rem_1fr_3rem] px-6 text-center",
66
- left: "grid-cols-[1fr_3rem] text-left"
67
- }
68
- }
69
- }), a = e({
70
- base: "overflow-hidden flex flex-col gap-2 items-start",
71
- defaultVariants: {
72
- textAlign: "left"
73
- },
74
- variants: {
75
- textAlign: {
76
- center: "col-start-2",
77
- left: ""
78
- }
79
- }
80
- }), c = {
81
- container: (t) => r(t),
82
- button: (t) => n(t),
83
- title: (t) => o(t),
84
- icon: (t) => i(t),
85
- region: (t) => l(t),
86
- content: (t) => a(t)
87
- };
45
+ ) });
46
+ }
88
47
  export {
89
- n as accordionButton,
90
- r as accordionContainer,
91
- a as accordionContent,
92
- i as accordionIcon,
93
- l as accordionRegion,
94
- c as accordionTheme,
95
- o as accordionTitle
48
+ S as default
96
49
  };
package/index144.js CHANGED
@@ -1 +1 @@
1
- "use strict";const e=require("tailwind-variants"),t=require("./index146.js"),r=require("./index168.js"),a=e.tv({base:"bg-color-1-200 p-4 flex flex-col gap-4"}),s=e.tv({base:"flex flex-wrap justify-between items-center gap-4 relative"}),n=e.tv({extend:t,base:"self-end"}),o=e.tv({base:"bg-color-1-300 m-2 rounded-lg order-2 basis-9/12"}),l=e.tv({base:"m-4"}),i=e.tv({base:""}),c=e.tv({base:""}),p=e.tv({extend:r,defaultVariants:{size:"h1"}}),b=e.tv({extend:r}),d=e.tv({base:"block w-min bg-color-1-400 p-2 rounded-lg"}),u=e.tv({extend:t,base:"basis-1/12",variants:{order:{prev:"order-1",next:"order-3"}}}),v=e.tv({base:"flex gap-4 justify-center bg-color-1-200 z-10 bottom-4 left-0 right-0 order-4 basis-full"}),g=e.tv({base:"w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",variants:{active:{true:"bg-color-1-100",false:""}}}),f={wrapper:a,carouselWrapper:s,closeBtn:n,swiper:{swiper:o,wrapper:l},item:{wrapper:i,container:c,title:p,content:b,icon:d},navigation:{button:u},pagination:{wrapper:v,bullet:g}};module.exports=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=["aria-activedescendant","aria-atomic","aria-autocomplete","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colspan","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-modal","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=["disabled","checked","selected","required"];exports.ariaAttributes=a;exports.booleanAttributes=r;
package/index144.mjs CHANGED
@@ -1,72 +1,54 @@
1
- import { tv as e } from "tailwind-variants";
2
- import t from "./index146.mjs";
3
- import r from "./index168.mjs";
4
- const a = e({
5
- base: "bg-color-1-200 p-4 flex flex-col gap-4"
6
- }), o = e({
7
- base: "flex flex-wrap justify-between items-center gap-4 relative"
8
- }), s = e({
9
- extend: t,
10
- base: "self-end"
11
- }), n = e({
12
- base: "bg-color-1-300 m-2 rounded-lg order-2 basis-9/12"
13
- }), l = e({
14
- base: "m-4"
15
- }), i = e({
16
- base: ""
17
- }), p = e({
18
- base: ""
19
- }), c = e({
20
- extend: r,
21
- defaultVariants: {
22
- size: "h1"
23
- }
24
- }), b = e({
25
- extend: r
26
- }), g = e({
27
- base: "block w-min bg-color-1-400 p-2 rounded-lg"
28
- }), d = e({
29
- extend: t,
30
- base: "basis-1/12",
31
- variants: {
32
- order: {
33
- prev: "order-1",
34
- next: "order-3"
35
- }
36
- }
37
- }), f = e({
38
- base: "flex gap-4 justify-center bg-color-1-200 z-10 bottom-4 left-0 right-0 order-4 basis-full"
39
- }), m = e({
40
- base: "w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",
41
- variants: {
42
- active: {
43
- true: "bg-color-1-100",
44
- false: ""
45
- }
46
- }
47
- }), v = {
48
- wrapper: a,
49
- carouselWrapper: o,
50
- closeBtn: s,
51
- swiper: {
52
- swiper: n,
53
- wrapper: l
54
- },
55
- item: {
56
- wrapper: i,
57
- container: p,
58
- title: c,
59
- content: b,
60
- icon: g
61
- },
62
- navigation: {
63
- button: d
64
- },
65
- pagination: {
66
- wrapper: f,
67
- bullet: m
68
- }
69
- };
1
+ const a = [
2
+ "aria-activedescendant",
3
+ "aria-atomic",
4
+ "aria-autocomplete",
5
+ "aria-busy",
6
+ "aria-checked",
7
+ "aria-colcount",
8
+ "aria-colindex",
9
+ "aria-colspan",
10
+ "aria-controls",
11
+ "aria-current",
12
+ "aria-describedby",
13
+ "aria-details",
14
+ "aria-disabled",
15
+ "aria-dropeffect",
16
+ "aria-errormessage",
17
+ "aria-expanded",
18
+ "aria-flowto",
19
+ "aria-grabbed",
20
+ "aria-haspopup",
21
+ "aria-hidden",
22
+ "aria-invalid",
23
+ "aria-keyshortcuts",
24
+ "aria-label",
25
+ "aria-labelledby",
26
+ "aria-level",
27
+ "aria-live",
28
+ "aria-modal",
29
+ "aria-multiline",
30
+ "aria-multiselectable",
31
+ "aria-orientation",
32
+ "aria-owns",
33
+ "aria-placeholder",
34
+ "aria-posinset",
35
+ "aria-pressed",
36
+ "aria-readonly",
37
+ "aria-relevant",
38
+ "aria-required",
39
+ "aria-roledescription",
40
+ "aria-rowcount",
41
+ "aria-rowindex",
42
+ "aria-rowspan",
43
+ "aria-selected",
44
+ "aria-setsize",
45
+ "aria-sort",
46
+ "aria-valuemax",
47
+ "aria-valuemin",
48
+ "aria-valuenow",
49
+ "aria-valuetext"
50
+ ], r = ["disabled", "checked", "selected", "required"];
70
51
  export {
71
- v as default
52
+ a as ariaAttributes,
53
+ r as booleanAttributes
72
54
  };
package/index145.js CHANGED
@@ -1 +1,6 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("tailwind-variants"),s=l.tv({base:"w-full bg-slate-100"}),a=l.tv({base:"max-w-screen-lg mx-auto w-full",variants:{fullWidth:{true:"max-w-full col-span-full p-0"},spacing:{small:"mb-3",medium:"mb-6",large:"mb-8",none:"mb-0"}}}),t=l.tv({extend:a,base:"grid grid-cols-12 gap-6 px-4 col-span-full",variants:{fullWidth:{true:"max-w-full col-span-full p-0"}}}),e=l.tv({base:"bg-slate-300 h-64 p-4 flex justify-start items-end",defaultVariants:{size:"small"},variants:{size:{small:"col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4",medium:"col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8",large:"lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13"}}});exports.container=a;exports.grid=t;exports.gridItem=e;exports.main=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",defaultVariants:{textAlign:"left",isOpen:!1},variants:{textAlign:{center:"text-center",left:"text-left"}}}),o=e.tv({base:"grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",variants:{titleBold:{true:"font-bold"},textAlign:{center:"grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",left:"grid-cols-[1fr_3rem]"},bgColor:{gray:"bg-gray-300",white:"bg-white"}},defaultVariants:{titleBold:!1,textAlign:"left",bgColor:"white"}}),r=e.tv({base:"",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"justify-self-center col-start-2",left:"justify-self-start"}}}),i=e.tv({base:"text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",variants:{isOpen:{true:"-rotate-90",false:""}}}),a=e.tv({base:`
2
+ font-body
3
+ text-inherit
4
+ h-auto
5
+ grid
6
+ `,defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"grid-cols-[3rem_1fr_3rem] px-6 text-center",left:"grid-cols-[1fr_3rem] text-left"}}}),l=e.tv({base:"overflow-hidden flex flex-col gap-2 items-start",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"col-start-2",left:""}}}),c={container:t=>n(t),button:t=>o(t),title:t=>r(t),icon:t=>i(t),region:t=>a(t),content:t=>l(t)};exports.accordionButton=o;exports.accordionContainer=n;exports.accordionContent=l;exports.accordionIcon=i;exports.accordionRegion=a;exports.accordionTheme=c;exports.accordionTitle=r;
package/index145.mjs CHANGED
@@ -1,43 +1,96 @@
1
- import { tv as l } from "tailwind-variants";
2
- const t = l({
3
- base: "w-full bg-slate-100"
4
- }), a = l({
5
- base: "max-w-screen-lg mx-auto w-full",
1
+ import { tv as e } from "tailwind-variants";
2
+ const r = e({
3
+ base: "[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",
4
+ defaultVariants: {
5
+ textAlign: "left",
6
+ isOpen: !1
7
+ },
8
+ variants: {
9
+ textAlign: {
10
+ center: "text-center",
11
+ left: "text-left"
12
+ }
13
+ }
14
+ }), n = e({
15
+ base: "grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",
6
16
  variants: {
7
- fullWidth: {
8
- true: "max-w-full col-span-full p-0"
17
+ titleBold: {
18
+ true: "font-bold"
9
19
  },
10
- spacing: {
11
- small: "mb-3",
12
- medium: "mb-6",
13
- large: "mb-8",
14
- none: "mb-0"
20
+ textAlign: {
21
+ center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",
22
+ left: "grid-cols-[1fr_3rem]"
23
+ },
24
+ bgColor: {
25
+ gray: "bg-gray-300",
26
+ white: "bg-white"
15
27
  }
28
+ },
29
+ defaultVariants: {
30
+ titleBold: !1,
31
+ textAlign: "left",
32
+ bgColor: "white"
16
33
  }
17
- }), n = l({
18
- extend: a,
19
- base: "grid grid-cols-12 gap-6 px-4 col-span-full",
34
+ }), o = e({
35
+ base: "",
36
+ defaultVariants: {
37
+ textAlign: "left"
38
+ },
20
39
  variants: {
21
- fullWidth: {
22
- true: "max-w-full col-span-full p-0"
40
+ textAlign: {
41
+ center: "justify-self-center col-start-2",
42
+ left: "justify-self-start"
23
43
  }
24
44
  }
25
- }), e = l({
26
- base: "bg-slate-300 h-64 p-4 flex justify-start items-end",
45
+ }), i = e({
46
+ base: "text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",
47
+ variants: {
48
+ isOpen: {
49
+ true: "-rotate-90",
50
+ false: ""
51
+ }
52
+ }
53
+ }), l = e({
54
+ base: `
55
+ font-body
56
+ text-inherit
57
+ h-auto
58
+ grid
59
+ `,
27
60
  defaultVariants: {
28
- size: "small"
61
+ textAlign: "left"
29
62
  },
30
63
  variants: {
31
- size: {
32
- small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4",
33
- medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8",
34
- large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13"
64
+ textAlign: {
65
+ center: "grid-cols-[3rem_1fr_3rem] px-6 text-center",
66
+ left: "grid-cols-[1fr_3rem] text-left"
35
67
  }
36
68
  }
37
- });
69
+ }), a = e({
70
+ base: "overflow-hidden flex flex-col gap-2 items-start",
71
+ defaultVariants: {
72
+ textAlign: "left"
73
+ },
74
+ variants: {
75
+ textAlign: {
76
+ center: "col-start-2",
77
+ left: ""
78
+ }
79
+ }
80
+ }), c = {
81
+ container: (t) => r(t),
82
+ button: (t) => n(t),
83
+ title: (t) => o(t),
84
+ icon: (t) => i(t),
85
+ region: (t) => l(t),
86
+ content: (t) => a(t)
87
+ };
38
88
  export {
39
- a as container,
40
- n as grid,
41
- e as gridItem,
42
- t as main
89
+ n as accordionButton,
90
+ r as accordionContainer,
91
+ a as accordionContent,
92
+ i as accordionIcon,
93
+ l as accordionRegion,
94
+ c as accordionTheme,
95
+ o as accordionTitle
43
96
  };
package/index146.js CHANGED
@@ -1,51 +1 @@
1
- "use strict";const e=require("tailwind-variants"),t=e.tv({base:`
2
- flex
3
- items-center
4
- justify-center
5
- gap-4
6
- transition
7
- duration-300
8
- ease-in-out
9
- disabled:pointer-events-none
10
- disabled:opacity-30
11
- focus-ring-black
12
- h-fit
13
- `,defaultVariants:{buttonStyle:"default",type:"button",size:"default",shape:"rounded"},variants:{type:{button:"",menu:"text-2xl"},buttonStyle:{default:`
14
- px-4
15
- py-2
16
- text-white
17
- bg-color-1-500
18
- hover:bg-color-1-400
19
- active:bg-color-1-400
20
- `,outline:`
21
- px-4
22
- py-2
23
- bg-transparent
24
- border-color-1-500
25
- text-color-1-500
26
- hover:bg-color-1-500
27
- hover:text-white
28
- active:bg-color-1-500
29
- active:text-white
30
- `,hollow:`
31
- px-2
32
- bg-transparent
33
- text-color-1-500
34
- hover:border-b-color-1-500
35
- active:border-b-color-1-500
36
- focus:border-b-color-1-500
37
-
38
- `},intent:{danger:"",error:`
39
- bg-error
40
- text-white
41
- pointer-events-none
42
- border-error
43
- `},size:{default:"min-w-12 min-h-6",large:"min-w-36 min-h-18"},shape:{rounded:"rounded-md",circular:"rounded-full"}},compoundVariants:[{intent:"danger",buttonStyle:"default",className:`
44
- bg-danger-500
45
- text-white
46
- border-danger-500
47
- hover:bg-danger-400
48
- hover:border-danger-400
49
- focus:bg-danger-400
50
- focus:border-danger-400
51
- `}]});module.exports=t;
1
+ "use strict";const e=require("tailwind-variants"),t=require("./index148.js"),r=require("./index170.js"),a=e.tv({base:"bg-color-1-200 p-4 flex flex-col gap-4"}),s=e.tv({base:"flex flex-wrap justify-between items-center gap-4 relative"}),n=e.tv({extend:t,base:"self-end"}),o=e.tv({base:"bg-color-1-300 m-2 rounded-lg order-2 basis-9/12"}),l=e.tv({base:"m-4"}),i=e.tv({base:""}),c=e.tv({base:""}),p=e.tv({extend:r,defaultVariants:{size:"h1"}}),b=e.tv({extend:r}),d=e.tv({base:"block w-min bg-color-1-400 p-2 rounded-lg"}),u=e.tv({extend:t,base:"basis-1/12",variants:{order:{prev:"order-1",next:"order-3"}}}),v=e.tv({base:"flex gap-4 justify-center bg-color-1-200 z-10 bottom-4 left-0 right-0 order-4 basis-full"}),g=e.tv({base:"w-4 h-4 rounded-full block bg-color-1-600 focus-ring-black",variants:{active:{true:"bg-color-1-100",false:""}}}),f={wrapper:a,carouselWrapper:s,closeBtn:n,swiper:{swiper:o,wrapper:l},item:{wrapper:i,container:c,title:p,content:b,icon:d},navigation:{button:u},pagination:{wrapper:v,bullet:g}};module.exports=f;