@dimasbaguspm/versaur 0.0.18 → 0.0.20

package/dist/js/index.js

@@ -1,57 +1,70 @@
-import { L as t, P as e, S as r } from "./skeleton-BNZyaRjo.js";
-import { A as n, B as p, F as u, P as i, T as c } from "./form-layout-4ASWdXn8.js";
-import { C as l, b as S, a as m, D as B, E as d, P as x, R as T, d as g, c as f, S as b, e as h, h as P, f as k, T as A, g as C } from "./email-input-BIbrfs5q.js";
-import { B as L, D as M, M as F, a as v } from "./bottom-sheet-BRv-oJL-.js";
-import { A as y, a as E, b as R, B as j, c as q, d as z, e as G, f as H, C as J, g as K, D as N, I as O, T as Q, h as U, i as V } from "./description-list-DZQF212Z.js";
-import { S as X } from "./snackbar-DH8jCh2V.js";
-import { B as Z, T as _ } from "./tabs-BbOkYchB.js";
-import { S as aa, u as sa } from "./use-snackbars-oPoF7J5t.js";
+import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
+import { A as n, B as p, F as u, P as l, S as i, T as I } from "./side-bar-CHhcp0yS.js";
+import { B as S, C as m, b as B, a as g, D as T, k as d, E as x, M as f, P as b, R as h, d as k, c as M, S as P, e as C, j as A, i as D, h as L, f as w, T as F, g as R } from "./bottom-sheet-input-C7cYfBaK.js";
+import { B as v, D as y, M as E } from "./bottom-sheet-DbtyWwsy.js";
+import { M as z, T as G } from "./tooltip-CDdl1U3A.js";
+import { A as J, a as K, b as N, B as O, l as Q, c as U, d as V, e as W, f as X, C as Y, g as Z, D as _, I as $, i as aa, k as ea, j as ta, T as sa, h as ra } from "./image-rectangle-DH7v2xvp.js";
+import { S as na } from "./snackbar-DH8jCh2V.js";
+import { T as ua } from "./text-CRsIInRA.js";
+import { B as ia, T as Ia } from "./tabs-BbOkYchB.js";
+import { S as Sa, u as ma } from "./use-snackbars-oPoF7J5t.js";
 export {
-  y as Alert,
-  E as Anchor,
+  J as Alert,
+  K as Anchor,
   n as AppBar,
-  R as Avatar,
-  j as Badge,
+  N as Avatar,
+  O as Badge,
+  Q as BaseImage,
   p as BottomBar,
-  L as BottomSheet,
-  q as Brand,
-  Z as Breadcrumbs,
-  z as Button,
-  G as ButtonFloat,
-  H as ButtonIcon,
-  J as Calculator,
-  K as Calendar,
-  l as CheckboxInput,
-  S as ChipMultipleInput,
-  m as ChipSingleInput,
-  B as DateSinglePickerInput,
-  N as DescriptionList,
-  M as Drawer,
-  d as EmailInput,
+  v as BottomSheet,
+  S as BottomSheetInput,
+  U as Brand,
+  ia as Breadcrumbs,
+  V as Button,
+  W as ButtonFloat,
+  X as ButtonIcon,
+  Y as Calculator,
+  Z as Calendar,
+  m as CheckboxInput,
+  B as ChipMultipleInput,
+  g as ChipSingleInput,
+  T as DateSinglePickerInput,
+  _ as DescriptionList,
+  y as Drawer,
+  d as DrawerInput,
+  x as EmailInput,
   u as FormLayout,
-  O as Icon,
+  $ as Icon,
+  aa as ImageCircle,
+  ea as ImageRectangle,
+  ta as ImageSquare,
   t as LoadingIndicator,
-  F as Menu,
-  v as Modal,
-  i as PageLayout,
-  x as PriceInput,
-  e as ProgressIndicator,
-  T as RadioInput,
-  g as SearchInput,
-  f as SegmentMultipleInput,
-  b as SegmentSingleInput,
-  h as SelectInput,
+  z as Menu,
+  E as Modal,
+  f as ModalInput,
+  l as PageLayout,
+  b as PriceInput,
+  s as ProgressIndicator,
+  h as RadioInput,
+  k as SearchInput,
+  M as SegmentMultipleInput,
+  P as SegmentSingleInput,
+  C as SelectInput,
+  A as SelectableMultipleInput,
+  D as SelectableSingleInput,
+  i as SideBar,
   r as Skeleton,
-  X as Snackbar,
-  aa as SnackbarsProvider,
-  P as SwitchInput,
-  Q as Table,
-  _ as Tabs,
-  U as Text,
-  k as TextAreaInput,
-  A as TextInput,
-  V as Tile,
-  C as TimePickerInput,
-  c as TopBar,
-  sa as useSnackbars
+  na as Snackbar,
+  Sa as SnackbarsProvider,
+  L as SwitchInput,
+  sa as Table,
+  Ia as Tabs,
+  ua as Text,
+  w as TextAreaInput,
+  F as TextInput,
+  ra as Tile,
+  R as TimePickerInput,
+  G as Tooltip,
+  I as TopBar,
+  ma as useSnackbars
 };

