@dimasbaguspm/versaur 0.0.17 → 0.0.18

package/dist/js/feedbacks/index.js

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

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

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

package/dist/js/forms/index.js

@@ -1,21 +1,18 @@
-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";
+import { C as a, b as n, a as p, D as u, E as s, P as I, R as i, d as l, c as S, S as c, e as r, h as g, f as h, T as m, g as o } from "../email-input-BIbrfs5q.js";
 export {
-  e as CalculatorInput,
-  n as CheckboxInput,
-  p as ChipMultipleInput,
+  a as CheckboxInput,
+  n as ChipMultipleInput,
+  p as ChipSingleInput,
   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
+  I as PriceInput,
+  i as RadioInput,
+  l as SearchInput,
+  S as SegmentMultipleInput,
+  c as SegmentSingleInput,
+  r as SelectInput,
+  g as SwitchInput,
+  h as TextAreaInput,
+  m as TextInput,
+  o as TimePickerInput
 };

package/dist/js/{index-C1uJQB34.js → index-DOdDlCoL.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 {
-  Ar as a,
-  Er as c,
+  Er as a,
+  Ar as c,
   Rr as j
 };

package/dist/js/index.js

@@ -1,56 +1,57 @@
-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";
+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";
 export {
-  q as Alert,
-  z as Anchor,
+  y as Alert,
+  E as Anchor,
   n as AppBar,
-  G as Avatar,
-  H as Badge,
+  R as Avatar,
+  j as Badge,
   p as BottomBar,
-  F as BottomSheet,
-  J as Brand,
-  $ as Breadcrumbs,
-  K as Button,
-  N as ButtonFloat,
-  O as ButtonIcon,
-  Q as Calculator,
-  I as CalculatorInput,
-  U as Calendar,
-  m as CheckboxInput,
+  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,
-  y as Drawer,
-  T as EmailInput,
+  N as DescriptionList,
+  M as Drawer,
+  d as EmailInput,
   u as FormLayout,
-  V as Icon,
-  s as LoadingIndicator,
-  E as Menu,
-  j as Modal,
-  c as PageLayout,
-  h as PriceInput,
+  O as Icon,
+  t as LoadingIndicator,
+  F as Menu,
+  v as Modal,
+  i as PageLayout,
+  x as PriceInput,
   e as ProgressIndicator,
-  d as RadioInput,
-  x as SearchInput,
-  g as SegmentMultipleInput,
+  T as RadioInput,
+  g as SearchInput,
+  f as SegmentMultipleInput,
   b as SegmentSingleInput,
-  f as SelectInput,
+  h as SelectInput,
   r as Skeleton,
-  W as Snackbar,
+  X as Snackbar,
+  aa as SnackbarsProvider,
   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
+  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
 };

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-Dhlv-FZL.js";
+import { A as r, B as s, F as t, P as B, T as p } from "../form-layout-4ASWdXn8.js";
 export {
   r as AppBar,
   s as BottomBar,

package/dist/js/navigation/index.js

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

package/dist/js/overlays/index.js

@@ -1,8 +1,7 @@
-import { B as e, D as r, M as t } from "../bottom-sheet-CHRSxXRE.js";
-import { M } from "../modal-FqewbVts.js";
+import { B as o, D as r, M as s, a as t } from "../bottom-sheet-BRv-oJL-.js";
 export {
-  e as BottomSheet,
+  o as BottomSheet,
   r as Drawer,
-  t as Menu,
-  M as Modal
+  s as Menu,
+  t as Modal
 };

package/dist/js/primitive/index.js

@@ -1,18 +1,20 @@
-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";
+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";
 export {
   t as Alert,
   o as Anchor,
-  n as Avatar,
-  r as Badge,
-  e as Brand,
-  l as Button,
-  c as ButtonFloat,
+  r as Avatar,
+  e as Badge,
+  n as Brand,
+  c as Button,
+  l as ButtonFloat,
   B as ButtonIcon,
-  d as Calculator,
-  u as Calendar,
+  i as Calculator,
+  d as Calendar,
+  u as DescriptionList,
   A as Icon,
-  T as Snackbar,
-  b as Table,
-  C as Text,
-  I as Tile
+  x as Snackbar,
+  T as Table,
+  b as Text,
+  f as Tile
 };

package/dist/js/providers/index.js

@@ -0,0 +1,5 @@
+import { S as s, u as e } from "../use-snackbars-oPoF7J5t.js";
+export {
+  s as SnackbarsProvider,
+  e as useSnackbars
+};

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

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

package/dist/js/snackbar-DH8jCh2V.js

@@ -0,0 +1,50 @@
+import { c, j as r, a as d } from "./index-DOdDlCoL.js";
+import { forwardRef as i } from "react";
+const l = c(
+  "flex items-center gap-2 px-4 py-2 rounded-sm w-auto mx-4 sm:mx-0 sm:w-fit relative shadow-sm",
+  {
+    variants: {
+      color: {
+        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"
+    }
+  }
+), b = ({
+  children: a,
+  ...s
+}) => /* @__PURE__ */ r.jsx(
+  "span",
+  {
+    className: "flex-1 truncate text-sm",
+    "data-testid": "snackbar-text",
+    ...s,
+    children: a
+  }
+), x = ({
+  children: a,
+  ...s
+}) => /* @__PURE__ */ r.jsx("span", { className: "ml-2", "data-testid": "snackbar-action", ...s, children: a }), g = i(
+  ({ children: a, action: s, color: e, className: t, ...o }, n) => /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      ref: n,
+      role: "status",
+      "aria-live": "polite",
+      className: d(l({ color: e }), t),
+      ...o,
+      children: [
+        /* @__PURE__ */ r.jsx(b, { children: a }),
+        s && /* @__PURE__ */ r.jsx(x, { children: s })
+      ]
+    }
+  )
+);
+export {
+  g as S
+};

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

@@ -1,4 +1,4 @@
-import { a as d, j as o, c as u } from "./index-C1uJQB34.js";
+import { c as d, j as o, a as u } from "./index-DOdDlCoL.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",

package/dist/js/use-snackbars-oPoF7J5t.js

@@ -0,0 +1,94 @@
+import { c as d, j as c } from "./index-DOdDlCoL.js";
+import { createContext as x, useState as k, useRef as p, useCallback as m, useEffect as S, useMemo as v, useContext as h } from "react";
+import { S as w } from "./snackbar-DH8jCh2V.js";
+const f = x(
+  null
+), j = d(
+  [
+    "fixed z-50 flex flex-col gap-2 px-0 pb-2",
+    "w-screen left-0 bottom-0",
+    // mobile: full width
+    "sm:w-auto sm:left-4 sm:bottom-4 sm:max-w-sm"
+    // desktop/tablet
+  ].join(" ")
+), T = d("", {
+  variants: {
+    placement: {
+      mobile: "snackbar-animate-fade-in-out",
+      desktop: "snackbar-animate-slide-in-left"
+    }
+  },
+  defaultVariants: {
+    placement: "mobile"
+  }
+}), C = 4e3;
+function E() {
+  const [a, s] = k([]), t = p({}), n = m((e) => {
+    s((r) => r.filter((o) => o.id !== e)), t.current[e] && (clearTimeout(t.current[e]), delete t.current[e]);
+  }, []), i = m(
+    (e, r, o) => {
+      const u = `${Date.now()}-${Math.random()}`, l = o?.duration ?? C;
+      s((b) => [
+        ...b,
+        {
+          id: u,
+          color: e,
+          message: r,
+          ...o,
+          duration: l
+        }
+      ]), t.current[u] = setTimeout(() => {
+        n(u);
+      }, l);
+    },
+    [n]
+  );
+  return S(() => () => {
+    Object.values(t.current).forEach(clearTimeout), t.current = {};
+  }, []), { queue: a, showSnack: i, removeSnack: n };
+}
+const V = ({ children: a }) => {
+  const { queue: s, showSnack: t, removeSnack: n } = E(), i = v(() => ({ showSnack: t }), [t]);
+  return /* @__PURE__ */ c.jsxs(f.Provider, { value: i, children: [
+    a,
+    /* @__PURE__ */ c.jsx(
+      "div",
+      {
+        className: j(),
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: s.map((e, r) => /* @__PURE__ */ c.jsx(
+          "div",
+          {
+            className: T({
+              placement: window.innerWidth >= 640 ? "desktop" : "mobile"
+            }),
+            style: { transitionDelay: `${r * 60}ms` },
+            children: /* @__PURE__ */ c.jsx(
+              w,
+              {
+                color: e.color,
+                action: e.action,
+                onClose: () => {
+                  n(e.id);
+                },
+                children: e.message
+              }
+            )
+          },
+          e.id
+        ))
+      }
+    )
+  ] });
+};
+function N() {
+  const a = h(f);
+  if (!a)
+    throw new Error("useSnackbars must be used within a SnackbarsProvider");
+  return a;
+}
+export {
+  V as S,
+  N as u
+};

package/dist/types/feedbacks/loading-indicator/index.d.ts

@@ -1 +1,2 @@
-export * from './loading-indicator';
+export { LoadingIndicator } from './loading-indicator';
+export type * from './types';

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

@@ -1 +1,2 @@
-export {};
+export { ChipSingleInput } from './chip-single-input';
+export type * from './types';

package/dist/types/forms/index.d.ts

@@ -1,4 +1,3 @@
-export * from './calculator-input';
 export * from './checkbox-input';
 export * from './chip-single-input';
 export * from './chip-multiple-input';

package/dist/types/forms/price-input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './price-input';
+export { PriceInput } from './price-input';
 export type { PriceInputProps } from './types';

package/dist/types/forms/switch-input/index.d.ts

@@ -1,3 +1,2 @@
-export * from './switch-input';
-export * from './switch-input.atoms';
-export * from './types';
+export { SwitchInput } from './switch-input';
+export type * from './types';

package/dist/types/forms/time-picker-input/time-picker-input.d.ts

@@ -1,9 +1,9 @@
-import { default as React } from 'react';
 import { TimePickerInputProps } from './types';
 /**
  * TimePickerInput component for Versaur UI
  *
- * Provides a modal-based time picker with hour, minute, and AM/PM selection
- * Follows Material 3 guidelines (no clock UI)
+ * Renders a visually accessible text input
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time
  */
-export declare const TimePickerInput: React.FC<TimePickerInputProps>;
+export declare const TimePickerInput: import('react').ForwardRefExoticComponent<TimePickerInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/forms/time-picker-input/types.d.ts

@@ -1,47 +1,11 @@
-import { ReactNode } from 'react';
-import { ModalRootProps } from '../../overlays/modal';
+import { TextInputProps } from '../text-input';
 /**
  * Props for the TimePickerInput component
  */
-export interface TimePickerInputProps {
-    /**
-     * The selected time value in 12-hour format (e.g., '02:30 PM')
-     */
+export interface TimePickerInputProps extends Omit<TextInputProps, 'type' | 'value' | 'onChange'> {
     value: string;
     /**
      * Called when the time value changes
      */
     onChange: (value: string) => void;
-    /**
-     * Optional label for the input
-     */
-    label?: ReactNode;
-    /**
-     * Optional helper text below the input
-     */
-    helperText?: ReactNode;
-    /**
-     * Whether the input is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Optional error message
-     */
-    error?: ReactNode;
-    /**
-     * Whether to decide the modal placement'
-     */
-    placement?: ModalRootProps['placement'];
-    /**
-     * Optional: ARIA label for dialog
-     */
-    'aria-label'?: string;
-    /**
-     * Optional: ARIA labelledby for dialog
-     */
-    'aria-labelledby'?: string;
-    /**
-     * Optional: ARIA describedby for dialog
-     */
-    'aria-describedby'?: string;
 }

package/dist/types/index.d.ts

@@ -4,3 +4,4 @@ export * from './forms';
 export * from './overlays';
 export * from './primitive';
 export * from './navigation';
+export * from './providers';

package/dist/types/layouts/page-layout/index.d.ts

@@ -1 +1,2 @@
-export * from './page-layout';
+export { PageLayout } from './page-layout';
+export type * from './types';

package/dist/types/overlays/menu/index.d.ts

@@ -1,2 +1,2 @@
-export * from './menu';
-export * from './types';
+export { Menu } from './menu';
+export type * from './types';

package/dist/types/primitive/description-list/description-list.atoms.d.ts

@@ -0,0 +1,13 @@
+import { DescriptionListItemProps, DescriptionListTermProps, DescriptionListDetailsProps } from './types';
+/**
+ * DescriptionList.Item atom
+ */
+export declare const DescriptionListItem: import('react').ForwardRefExoticComponent<DescriptionListItemProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * DescriptionList.Term atom
+ */
+export declare const DescriptionListTerm: import('react').ForwardRefExoticComponent<DescriptionListTermProps & import('react').RefAttributes<HTMLElement>>;
+/**
+ * DescriptionList.Details atom
+ */
+export declare const DescriptionListDetails: import('react').ForwardRefExoticComponent<DescriptionListDetailsProps & import('react').RefAttributes<HTMLElement>>;

package/dist/types/primitive/description-list/description-list.d.ts

@@ -0,0 +1,6 @@
+import { DescriptionListProps } from './types';
+export declare const DescriptionList: import('react').ForwardRefExoticComponent<DescriptionListProps & import('react').RefAttributes<HTMLDListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('./types').DescriptionListItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    Term: import('react').ForwardRefExoticComponent<import('./types').DescriptionListTermProps & import('react').RefAttributes<HTMLElement>>;
+    Details: import('react').ForwardRefExoticComponent<import('./types').DescriptionListDetailsProps & import('react').RefAttributes<HTMLElement>>;
+};

package/dist/types/primitive/description-list/index.d.ts

@@ -0,0 +1,2 @@
+export { DescriptionList } from './description-list';
+export * from './types';

package/dist/types/primitive/description-list/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode, HTMLAttributes } from 'react';
+import { TextProps } from '../text';
+/**
+ * Props for the DescriptionList root component
+ */
+export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
+    /**
+     * Children should be DescriptionList.Item elements
+     */
+    children: ReactNode;
+}
+/**
+ * Props for DescriptionList.Item
+ */
+export interface DescriptionListItemProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Children should be DescriptionList.Term and DescriptionList.Details
+     */
+    children: ReactNode;
+    /**
+     * Number of grid columns to span (default: 4)
+     */
+    span?: number;
+}
+/**
+ * Props for DescriptionList.Term
+ */
+export interface DescriptionListTermProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /**
+     * Term label (required, string only)
+     */
+    children: string;
+}
+/**
+ * Props for DescriptionList.Details
+ */
+export interface DescriptionListDetailsProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /**
+     * Details value (required, string only)
+     */
+    children: string;
+    /**
+     * Text Color (default: 'black')
+     */
+    color?: TextProps['color'];
+}

