@dimasbaguspm/versaur 0.0.16 → 0.0.17

package/dist/js/enforce-subpath-import.js

@@ -40,17 +40,20 @@ const symbolToSubpath = {
   // forms
   CalculatorInput: 'forms',
   CheckboxInput: 'forms',
-  ChipInput: 'forms',
+  ChipSingleInput: 'forms',
+  ChipMultipleInput: 'forms',
   DateSinglePickerInput: 'forms',
-  DateRangePickerInput: 'forms',
+  EmailInput: 'forms',
   RadioInput: 'forms',
   SegmentMultipleInput: 'forms',
   SegmentSingleInput: 'forms',
+  SearchInput: 'forms',
   SelectInput: 'forms',
   SwitchInput: 'forms',
   TextInput: 'forms',
   TextareaInput: 'forms',
   TimePickerInput: 'forms',
+  PriceInput: 'forms',
 }
 
 const rules = {

package/dist/js/feedbacks/index.js

@@ -1,4 +1,4 @@
-import { L as r, P as s, S as e } from "../skeleton-BNZyaRjo.js";
+import { L as r, P as s, S as e } from "../skeleton-QEyPZAuF.js";
 export {
   r as LoadingIndicator,
   s as ProgressIndicator,

package/dist/js/{form-layout-4ASWdXn8.js → form-layout-Dhlv-FZL.js}

@@ -1,4 +1,4 @@
-import { c as i, j as o, a as l } from "./index-DOdDlCoL.js";
+import { a as i, j as o, c as l } from "./index-C1uJQB34.js";
 import * as p from "react";
 import { forwardRef as n } from "react";
 const u = i(

package/dist/js/forms/index.js

@@ -1,18 +1,21 @@
-import { C as e, a as n, b as p, D as s, R as u, c as i, S as I, d as c, g as S, j as h, i as l, h as r, e as T, T as g, f as m } from "../switch-input-Bx6_2zG9.js";
+import { C as e, a as n, b as p, D as u, E as s, P as i, R as I, d as c, c as l, S, e as h, h as r, k as m, j as T, i as g, f as k, T as o, g as b } from "../email-input-CVyrFzqL.js";
 export {
   e as CalculatorInput,
   n as CheckboxInput,
-  p as ChipInput,
-  s as DateSinglePickerInput,
-  u as RadioInput,
-  i as SegmentMultipleInput,
-  I as SegmentSingleInput,
-  c as SelectInput,
-  S as SwitchInput,
-  h as SwitchLabel,
-  l as SwitchThumb,
-  r as SwitchTrack,
-  T as TextAreaInput,
-  g as TextInput,
-  m as TimePickerInput
+  p as ChipMultipleInput,
+  u as DateSinglePickerInput,
+  s as EmailInput,
+  i as PriceInput,
+  I as RadioInput,
+  c as SearchInput,
+  l as SegmentMultipleInput,
+  S as SegmentSingleInput,
+  h as SelectInput,
+  r as SwitchInput,
+  m as SwitchLabel,
+  T as SwitchThumb,
+  g as SwitchTrack,
+  k as TextAreaInput,
+  o as TextInput,
+  b as TimePickerInput
 };

package/dist/js/{index-DOdDlCoL.js → index-C1uJQB34.js}

@@ -3049,7 +3049,7 @@ const Ee = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ae = Te, A
   return Ae(e, c, f, o?.class, o?.className);
 };
 export {
-  Er as a,
-  Ar as c,
+  Ar as a,
+  Er as c,
   Rr as j
 };

package/dist/js/index.js

@@ -1,54 +1,56 @@
-import { L as s, P as e, S as o } from "./skeleton-BNZyaRjo.js";
-import { A as n, B as p, F as u, P as c, T as i } from "./form-layout-4ASWdXn8.js";
-import { C as I, a as m, b as B, D as S, R as T, c as x, S as d, d as b, g as h, j as f, i as g, h as A, e as C, T as k, f as P } from "./switch-input-Bx6_2zG9.js";
-import { B as L, D } from "./bottom-sheet-Difan0U1.js";
-import { M as F, a as y } from "./menu-Bm-yPIMN.js";
-import { A as j, a as v, b as q, B as z, c as E, d as G, S as H, T as J, e as K } from "./tile-BjhJ5Mvl.js";
-import { B as O, a as Q, C as U, b as V, I as W, T as X } from "./calendar-CUjVZ7Ap.js";
-import { B as Z, T as _ } from "./tabs-BbOkYchB.js";
+import { L as s, P as e, S as r } from "./skeleton-QEyPZAuF.js";
+import { A as n, B as p, F as u, P as c, T as i } from "./form-layout-Dhlv-FZL.js";
+import { C as I, a as m, b as S, D as B, E as T, P as h, R as d, d as x, c as g, S as b, e as f, h as P, k, j as A, i as C, f as M, T as w, g as L } from "./email-input-CVyrFzqL.js";
+import { B as F, D as y, M as E } from "./bottom-sheet-CHRSxXRE.js";
+import { M as j } from "./modal-FqewbVts.js";
+import { A as q, a as z, b as G, B as H, c as J, d as K, e as N, f as O, C as Q, g as U, I as V, S as W, T as X, h as Y, i as Z } from "./tile-B9bt2AY6.js";
+import { B as $, T as aa } from "./tabs-DYcTvVao.js";
 export {
-  j as Alert,
-  v as Anchor,
+  q as Alert,
+  z as Anchor,
   n as AppBar,
-  q as Avatar,
-  z as Badge,
+  G as Avatar,
+  H as Badge,
   p as BottomBar,
-  L as BottomSheet,
-  E as Brand,
-  Z as Breadcrumbs,
-  O as Button,
-  G as ButtonFloat,
-  Q as ButtonIcon,
-  U as Calculator,
+  F as BottomSheet,
+  J as Brand,
+  $ as Breadcrumbs,
+  K as Button,
+  N as ButtonFloat,
+  O as ButtonIcon,
+  Q as Calculator,
   I as CalculatorInput,
-  V as Calendar,
+  U as Calendar,
   m as CheckboxInput,
-  B as ChipInput,
-  S as DateSinglePickerInput,
-  D as Drawer,
+  S as ChipMultipleInput,
+  B as DateSinglePickerInput,
+  y as Drawer,
+  T as EmailInput,
   u as FormLayout,
-  W as Icon,
+  V as Icon,
   s as LoadingIndicator,
-  F as Menu,
-  y as Modal,
+  E as Menu,
+  j as Modal,
   c as PageLayout,
+  h as PriceInput,
   e as ProgressIndicator,
-  T as RadioInput,
-  x as SegmentMultipleInput,
-  d as SegmentSingleInput,
-  b as SelectInput,
-  o as Skeleton,
-  H as Snackbar,
-  h as SwitchInput,
-  f as SwitchLabel,
-  g as SwitchThumb,
-  A as SwitchTrack,
-  J as Table,
-  _ as Tabs,
-  X as Text,
-  C as TextAreaInput,
-  k as TextInput,
-  K as Tile,
-  P as TimePickerInput,
+  d as RadioInput,
+  x as SearchInput,
+  g as SegmentMultipleInput,
+  b as SegmentSingleInput,
+  f as SelectInput,
+  r as Skeleton,
+  W as Snackbar,
+  P as SwitchInput,
+  k as SwitchLabel,
+  A as SwitchThumb,
+  C as SwitchTrack,
+  X as Table,
+  aa as Tabs,
+  Y as Text,
+  M as TextAreaInput,
+  w as TextInput,
+  Z as Tile,
+  L as TimePickerInput,
   i as TopBar
 };

package/dist/js/layouts/index.js

@@ -1,4 +1,4 @@
-import { A as r, B as s, F as t, P as B, T as p } from "../form-layout-4ASWdXn8.js";
+import { A as r, B as s, F as t, P as B, T as p } from "../form-layout-Dhlv-FZL.js";
 export {
   r as AppBar,
   s as BottomBar,

package/dist/js/modal-FqewbVts.js

@@ -0,0 +1,150 @@
+import { j as o, c as d, a as p } from "./index-C1uJQB34.js";
+import { forwardRef as s, useEffect as u, useRef as x, useState as y } from "react";
+const E = s(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: a,
+      className: d("px-6 pt-6 pb-2 text-lg font-semibold", e),
+      ...t
+    }
+  )
+), M = s(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: a,
+      className: d("px-6 py-4  flex justify-end gap-2", e),
+      ...t
+    }
+  )
+), R = s(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx("div", { ref: a, className: d("px-6 py-2", e), ...t })
+), k = s(
+  ({ onOverlayClick: e, ...t }, a) => /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: a,
+      role: "presentation",
+      tabIndex: -1,
+      "aria-modal": "true",
+      onClick: e,
+      ...t
+    }
+  )
+), N = p(
+  "fixed inset-0 z-60 transition-opacity duration-300 bg-foreground/30 backdrop-blur-md flex items-center justify-center transition-opacity duration-200 ease-in-out",
+  {
+    variants: {
+      placement: {
+        top: "items-start",
+        center: "items-center"
+      }
+    },
+    defaultVariants: {
+      placement: "center"
+    }
+  }
+), V = p(
+  [
+    "bg-white rounded-lg shadow-xl relative",
+    "flex flex-col",
+    "outline-none",
+    "mx-4",
+    "transition-all duration-200 ease-in-out "
+  ],
+  {
+    variants: {
+      size: {
+        sm: "w-[20rem] max-w-sm",
+        // 20rem, 320px
+        md: "w-[28rem] max-w-md",
+        // 28rem, 448px
+        lg: "w-[36rem] max-w-lg",
+        // 36rem, 576px
+        "fit-content": "w-fit max-w-full"
+        // Fit content, no max width
+      },
+      placement: {
+        top: "mt-4",
+        center: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      placement: "center"
+    }
+  }
+);
+function A(e, t) {
+  u(() => {
+    if (t && e.current) {
+      const a = e.current.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      );
+      a.length && a[0].focus();
+    }
+  }, [t, e]);
+}
+function F(e, t) {
+  u(() => {
+    if (!e) return;
+    const a = (n) => {
+      n.key === "Escape" && t();
+    };
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [e, t]);
+}
+const I = 200, T = ({
+  isOpen: e,
+  onOpenChange: t,
+  size: a = "md",
+  placement: n = "center",
+  children: v,
+  disableOverlayClose: b,
+  disableEscClose: w,
+  ...g
+}) => {
+  const r = x(null), i = x(null), [j, f] = y(e), [m, l] = y(!1);
+  return u(() => {
+    if (e)
+      f(!0), l(!1), r.current = document.activeElement;
+    else if (j) {
+      l(!0);
+      const c = setTimeout(() => {
+        f(!1), l(!1), r.current && r.current.focus();
+      }, I);
+      return () => clearTimeout(c);
+    }
+  }, [e]), F(e && !w, () => {
+    t && t(!1);
+  }), A(i, e), /* @__PURE__ */ o.jsx(
+    k,
+    {
+      ref: i,
+      className: `${N({ placement: n })} transition-opacity duration-200 ease-in-out ` + (e && !m ? "opacity-100" : "opacity-0 pointer-events-none"),
+      onOverlayClick: (c) => {
+        c.target === i.current && !b && t && t(!1);
+      },
+      placement: n,
+      children: /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          className: `${V({ size: a, placement: n })} transition-all duration-200 ease-in-out ` + (e && !m ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"),
+          role: "dialog",
+          ...g,
+          tabIndex: 0,
+          "aria-hidden": !e,
+          children: v
+        }
+      )
+    }
+  );
+}, D = Object.assign(T, {
+  Header: E,
+  Body: R,
+  Footer: M
+});
+export {
+  D as M
+};

