reaxify 0.0.98 → 1.3.0

package/dist/components/Drawer/index.es.js

@@ -1,113 +1,116 @@
 "use client";
-import { jsx as s, jsxs as j } from "react/jsx-runtime";
-import d from "../../hooks/useClasses.es.js";
-import { createContext as E, useRef as I, useMemo as g, useImperativeHandle as P, useContext as $ } from "react";
-import { useHotkey as O } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
-import { twMerge as R } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import m from "../../helpers/cn.es.js";
-import f from "../Card/index.es.js";
-import T from "../Portal/index.es.js";
+import { jsx as i, jsxs as S } from "react/jsx-runtime";
+import { createContext as j, useRef as $, useMemo as C, useImperativeHandle as E, useContext as I } from "react";
+import { twMerge as N } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import x from "../Card/index.es.js";
+import O from "../Portal/index.es.js";
+import m from "../../hooks/useClasses.es.js";
+import T from "../../hooks/usePreventableClose.es.js";
 import q from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const N = E({
+import w from "../../helpers/cn.es.js";
+import { asComponent as A } from "../../helpers/createPolymorphicComponent.es.js";
+const k = j({
   open: !1,
   onClose: () => {
   },
   duration: 300,
   anchor: "start",
   transitionState: "unmounted",
-  preventClose: !1
+  preventClose: !1,
+  dismiss: () => {
+  }
 });
-function x({
-  as: r,
+function p({
+  as: a,
   ref: n,
   open: t = !1,
-  onClose: e = () => {
+  onClose: r = () => {
   },
-  onEnter: i,
-  onEntering: w,
-  onEntered: p,
-  onExit: v,
-  onExiting: y,
+  onEnter: e,
+  onEntering: l,
+  onEntered: v,
+  onExit: y,
+  onExiting: b,
   onExited: h,
-  duration: o = 300,
-  preventClose: u = !1,
-  anchor: l = "end",
-  className: H = "",
-  children: k,
-  ...B
+  duration: c = 300,
+  preventClose: s = !1,
+  anchor: d = "end",
+  className: f = "",
+  children: H,
+  ...M
 }) {
-  const a = d((c) => c.drawer), b = I(null), M = r || "div", z = {
+  const o = m((u) => u.drawer), g = $(null), z = {
     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: ""
-  }, F = g(() => {
-    var D;
-    const c = {
+  }, B = C(() => {
+    var R;
+    const u = {
       start: "flex-row-reverse",
       end: "flex-row",
       top: "flex-col-reverse",
       bottom: "flex-col"
-    }, S = (D = a == null ? void 0 : a.anchor) == null ? void 0 : D[l];
-    return [c[l], S];
-  }, [l, a == null ? void 0 : a.anchor]), C = () => {
-    u || e();
-  };
-  return P(n, () => b.current), O("Escape", () => e(), {
-    conflictBehavior: "allow",
-    ignoreInputs: !0,
-    enabled: t && !u
-  }), /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
+    }, P = (R = o == null ? void 0 : o.anchor) == null ? void 0 : R[d];
+    return [u[d], P];
+  }, [d, o == null ? void 0 : o.anchor]), D = T({ preventClose: s, open: t, onClose: r });
+  E(n, () => g.current);
+  const F = A(a, "div");
+  return /* @__PURE__ */ i(O, { children: /* @__PURE__ */ i(
     q,
     {
-      nodeRef: b,
+      nodeRef: g,
       in: t,
-      timeout: o,
+      timeout: c,
       unmountOnExit: !0,
-      onEnter: i,
-      onEntering: w,
-      onEntered: p,
-      onExit: v,
-      onExiting: y,
+      onEnter: e,
+      onEntering: l,
+      onEntered: v,
+      onExit: y,
+      onExiting: b,
       onExited: h,
-      children: (c) => /* @__PURE__ */ j(
-        M,
+      children: (u) => /* @__PURE__ */ S(
+        F,
         {
-          ref: b,
-          style: { transitionDuration: `${o}ms` },
+          ref: g,
+          style: { transitionDuration: `${c}ms` },
+          role: "dialog",
+          "data-name": "drawer",
           "data-open": t,
-          className: R(
+          className: N(
             "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,
-            z[c],
-            F,
-            H
+            o == null ? void 0 : o.base,
+            z[u],
+            B,
+            f
           ),
-          ...B,
+          ...M,
           children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ i(
               "div",
               {
-                onClick: C,
-                className: m(
+                "data-name": "drawer-backdrop",
+                onClick: D,
+                className: w(
                   "absolute inset-0 size-full cursor-default opacity-0",
-                  u && "[&:active~*]:scale-95"
+                  s && "[&:active~*]:scale-95"
                 )
               }
             ),
-            /* @__PURE__ */ s(
-              N.Provider,
+            /* @__PURE__ */ i(
+              k.Provider,
               {
                 value: {
                   open: t,
-                  onClose: C,
-                  transitionState: c,
-                  duration: o,
-                  anchor: l,
-                  preventClose: u
+                  onClose: r,
+                  dismiss: D,
+                  transitionState: u,
+                  duration: c,
+                  anchor: d,
+                  preventClose: s
                 },
-                children: k
+                children: H
               }
             )
           ]
@@ -116,17 +119,22 @@ function x({
     }
   ) });
 }
-function A({ children: r, className: n = "", ...t }) {
-  const e = d((o) => o.drawer.menu), { anchor: i, duration: w, transitionState: p, preventClose: v } = $(N), y = g(() => {
-    var l;
-    const o = {
+function G({
+  as: a,
+  children: n,
+  className: t = "",
+  ...r
+}) {
+  const e = m((s) => s.drawer.menu), { anchor: l, duration: v, transitionState: y, preventClose: b } = I(k), h = C(() => {
+    var f;
+    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"
-    }, u = (l = e == null ? void 0 : e.anchor) == null ? void 0 : l[i];
-    return [o[i], u];
-  }, [i, e == null ? void 0 : e.anchor]), h = g(() => ({
+    }, d = (f = e == null ? void 0 : e.anchor) == null ? void 0 : f[l];
+    return [s[l], d];
+  }, [l, e == null ? void 0 : e.anchor]), c = C(() => ({
     start: {
       entering: "translate-x-0",
       entered: "translate-x-0",
@@ -155,48 +163,79 @@ function A({ children: r, className: n = "", ...t }) {
       exited: "translate-y-full",
       unmounted: ""
     }
-  })[i], [i]);
-  return /* @__PURE__ */ s(
-    f,
+  })[l], [l]);
+  return /* @__PURE__ */ i(
+    x,
     {
-      as: "div",
-      style: { transitionDuration: `${w}ms` },
-      className: R(
+      as: a,
+      "data-name": "drawer-menu",
+      style: { transitionDuration: `${v}ms` },
+      className: N(
         "relative flex flex-col transition-[translate,width] rounded-none",
-        v && "transition-transform",
+        b && "transition-transform",
         e == null ? void 0 : e.base,
-        h[p],
-        y,
-        n
+        c[y],
+        h,
+        t
       ),
-      ...t,
-      children: r
+      ...r,
+      children: n
     }
   );
 }
-function G({ className: r, ...n }) {
-  const t = d((e) => e.drawer.header.base);
-  return /* @__PURE__ */ s(f.Header, { className: m(t, r), ...n });
+function J({
+  as: a,
+  className: n,
+  ...t
+}) {
+  const r = m((e) => e.drawer.header.base);
+  return /* @__PURE__ */ i(
+    x.Header,
+    {
+      as: a,
+      "data-name": "drawer-header",
+      className: w(r, n),
+      ...t
+    }
+  );
 }
-function J({ className: r, ...n }) {
-  const t = d((e) => e.drawer.body.base);
-  return /* @__PURE__ */ s(
-    f.Body,
+function K({
+  as: a,
+  className: n,
+  ...t
+}) {
+  const r = m((e) => e.drawer.body.base);
+  return /* @__PURE__ */ i(
+    x.Body,
     {
-      className: m("flex-1 overflow-auto", t, r),
-      ...n
+      as: a,
+      "data-name": "drawer-body",
+      className: w("flex-1 overflow-auto", r, n),
+      ...t
     }
   );
 }
-function K({ className: r, ...n }) {
-  const t = d((e) => e.drawer.footer.base);
-  return /* @__PURE__ */ s(f.Footer, { className: m(t, r), ...n });
+function L({
+  as: a,
+  className: n,
+  ...t
+}) {
+  const r = m((e) => e.drawer.footer.base);
+  return /* @__PURE__ */ i(
+    x.Footer,
+    {
+      as: a,
+      "data-name": "drawer-footer",
+      className: w(r, n),
+      ...t
+    }
+  );
 }
-x.Menu = A;
-x.Header = G;
-x.Body = J;
-x.Footer = K;
+p.Menu = G;
+p.Header = J;
+p.Body = K;
+p.Footer = L;
 export {
-  N as DrawerContext,
-  x as default
+  k as DrawerContext,
+  p as default
 };

package/dist/components/Fill/index.cjs.js

@@ -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;
+"use client";"use strict";const c=require("react/jsx-runtime"),i=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),l=require("../../hooks/useClasses.cjs.js"),u=require("../../helpers/createPolymorphicComponent.cjs.js");function a({as:e,className:s,...n}){const t=l(r=>r.fill.base),o=u.asComponent(e,"div");return c.jsx(o,{"data-name":"fill",className:i.twMerge("flex-1",t,s),...n})}module.exports=a;

package/dist/components/Fill/index.d.ts

@@ -1,4 +1,4 @@
 import { ComponentPropsWithAs } from '../../types';
 import { ElementType } from 'react';
-export default function Fill<E extends ElementType = "div">({ className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+export default function Fill<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Fill/index.d.ts.map

@@ -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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fill/index.tsx"],"names":[],"mappings":"AAEA,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,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAUzB"}

package/dist/components/Fill/index.es.js

@@ -1,15 +1,23 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import o from "../../hooks/useClasses.es.js";
-import "react";
-import { twMerge as i } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function n({
-  className: s,
-  ...e
+import { jsx as r } from "react/jsx-runtime";
+import { twMerge as a } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import n from "../../hooks/useClasses.es.js";
+import { asComponent as i } from "../../helpers/createPolymorphicComponent.es.js";
+function d({
+  as: e,
+  className: o,
+  ...s
 }) {
-  const r = o((t) => t.fill.base);
-  return /* @__PURE__ */ l("div", { className: i("flex-1", r, s), ...e });
+  const t = n((m) => m.fill.base), l = i(e, "div");
+  return /* @__PURE__ */ r(
+    l,
+    {
+      "data-name": "fill",
+      className: a("flex-1", t, o),
+      ...s
+    }
+  );
 }
 export {
-  n as default
+  d as default
 };

package/dist/components/InputGroup/index.cjs.js

@@ -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;
+"use client";"use strict";const u=require("react/jsx-runtime"),i=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),p=require("../../hooks/useClasses.cjs.js"),c=require("../../helpers/createPolymorphicComponent.cjs.js");function l({as:t,children:e,className:n,...o}){const s=p(a=>a.inputGroup.base),r=c.asComponent(t,"div");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 s=p(a=>a.inputGroup.label.base),r=c.asComponent(t,"h6");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 x({as:t,children:e,className:n,...o}){const s=p(a=>a.inputGroup.stack.base),r=c.asComponent(t,"div");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 b({as:t,children:e,className:n,...o}){const s=p(a=>a.inputGroup.text.base),r=c.asComponent(t,"span");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 f({as:t,children:e,className:n,...o}){const s=t==="textarea",r=p(m=>m.inputGroup.formControl.base),a=c.asComponent(t,"input");return u.jsx(a,{"data-name":"input-group-form-control",className:i.twMerge("text-start flex-1 leading-10 text-base py-1.5 px-3 align-middle focus:outline-none bg-transparent border-0",s?"min-h-30 field-sizing-content":"h-10",r,n),...o,children:e})}l.Label=d;l.Stack=x;l.Text=b;l.FormControl=f;module.exports=l;

package/dist/components/InputGroup/index.d.ts.map

@@ -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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/index.tsx"],"names":[],"mappings":"AAEA,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"}

package/dist/components/InputGroup/index.es.js

@@ -1,30 +1,39 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import c from "../../hooks/useClasses.es.js";
-import "react";
-import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function u({
+import { jsx as p } from "react/jsx-runtime";
+import { twMerge as i } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import u from "../../hooks/useClasses.es.js";
+import { asComponent as c } from "../../helpers/createPolymorphicComponent.es.js";
+function l({
   as: t,
   children: e,
   className: o,
   ...n
 }) {
-  const r = t || "div", s = c((a) => a.inputGroup.base);
-  return /* @__PURE__ */ i(r, { className: p("w-full", s, o), ...n, children: e });
+  const r = u((a) => a.inputGroup.base), s = c(t, "div");
+  return /* @__PURE__ */ p(
+    s,
+    {
+      "data-name": "input-group",
+      className: i("w-full", r, o),
+      ...n,
+      children: e
+    }
+  );
 }
-function m({
+function d({
   as: t,
   children: e,
   className: o,
   ...n
 }) {
-  const r = t || "h6", s = c((a) => a.inputGroup.label.base);
-  return /* @__PURE__ */ i(
-    r,
+  const r = u((a) => a.inputGroup.label.base), s = c(t, "h6");
+  return /* @__PURE__ */ p(
+    s,
     {
-      className: p(
+      "data-name": "input-group-label",
+      className: i(
         "block font-normal text-start mb-0.5 px-0.5 text-sm",
-        s,
+        r,
         o
       ),
       ...n,
@@ -32,19 +41,20 @@ function m({
     }
   );
 }
-function d({
+function f({
   as: t,
   children: e,
   className: o,
   ...n
 }) {
-  const r = t || "div", s = c((a) => a.inputGroup.stack.base);
-  return /* @__PURE__ */ i(
-    r,
+  const r = u((a) => a.inputGroup.stack.base), s = c(t, "div");
+  return /* @__PURE__ */ p(
+    s,
     {
-      className: p(
+      "data-name": "input-group-stack",
+      className: i(
         "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,
+        r,
         o
       ),
       ...n,
@@ -58,13 +68,14 @@ function b({
   className: o,
   ...n
 }) {
-  const r = t || "span", s = c((a) => a.inputGroup.text.base);
-  return /* @__PURE__ */ i(
-    r,
+  const r = u((a) => a.inputGroup.text.base), s = c(t, "span");
+  return /* @__PURE__ */ p(
+    s,
     {
-      className: p(
+      "data-name": "input-group-text",
+      className: i(
         "flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",
-        s,
+        r,
         o
       ),
       ...n,
@@ -72,20 +83,21 @@ function b({
     }
   );
 }
-function f({
+function x({
   as: t,
   children: e,
   className: o,
   ...n
 }) {
-  const r = t || "input", s = t === "textarea", a = c((l) => l.inputGroup.formControl.base);
-  return /* @__PURE__ */ i(
-    r,
+  const r = t === "textarea", s = u((m) => m.inputGroup.formControl.base), a = c(t, "input");
+  return /* @__PURE__ */ p(
+    a,
     {
-      className: p(
-        "text-start flex-1 leading-10 text-base py-1.5 px-3 focus:outline-none bg-transparent border-0",
-        s ? "min-h-[7.5rem] field-sizing-content" : "h-10",
-        a,
+      "data-name": "input-group-form-control",
+      className: i(
+        "text-start flex-1 leading-10 text-base py-1.5 px-3 align-middle focus:outline-none bg-transparent border-0",
+        r ? "min-h-30 field-sizing-content" : "h-10",
+        s,
         o
       ),
       ...n,
@@ -93,10 +105,10 @@ function f({
     }
   );
 }
-u.Label = m;
-u.Stack = d;
-u.Text = b;
-u.FormControl = f;
+l.Label = d;
+l.Stack = f;
+l.Text = b;
+l.FormControl = x;
 export {
-  u as default
+  l as default
 };

package/dist/components/List/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";const m=require("react/jsx-runtime"),L=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),C=require("react"),p=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=require("../../hooks/useClasses.cjs.js"),v=require("../../helpers/createPolymorphicComponent.cjs.js"),M=C.createContext({hover:!1,disabled:!1});function b({as:o,divided:i=!1,hover:a=!1,disabled:s=!1,className:r,children:c,...l}){const t=f(e=>{var d;return(d=e.list)==null?void 0:d.base}),n=v.asComponent(o,"ul");return m.jsx(n,{"data-name":"list",className:p.twMerge("w-full list-none p-0 m-0",i&&"divide-y divide-border",t,r),...l,children:m.jsx(M.Provider,{value:{hover:a,disabled:s},children:c})})}function N({as:o,hover:i,active:a=!1,disabled:s,className:r,children:c,tabIndex:l,onClick:t,...n}){const e=f(h=>{var q;return(q=h.list)==null?void 0:q.item}),{hover:d,disabled:H}=C.useContext(M),g=C.useRef(null),u=s??H,x=(i??d)&&!u,y=a&&!u,w=x&&!!t,j=C.useCallback(h=>{u||!t||t(h)},[u,t]);L.useHotkey("Enter",j,{target:g,enabled:w,preventDefault:!0}),L.useHotkey("Space",j,{target:g,enabled:w,preventDefault:!0});const I=v.asComponent(o,"li");return m.jsx(I,{ref:g,"data-name":"list-item",tabIndex:l??(x?0:void 0),"aria-disabled":u||void 0,"aria-current":y?"true":void 0,className:p.twMerge("flex items-center gap-3 px-4 py-3 min-w-0 w-full",x&&"cursor-pointer transition-colors hover:bg-dark/5 [user-select:none]",x&&(e==null?void 0:e.hover),y&&"bg-primary/10 text-primary",y&&(e==null?void 0:e.active),u&&"opacity-75 cursor-not-allowed pointer-events-none select-none",u&&(e==null?void 0:e.disabled),e==null?void 0:e.base,r),onClick:u?void 0:t,...n,children:c})}function D({as:o,className:i,children:a,...s}){const r=f(l=>{var t,n;return(n=(t=l.list)==null?void 0:t.icon)==null?void 0:n.base}),c=v.asComponent(o,"div");return m.jsx(c,{"data-name":"list-icon",className:p.twMerge("shrink-0 flex items-center justify-center [&_svg]:size-5.5",r,i),...s,children:a})}function R({as:o,className:i,children:a,...s}){const r=f(l=>{var t,n;return(n=(t=l.list)==null?void 0:t.content)==null?void 0:n.base}),c=v.asComponent(o,"div");return m.jsx(c,{"data-name":"list-content",className:p.twMerge("flex-1 min-w-0 space-y-px",r,i),...s,children:a})}function k({as:o,className:i,children:a,onClick:s,...r}){const c=f(n=>{var e,d;return(d=(e=n.list)==null?void 0:e.action)==null?void 0:d.base}),l=n=>{n.stopPropagation(),s==null||s(n)},t=v.asComponent(o,"div");return m.jsx(t,{"data-name":"list-action",className:p.twMerge("shrink-0 self-center",c,i),onClick:l,...r,children:a})}b.Item=N;b.Icon=D;b.Content=R;b.Action=k;module.exports=b;

package/dist/components/List/index.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithAs } from '../../types';
+import { ElementType } from 'react';
+type ListProps = {
+    divided?: boolean;
+    hover?: boolean;
+    disabled?: boolean;
+};
+type ListItemProps = {
+    hover?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+};
+declare function List<E extends ElementType = "ul">({ as, divided, hover, disabled, className, children, ...props }: ComponentPropsWithAs<E, ListProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace List {
+    var Item: typeof ListItem;
+    var Icon: typeof ListIcon;
+    var Content: typeof ListContent;
+    var Action: typeof ListAction;
+}
+declare function ListItem<E extends ElementType = "li">({ as, hover, active, disabled, className, children, tabIndex, onClick, ...props }: ComponentPropsWithAs<E, ListItemProps>): import("react/jsx-runtime").JSX.Element;
+declare function ListIcon<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function ListContent<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function ListAction<E extends ElementType = "div">({ as, className, children, onClick, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+export default List;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAEL,WAAW,EAMZ,MAAM,OAAO,CAAC;AAQf,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAOF,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC1C,EAAE,EACF,OAAe,EACf,KAAa,EACb,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,SAAS,CAAC,2CAoBpC;kBA5BQ,IAAI;;;;;;AA8Bb,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE,EAC9C,EAAE,EACF,KAAK,EACL,MAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,aAAa,CAAC,2CA0DxC;AAED,iBAAS,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC/C,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAiBzB;AAED,iBAAS,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAClD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAazB;AAED,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAoBzB;AAOD,eAAe,IAAI,CAAC"}