@dimasbaguspm/versaur 0.0.12 → 0.0.13

package/dist/js/{tabs-BbOkYchB.js → tabs-DSeR5XxX.js}

@@ -1,5 +1,6 @@
-import { c as d, j as o, a as u } from "./index-DOdDlCoL.js";
+import { a as d, j as o } from "./index-Dmu_fHni.js";
 import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
+import { c as u } from "./cn-BKwT3erk.js";
 const w = d(
   "flex items-center gap-2 text-sm text-tertiary",
   {
@@ -49,7 +50,7 @@ const C = f(
   function({ children: t, "aria-label": r = "Breadcrumb", ...a }, n) {
     return /* @__PURE__ */ o.jsx("nav", { "aria-label": r, ...a, children: /* @__PURE__ */ o.jsx("ol", { ref: n, className: w(), children: t }) });
   }
-), O = Object.assign(C, {
+), P = Object.assign(C, {
   Item: I,
   Separator: V
 }), v = x(null), m = () => {
@@ -301,10 +302,10 @@ const k = ({
       ]
     }
   ) });
-}, P = Object.assign(k, {
+}, q = Object.assign(k, {
   Trigger: R
 });
 export {
-  O as B,
-  P as T
+  P as B,
+  q as T
 };

package/dist/js/{tile-6SeBYc08.js → tile-8hqVMf2m.js}

@@ -1,9 +1,8 @@
-import { c as f, j as a, a as l } from "./index-DOdDlCoL.js";
-import * as u from "react";
-import { forwardRef as g, useState as v, useEffect as w, useCallback as y, useRef as S, createContext as V, useContext as T, useMemo as B } from "react";
-import { a as A } from "./calendar-De5dCVnE.js";
-import { X as k } from "lucide-react";
-const I = f(
+import { a as b, j as a } from "./index-Dmu_fHni.js";
+import * as g from "react";
+import { forwardRef as d, useState as v, useEffect as x, useCallback as y, useRef as S, createContext as T, useContext as V, useMemo as A } from "react";
+import { c as l } from "./cn-BKwT3erk.js";
+const B = b(
   "relative flex items-center gap-2 rounded-md p-2 text-sm transition-all duration-200",
   {
     variants: {
@@ -124,7 +123,7 @@ const I = f(
       color: "neutral"
     }
   }
-), R = f(
+), R = b(
   "flex-shrink-0 flex justify-center items-center ",
   {
     variants: {
@@ -138,9 +137,9 @@ const I = f(
       size: "md"
     }
   }
-), C = g(
+), C = d(
   ({ className: e, children: r, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: l(R(), e), ...t, children: r })
-), O = g(
+), k = d(
   ({
     variant: e = "default",
     color: r = "neutral",
@@ -148,12 +147,12 @@ const I = f(
     className: s,
     children: o,
     ...n
-  }, d) => /* @__PURE__ */ a.jsxs(
+  }, u) => /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: d,
+      ref: u,
       role: "alert",
-      className: l(I({ variant: e, color: r }), s),
+      className: l(B({ variant: e, color: r }), s),
       ...n,
       children: [
         t && /* @__PURE__ */ a.jsx(C, { children: t }),
@@ -161,9 +160,9 @@ const I = f(
       ]
     }
   )
-), ge = Object.assign(O, {
+), ie = Object.assign(k, {
   Icon: C
-}), q = f(
+}), I = b(
   "inline-flex items-center justify-center font-medium text-white overflow-hidden transition-all duration-200 select-none relative",
   {
     variants: {
@@ -199,9 +198,9 @@ const I = f(
       shape: "circle"
     }
   }
-), F = f(
+), O = b(
   "absolute inset-0 h-full w-full object-cover"
-), L = g(
+), q = d(
   ({
     variant: e = "primary",
     size: r = "md",
@@ -209,45 +208,45 @@ const I = f(
     className: s,
     children: o,
     ...n
-  }, d) => /* @__PURE__ */ a.jsx(
+  }, u) => /* @__PURE__ */ a.jsx(
     "div",
     {
-      ref: d,
-      className: l(q({ variant: e, size: r, shape: t }), s),
+      ref: u,
+      className: l(I({ variant: e, size: r, shape: t }), s),
       ...n,
       children: o
     }
   )
-), M = g(
+), F = d(
   ({ src: e, alt: r, className: t, onError: s, ...o }, n) => {
-    const [d, i] = v(!1);
-    w(() => {
+    const [u, i] = v(!1);
+    x(() => {
       i(!1);
     }, [e]);
-    const b = y(
+    const f = y(
       (c) => {
         i(!0), s?.(c);
       },
       [s]
     );
-    return d ? null : /* @__PURE__ */ a.jsx(
+    return u ? null : /* @__PURE__ */ a.jsx(
       "img",
       {
         ref: n,
         src: e,
         alt: r,
-        className: l(F(), t),
-        onError: b,
+        className: l(O(), t),
+        onError: f,
         ...o
       }
     );
   }
-), ue = Object.assign(L, {
+), le = Object.assign(q, {
   /**
    * AvatarImage sub-component for displaying images with fallback behavior
    */
-  Image: M
-}), P = f(
+  Image: F
+}), L = b(
   "inline-flex items-center justify-center font-medium transition-all duration-200 select-none gap-1 min-h-[1.25rem]",
   {
     variants: {
@@ -400,7 +399,7 @@ const I = f(
       iconOnly: !1
     }
   }
-), H = g(
+), M = d(
   ({
     variant: e = "default",
     shape: r = "square",
@@ -408,9 +407,9 @@ const I = f(
     size: s = "md",
     iconLeft: o,
     iconRight: n,
-    className: d,
+    className: u,
     children: i,
-    ...b
+    ...f
   }, c) => {
     const h = !(i != null && i !== "") && !!(o || n);
     return /* @__PURE__ */ a.jsx(
@@ -418,16 +417,16 @@ const I = f(
       {
         ref: c,
         className: l(
-          P({
+          L({
             variant: e,
             color: t,
             shape: r,
             size: s,
             iconOnly: h
           }),
-          d
+          u
         ),
-        ...b,
+        ...f,
         children: h ? (
           // Icon-only mode: display only the icon
           o || n
@@ -443,8 +442,8 @@ const I = f(
     );
   }
 );
-H.displayName = "Badge";
-const E = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("title", null, "Spenicle"), /* @__PURE__ */ u.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ u.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ u.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), $ = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("title", null, "Spenicle"), /* @__PURE__ */ u.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ u.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ u.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), X = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("title", null, "Spenicle"), /* @__PURE__ */ u.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ u.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ u.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), Y = f("", {
+M.displayName = "Badge";
+const E = (e) => /* @__PURE__ */ g.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ g.createElement("title", null, "Spenicle"), /* @__PURE__ */ g.createElement("rect", { width: 32, height: 32, fill: "#e07a5f" }), /* @__PURE__ */ g.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ g.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), P = (e) => /* @__PURE__ */ g.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ g.createElement("title", null, "Spenicle"), /* @__PURE__ */ g.createElement("rect", { width: 32, height: 32, rx: 8, fill: "#e07a5f" }), /* @__PURE__ */ g.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ g.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), H = (e) => /* @__PURE__ */ g.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ g.createElement("title", null, "Spenicle"), /* @__PURE__ */ g.createElement("circle", { cx: 16, cy: 16, r: 16, fill: "#e07a5f" }), /* @__PURE__ */ g.createElement("g", { transform: "translate(16, 16) scale(0.625) translate(-12, -12)" }, /* @__PURE__ */ g.createElement("path", { d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z", fill: "white" }))), $ = b("", {
   variants: {
     size: {
       xs: "h-6 w-6",
@@ -457,33 +456,33 @@ const E = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32,
   defaultVariants: {
     size: "md"
   }
-}), _ = g(
+}), Y = d(
   ({ shape: e = "square", size: r, ...t }, s) => {
     const n = {
       square: E,
-      rounded: $,
-      circle: X
+      rounded: P,
+      circle: H
     }[e] || E;
     return /* @__PURE__ */ a.jsx(
       n,
       {
         ref: s,
         ...t,
-        className: l("inline-block", Y({ size: r }))
+        className: l("inline-block", $({ size: r }))
       }
     );
   }
-), be = g(
+), ce = d(
   ({ name: e = "spenicle", size: r = "md", shape: t, ...s }, o) => /* @__PURE__ */ a.jsx(
     "span",
     {
       ref: o,
       className: l("inline-flex items-center gap-2"),
       ...s,
-      children: /* @__PURE__ */ a.jsx(_, { shape: t, size: r, "aria-hidden": "true" })
+      children: /* @__PURE__ */ a.jsx(Y, { shape: t, size: r, "aria-hidden": "true" })
     }
   )
-), D = f(
+), _ = b(
   [
     "inline-flex items-center justify-center gap-2",
     "rounded-lg",
@@ -550,32 +549,30 @@ const E = (e) => /* @__PURE__ */ u.createElement("svg", { width: 32, height: 32,
     }
   }
 );
-function G(e, r = "1rem") {
-  const t = S(null), [s, o] = v({}), [n, d] = v(
-    "absolute bottom-4 right-4"
-  ), i = y(() => {
+function D(e, r = "1rem") {
+  const t = S(null), [s, o] = v({}), [n, u] = v("fixed bottom-4 right-4"), i = y(() => {
     const c = t.current;
     if (!c) return;
     const m = c.getBoundingClientRect().height > window.innerHeight;
     let h = {}, p = "";
     m ? (h = {
-      position: "absolute",
+      position: "fixed",
       bottom: r,
       zIndex: 50,
       transform: `translateY(${c.scrollTop}px)`
-    }, p = `absolute bottom-4 ${e}-4`) : (h = {
-      position: "absolute",
+    }, p = `fixed bottom-4 ${e}-4`) : (h = {
+      position: "fixed",
       bottom: r,
       zIndex: 50
-    }, p = `absolute bottom-4 ${e}-4`), o(h), d(p);
+    }, p = `fixed bottom-4 ${e}-4`), o(h), u(p);
   }, [e, r]);
-  return w(() => {
+  return x(() => {
     i();
     const c = t.current;
     return c && c.addEventListener("scroll", i), window.addEventListener("resize", i), () => {
       c && c.removeEventListener("scroll", i), window.removeEventListener("resize", i);
     };
-  }, [i]), w(() => {
+  }, [i]), x(() => {
     t.current && i();
   }, [e, r, i]), [y(
     (c) => {
@@ -584,110 +581,84 @@ function G(e, r = "1rem") {
     [i]
   ), s, n];
 }
-const fe = g(
+const de = d(
   function({
     className: r,
     variant: t = "primary",
     size: s = "md",
     side: o = "right",
     offset: n = "1rem",
-    ...d
+    ...u
   }, i) {
-    const [b, c, x] = G(
+    const [f, c, w] = D(
       o,
       n
     ), [m, h] = v(!1);
-    return w(() => {
+    return x(() => {
       h(!0);
-    }, []), /* @__PURE__ */ a.jsx("div", { ref: b, children: /* @__PURE__ */ a.jsx(
+    }, []), /* @__PURE__ */ a.jsx("div", { ref: f, children: /* @__PURE__ */ a.jsx(
       "button",
       {
         ref: i,
-        type: d.type || "button",
+        type: u.type || "button",
         className: l(
-          D({ variant: t, size: s }),
-          x,
+          _({ variant: t, size: s }),
+          w,
           m && "animate-fab-in",
           r
         ),
         style: c,
-        ...d
+        ...u
       }
     ) });
   }
-), J = f(
-  "flex items-center gap-2 px-4 py-2 rounded-sm w-fit max-w-sm relative bg-white shadow-sm",
+), G = b(
+  "flex items-center gap-2 px-4 py-2 rounded-sm w-fit relative shadow-sm",
   {
     variants: {
       color: {
-        success: "text-success bg-success/5 border-l-4 border-success",
-        info: "text-info bg-info/5 border-l-4 border-info",
-        warning: "text-warning bg-warning/5 border-l-4 border-warning",
-        danger: "text-danger bg-danger/5 border-l-4 border-danger"
+        success: "text-success-bold bg-success-soft border-l-4 border-success",
+        info: "text-info-bold bg-info-soft border-l-4 border-info",
+        warning: "text-warning-bold bg-warning-soft border-l-4 border-warning",
+        danger: "text-danger-bold bg-danger-soft border-l-4 border-danger"
       }
     },
     defaultVariants: {
       color: "success"
     }
   }
-);
-function K(e) {
-  switch (e) {
-    case "info":
-      return "info-ghost";
-    case "warning":
-      return "warning-ghost";
-    case "danger":
-      return "danger-ghost";
-    case "success":
-    default:
-      return "success-ghost";
-  }
-}
-const Q = ({
+), J = ({
   children: e,
   ...r
 }) => /* @__PURE__ */ a.jsx(
   "span",
   {
-    className: "flex-1 truncate text-base font-medium",
+    className: "flex-1 truncate text-sm",
     "data-testid": "snackbar-text",
     ...r,
     children: e
   }
-), U = ({
+), K = ({
   children: e,
   ...r
-}) => /* @__PURE__ */ a.jsx("span", { className: "ml-2", "data-testid": "snackbar-action", ...r, children: e }), he = g(
-  ({ children: e, action: r, onClose: t, color: s, className: o, ...n }, d) => /* @__PURE__ */ a.jsxs(
+}) => /* @__PURE__ */ a.jsx("span", { className: "ml-2", "data-testid": "snackbar-action", ...r, children: e }), ge = d(
+  ({ children: e, action: r, color: t, className: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: d,
+      ref: n,
       role: "status",
       "aria-live": "polite",
-      className: l(J({ color: s }), o),
-      ...n,
+      className: l(G({ color: t }), s),
+      ...o,
       children: [
-        /* @__PURE__ */ a.jsx(Q, { children: e }),
-        r && /* @__PURE__ */ a.jsx(U, { children: r }),
-        /* @__PURE__ */ a.jsx(
-          A,
-          {
-            as: k,
-            variant: K(s),
-            size: "sm",
-            shape: "rounded",
-            "aria-label": "Close",
-            onClick: t,
-            className: "ml-2"
-          }
-        )
+        /* @__PURE__ */ a.jsx(J, { children: e }),
+        r && /* @__PURE__ */ a.jsx(K, { children: r })
       ]
     }
   )
-), z = V(null), W = z.Provider;
+), z = T(null), Q = z.Provider;
 function N() {
-  const e = T(z);
+  const e = V(z);
   if (!e)
     throw new Error("Table compound components must be used within <Table>");
   return e;
@@ -723,7 +694,7 @@ const j = (e) => {
     default:
       return "grid-cols-2";
   }
-}, Z = (e) => {
+}, U = (e) => {
   if (e < 1 || e > 12)
     throw new Error("Column span must be between 1 and 12");
   switch (e) {
@@ -754,7 +725,7 @@ const j = (e) => {
     default:
       return "col-span-2";
   }
-}, ee = g(
+}, W = d(
   ({ children: e, className: r, ...t }, s) => {
     const { maxColumns: o } = N();
     return /* @__PURE__ */ a.jsx(
@@ -775,9 +746,9 @@ const j = (e) => {
       }
     );
   }
-), re = g(
+), X = d(
   ({ children: e, className: r, ...t }, s) => /* @__PURE__ */ a.jsx("div", { role: "rowgroup", ref: s, className: l(r), ...t, children: e })
-), te = g(
+), Z = d(
   ({ children: e, className: r, ...t }, s) => {
     const { maxColumns: o } = N();
     return /* @__PURE__ */ a.jsx(
@@ -798,7 +769,7 @@ const j = (e) => {
       }
     );
   }
-), se = g(
+), ee = d(
   ({ children: e, className: r, ...t }, s) => {
     const { maxColumns: o } = N();
     return /* @__PURE__ */ a.jsx(
@@ -817,20 +788,20 @@ const j = (e) => {
       }
     );
   }
-), oe = g(
-  ({ as: e = "td", span: r, align: t = "left", children: s, className: o, ...n }, d) => {
+), re = d(
+  ({ as: e = "td", span: r, align: t = "left", children: s, className: o, ...n }, u) => {
     const i = e === "th" ? "columnheader" : "cell";
-    let b = "text-left";
-    return t === "center" ? b = "text-center" : t === "right" && (b = "text-right"), /* @__PURE__ */ a.jsx(
+    let f = "text-left";
+    return t === "center" ? f = "text-center" : t === "right" && (f = "text-right"), /* @__PURE__ */ a.jsx(
       "div",
       {
-        ref: d,
+        ref: u,
         role: i,
         className: l(
           "px-4 py-2",
           "[&:not(:last-child)]:border-r [&:not(:last-child)]:border-border",
-          Z(r),
-          b,
+          U(r),
+          f,
           o
         ),
         ...n,
@@ -838,13 +809,13 @@ const j = (e) => {
       }
     );
   }
-), ae = g(
+), te = d(
   ({ children: e, className: r, maxColumns: t = 12, ...s }, o) => {
-    const n = B(
+    const n = A(
       () => ({ maxColumns: t }),
       [t]
     );
-    return /* @__PURE__ */ a.jsx(W, { value: n, children: /* @__PURE__ */ a.jsx(
+    return /* @__PURE__ */ a.jsx(Q, { value: n, children: /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: o,
@@ -858,13 +829,13 @@ const j = (e) => {
       }
     ) });
   }
-), me = Object.assign(ae, {
-  Header: ee,
-  Body: re,
-  Footer: te,
-  Row: se,
-  Column: oe
-}), ne = f(
+), ue = Object.assign(te, {
+  Header: W,
+  Body: X,
+  Footer: Z,
+  Row: ee,
+  Column: re
+}), se = b(
   // Base classes
   "block transition-colors duration-200",
   {
@@ -899,23 +870,23 @@ const j = (e) => {
       shape: "rounded"
     }
   }
-), ve = g(
+), fe = d(
   ({ variant: e = "white", size: r = "md", shape: t = "rounded", className: s, ...o }, n) => /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: n,
-      className: l(ne({ variant: e, size: r, shape: t }), s),
+      className: l(se({ variant: e, size: r, shape: t }), s),
       ...o
     }
   )
 );
 export {
-  ge as A,
-  H as B,
-  he as S,
-  me as T,
-  ue as a,
-  be as b,
-  fe as c,
-  ve as d
+  ie as A,
+  M as B,
+  ge as S,
+  ue as T,
+  le as a,
+  ce as b,
+  de as c,
+  fe as d
 };

package/dist/types/forms/chip-input/types.d.ts

@@ -3,6 +3,14 @@ import { InputHTMLAttributes, ReactNode } from 'react';
  * Props for the ChipInput component
  */
 export interface ChipInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> {
+    /**
+     * The shape of the chip: 'circle' (default) or 'rounded'
+     */
+    shape?: 'circle' | 'rounded';
+    /**
+     * The size of the chip: 'sm' (default), 'md', or 'lg'
+     */
+    size?: 'sm' | 'md' | 'lg';
     /**
      * Visual style variant supporting Versaur color system
      * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
@@ -48,4 +56,12 @@ export interface ChipInputOptionProps extends Omit<InputHTMLAttributes<HTMLInput
      * The value for this chip option
      */
     value: string;
+    /**
+     * Custom check icon or element. If not provided, no check is rendered unless defaultCheck is true
+     */
+    check?: React.ReactNode;
+    /**
+     * Show the default check icon if true (default: false). If both check and defaultCheck are provided, check takes precedence
+     */
+    defaultCheck?: boolean;
 }

package/dist/types/forms/date-range-picker-input/date-range-picker-input.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { DateRangePickerInputProps } from './types';
+/**
+ * DateRangePickerInput component for Versaur UI
+ *
+ * Styled like TextInput, but acts as a button to pick a date range
+ * Clicking opens a docked Calendar below the input (type='range')
+ * Strictly typed, accessible, and visually consistent with TextInput
+ */
+export declare const DateRangePickerInput: React.ForwardRefExoticComponent<DateRangePickerInputProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/forms/date-range-picker-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './date-range-picker-input';
+export * from './types';