reaxify 0.0.98 → 1.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 (129) hide show
  1. package/dist/axios/useAxios.cjs.js +1 -1
  2. package/dist/axios/useAxios.es.js +7 -7
  3. package/dist/components/Accordion/index.cjs.js +1 -1
  4. package/dist/components/Accordion/index.d.ts +2 -2
  5. package/dist/components/Accordion/index.d.ts.map +1 -1
  6. package/dist/components/Accordion/index.es.js +78 -97
  7. package/dist/components/Alert/index.cjs.js +1 -1
  8. package/dist/components/Alert/index.d.ts +1 -6
  9. package/dist/components/Alert/index.d.ts.map +1 -1
  10. package/dist/components/Alert/index.es.js +111 -95
  11. package/dist/components/Avatar/index.cjs.js +1 -1
  12. package/dist/components/Avatar/index.d.ts.map +1 -1
  13. package/dist/components/Avatar/index.es.js +62 -55
  14. package/dist/components/Badge/index.cjs.js +1 -1
  15. package/dist/components/Badge/index.d.ts +1 -1
  16. package/dist/components/Badge/index.d.ts.map +1 -1
  17. package/dist/components/Badge/index.es.js +33 -34
  18. package/dist/components/Button/index.cjs.js +1 -1
  19. package/dist/components/Button/index.d.ts +1 -1
  20. package/dist/components/Button/index.d.ts.map +1 -1
  21. package/dist/components/Button/index.es.js +95 -98
  22. package/dist/components/ButtonGroup/index.cjs.js +1 -1
  23. package/dist/components/ButtonGroup/index.d.ts +0 -4
  24. package/dist/components/ButtonGroup/index.d.ts.map +1 -1
  25. package/dist/components/ButtonGroup/index.es.js +40 -37
  26. package/dist/components/Card/index.cjs.js +1 -1
  27. package/dist/components/Card/index.d.ts.map +1 -1
  28. package/dist/components/Card/index.es.js +48 -38
  29. package/dist/components/Collapse/index.cjs.js +1 -0
  30. package/dist/components/Collapse/index.d.ts +14 -0
  31. package/dist/components/Collapse/index.d.ts.map +1 -0
  32. package/dist/components/Collapse/index.es.js +56 -0
  33. package/dist/components/Divider/index.cjs.js +1 -1
  34. package/dist/components/Divider/index.d.ts.map +1 -1
  35. package/dist/components/Divider/index.es.js +16 -14
  36. package/dist/components/Drawer/index.cjs.js +1 -1
  37. package/dist/components/Drawer/index.d.ts +1 -0
  38. package/dist/components/Drawer/index.d.ts.map +1 -1
  39. package/dist/components/Drawer/index.es.js +72 -56
  40. package/dist/components/Fill/index.cjs.js +1 -1
  41. package/dist/components/Fill/index.d.ts.map +1 -1
  42. package/dist/components/Fill/index.es.js +14 -8
  43. package/dist/components/InputGroup/index.cjs.js +1 -1
  44. package/dist/components/InputGroup/index.d.ts.map +1 -1
  45. package/dist/components/InputGroup/index.es.js +49 -38
  46. package/dist/components/Menu/index.cjs.js +1 -1
  47. package/dist/components/Menu/index.d.ts +3 -2
  48. package/dist/components/Menu/index.d.ts.map +1 -1
  49. package/dist/components/Menu/index.es.js +115 -99
  50. package/dist/components/Modal/index.cjs.js +1 -1
  51. package/dist/components/Modal/index.d.ts +2 -0
  52. package/dist/components/Modal/index.d.ts.map +1 -1
  53. package/dist/components/Modal/index.es.js +83 -59
  54. package/dist/components/Portal/index.cjs.js +1 -1
  55. package/dist/components/Portal/index.d.ts.map +1 -1
  56. package/dist/components/Portal/index.es.js +5 -4
  57. package/dist/components/Progress/index.cjs.js +1 -1
  58. package/dist/components/Progress/index.d.ts +1 -1
  59. package/dist/components/Progress/index.d.ts.map +1 -1
  60. package/dist/components/Progress/index.es.js +27 -22
  61. package/dist/components/Skeleton/index.cjs.js +1 -1
  62. package/dist/components/Skeleton/index.d.ts.map +1 -1
  63. package/dist/components/Skeleton/index.es.js +8 -8
  64. package/dist/components/Spacer/index.cjs.js +1 -1
  65. package/dist/components/Spacer/index.d.ts.map +1 -1
  66. package/dist/components/Spacer/index.es.js +5 -5
  67. package/dist/components/Spinner/index.cjs.js +1 -1
  68. package/dist/components/Spinner/index.d.ts +3 -2
  69. package/dist/components/Spinner/index.d.ts.map +1 -1
  70. package/dist/components/Spinner/index.es.js +17 -16
  71. package/dist/components/Stack/index.cjs.js +1 -1
  72. package/dist/components/Stack/index.d.ts.map +1 -1
  73. package/dist/components/Stack/index.es.js +25 -24
  74. package/dist/components/Switch/index.cjs.js +1 -1
  75. package/dist/components/Switch/index.d.ts.map +1 -1
  76. package/dist/components/Switch/index.es.js +17 -13
  77. package/dist/components/Table/index.cjs.js +1 -1
  78. package/dist/components/Table/index.d.ts.map +1 -1
  79. package/dist/components/Table/index.es.js +72 -58
  80. package/dist/components/Tabs/index.cjs.js +1 -1
  81. package/dist/components/Tabs/index.d.ts +1 -1
  82. package/dist/components/Tabs/index.d.ts.map +1 -1
  83. package/dist/components/Tabs/index.es.js +58 -48
  84. package/dist/components/Toggle/index.cjs.js +1 -0
  85. package/dist/components/Toggle/index.d.ts +48 -0
  86. package/dist/components/Toggle/index.d.ts.map +1 -0
  87. package/dist/components/Toggle/index.es.js +115 -0
  88. package/dist/components/Tooltip/index.cjs.js +1 -1
  89. package/dist/components/Tooltip/index.d.ts +16 -9
  90. package/dist/components/Tooltip/index.d.ts.map +1 -1
  91. package/dist/components/Tooltip/index.es.js +191 -114
  92. package/dist/components/Typography/index.cjs.js +1 -1
  93. package/dist/components/Typography/index.d.ts +2 -2
  94. package/dist/components/Typography/index.d.ts.map +1 -1
  95. package/dist/components/Typography/index.es.js +13 -12
  96. package/dist/components/index.cjs.js +1 -1
  97. package/dist/components/index.d.ts +3 -0
  98. package/dist/components/index.d.ts.map +1 -1
  99. package/dist/components/index.es.js +48 -43
  100. package/dist/helpers/anchorPointer.cjs.js +1 -0
  101. package/dist/helpers/anchorPointer.d.ts +8 -0
  102. package/dist/helpers/anchorPointer.d.ts.map +1 -0
  103. package/dist/helpers/anchorPointer.es.js +12 -0
  104. package/dist/helpers/index.cjs.js +1 -1
  105. package/dist/helpers/index.d.ts +1 -0
  106. package/dist/helpers/index.d.ts.map +1 -1
  107. package/dist/helpers/index.es.js +25 -22
  108. package/dist/hooks/index.cjs.js +1 -1
  109. package/dist/hooks/index.d.ts +1 -0
  110. package/dist/hooks/index.d.ts.map +1 -1
  111. package/dist/hooks/index.es.js +6 -4
  112. package/dist/hooks/usePreventableClose.cjs.js +1 -0
  113. package/dist/hooks/usePreventableClose.d.ts +8 -0
  114. package/dist/hooks/usePreventableClose.d.ts.map +1 -0
  115. package/dist/hooks/usePreventableClose.es.js +21 -0
  116. package/dist/node_modules/prop-types/factoryWithTypeCheckers.es.js +1 -1
  117. package/dist/node_modules/prop-types/index.es.js +1 -1
  118. package/dist/node_modules/prop-types/node_modules/react-is/index.es.js +1 -1
  119. package/dist/providers/ThemeProvider.d.ts +13 -1
  120. package/dist/providers/ThemeProvider.d.ts.map +1 -1
  121. package/dist/providers/index.cjs.js +1 -1
  122. package/dist/providers/index.d.ts.map +1 -1
  123. package/dist/providers/index.es.js +3 -2
  124. package/dist/stores/portalElement.cjs.js +1 -1
  125. package/dist/stores/portalElement.d.ts.map +1 -1
  126. package/dist/stores/portalElement.es.js +13 -9
  127. package/dist/style.css +1 -0
  128. package/package.json +7 -3
  129. package/dist/reaxify.css +0 -1