package/dist/js/layouts/index.js

@@ -1,8 +1,9 @@
-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 B, P as t, S as p, T as e } from "../side-bar-CHhcp0yS.js";
 export {
   r as AppBar,
   s as BottomBar,
-  t as FormLayout,
-  B as PageLayout,
-  p as TopBar
+  B as FormLayout,
+  t as PageLayout,
+  p as SideBar,
+  e as TopBar
 };

package/dist/js/overlays/index.js

@@ -1,7 +1,9 @@
-import { B as o, D as r, M as s, a as t } from "../bottom-sheet-BRv-oJL-.js";
+import { B as e, D as r, M as t } from "../bottom-sheet-DbtyWwsy.js";
+import { M, T as m } from "../tooltip-CDdl1U3A.js";
 export {
-  o as BottomSheet,
+  e as BottomSheet,
   r as Drawer,
-  s as Menu,
-  t as Modal
+  M as Menu,
+  t as Modal,
+  m as Tooltip
 };

package/dist/js/primitive/index.js

@@ -1,20 +1,25 @@
-import { A as t, a as o, b as r, B as e, c as n, d as c, e as l, f as B, C as i, g as d, D as u, I as A, T, h as b, i as f } from "../description-list-DZQF212Z.js";
-import { S as x } from "../snackbar-DH8jCh2V.js";
+import { A as e, a as t, b as r, B as o, l as n, c as l, d as c, e as g, f as m, C as B, g as I, D as i, I as u, i as T, k as d, j as f, T as p, h as x } from "../image-rectangle-DH7v2xvp.js";
+import { S as C } from "../snackbar-DH8jCh2V.js";
+import { T as S } from "../text-CRsIInRA.js";
 export {
-  t as Alert,
-  o as Anchor,
+  e as Alert,
+  t as Anchor,
   r as Avatar,
-  e as Badge,
-  n as Brand,
+  o as Badge,
+  n as BaseImage,
+  l as Brand,
   c as Button,
-  l as ButtonFloat,
-  B as ButtonIcon,
-  i as Calculator,
-  d as Calendar,
-  u as DescriptionList,
-  A as Icon,
-  x as Snackbar,
-  T as Table,
-  b as Text,
-  f as Tile
+  g as ButtonFloat,
+  m as ButtonIcon,
+  B as Calculator,
+  I as Calendar,
+  i as DescriptionList,
+  u as Icon,
+  T as ImageCircle,
+  d as ImageRectangle,
+  f as ImageSquare,
+  C as Snackbar,
+  p as Table,
+  S as Text,
+  x as Tile
 };

package/dist/js/side-bar-CHhcp0yS.js

