@dimasbaguspm/versaur 0.0.44 → 0.0.45

package/dist/js/index.js

@@ -1,57 +1,58 @@
-import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
-import { A as n, a as u, B as p, b as i, F as l, f as I, P as c, c as S, d as m, e as B, S as g, T as d } from "./top-bar-CKo6k1eW.js";
-import { B as T, C as x, b as f, a as h, D as P, k as C, E as M, M as A, P as k, R as F, d as L, c as D, S as H, e as R, j as w, i as G, h as j, f as q, T as v, g as y } from "./bottom-sheet-input-C9Ht9cxQ.js";
-import { B as N, D as z, M as J } from "./bottom-sheet-BSN0J8ji.js";
-import { A as O, a as Q, b as U, c as V, d as W, e as X, B as Y, s as Z, f as _, g as $, j as aa, k as ea, h as ta, i as sa, C as ra, l as oa, F as na, H as ua, m as pa, I as ia, p as la, r as Ia, q as ca, M as Sa, N as ma, T as Ba, n as ga, o as da } from "./image-rectangle-DjuCYHbk.js";
-import { T as Ta } from "./tooltip-nOXyn9AX.js";
-import { S as fa } from "./snackbar-DH8jCh2V.js";
-import { B as Pa, T as Ca } from "./tabs-CiZ2DPDD.js";
-import { S as Aa, u as ka } from "./use-snackbars-Cou8L41F.js";
+import { L as e, P as s, S as r } from "./skeleton-BNZyaRjo.js";
+import { A as n, a as u, B as p, b as i, F as l, f as I, P as c, c as S, d as m, e as B, S as g, T as d } from "./top-bar-vvLnMBwo.js";
+import { B as T, C as x, b as f, a as h, D as C, k as P, E as A, M, P as k, R as F, d as L, c as D, S as H, e as R, j as w, i as G, h as j, f as q, T as v, g as y } from "./bottom-sheet-input-CxLwoZLr.js";
+import { B as N, D as z, M as J } from "./bottom-sheet-QdQ5L8Wo.js";
+import { A as O, a as Q, b as U, c as V, d as W, e as X, f as Y, B as Z, t as _, g as $, h as aa, k as ta, l as ea, i as sa, j as ra, C as oa, m as na, F as ua, H as pa, n as ia, I as la, q as Ia, s as ca, r as Sa, M as ma, N as Ba, T as ga, o as da, p as ba } from "./image-rectangle-BijhERaV.js";
+import { T as xa } from "./tooltip-D80OXyWL.js";
+import { S as ha } from "./snackbar-DH8jCh2V.js";
+import { B as Pa, T as Aa } from "./tabs-D5aWU0pC.js";
+import { S as ka, u as Fa } from "./use-snackbars-Cou8L41F.js";
 export {
   O as Accordion,
-  Q as Alert,
-  U as Anchor,
+  Q as ActionCard,
+  U as Alert,
+  V as Anchor,
   n as AppBar,
-  V as Attribute,
-  W as AttributeList,
-  X as Avatar,
-  Y as Badge,
+  W as Attribute,
+  X as AttributeList,
+  Y as Avatar,
+  Z as Badge,
   u as BadgeGroup,
-  Z as BaseImage,
+  _ as BaseImage,
   p as BottomBar,
   N as BottomSheet,
   T as BottomSheetInput,
-  _ as Brand,
+  $ as Brand,
   Pa as Breadcrumbs,
-  $ as Button,
-  aa as ButtonFloat,
+  aa as Button,
+  ta as ButtonFloat,
   i as ButtonGroup,
   ea as ButtonIcon,
-  ta as ButtonMenu,
-  sa as ButtonMenuIcon,
-  ra as Calculator,
-  oa as Card,
+  sa as ButtonMenu,
+  ra as ButtonMenuIcon,
+  oa as Calculator,
+  na as Card,
   x as CheckboxInput,
   f as ChipMultipleInput,
   h as ChipSingleInput,
-  P as DateSinglePickerInput,
+  C as DateSinglePickerInput,
   z as Drawer,
-  C as DrawerInput,
-  M as EmailInput,
-  na as FilterChip,
+  P as DrawerInput,
+  A as EmailInput,
+  ua as FilterChip,
   l as FilterChipGroup,
   I as FormLayout,
-  ua as Heading,
-  pa as Hr,
-  ia as Icon,
-  la as ImageCircle,
-  Ia as ImageRectangle,
-  ca as ImageSquare,
-  t as LoadingIndicator,
-  Sa as Menu,
+  pa as Heading,
+  ia as Hr,
+  la as Icon,
+  Ia as ImageCircle,
+  ca as ImageRectangle,
+  Sa as ImageSquare,
+  e as LoadingIndicator,
+  ma as Menu,
   J as Modal,
-  A as ModalInput,
-  ma as NoResults,
+  M as ModalInput,
+  Ba as NoResults,
   c as PageContent,
   S as PageHeader,
   m as PageLayout,
@@ -67,17 +68,17 @@ export {
   G as SelectableSingleInput,
   g as SideBar,
   r as Skeleton,
-  fa as Snackbar,
-  Aa as SnackbarsProvider,
+  ha as Snackbar,
+  ka as SnackbarsProvider,
   j as SwitchInput,
-  Ba as Table,
-  Ca as Tabs,
-  ga as Text,
+  ga as Table,
+  Aa as Tabs,
+  da as Text,
   q as TextAreaInput,
   v as TextInput,
-  da as Tile,
+  ba as Tile,
   y as TimePickerInput,
-  Ta as Tooltip,
+  xa as Tooltip,
   d as TopBar,
-  ka as useSnackbars
+  Fa as useSnackbars
 };

package/dist/js/layouts/index.js

@@ -1,4 +1,4 @@
-import { A as e, a as r, B as s, b as t, F as p, f as B, P as u, c as d, d as g, e as P, S as i, T as m } from "../top-bar-CKo6k1eW.js";
+import { A as e, a as r, B as s, b as t, F as p, f as B, P as u, c as d, d as g, e as P, S as i, T as m } from "../top-bar-vvLnMBwo.js";
 export {
   e as AppBar,
   r as BadgeGroup,

package/dist/js/navigation/index.js

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

package/dist/js/overlays/index.js

@@ -1,6 +1,6 @@
-import { B as a, D as e, M as t } from "../bottom-sheet-BSN0J8ji.js";
-import { M as m } from "../image-rectangle-DjuCYHbk.js";
-import { T as M } from "../tooltip-nOXyn9AX.js";
+import { B as a, D as e, M as t } from "../bottom-sheet-QdQ5L8Wo.js";
+import { M as m } from "../image-rectangle-BijhERaV.js";
+import { T as M } from "../tooltip-D80OXyWL.js";
 export {
   a as BottomSheet,
   e as Drawer,

package/dist/js/primitive/index.js

@@ -1,32 +1,33 @@
-import { A as t, a as e, b as o, c as r, d as n, e as u, B as c, s as l, f as i, g as B, j as g, k as I, h as m, i as A, C as d, l as b, F as C, H as p, m as T, I as f, p as h, r as x, q as F, N as H, T as S, n as k, o as q } from "../image-rectangle-DjuCYHbk.js";
-import { S as N } from "../snackbar-DH8jCh2V.js";
+import { A as t, a as e, b as o, c as r, d as n, e as c, f as u, B as i, t as l, g as B, h as g, k as A, l as I, i as d, j as m, C, m as b, F as p, H as T, n as f, I as h, q as x, s as F, r as H, N as S, T as k, o as q, p as M } from "../image-rectangle-BijhERaV.js";
+import { S as R } from "../snackbar-DH8jCh2V.js";
 export {
   t as Accordion,
-  e as Alert,
-  o as Anchor,
-  r as Attribute,
-  n as AttributeList,
+  e as ActionCard,
+  o as Alert,
+  r as Anchor,
+  n as Attribute,
+  c as AttributeList,
   u as Avatar,
-  c as Badge,
+  i as Badge,
   l as BaseImage,
-  i as Brand,
-  B as Button,
-  g as ButtonFloat,
+  B as Brand,
+  g as Button,
+  A as ButtonFloat,
   I as ButtonIcon,
-  m as ButtonMenu,
-  A as ButtonMenuIcon,
-  d as Calculator,
+  d as ButtonMenu,
+  m as ButtonMenuIcon,
+  C as Calculator,
   b as Card,
-  C as FilterChip,
-  p as Heading,
-  T as Hr,
-  f as Icon,
-  h as ImageCircle,
-  x as ImageRectangle,
-  F as ImageSquare,
-  H as NoResults,
-  N as Snackbar,
-  S as Table,
-  k as Text,
-  q as Tile
+  p as FilterChip,
+  T as Heading,
+  f as Hr,
+  h as Icon,
+  x as ImageCircle,
+  F as ImageRectangle,
+  H as ImageSquare,
+  S as NoResults,
+  R as Snackbar,
+  k as Table,
+  q as Text,
+  M as Tile
 };

package/dist/js/{tabs-CiZ2DPDD.js → tabs-D5aWU0pC.js}

@@ -1,6 +1,6 @@
 import { c as d, j as s, 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";
-import { I as w } from "./image-rectangle-DjuCYHbk.js";
+import { I as w } from "./image-rectangle-BijhERaV.js";
 import "./snackbar-DH8jCh2V.js";
 import { ChevronRight as T } from "lucide-react";
 const j = d(

package/dist/js/{tooltip-nOXyn9AX.js → tooltip-D80OXyWL.js}

@@ -1,6 +1,6 @@
 import { c as v, j as c, a as w } from "./index-DOdDlCoL.js";
 import { useRef as m, useState as d, useEffect as h, useId as T, cloneElement as j } from "react";
-import { n as y } from "./image-rectangle-DjuCYHbk.js";
+import { o as y } from "./image-rectangle-BijhERaV.js";
 function P(e = "auto") {
   const n = m(null), [a, t] = d("bottom");
   return h(() => {

package/dist/js/{top-bar-CKo6k1eW.js → top-bar-vvLnMBwo.js}

@@ -1,7 +1,7 @@
 import { c as i, j as s, a as l } from "./index-DOdDlCoL.js";
 import * as v from "react";
 import { forwardRef as o } from "react";
-import { n as f } from "./image-rectangle-DjuCYHbk.js";
+import { o as f } from "./image-rectangle-BijhERaV.js";
 import "./snackbar-DH8jCh2V.js";
 import { L as h } from "./skeleton-BNZyaRjo.js";
 const j = i(

package/dist/types/primitive/action-card/action-card.atoms.d.ts

@@ -0,0 +1,18 @@
+import { ActionCardGroupProps } from './types';
+/**
+ * ActionCard.Group - Container component for grouping multiple ActionCards
+ *
+ * Provides a clean container with proper spacing and borders for multiple ActionCards.
+ * ActionCards within a group are automatically spaced and can be configured with
+ * consistent sizing.
+ *
+ * @example
+ * ```tsx
+ * <ActionCard.Group>
+ *   <ActionCard icon={<WalletIcon />} title="Account Groups" badge={<Badge>Popular</Badge>} />
+ *   <ActionCard icon={<TagsIcon />} title="Category Groups" />
+ *   <ActionCard icon={<DatabaseIcon />} title="Backup & Restore" />
+ * </ActionCard.Group>
+ * ```
+ */
+export declare const ActionCardGroup: import('react').ForwardRefExoticComponent<ActionCardGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/primitive/action-card/action-card.d.ts

@@ -0,0 +1,4 @@
+import { ActionCardProps } from './types';
+export declare const ActionCard: import('react').ForwardRefExoticComponent<ActionCardProps & import('react').RefAttributes<HTMLDivElement | HTMLButtonElement>> & {
+    Group: import('react').ForwardRefExoticComponent<import('./types').ActionCardGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/types/primitive/action-card/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionCard } from './action-card';
+export type { ActionCardProps, ActionCardGroupProps } from './types';

package/dist/types/primitive/action-card/types.d.ts

@@ -0,0 +1,57 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { actionCardVariants } from './helpers';
+/**
+ * Props for the ActionCard component
+ */
+export interface ActionCardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'title' | 'children'>, VariantProps<typeof actionCardVariants> {
+    /**
+     * Size variant affecting padding and spacing
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Icon element to display in the icon container
+     */
+    icon?: ReactNode;
+    /**
+     * Main title text
+     */
+    title: ReactNode;
+    /**
+     * Subtitle or description text
+     */
+    subtitle?: ReactNode;
+    /**
+     * Badge element to display next to the title
+     */
+    badge?: ReactNode;
+    /**
+     * Whether to show the chevron arrow
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * Is the action card a button or a div?
+     * @default 'button'
+     */
+    as?: 'button' | 'div';
+}
+/**
+ * Props for the ActionCard Group container
+ */
+export interface ActionCardGroupProps {
+    /**
+     * ActionCard components to display as a group
+     */
+    children: ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Size variant for all cards in the group
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+}

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

@@ -6,7 +6,7 @@ export interface BrandProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * The app name to display (predefined, default: 'spenicle')
      */
-    name: 'spenicle' | 'hub';
+    name: 'spenicle' | 'hub' | 'notunic';
     /**
      * The size of the brand icon and text
      * @default 'md'

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

@@ -1,4 +1,5 @@
 export * from './accordion';
+export * from './action-card';
 export * from './alert';
 export * from './anchor';
 export * from './attribute';

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

@@ -47,6 +47,7 @@ const symbolToSubpath = {
   "Modal": "overlays",
   "Tooltip": "overlays",
   "Accordion": "primitive",
+  "ActionCard": "primitive",
   "Alert": "primitive",
   "Anchor": "primitive",
   "Attribute": "primitive",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",