@dimasbaguspm/versaur 0.0.7 → 0.0.9

package/dist/primitive/index.js

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

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

@@ -0,0 +1,2 @@
+export { Table } from './table';
+export type * from './types';

package/dist/primitive/table/table.atoms.d.ts

@@ -0,0 +1,22 @@
+import { TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableColumnProps } from './types';
+/**
+ * Table.Header renders the table header row (grid-based, ARIA role)
+ */
+declare const TableHeader: import('react').ForwardRefExoticComponent<TableHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Table.Body renders the table body (grid-based, ARIA role)
+ */
+declare const TableBody: import('react').ForwardRefExoticComponent<TableBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Table.Footer renders the table footer row (grid-based, ARIA role)
+ */
+declare const TableFooter: import('react').ForwardRefExoticComponent<TableFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Table.Row renders a table row (grid-based, ARIA role)
+ */
+declare const TableRow: import('react').ForwardRefExoticComponent<TableRowProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Table.Column renders a table cell (grid-based, ARIA role)
+ */
+declare const TableColumn: import('react').ForwardRefExoticComponent<TableColumnProps & import('react').RefAttributes<HTMLDivElement>>;
+export { TableHeader, TableBody, TableFooter, TableRow, TableColumn };

package/dist/primitive/table/table.d.ts

@@ -0,0 +1,8 @@
+import { TableProps } from './types';
+export declare const Table: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Header: import('react').ForwardRefExoticComponent<import('./types').TableHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    Body: import('react').ForwardRefExoticComponent<import('./types').TableBodyProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<import('./types').TableFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+    Row: import('react').ForwardRefExoticComponent<import('./types').TableRowProps & import('react').RefAttributes<HTMLDivElement>>;
+    Column: import('react').ForwardRefExoticComponent<import('./types').TableColumnProps & import('react').RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,51 @@
+import { HTMLAttributes, ReactNode, TableHTMLAttributes } from 'react';
+/**
+ * TableProps for the root Table component
+ */
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    /** Table children (Header, Body, Footer, etc) */
+    children: ReactNode;
+    maxColumns?: number;
+}
+/**
+ * Context value for Table
+ */
+export interface TableContextValue {
+    maxColumns: number;
+}
+/**
+ * TableHeaderProps for <Table.Header>
+ */
+export interface TableHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/**
+ * TableBodyProps for <Table.Body>
+ */
+export interface TableBodyProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * TableFooterProps for <Table.Footer>
+ */
+export interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * TableRowProps for <Table.Row>
+ */
+export interface TableRowProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+/**
+ * TableColumnProps for <Table.Column>
+ * @property as - 'th' for header, 'td' for body/footer (default: 'td')
+ * @property span - number of grid columns to span (1-12)
+ */
+export interface TableColumnProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    as: 'th' | 'td';
+    span: number;
+    /** Horizontal alignment of cell content (left, center, right). Default: left */
+    align?: 'left' | 'center' | 'right';
+}

package/dist/skeleton-DwqjRsF-.js