@@ -0,0 +1,397 @@
+import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
+import * as f from "react";
+import { forwardRef as n } from "react";
+import "./image-rectangle-DH7v2xvp.js";
+import "./snackbar-DH8jCh2V.js";
+import { T as d } from "./text-CRsIInRA.js";
+const b = i(
+  "w-full flex flex-wrap items-center px-4 pt-3 mb-3 gap-2 bg-white [&>[data-versaur-appbar-bottom]]:basis-full [&>[data-versaur-appbar-bottom]]:w-full",
+  {
+    variants: {
+      variant: {
+        primary: "",
+        secondary: "",
+        tertiary: "",
+        ghost: "",
+        neutral: ""
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+), g = i(
+  "flex flex-col justify-center min-w-0 flex-grow",
+  {
+    variants: {
+      placement: {
+        start: "items-start",
+        center: "items-center",
+        end: "items-end"
+      }
+    },
+    defaultVariants: {
+      placement: "start"
+    }
+  }
+), v = n(
+  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: t,
+      "data-versaur-appbar-bottom": !0,
+      className: l("w-full flex items-center min-h-[2.5rem] mt-2", a),
+      children: e
+    }
+  )
+), y = n(
+  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx("div", { ref: t, className: l("flex items-center", a), children: e })
+), B = n(
+  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: t,
+      className: l("font-semibold text-lg truncate min-w-0", a),
+      children: e
+    }
+  )
+), h = n(
+  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: t,
+      className: l("text-xs text-ghost-400 truncate min-w-0", a),
+      children: e
+    }
+  )
+), j = n(
+  ({ children: e, className: a }, t) => /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: t,
+      className: l("flex items-center justify-end gap-2", a),
+      children: e
+    }
+  )
+), N = n(
+  ({ children: e, className: a, placement: t }, r) => /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: r,
+      className: l(g({ placement: t }), a),
+      children: e
+    }
+  )
+), w = ({
+  children: e,
+  className: a,
+  variant: t = "primary"
+}) => /* @__PURE__ */ s.jsx(
+  "header",
+  {
+    className: l(b({ variant: t }), a),
+    role: "banner",
+    children: e
+  }
+), ta = Object.assign(w, {
+  Leading: y,
+  Headline: B,
+  Subtitle: h,
+  Trailing: j,
+  Center: N,
+  Bottom: v
+}), T = i(
+  "sticky bottom-0 left-0 w-full flex justify-between items-center bg-white border-t border-border shadow-xs z-40 safe-bottom px-8 py-1",
+  {
+    variants: {
+      variant: {
+        primary: "",
+        secondary: "",
+        ghost: "",
+        neutral: "",
+        tertiary: ""
+      },
+      size: {
+        sm: "h-12 text-sm",
+        md: "h-16 text-base",
+        lg: "h-20 text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), S = i(
+  "flex flex-col items-center justify-center gap-1 px-2 py-1",
+  {
+    variants: {
+      active: {
+        true: "font-semibold text-primary",
+        false: "text-ghost"
+      }
+    },
+    defaultVariants: {
+      active: !1
+    }
+  }
+), L = n(
+  ({ icon: e, label: a, active: t = !1, className: r, ...o }, c) => /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      ref: c,
+      "aria-current": t ? "page" : void 0,
+      className: S({ active: t, className: r }),
+      ...o,
+      children: [
+        e,
+        a && /* @__PURE__ */ s.jsx("span", { className: "text-xs mt-0.5", children: a })
+      ]
+    }
+  )
+), V = ({
+  children: e,
+  variant: a = "primary",
+  size: t = "md",
+  className: r,
+  ...o
+}) => /* @__PURE__ */ s.jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "Bottom navigation",
+    className: T({ variant: a, size: t, className: r }),
+    ...o,
+    children: e
+  }
+), ea = Object.assign(V, {
+  Item: L
+}), A = i(
+  "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+), R = i("flex items-center gap-3 min-w-0 flex-1"), I = i("flex items-center gap-2 ml-auto"), C = i(
+  "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
+  {
+    variants: {
+      active: {
+        true: "bg-primary/10 text-primary",
+        false: "hover:text-primary text-ghost"
+      }
+    },
+    defaultVariants: {
+      active: !1
+    }
+  }
+), k = i("flex items-center gap-2 ml-4"), z = i("flex items-center gap-2 mr-4"), F = n(
+  function({ children: a, className: t, ...r }, o) {
+    return /* @__PURE__ */ s.jsx("nav", { ref: o, className: k({ className: t }), ...r, children: a });
+  }
+), O = n(
+  function({ children: a, className: t, ...r }, o) {
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: z({ className: t }), ...r, children: a });
+  }
+), P = n(
+  function({ children: a, className: t, ...r }, o) {
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: R({ className: t }), ...r, children: a });
+  }
+), G = n(
+  function({ children: a, className: t, ...r }, o) {
+    return /* @__PURE__ */ s.jsx("div", { ref: o, className: I({ className: t }), ...r, children: a });
+  }
+), H = n(
+  function({ children: a, className: t, active: r, ...o }, c) {
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: c,
+        className: C({ active: r, className: t }),
+        "aria-current": r ? "page" : void 0,
+        ...o,
+        children: a
+      }
+    );
+  }
+), M = n(
+  ({ children: e, className: a, ...t }, r) => /* @__PURE__ */ s.jsx("header", { ref: r, className: A({ className: a }), ...t, children: e })
+), sa = Object.assign(M, {
+  Leading: P,
+  Trailing: G,
+  NavItem: H,
+  Nav: F,
+  Actions: O
+}), E = i("w-full mx-auto relative", {
+  variants: {
+    type: {
+      desktop: "max-w-7xl px-6 py-10",
+      tablet: "max-w-3xl",
+      mobile: "w-full"
+    }
+  },
+  defaultVariants: {
+    type: "desktop"
+  }
+}), ra = f.forwardRef(
+  function({ type: a = "desktop", className: t, children: r, ...o }, c) {
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: c,
+        className: l(E({ type: a }), t),
+        ...o,
+        children: r
+      }
+    );
+  }
+), W = i("grid w-full gap-4 grid-cols-12"), $ = i("", {
+  variants: {
+    span: {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12"
+    }
+  },
+  defaultVariants: {
+    span: "4"
+  }
+}), q = n(
+  function({ className: a, children: t, ...r }, o) {
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: o,
+        className: l(W(), a),
+        ...r,
+        children: t
+      }
+    );
+  }
+), D = n(
+  function({ span: a = 4, className: t, children: r, ...o }, c) {
+    const m = Math.min(12, Math.max(1, a));
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ref: c,
+        className: l(
+          $({ span: `${m}` }),
+          t
+        ),
+        ...o,
+        children: r
+      }
+    );
+  }
+), oa = Object.assign(q, {
+  Column: D
+}), u = i(
+  "flex items-center gap-2 px-4 py-2 rounded-md hover:text-primary focus:outline-none transition-colors",
+  {
+    variants: {
+      active: {
+        true: "bg-primary/10 text-primary",
+        false: "text-ghost"
+      },
+      disabled: {
+        true: "opacity-50 pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      active: !1,
+      disabled: !1
+    }
+  }
+), J = n(
+  (e, a) => {
+    const { icon: t, children: r, href: o, onClick: c, active: m, ...x } = e;
+    if (typeof o == "string") {
+      const p = x;
+      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
+        "a",
+        {
+          ref: a,
+          href: o,
+          className: u({
+            disabled: !!e["aria-disabled"],
+            active: m
+          }),
+          ...p,
+          children: [
+            t,
+            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
+          ]
+        }
+      ) });
+    } else {
+      const p = x;
+      return /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsxs(
+        "button",
+        {
+          ref: a,
+          type: "button",
+          onClick: c,
+          className: l(
+            u({ disabled: !!p.disabled, active: m }),
+            "w-full text-left"
+          ),
+          ...p,
+          children: [
+            t,
+            /* @__PURE__ */ s.jsx(d, { as: "span", color: "inherit", fontSize: "sm", children: r })
+          ]
+        }
+      ) });
+    }
+  }
+), K = n(
+  function({ children: a, label: t, ...r }, o) {
+    return /* @__PURE__ */ s.jsxs("li", { ref: o, className: "flex flex-col gap-2 mt-2", ...r, children: [
+      /* @__PURE__ */ s.jsx(
+        d,
+        {
+          as: "h2",
+          fontSize: "xs",
+          fontWeight: "semibold",
+          color: "gray",
+          className: "px-2",
+          children: t
+        }
+      ),
+      /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1", children: a })
+    ] });
+  }
+), Q = n(
+  ({ children: e, ...a }, t) => /* @__PURE__ */ s.jsx(
+    "nav",
+    {
+      ref: t,
+      className: "w-56 bg-background border-r border-border flex flex-col my-2",
+      "aria-label": "Sidebar",
+      ...a,
+      children: /* @__PURE__ */ s.jsx("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-background", children: /* @__PURE__ */ s.jsx("ul", { className: "flex flex-col gap-1 mx-2", children: e }) })
+    }
+  )
+), na = Object.assign(Q, {
+  Item: J,
+  Group: K
+});
+export {
+  ta as A,
+  ea as B,
+  oa as F,
+  ra as P,
+  na as S,
+  sa as T
+};