@@ -0,0 +1,56 @@
1
+ "use client";
2
+ import { jsx as i } from "react/jsx-runtime";
3
+ import l from "../../node_modules/react-animate-height/dist/esm/index.es.js";
4
+ import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
5
+ import m from "../../hooks/useClasses.es.js";
6
+ const r = {
7
+ animating: "",
8
+ animatingUp: "",
9
+ animatingDown: "",
10
+ static: "",
11
+ animatingToHeightZero: "",
12
+ animatingToHeightAuto: "",
13
+ animatingToHeightSpecific: "",
14
+ staticHeightZero: "",
15
+ staticHeightAuto: "",
16
+ staticHeightSpecific: ""
17
+ };
18
+ function g({
19
+ open: t = !1,
20
+ duration: a = 300,
21
+ "data-name": e = "collapse",
22
+ children: n
23
+ }) {
24
+ return /* @__PURE__ */ i(
25
+ l,
26
+ {
27
+ "data-name": e,
28
+ height: t ? "auto" : 0,
29
+ duration: a,
30
+ className: "w-full overflow-hidden",
31
+ animationStateClasses: r,
32
+ children: n
33
+ }
34
+ );
35
+ }
36
+ function p({
37
+ as: t,
38
+ className: a,
39
+ children: e,
40
+ ...n
41
+ }) {
42
+ const o = m((s) => s.collapse.content.base);
43
+ return /* @__PURE__ */ i(
44
+ t || "div",
45
+ {
46
+ "data-name": "collapse-content",
47
+ className: c("w-full block", o, a),
48
+ ...n,
49
+ children: e
50
+ }
51
+ );
52
+ }
53
+ g.Content = p;
54
+ export {
55
+ g as default
56
+ };
@@ -1 +1 @@
1
- "use client";"use strict";const a=require("react/jsx-runtime"),f=require("../../hooks/useClasses.cjs.js"),u=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function w({as:i,orientation:t="horizontal",variant:d="solid",flexItem:n=!1,className:s,...b}){const r=f(e=>e.divider),h=i??"hr",c=u.useMemo(()=>{var o;const e={horizontal:`${n?"w-auto self-stretch":"w-full"} h-0 border-b`,vertical:`${n?"h-auto self-stretch":"h-full"} w-0 border-s`};return[e==null?void 0:e[t],(o=r==null?void 0:r.orientation)==null?void 0:o[t]]},[t,r==null?void 0:r.orientation,n]),l=u.useMemo(()=>{var o;const e={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"};return[e==null?void 0:e[d],(o=r==null?void 0:r.variant)==null?void 0:o[d]]},[d,r==null?void 0:r.variant]);return a.jsx(h,{className:q.twMerge("border-border border-0",r==null?void 0:r.base,c,l,s),...b})}module.exports=w;
1
+ "use client";"use strict";const l=require("react/jsx-runtime"),i=require("react"),f=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),m=require("../../hooks/useClasses.cjs.js");function q({as:u,orientation:t="horizontal",variant:d="solid",flexItem:n=!1,className:s,...a}){const r=m(e=>e.divider),b=u??"hr",h=i.useMemo(()=>{var o;const e={horizontal:`${n?"w-auto self-stretch":"w-full"} h-0 border-b`,vertical:`${n?"h-auto self-stretch":"h-full"} w-0 border-s`};return[e==null?void 0:e[t],(o=r==null?void 0:r.orientation)==null?void 0:o[t]]},[t,r==null?void 0:r.orientation,n]),c=i.useMemo(()=>{var o;const e={solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"};return[e==null?void 0:e[d],(o=r==null?void 0:r.variant)==null?void 0:o[d]]},[d,r==null?void 0:r.variant]);return l.jsx(b,{role:"separator","data-name":"divider",className:f.twMerge("border-border border-0",r==null?void 0:r.base,h,c,s),...a})}module.exports=q;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7C,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAElB,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC5D,EAAE,EACF,WAA0B,EAC1B,OAAiB,EACjB,QAAgB,EAEhB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,2CA8BhC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7C,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAElB,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC5D,EAAE,EACF,WAA0B,EAC1B,OAAiB,EACjB,QAAgB,EAEhB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,2CAgChC"}
@@ -1,25 +1,25 @@
1
1
  "use client";
2
- import { jsx as a } from "react/jsx-runtime";
3
- import p from "../../hooks/useClasses.es.js";
2
+ import { jsx as l } from "react/jsx-runtime";
4
3
  import { useMemo as n } from "react";
5
- import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
4
+ import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
5
+ import s from "../../hooks/useClasses.es.js";
6
6
  function z({
7
- as: u,
7
+ as: a,
8
8
  orientation: e = "horizontal",
9
9
  variant: d = "solid",
10
10
  flexItem: i = !1,
11
11
  // thickness = 1,
12
- className: b,
13
- ...h
12
+ className: u,
13
+ ...b
14
14
  }) {
15
- const r = p((o) => o.divider), f = u ?? "hr", m = n(() => {
15
+ const r = s((o) => o.divider), h = a ?? "hr", m = n(() => {
16
16
  var t;
17
17
  const o = {
18
18
  horizontal: `${i ? "w-auto self-stretch" : "w-full"} h-0 border-b`,
19
19
  vertical: `${i ? "h-auto self-stretch" : "h-full"} w-0 border-s`
20
20
  };
21
21
  return [o == null ? void 0 : o[e], (t = r == null ? void 0 : r.orientation) == null ? void 0 : t[e]];
22
- }, [e, r == null ? void 0 : r.orientation, i]), l = n(() => {
22
+ }, [e, r == null ? void 0 : r.orientation, i]), f = n(() => {
23
23
  var t;
24
24
  const o = {
25
25
  solid: "border-solid",
@@ -28,17 +28,19 @@ function z({
28
28
  };
29
29
  return [o == null ? void 0 : o[d], (t = r == null ? void 0 : r.variant) == null ? void 0 : t[d]];
30
30
  }, [d, r == null ? void 0 : r.variant]);
31
- return /* @__PURE__ */ a(
32
- f,
31
+ return /* @__PURE__ */ l(
32
+ h,
33
33
  {
34
- className: s(
34
+ role: "separator",
35
+ "data-name": "divider",
36
+ className: p(
35
37
  "border-border border-0",
36
38
  r == null ? void 0 : r.base,
37
39
  m,
38
- l,
39
- b
40
+ f,
41
+ u
40
42
  ),
41
- ...h
43
+ ...b
42
44
  }
43
45
  );
44
46
  }
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),u=require("react"),z=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),m=require("../../helpers/cn.cjs.js"),w=require("../Card/index.cjs.js"),F=require("../Portal/index.cjs.js"),$=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),j=u.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1});function f({as:r,ref:n,open:t=!1,onClose:e=()=>{},onEnter:i,onEntering:v,onEntered:y,onExit:b,onExiting:h,onExited:p,duration:s=300,preventClose:c=!1,anchor:l="end",className:D="",children:R,...H}){const a=x(d=>d.drawer),g=u.useRef(null),N=r||"div",k={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},S=u.useMemo(()=>{var M;const d={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},B=(M=a==null?void 0:a.anchor)==null?void 0:M[l];return[d[l],B]},[l,a==null?void 0:a.anchor]),C=()=>{c||e()};return u.useImperativeHandle(n,()=>g.current),z.useHotkey("Escape",()=>e(),{conflictBehavior:"allow",ignoreInputs:!0,enabled:t&&!c}),o.jsx(F,{children:o.jsx($.default,{nodeRef:g,in:t,timeout:s,unmountOnExit:!0,onEnter:i,onEntering:v,onEntered:y,onExit:b,onExiting:h,onExited:p,children:d=>o.jsxs(N,{ref:g,style:{transitionDuration:`${s}ms`},"data-open":t,className:q.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",a==null?void 0:a.base,k[d],S,D),...H,children:[o.jsx("div",{onClick:C,className:m("absolute inset-0 size-full cursor-default opacity-0",c&&"[&:active~*]:scale-95")}),o.jsx(j.Provider,{value:{open:t,onClose:C,transitionState:d,duration:s,anchor:l,preventClose:c},children:R})]})})})}function E({children:r,className:n="",...t}){const e=x(s=>s.drawer.menu),{anchor:i,duration:v,transitionState:y,preventClose:b}=u.useContext(j),h=u.useMemo(()=>{var l;const s={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full max-h-[92.5%] rounded-b mb-auto",bottom:"w-full max-h-[92.5%] rounded-t mt-auto"},c=(l=e==null?void 0:e.anchor)==null?void 0:l[i];return[s[i],c]},[i,e==null?void 0:e.anchor]),p=u.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[i],[i]);return o.jsx(w,{as:"div",style:{transitionDuration:`${v}ms`},className:q.twMerge("relative flex flex-col transition-[translate,width] rounded-none",b&&"transition-transform",e==null?void 0:e.base,p[y],h,n),...t,children:r})}function I({className:r,...n}){const t=x(e=>e.drawer.header.base);return o.jsx(w.Header,{className:m(t,r),...n})}function O({className:r,...n}){const t=x(e=>e.drawer.body.base);return o.jsx(w.Body,{className:m("flex-1 overflow-auto",t,r),...n})}function P({className:r,...n}){const t=x(e=>e.drawer.footer.base);return o.jsx(w.Footer,{className:m(t,r),...n})}f.Menu=E;f.Header=I;f.Body=O;f.Footer=P;exports.DrawerContext=j;exports.default=f;
1
+ "use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=require("../Card/index.cjs.js"),B=require("../Portal/index.cjs.js"),x=require("../../hooks/useClasses.cjs.js"),F=require("../../hooks/usePreventableClose.cjs.js"),P=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),w=require("../../helpers/cn.cjs.js"),j=u.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1,dismiss:()=>{}});function m({as:r,ref:n,open:t=!1,onClose:e=()=>{},onEnter:i,onEntering:v,onEntered:b,onExit:y,onExiting:h,onExited:p,duration:s=300,preventClose:c=!1,anchor:l="end",className:D="",children:R,...N}){const a=x(d=>d.drawer),g=u.useRef(null),S=r||"div",k={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},H=u.useMemo(()=>{var M;const d={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},z=(M=a==null?void 0:a.anchor)==null?void 0:M[l];return[d[l],z]},[l,a==null?void 0:a.anchor]),C=F({preventClose:c,open:t,onClose:e});return u.useImperativeHandle(n,()=>g.current),o.jsx(B,{children:o.jsx(P.default,{nodeRef:g,in:t,timeout:s,unmountOnExit:!0,onEnter:i,onEntering:v,onEntered:b,onExit:y,onExiting:h,onExited:p,children:d=>o.jsxs(S,{ref:g,style:{transitionDuration:`${s}ms`},role:"dialog","data-name":"drawer","data-open":t,className:q.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",a==null?void 0:a.base,k[d],H,D),...N,children:[o.jsx("div",{"data-name":"drawer-backdrop",onClick:C,className:w("absolute inset-0 size-full cursor-default opacity-0",c&&"[&:active~*]:scale-95")}),o.jsx(j.Provider,{value:{open:t,onClose:e,dismiss:C,transitionState:d,duration:s,anchor:l,preventClose:c},children:R})]})})})}function $({children:r,className:n="",...t}){const e=x(s=>s.drawer.menu),{anchor:i,duration:v,transitionState:b,preventClose:y}=u.useContext(j),h=u.useMemo(()=>{var l;const s={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full max-h-[92.5%] rounded-b mb-auto",bottom:"w-full max-h-[92.5%] rounded-t mt-auto"},c=(l=e==null?void 0:e.anchor)==null?void 0:l[i];return[s[i],c]},[i,e==null?void 0:e.anchor]),p=u.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[i],[i]);return o.jsx(f,{as:"div","data-name":"drawer-menu",style:{transitionDuration:`${v}ms`},className:q.twMerge("relative flex flex-col transition-[translate,width] rounded-none",y&&"transition-transform",e==null?void 0:e.base,p[b],h,n),...t,children:r})}function O({className:r,...n}){const t=x(e=>e.drawer.header.base);return o.jsx(f.Header,{"data-name":"drawer-header",className:w(t,r),...n})}function T({className:r,...n}){const t=x(e=>e.drawer.body.base);return o.jsx(f.Body,{"data-name":"drawer-body",className:w("flex-1 overflow-auto",t,r),...n})}function _({className:r,...n}){const t=x(e=>e.drawer.footer.base);return o.jsx(f.Footer,{"data-name":"drawer-footer",className:w(t,r),...n})}m.Menu=$;m.Header=O;m.Body=T;m.Footer=_;exports.DrawerContext=j;exports.default=m;
@@ -7,6 +7,7 @@ type Context = {
7
7
  anchor: Anchor;
8
8
  transitionState: TransitionStatus;
9
9
  preventClose: boolean;
10
+ dismiss: VoidFunction;
10
11
  } & ToggleProps;
11
12
  type DrawerBaseProps = {
12
13
  anchor?: Anchor;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG9E,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC;AAChB,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,WAAW,CAAC,CAAC;AACvB,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,oBAAoB,CAC5D,CAAC,EACD,eAAe,CAChB,CAAC;AACF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AACjE,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAG/C,eAAO,MAAM,aAAa,kCAOxB,CAAC;AAEH,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,GAAG,EACH,IAAY,EACZ,OAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAoFhB;kBArGQ,MAAM;;;;;;AAsGf,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAgE1E;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAG/D;AAOD,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9E,OAAO,EACL,cAAc,EAEd,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAMtE,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,gBAAgB,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;CACvB,GAAG,WAAW,CAAC;AAChB,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,WAAW,CAAC,CAAC;AACvB,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,oBAAoB,CAC5D,CAAC,EACD,eAAe,CAChB,CAAC;AACF,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC;AACjE,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAC7C,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAG/C,eAAO,MAAM,aAAa,kCAQxB,CAAC;AAEH,iBAAS,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC7C,EAAE,EACF,GAAG,EACH,IAAY,EACZ,OAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAc,EACd,YAAoB,EACpB,MAAc,EACd,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CAgFhB;kBAjGQ,MAAM;;;;;;AAkGf,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAiE1E;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAS/D;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAS3D;AACD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAS/D;AAOD,eAAe,MAAM,CAAC"}
@@ -1,25 +1,27 @@
1
1
  "use client";
2
- import { jsx as s, jsxs as j } from "react/jsx-runtime";
3
- import d from "../../hooks/useClasses.es.js";
4
- import { createContext as E, useRef as I, useMemo as g, useImperativeHandle as P, useContext as $ } from "react";
5
- import { useHotkey as O } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
2
+ import { jsx as s, jsxs as S } from "react/jsx-runtime";
3
+ import { createContext as j, useRef as $, useMemo as g, useImperativeHandle as E, useContext as I } from "react";
6
4
  import { twMerge as R } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
7
- import m from "../../helpers/cn.es.js";
8
- import f from "../Card/index.es.js";
9
- import T from "../Portal/index.es.js";
5
+ import m from "../Card/index.es.js";
6
+ import O from "../Portal/index.es.js";
7
+ import c from "../../hooks/useClasses.es.js";
8
+ import T from "../../hooks/usePreventableClose.es.js";
10
9
  import q from "../../node_modules/react-transition-group/esm/Transition.es.js";
11
- const N = E({
10
+ import f from "../../helpers/cn.es.js";
11
+ const N = j({
12
12
  open: !1,
13
13
  onClose: () => {
14
14
  },
15
15
  duration: 300,
16
16
  anchor: "start",
17
17
  transitionState: "unmounted",
18
- preventClose: !1
18
+ preventClose: !1,
19
+ dismiss: () => {
20
+ }
19
21
  });
20
22
  function x({
21
23
  as: r,
22
- ref: n,
24
+ ref: a,
23
25
  open: t = !1,
24
26
  onClose: e = () => {
25
27
  },
@@ -28,15 +30,15 @@ function x({
28
30
  onEntered: p,
29
31
  onExit: v,
30
32
  onExiting: y,
31
- onExited: h,
33
+ onExited: b,
32
34
  duration: o = 300,
33
35
  preventClose: u = !1,
34
36
  anchor: l = "end",
35
- className: H = "",
36
- children: k,
37
- ...B
37
+ className: k = "",
38
+ children: H,
39
+ ...M
38
40
  }) {
39
- const a = d((c) => c.drawer), b = I(null), M = r || "div", z = {
41
+ const n = c((d) => d.drawer), h = $(null), z = r || "div", B = {
40
42
  entering: "active opacity-100 pointer-events-auto",
41
43
  entered: "active opacity-100 pointer-events-auto",
42
44
  exiting: "opacity-0 pointer-events-none",
@@ -44,24 +46,18 @@ function x({
44
46
  unmounted: ""
45
47
  }, F = g(() => {
46
48
  var D;
47
- const c = {
49
+ const d = {
48
50
  start: "flex-row-reverse",
49
51
  end: "flex-row",
50
52
  top: "flex-col-reverse",
51
53
  bottom: "flex-col"
52
- }, S = (D = a == null ? void 0 : a.anchor) == null ? void 0 : D[l];
53
- return [c[l], S];
54
- }, [l, a == null ? void 0 : a.anchor]), C = () => {
55
- u || e();
56
- };
57
- return P(n, () => b.current), O("Escape", () => e(), {
58
- conflictBehavior: "allow",
59
- ignoreInputs: !0,
60
- enabled: t && !u
61
- }), /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
54
+ }, P = (D = n == null ? void 0 : n.anchor) == null ? void 0 : D[l];
55
+ return [d[l], P];
56
+ }, [l, n == null ? void 0 : n.anchor]), C = T({ preventClose: u, open: t, onClose: e });
57
+ return E(a, () => h.current), /* @__PURE__ */ s(O, { children: /* @__PURE__ */ s(
62
58
  q,
63
59
  {
64
- nodeRef: b,
60
+ nodeRef: h,
65
61
  in: t,
66
62
  timeout: o,
67
63
  unmountOnExit: !0,
@@ -70,27 +66,30 @@ function x({
70
66
  onEntered: p,
71
67
  onExit: v,
72
68
  onExiting: y,
73
- onExited: h,
74
- children: (c) => /* @__PURE__ */ j(
75
- M,
69
+ onExited: b,
70
+ children: (d) => /* @__PURE__ */ S(
71
+ z,
76
72
  {
77
- ref: b,
73
+ ref: h,
78
74
  style: { transitionDuration: `${o}ms` },
75
+ role: "dialog",
76
+ "data-name": "drawer",
79
77
  "data-open": t,
80
78
  className: R(
81
79
  "fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",
82
- a == null ? void 0 : a.base,
83
- z[c],
80
+ n == null ? void 0 : n.base,
81
+ B[d],
84
82
  F,
85
- H
83
+ k
86
84
  ),
87
- ...B,
85
+ ...M,
88
86
  children: [
89
87
  /* @__PURE__ */ s(
90
88
  "div",
91
89
  {
90
+ "data-name": "drawer-backdrop",
92
91
  onClick: C,
93
- className: m(
92
+ className: f(
94
93
  "absolute inset-0 size-full cursor-default opacity-0",
95
94
  u && "[&:active~*]:scale-95"
96
95
  )
@@ -101,13 +100,14 @@ function x({
101
100
  {
102
101
  value: {
103
102
  open: t,
104
- onClose: C,
105
- transitionState: c,
103
+ onClose: e,
104
+ dismiss: C,
105
+ transitionState: d,
106
106
  duration: o,
107
107
  anchor: l,
108
108
  preventClose: u
109
109
  },
110
- children: k
110
+ children: H
111
111
  }
112
112
  )
113
113
  ]
@@ -116,8 +116,8 @@ function x({
116
116
  }
117
117
  ) });
118
118
  }
119
- function A({ children: r, className: n = "", ...t }) {
120
- const e = d((o) => o.drawer.menu), { anchor: i, duration: w, transitionState: p, preventClose: v } = $(N), y = g(() => {
119
+ function A({ children: r, className: a = "", ...t }) {
120
+ const e = c((o) => o.drawer.menu), { anchor: i, duration: w, transitionState: p, preventClose: v } = I(N), y = g(() => {
121
121
  var l;
122
122
  const o = {
123
123
  start: "w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",
@@ -126,7 +126,7 @@ function A({ children: r, className: n = "", ...t }) {
126
126
  bottom: "w-full max-h-[92.5%] rounded-t mt-auto"
127
127
  }, u = (l = e == null ? void 0 : e.anchor) == null ? void 0 : l[i];
128
128
  return [o[i], u];
129
- }, [i, e == null ? void 0 : e.anchor]), h = g(() => ({
129
+ }, [i, e == null ? void 0 : e.anchor]), b = g(() => ({
130
130
  start: {
131
131
  entering: "translate-x-0",
132
132
  entered: "translate-x-0",
@@ -157,40 +157,56 @@ function A({ children: r, className: n = "", ...t }) {
157
157
  }
158
158
  })[i], [i]);
159
159
  return /* @__PURE__ */ s(
160
- f,
160
+ m,
161
161
  {
162
162
  as: "div",
163
+ "data-name": "drawer-menu",
163
164
  style: { transitionDuration: `${w}ms` },
164
165
  className: R(
165
166
  "relative flex flex-col transition-[translate,width] rounded-none",
166
167
  v && "transition-transform",
167
168
  e == null ? void 0 : e.base,
168
- h[p],
169
+ b[p],
169
170
  y,
170
- n
171
+ a
171
172
  ),
172
173
  ...t,
173
174
  children: r
174
175
  }
175
176
  );
176
177
  }
177
- function G({ className: r, ...n }) {
178
- const t = d((e) => e.drawer.header.base);
179
- return /* @__PURE__ */ s(f.Header, { className: m(t, r), ...n });
178
+ function G({ className: r, ...a }) {
179
+ const t = c((e) => e.drawer.header.base);
180
+ return /* @__PURE__ */ s(
181
+ m.Header,
182
+ {
183
+ "data-name": "drawer-header",
184
+ className: f(t, r),
185
+ ...a
186
+ }
187
+ );
180
188
  }
181
- function J({ className: r, ...n }) {
182
- const t = d((e) => e.drawer.body.base);
189
+ function J({ className: r, ...a }) {
190
+ const t = c((e) => e.drawer.body.base);
183
191
  return /* @__PURE__ */ s(
184
- f.Body,
192
+ m.Body,
185
193
  {
186
- className: m("flex-1 overflow-auto", t, r),
187
- ...n
194
+ "data-name": "drawer-body",
195
+ className: f("flex-1 overflow-auto", t, r),
196
+ ...a
188
197
  }
189
198
  );
190
199
  }
191
- function K({ className: r, ...n }) {
192
- const t = d((e) => e.drawer.footer.base);
193
- return /* @__PURE__ */ s(f.Footer, { className: m(t, r), ...n });
200
+ function K({ className: r, ...a }) {
201
+ const t = c((e) => e.drawer.footer.base);
202
+ return /* @__PURE__ */ s(
203
+ m.Footer,
204
+ {
205
+ "data-name": "drawer-footer",
206
+ className: f(t, r),
207
+ ...a
208
+ }
209
+ );
194
210
  }
195
211
  x.Menu = A;
196
212
  x.Header = G;
@@ -1 +1 @@
1
- "use client";"use strict";const i=require("react/jsx-runtime"),u=require("../../hooks/useClasses.cjs.js");require("react");const l=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function n({className:e,...s}){const r=u(t=>t.fill.base);return i.jsx("div",{className:l.twMerge("flex-1",r,e),...s})}module.exports=n;
1
+ "use client";"use strict";const i=require("react/jsx-runtime"),n=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),r=require("../../hooks/useClasses.cjs.js");function u({className:e,...s}){const t=r(l=>l.fill.base);return i.jsx("div",{"data-name":"fill",className:n.twMerge("flex-1",t,e),...s})}module.exports=u;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fill/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC1D,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAKzB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fill/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC1D,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CASzB"}
@@ -1,14 +1,20 @@
1
1
  "use client";
2
- import { jsx as l } from "react/jsx-runtime";
3
- import o from "../../hooks/useClasses.es.js";
4
- import "react";
5
- import { twMerge as i } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
2
+ import { jsx as a } from "react/jsx-runtime";
3
+ import { twMerge as r } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
4
+ import i from "../../hooks/useClasses.es.js";
6
5
  function n({
7
- className: s,
8
- ...e
6
+ className: e,
7
+ ...s
9
8
  }) {
10
- const r = o((t) => t.fill.base);
11
- return /* @__PURE__ */ l("div", { className: i("flex-1", r, s), ...e });
9
+ const l = i((t) => t.fill.base);
10
+ return /* @__PURE__ */ a(
11
+ "div",
12
+ {
13
+ "data-name": "fill",
14
+ className: r("flex-1", l, e),
15
+ ...s
16
+ }
17
+ );
12
18
  }
13
19
  export {
14
20
  n as default
@@ -1 +1 @@
1
- "use client";"use strict";const a=require("react/jsx-runtime"),i=require("../../hooks/useClasses.cjs.js");require("react");const c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({as:e,children:t,className:n,...s}){const r=e||"div",o=i(u=>u.inputGroup.base);return a.jsx(r,{className:c.twMerge("w-full",o,n),...s,children:t})}function d({as:e,children:t,className:n,...s}){const r=e||"h6",o=i(u=>u.inputGroup.label.base);return a.jsx(r,{className:c.twMerge("block font-normal text-start mb-0.5 px-0.5 text-sm",o,n),...s,children:t})}function x({as:e,children:t,className:n,...s}){const r=e||"div",o=i(u=>u.inputGroup.stack.base);return a.jsx(r,{className:c.twMerge("flex items-stretch border border-border rounded divide-x divide-border transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",o,n),...s,children:t})}function m({as:e,children:t,className:n,...s}){const r=e||"span",o=i(u=>u.inputGroup.text.base);return a.jsx(r,{className:c.twMerge("flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",o,n),...s,children:t})}function b({as:e,children:t,className:n,...s}){const r=e||"input",o=e==="textarea",u=i(l=>l.inputGroup.formControl.base);return a.jsx(r,{className:c.twMerge("text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",o?"min-h-[7.5rem] field-sizing-content":"h-10",u,n),...s,children:t})}p.Label=d;p.Stack=x;p.Text=m;p.FormControl=b;module.exports=p;
1
+ "use client";"use strict";const u=require("react/jsx-runtime"),i=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),c=require("../../hooks/useClasses.cjs.js");function p({as:t,children:e,className:n,...o}){const r=t||"div",s=c(a=>a.inputGroup.base);return u.jsx(r,{"data-name":"input-group",className:i.twMerge("w-full",s,n),...o,children:e})}function d({as:t,children:e,className:n,...o}){const r=t||"h6",s=c(a=>a.inputGroup.label.base);return u.jsx(r,{"data-name":"input-group-label",className:i.twMerge("block font-normal text-start mb-0.5 px-0.5 text-sm",s,n),...o,children:e})}function m({as:t,children:e,className:n,...o}){const r=t||"div",s=c(a=>a.inputGroup.stack.base);return u.jsx(r,{"data-name":"input-group-stack",className:i.twMerge("flex items-stretch border border-border rounded divide-x divide-border transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",s,n),...o,children:e})}function x({as:t,children:e,className:n,...o}){const r=t||"span",s=c(a=>a.inputGroup.text.base);return u.jsx(r,{"data-name":"input-group-text",className:i.twMerge("flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",s,n),...o,children:e})}function b({as:t,children:e,className:n,...o}){const r=t||"input",s=t==="textarea",a=c(l=>l.inputGroup.formControl.base);return u.jsx(r,{"data-name":"input-group-form-control",className:i.twMerge("text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",s?"min-h-30 field-sizing-content":"h-10",a,n),...o,children:e})}p.Label=d;p.Stack=m;p.Text=x;p.FormControl=b;module.exports=p;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAQzB;kBAbQ,UAAU;;;;;;AAcnB,iBAAS,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EACrD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAezB;AACD,iBAAS,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACtD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAezB;AACD,iBAAS,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACtD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAezB;AACD,iBAAS,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,EAAE,EAC9D,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAiBzB;AAOD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAYzB;kBAjBQ,UAAU;;;;;;AAkBnB,iBAAS,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EACrD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;AACD,iBAAS,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACtD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;AACD,iBAAS,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACtD,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;AACD,iBAAS,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,OAAO,EAAE,EAC9D,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAkBzB;AAOD,eAAe,UAAU,CAAC"}
@@ -1,33 +1,41 @@
1
1
  "use client";
2
- import { jsx as i } from "react/jsx-runtime";
3
- import c from "../../hooks/useClasses.es.js";
4
- import "react";
2
+ import { jsx as u } from "react/jsx-runtime";
5
3
  import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
6
- function u({
4
+ import i from "../../hooks/useClasses.es.js";
5
+ function c({
7
6
  as: t,
8
7
  children: e,
9
- className: o,
10
- ...n
8
+ className: n,
9
+ ...o
11
10
  }) {
12
- const r = t || "div", s = c((a) => a.inputGroup.base);
13
- return /* @__PURE__ */ i(r, { className: p("w-full", s, o), ...n, children: e });
11
+ const r = t || "div", s = i((a) => a.inputGroup.base);
12
+ return /* @__PURE__ */ u(
13
+ r,
14
+ {
15
+ "data-name": "input-group",
16
+ className: p("w-full", s, n),
17
+ ...o,
18
+ children: e
19
+ }
20
+ );
14
21
  }
15
22
  function m({
16
23
  as: t,
17
24
  children: e,
18
- className: o,
19
- ...n
25
+ className: n,
26
+ ...o
20
27
  }) {
21
- const r = t || "h6", s = c((a) => a.inputGroup.label.base);
22
- return /* @__PURE__ */ i(
28
+ const r = t || "h6", s = i((a) => a.inputGroup.label.base);
29
+ return /* @__PURE__ */ u(
23
30
  r,
24
31
  {
32
+ "data-name": "input-group-label",
25
33
  className: p(
26
34
  "block font-normal text-start mb-0.5 px-0.5 text-sm",
27
35
  s,
28
- o
36
+ n
29
37
  ),
30
- ...n,
38
+ ...o,
31
39
  children: e
32
40
  }
33
41
  );
@@ -35,19 +43,20 @@ function m({
35
43
  function d({
36
44
  as: t,
37
45
  children: e,
38
- className: o,
39
- ...n
46
+ className: n,
47
+ ...o
40
48
  }) {
41
- const r = t || "div", s = c((a) => a.inputGroup.stack.base);
42
- return /* @__PURE__ */ i(
49
+ const r = t || "div", s = i((a) => a.inputGroup.stack.base);
50
+ return /* @__PURE__ */ u(
43
51
  r,
44
52
  {
53
+ "data-name": "input-group-stack",
45
54
  className: p(
46
55
  "flex items-stretch border border-border rounded divide-x divide-border transition-[border-color,box-shadow] [&>*:first-child]:rounded-s [&>*:last-child]:rounded-e focus-within:border-primary focus-within:divide-primary",
47
56
  s,
48
- o
57
+ n
49
58
  ),
50
- ...n,
59
+ ...o,
51
60
  children: e
52
61
  }
53
62
  );
@@ -55,19 +64,20 @@ function d({
55
64
  function b({
56
65
  as: t,
57
66
  children: e,
58
- className: o,
59
- ...n
67
+ className: n,
68
+ ...o
60
69
  }) {
61
- const r = t || "span", s = c((a) => a.inputGroup.text.base);
62
- return /* @__PURE__ */ i(
70
+ const r = t || "span", s = i((a) => a.inputGroup.text.base);
71
+ return /* @__PURE__ */ u(
63
72
  r,
64
73
  {
74
+ "data-name": "input-group-text",
65
75
  className: p(
66
76
  "flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",
67
77
  s,
68
- o
78
+ n
69
79
  ),
70
- ...n,
80
+ ...o,
71
81
  children: e
72
82
  }
73
83
  );
@@ -75,28 +85,29 @@ function b({
75
85
  function f({
76
86
  as: t,
77
87
  children: e,
78
- className: o,
79
- ...n
88
+ className: n,
89
+ ...o
80
90
  }) {
81
- const r = t || "input", s = t === "textarea", a = c((l) => l.inputGroup.formControl.base);
82
- return /* @__PURE__ */ i(
91
+ const r = t || "input", s = t === "textarea", a = i((l) => l.inputGroup.formControl.base);
92
+ return /* @__PURE__ */ u(
83
93
  r,
84
94
  {
95
+ "data-name": "input-group-form-control",
85
96
  className: p(
86
97
  "text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",
87
- s ? "min-h-[7.5rem] field-sizing-content" : "h-10",
98
+ s ? "min-h-30 field-sizing-content" : "h-10",
88
99
  a,
89
- o
100
+ n
90
101
  ),
91
- ...n,
102
+ ...o,
92
103
  children: e
93
104
  }
94
105
  );
95
106
  }
96
- u.Label = m;
97
- u.Stack = d;
98
- u.Text = b;
99
- u.FormControl = f;
107
+ c.Label = m;
108
+ c.Stack = d;
109
+ c.Text = b;
110
+ c.FormControl = f;
100
111
  export {
101
- u as default
112
+ c as default
102
113
  };