@@ -0,0 +1,277 @@
+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(
+  "inline-block border animate-spin rounded-full",
+  {
+    variants: {
+      size: {
+        sm: "w-4 h-4 border-2",
+        md: "w-6 h-6 border-2",
+        lg: "w-8 h-8 border-4"
+      },
+      color: {
+        primary: "border-coral border-t-transparent ",
+        secondary: "border-sage border-t-transparent",
+        tertiary: "border-mist border-t-transparent",
+        ghost: "border-slate border-t-transparent",
+        neutral: "border-neutral border-t-transparent",
+        success: "border-success border-t-transparent",
+        info: "border-info border-t-transparent",
+        warning: "border-warning border-t-transparent",
+        danger: "border-danger border-t-transparent"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "primary"
+    }
+  }
+), h = l("relative w-full h-1 overflow-hidden rounded", {
+  variants: {
+    color: {
+      primary: "bg-coral",
+      secondary: "bg-sage",
+      tertiary: "bg-mist",
+      ghost: "bg-slate",
+      neutral: "bg-neutral",
+      success: "bg-success",
+      info: "bg-info",
+      warning: "bg-warning",
+      danger: "bg-danger"
+    },
+    size: {
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3"
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md"
+  }
+}), w = (a) => {
+  switch (a) {
+    case "primary":
+      return "bg-coral";
+    case "secondary":
+      return "bg-sage";
+    case "tertiary":
+      return "bg-mist";
+    case "ghost":
+      return "bg-slate";
+    case "neutral":
+      return "bg-neutral";
+    case "success":
+      return "bg-success";
+    case "info":
+      return "bg-info";
+    case "warning":
+      return "bg-warning";
+    case "danger":
+      return "bg-danger";
+    default:
+      return "bg-coral";
+  }
+}, v = u.forwardRef(
+  ({
+    color: a = "primary",
+    size: e = "md",
+    ariaLabel: n = "Loading",
+    className: r,
+    ...s
+  }, t) => /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: t,
+      role: "status",
+      "aria-label": n,
+      className: d(p({ color: a, size: e }), r),
+      ...s
+    }
+  )
+), y = u.forwardRef(
+  ({
+    color: a = "primary",
+    size: e = "md",
+    ariaLabel: n = "Loading",
+    className: r,
+    ...s
+  }, t) => /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      ref: t,
+      role: "progressbar",
+      "aria-label": n,
+      className: d(
+        h({ color: a, size: e }),
+        "bg-neutral/40 relative overflow-hidden",
+        r
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            className: d(
+              "absolute left-0 top-0 w-full h-full rounded bg-neutral/40 pointer-events-none"
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ o.jsx(
+          "div",
+          {
+            className: d(
+              "absolute left-0 top-0 h-full w-1/3 animate-loading-bar rounded-full",
+              w(a)
+            ),
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  )
+), x = u.forwardRef(
+  ({
+    type: a = "spinner",
+    size: e = "md",
+    color: n = "primary",
+    ariaLabel: r = "Loading",
+    className: s,
+    ...t
+  }, i) => a === "bar" ? /* @__PURE__ */ o.jsx(
+    y,
+    {
+      ref: i,
+      color: n,
+      size: e,
+      ariaLabel: r,
+      className: s,
+      ...t
+    }
+  ) : /* @__PURE__ */ o.jsx(
+    v,
+    {
+      ref: i,
+      color: n,
+      size: e,
+      ariaLabel: r,
+      className: s,
+      ...t
+    }
+  )
+);
+x.displayName = "LoadingIndicator";
+const j = l(
+  "absolute left-0 top-0 h-full rounded transition-all duration-500",
+  {
+    variants: {
+      color: {
+        primary: "bg-primary",
+        secondary: "bg-secondary",
+        tertiary: "bg-tertiary",
+        ghost: "bg-ghost",
+        neutral: "bg-neutral",
+        success: "bg-success",
+        info: "bg-info",
+        warning: "bg-warning",
+        danger: "bg-danger"
+      },
+      indeterminate: {
+        true: "animate-progress-indicator-indeterminate w-full",
+        false: ""
+      }
+    },
+    compoundVariants: [],
+    defaultVariants: {
+      color: "primary",
+      indeterminate: !1
+    }
+  }
+), S = f(({ value: a, max: e = 100, color: n = "primary", className: r, ...s }, t) => {
+  const i = Math.max(0, Math.min(a, e));
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      ref: t,
+      role: "progressbar",
+      "aria-valuenow": i,
+      "aria-valuemin": 0,
+      "aria-valuemax": e,
+      className: d(
+        "relative h-0.5 w-full overflow-hidden bg-neutral-soft",
+        // thinner bar
+        r
+      ),
+      ...s,
+      children: /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          className: j({ color: n, indeterminate: !1 }),
+          style: {
+            width: `${i / e * 100}%`,
+            transition: "width 0.4s cubic-bezier(0.4,0,0.2,1)"
+          }
+        }
+      )
+    }
+  );
+}), z = l("w-full overflow-hidden bg-neutral-200", {
+  variants: {
+    shape: {
+      rectangle: "rounded-none",
+      rounded: "rounded-md",
+      circle: "rounded-full",
+      square: "aspect-square rounded-md"
+    },
+    size: {
+      sm: "h-4",
+      md: "h-6",
+      lg: "h-8",
+      xl: "h-12"
+    }
+  },
+  defaultVariants: {
+    shape: "rounded",
+    size: "md"
+  }
+}), L = m.forwardRef(
+  function({ shape: e = "rounded", size: n = "md", height: r, className: s, style: t, ...i }, c) {
+    const g = ["sm", "md", "lg", "xl"].includes(n) ? n : "md", b = r ? {
+      ...t,
+      height: typeof r == "number" ? `${r}px` : r
+    } : t;
+    return /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        ref: c,
+        role: "presentation",
+        className: d(
+          "relative",
+          z({ shape: e, size: g }),
+          s
+        ),
+        style: b,
+        "aria-hidden": "true",
+        ...i,
+        children: /* @__PURE__ */ o.jsx(
+          "span",
+          {
+            className: [
+              "absolute inset-0 block w-full h-full",
+              "animate-loading-bar",
+              "bg-gradient-to-r from-transparent via-white/60 to-transparent pointer-events-none"
+            ].join(" "),
+            "aria-hidden": "true"
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  x as L,
+  S as P,
+  L as S
+};

package/dist/styles.css

@@ -1,3 +1,4 @@
+
 @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');
 @import 'tailwindcss';
 
@@ -29,7 +30,7 @@
   --color-slate: #3d405b;
   --color-slate-soft: #e3e4ea;
   --color-cream: #f4f1de;
-  --color-cream-soft: #fcf9f1;
+  --color-cream-soft: #fefdfb;
   --color-light-gray: #f8f9fa;
   --color-light-gray-soft: #fcfcfd;
 
@@ -102,10 +103,12 @@ Our palette follows these harmonious relationships:
     width: 30%;
   }
 }
+
 .animate-loading-bar {
   animation: loading-bar 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
 
+
 @keyframes spin-perfect {
   100% {
     transform: rotate(360deg);
@@ -128,3 +131,4 @@ Our palette follows these harmonious relationships:
 .animate-fab-in {
   animation: fab-in 0.32s cubic-bezier(0.4, 0, 0.2, 1);
 }
+