package/dist/types/primitive/index.d.ts

@@ -13,3 +13,4 @@ export * from './snackbar';
 export * from './table';
 export * from './text';
 export * from './tile';
+export * from './description-list';

package/dist/types/providers/index.d.ts

@@ -0,0 +1 @@
+export * from './snackbars-provider';

package/dist/types/providers/snackbars-provider/index.d.ts

@@ -0,0 +1,3 @@
+export { SnackbarsProvider } from './provider';
+export { useSnackbars } from './use-snackbars';
+export type * from './types';

package/dist/types/providers/snackbars-provider/provider.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { SnackbarsProviderProps } from './types';
+/**
+ * SnackbarsProvider manages a queue of snackbars and provides showSnack
+ * Placement: full width bottom for mobile, bottom left for desktop/tablet
+ */
+export declare const SnackbarsProvider: FC<SnackbarsProviderProps>;

package/dist/types/providers/snackbars-provider/types.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+/**
+ * SnackbarQueueItem: Represents a snackbar in the queue
+ */
+export interface SnackbarQueueItem {
+    /** Unique id for the snackbar */
+    id: string;
+    /** Message content */
+    message: ReactNode;
+    /** Color variant */
+    color?: 'success' | 'info' | 'warning' | 'danger';
+    /** Optional action element */
+    action?: ReactNode;
+    /** Optional duration in milliseconds */
+    duration?: number | null;
+}
+export type ShowSnackFunction = (color: SnackbarQueueItem['color'], message: ReactNode, options?: Partial<Omit<SnackbarQueueItem, 'id' | 'color' | 'message'>>) => void;
+/**
+ * SnackbarsContextValue: Context value for snackbars
+ */
+export interface SnackbarsContextValue {
+    /** Show a snackbar */
+    showSnack: ShowSnackFunction;
+}
+export interface SnackbarsProviderProps {
+    /** Children to render inside the provider */
+    children: ReactNode;
+}

package/dist/types/providers/snackbars-provider/use-snackbars-queue.d.ts

@@ -0,0 +1,9 @@
+import { ShowSnackFunction, SnackbarQueueItem } from './types';
+/**
+ * Custom hook to manage snackbar queue and auto-close logic
+ */
+export declare function useSnackbarsQueue(): {
+    queue: SnackbarQueueItem[];
+    showSnack: ShowSnackFunction;
+    removeSnack: (id: string) => void;
+};

package/dist/types/providers/snackbars-provider/use-snackbars.d.ts

@@ -0,0 +1,4 @@
+/**
+ * useSnackbars: Access the snackbars context and showSnack function
+ */
+export declare function useSnackbars(): import('./types').SnackbarsContextValue;