reaxify 1.2.0 → 1.3.1

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithAs, ToggleEventProps, ToggleProps } from '../../types';
-import { ComponentProps, ElementType } from 'react';
+import { ElementType } from 'react';
 import { TransitionStatus } from 'react-transition-group';
 type Anchor = "start" | "end" | "top" | "bottom";
 type Context = {
@@ -15,10 +15,6 @@ type DrawerBaseProps = {
     preventClose?: boolean;
 } & Partial<ToggleEventProps> & Partial<ToggleProps>;
 type DrawerProps<E extends ElementType> = ComponentPropsWithAs<E, DrawerBaseProps>;
-type DrawerMenuProps = Omit<ComponentProps<"div">, "as" | "ref">;
-type DrawerHeaderProps = ComponentProps<"div">;
-type DrawerBodyProps = ComponentProps<"div">;
-type DrawerFooterProps = ComponentProps<"div">;
 export declare const DrawerContext: import('react').Context<Context>;
 declare function Drawer<E extends ElementType = "div">({ as, ref, open, onClose, onEnter, onEntering, onEntered, onExit, onExiting, onExited, duration, preventClose, anchor, className, children, ...props }: DrawerProps<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace Drawer {
@@ -27,9 +23,9 @@ declare namespace Drawer {
     var Body: typeof DrawerBody;
     var Footer: typeof DrawerFooter;
 }
-declare function DrawerMenu({ children, className, ...props }: DrawerMenuProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerBody({ className, ...props }: DrawerBodyProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerMenu<E extends ElementType = "div">({ as, children, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerBody<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
 export default Drawer;
 //# sourceMappingURL=index.d.ts.map

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

@@ -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;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9E,OAAO,EAGL,WAAW,EAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKtE,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;AAGF,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,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAiEzB;AACD,iBAAS,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAUzB;AACD,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjD,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAUzB;AACD,iBAAS,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAUzB;AAOD,eAAe,MAAM,CAAC"}

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

@@ -1,14 +1,15 @@
 "use client";
-import { jsx as s, jsxs as S } from "react/jsx-runtime";
-import { createContext as j, useRef as $, useMemo as g, useImperativeHandle as E, useContext as I } from "react";
-import { twMerge as R } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import m from "../Card/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 c from "../../hooks/useClasses.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";
-import f from "../../helpers/cn.es.js";
-const N = j({
+import w from "../../helpers/cn.es.js";
+import { asComponent as A } from "../../helpers/createPolymorphicComponent.es.js";
+const k = j({
   open: !1,
   onClose: () => {
   },
@@ -19,93 +20,95 @@ const N = j({
   dismiss: () => {
   }
 });
-function x({
-  as: r,
-  ref: a,
+function p({
+  as: a,
+  ref: n,
   open: t = !1,
-  onClose: e = () => {
+  onClose: r = () => {
   },
-  onEnter: i,
-  onEntering: w,
-  onEntered: p,
-  onExit: v,
-  onExiting: y,
-  onExited: b,
-  duration: o = 300,
-  preventClose: u = !1,
-  anchor: l = "end",
-  className: k = "",
+  onEnter: e,
+  onEntering: l,
+  onEntered: v,
+  onExit: y,
+  onExiting: b,
+  onExited: h,
+  duration: c = 300,
+  preventClose: s = !1,
+  anchor: d = "end",
+  className: f = "",
   children: H,
   ...M
 }) {
-  const n = c((d) => d.drawer), h = $(null), z = r || "div", B = {
+  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 d = {
+  }, B = C(() => {
+    var R;
+    const u = {
       start: "flex-row-reverse",
       end: "flex-row",
       top: "flex-col-reverse",
       bottom: "flex-col"
-    }, P = (D = n == null ? void 0 : n.anchor) == null ? void 0 : D[l];
-    return [d[l], P];
-  }, [l, n == null ? void 0 : n.anchor]), C = T({ preventClose: u, open: t, onClose: e });
-  return E(a, () => h.current), /* @__PURE__ */ s(O, { 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: h,
+      nodeRef: g,
       in: t,
-      timeout: o,
+      timeout: c,
       unmountOnExit: !0,
-      onEnter: i,
-      onEntering: w,
-      onEntered: p,
-      onExit: v,
-      onExiting: y,
-      onExited: b,
-      children: (d) => /* @__PURE__ */ S(
-        z,
+      onEnter: e,
+      onEntering: l,
+      onEntered: v,
+      onExit: y,
+      onExiting: b,
+      onExited: h,
+      children: (u) => /* @__PURE__ */ S(
+        F,
         {
-          ref: h,
-          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]",
-            n == null ? void 0 : n.base,
-            B[d],
-            F,
-            k
+            o == null ? void 0 : o.base,
+            z[u],
+            B,
+            f
           ),
           ...M,
           children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ i(
               "div",
               {
                 "data-name": "drawer-backdrop",
-                onClick: C,
-                className: f(
+                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: e,
-                  dismiss: C,
-                  transitionState: d,
-                  duration: o,
-                  anchor: l,
-                  preventClose: u
+                  onClose: r,
+                  dismiss: D,
+                  transitionState: u,
+                  duration: c,
+                  anchor: d,
+                  preventClose: s
                 },
                 children: H
               }
@@ -116,17 +119,22 @@ function x({
     }
   ) });
 }
-function A({ children: r, className: a = "", ...t }) {
-  const e = c((o) => o.drawer.menu), { anchor: i, duration: w, transitionState: p, preventClose: v } = I(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]), b = 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,64 +163,79 @@ function A({ children: r, className: a = "", ...t }) {
       exited: "translate-y-full",
       unmounted: ""
     }
-  })[i], [i]);
-  return /* @__PURE__ */ s(
-    m,
+  })[l], [l]);
+  return /* @__PURE__ */ i(
+    x,
     {
-      as: "div",
+      as: a,
       "data-name": "drawer-menu",
-      style: { transitionDuration: `${w}ms` },
-      className: R(
+      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,
-        b[p],
-        y,
-        a
+        c[y],
+        h,
+        t
       ),
-      ...t,
-      children: r
+      ...r,
+      children: n
     }
   );
 }
-function G({ className: r, ...a }) {
-  const t = c((e) => e.drawer.header.base);
-  return /* @__PURE__ */ s(
-    m.Header,
+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: f(t, r),
-      ...a
+      className: w(r, n),
+      ...t
     }
   );
 }
-function J({ className: r, ...a }) {
-  const t = c((e) => e.drawer.body.base);
-  return /* @__PURE__ */ s(
-    m.Body,
+function K({
+  as: a,
+  className: n,
+  ...t
+}) {
+  const r = m((e) => e.drawer.body.base);
+  return /* @__PURE__ */ i(
+    x.Body,
     {
+      as: a,
       "data-name": "drawer-body",
-      className: f("flex-1 overflow-auto", t, r),
-      ...a
+      className: w("flex-1 overflow-auto", r, n),
+      ...t
     }
   );
 }
-function K({ className: r, ...a }) {
-  const t = c((e) => e.drawer.footer.base);
-  return /* @__PURE__ */ s(
-    m.Footer,
+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: f(t, r),
-      ...a
+      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"),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;
+"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,2CASzB"}
+{"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,21 +1,23 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { twMerge as r } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import i from "../../hooks/useClasses.es.js";
-function n({
-  className: 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 l = i((t) => t.fill.base);
-  return /* @__PURE__ */ a(
-    "div",
+  const t = n((m) => m.fill.base), l = i(e, "div");
+  return /* @__PURE__ */ r(
+    l,
     {
       "data-name": "fill",
-      className: r("flex-1", l, e),
+      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 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;
+"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,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"}
+{"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,62 +1,63 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import i from "../../hooks/useClasses.es.js";
-function c({
+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: n,
-  ...o
+  className: o,
+  ...n
 }) {
-  const r = t || "div", s = i((a) => a.inputGroup.base);
-  return /* @__PURE__ */ u(
-    r,
+  const r = u((a) => a.inputGroup.base), s = c(t, "div");
+  return /* @__PURE__ */ p(
+    s,
     {
       "data-name": "input-group",
-      className: p("w-full", s, n),
-      ...o,
+      className: i("w-full", r, o),
+      ...n,
       children: e
     }
   );
 }
-function m({
+function d({
   as: t,
   children: e,
-  className: n,
-  ...o
+  className: o,
+  ...n
 }) {
-  const r = t || "h6", s = i((a) => a.inputGroup.label.base);
-  return /* @__PURE__ */ u(
-    r,
+  const r = u((a) => a.inputGroup.label.base), s = c(t, "h6");
+  return /* @__PURE__ */ p(
+    s,
     {
       "data-name": "input-group-label",
-      className: p(
+      className: i(
         "block font-normal text-start mb-0.5 px-0.5 text-sm",
-        s,
-        n
+        r,
+        o
       ),
-      ...o,
+      ...n,
       children: e
     }
   );
 }
-function d({
+function f({
   as: t,
   children: e,
-  className: n,
-  ...o
+  className: o,
+  ...n
 }) {
-  const r = t || "div", s = i((a) => a.inputGroup.stack.base);
-  return /* @__PURE__ */ u(
-    r,
+  const r = u((a) => a.inputGroup.stack.base), s = c(t, "div");
+  return /* @__PURE__ */ p(
+    s,
     {
       "data-name": "input-group-stack",
-      className: p(
+      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,
-        n
+        r,
+        o
       ),
-      ...o,
+      ...n,
       children: e
     }
   );
@@ -64,50 +65,50 @@ function d({
 function b({
   as: t,
   children: e,
-  className: n,
-  ...o
+  className: o,
+  ...n
 }) {
-  const r = t || "span", s = i((a) => a.inputGroup.text.base);
-  return /* @__PURE__ */ u(
-    r,
+  const r = u((a) => a.inputGroup.text.base), s = c(t, "span");
+  return /* @__PURE__ */ p(
+    s,
     {
       "data-name": "input-group-text",
-      className: p(
+      className: i(
         "flex items-center text-base py-1.5 px-3 font-normal text-center whitespace-nowrap",
-        s,
-        n
+        r,
+        o
       ),
-      ...o,
+      ...n,
       children: e
     }
   );
 }
-function f({
+function x({
   as: t,
   children: e,
-  className: n,
-  ...o
+  className: o,
+  ...n
 }) {
-  const r = t || "input", s = t === "textarea", a = i((l) => l.inputGroup.formControl.base);
-  return /* @__PURE__ */ u(
-    r,
+  const r = t === "textarea", s = u((m) => m.inputGroup.formControl.base), a = c(t, "input");
+  return /* @__PURE__ */ p(
+    a,
     {
       "data-name": "input-group-form-control",
-      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-30 field-sizing-content" : "h-10",
-        a,
-        n
+      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
       ),
-      ...o,
+      ...n,
       children: e
     }
   );
 }
-c.Label = m;
-c.Stack = d;
-c.Text = b;
-c.FormControl = f;
+l.Label = d;
+l.Stack = f;
+l.Text = b;
+l.FormControl = x;
 export {
-  c 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"}