package/dist/js/navigation/index.js

@@ -1,4 +1,4 @@
-import { B as s, T as b } from "../tabs-BbOkYchB.js";
+import { B as s, T as b } from "../tabs-DYcTvVao.js";
 export {
   s as Breadcrumbs,
   b as Tabs

package/dist/js/overlays/index.js

@@ -1,8 +1,8 @@
-import { B as e, D as r } from "../bottom-sheet-Difan0U1.js";
-import { M as s, a as m } from "../menu-Bm-yPIMN.js";
+import { B as e, D as r, M as t } from "../bottom-sheet-CHRSxXRE.js";
+import { M } from "../modal-FqewbVts.js";
 export {
   e as BottomSheet,
   r as Drawer,
-  s as Menu,
-  m as Modal
+  t as Menu,
+  M as Modal
 };

package/dist/js/primitive/index.js

@@ -1,19 +1,18 @@
-import { A as t, a as o, b as r, B as e, c as n, d as l, S as B, T as c, e as T } from "../tile-BjhJ5Mvl.js";
-import { B as d, a as u, C as A, b as x, I as C, T as I } from "../calendar-CUjVZ7Ap.js";
+import { A as t, a as o, b as n, B as r, c as e, d as l, e as c, f as B, C as d, g as u, I as A, S as T, T as b, h as C, i as I } from "../tile-B9bt2AY6.js";
 export {
   t as Alert,
   o as Anchor,
-  r as Avatar,
-  e as Badge,
-  n as Brand,
-  d as Button,
-  l as ButtonFloat,
-  u as ButtonIcon,
-  A as Calculator,
-  x as Calendar,
-  C as Icon,
-  B as Snackbar,
-  c as Table,
-  I as Text,
-  T as Tile
+  n as Avatar,
+  r as Badge,
+  e as Brand,
+  l as Button,
+  c as ButtonFloat,
+  B as ButtonIcon,
+  d as Calculator,
+  u as Calendar,
+  A as Icon,
+  T as Snackbar,
+  b as Table,
+  C as Text,
+  I as Tile
 };

package/dist/js/{skeleton-BNZyaRjo.js → skeleton-QEyPZAuF.js}

@@ -1,4 +1,4 @@
-import { c as l, j as o, a as d } from "./index-DOdDlCoL.js";
+import { a as l, j as o, c as d } from "./index-C1uJQB34.js";
 import * as m from "react";
 import u, { forwardRef as f } from "react";
 const p = l(

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

@@ -1,4 +1,4 @@
-import { c as d, j as o, a as u } from "./index-DOdDlCoL.js";
+import { a as d, j as o, c as u } from "./index-C1uJQB34.js";
 import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
 const w = d(
   "flex items-center gap-2 text-sm text-tertiary",