@dimasbaguspm/versaur 0.0.20 → 0.0.21

package/dist/js/index.js

@@ -1,25 +1,25 @@
-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";
+import { L as s, P as t, 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-BUACYQUo.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 R, T as w, g as F } from "./bottom-sheet-input-DFGibm1I.js";
+import { B as v, D as y, M as E } from "./bottom-sheet-Eqduh3eY.js";
+import { M as q, T as z } from "./tooltip-CDdl1U3A.js";
+import { A as H, a as J, b as K, 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 sa, N as ta, T as ra, h as oa } from "./image-rectangle-C6cgL8R9.js";
+import { S as pa } from "./snackbar-DH8jCh2V.js";
+import { T as la } from "./text-CRsIInRA.js";
+import { B as Ia, T as ca } from "./tabs-BbOkYchB.js";
+import { S as ma, u as Ba } from "./use-snackbars-oPoF7J5t.js";
 export {
-  J as Alert,
-  K as Anchor,
+  H as Alert,
+  J as Anchor,
   n as AppBar,
-  N as Avatar,
+  K as Avatar,
   O as Badge,
   Q as BaseImage,
   p as BottomBar,
   v as BottomSheet,
   S as BottomSheetInput,
   U as Brand,
-  ia as Breadcrumbs,
+  Ia as Breadcrumbs,
   V as Button,
   W as ButtonFloat,
   X as ButtonIcon,
@@ -37,14 +37,15 @@ export {
   $ as Icon,
   aa as ImageCircle,
   ea as ImageRectangle,
-  ta as ImageSquare,
-  t as LoadingIndicator,
-  z as Menu,
+  sa as ImageSquare,
+  s as LoadingIndicator,
+  q as Menu,
   E as Modal,
   f as ModalInput,
+  ta as NoResults,
   l as PageLayout,
   b as PriceInput,
-  s as ProgressIndicator,
+  t as ProgressIndicator,
   h as RadioInput,
   k as SearchInput,
   M as SegmentMultipleInput,
@@ -54,17 +55,17 @@ export {
   D as SelectableSingleInput,
   i as SideBar,
   r as Skeleton,
-  na as Snackbar,
-  Sa as SnackbarsProvider,
+  pa as Snackbar,
+  ma 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,
+  ra as Table,
+  ca as Tabs,
+  la as Text,
+  R as TextAreaInput,
+  w as TextInput,
+  oa as Tile,
+  F as TimePickerInput,
+  z as Tooltip,
   I as TopBar,
-  ma as useSnackbars
+  Ba as useSnackbars
 };

package/dist/js/layouts/index.js

@@ -1,4 +1,4 @@
-import { A as r, B as s, F as B, P as t, S as p, T as e } from "../side-bar-CHhcp0yS.js";
+import { A as r, B as s, F as B, P as t, S as p, T as e } from "../side-bar-BUACYQUo.js";
 export {
   r as AppBar,
   s as BottomBar,

package/dist/js/overlays/index.js

@@ -1,4 +1,4 @@
-import { B as e, D as r, M as t } from "../bottom-sheet-DbtyWwsy.js";
+import { B as e, D as r, M as t } from "../bottom-sheet-Eqduh3eY.js";
 import { M, T as m } from "../tooltip-CDdl1U3A.js";
 export {
   e as BottomSheet,

package/dist/js/primitive/index.js

@@ -1,13 +1,13 @@
-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";
+import { A as e, a as t, b as o, B as r, l, c as n, 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, N as p, T as x, h as A } from "../image-rectangle-C6cgL8R9.js";
+import { S as b } from "../snackbar-DH8jCh2V.js";
+import { T as h } from "../text-CRsIInRA.js";
 export {
   e as Alert,
   t as Anchor,
-  r as Avatar,
-  o as Badge,
-  n as BaseImage,
-  l as Brand,
+  o as Avatar,
+  r as Badge,
+  l as BaseImage,
+  n as Brand,
   c as Button,
   g as ButtonFloat,
   m as ButtonIcon,
@@ -18,8 +18,9 @@ export {
   T as ImageCircle,
   d as ImageRectangle,
   f as ImageSquare,
-  C as Snackbar,
-  p as Table,
-  S as Text,
-  x as Tile
+  p as NoResults,
+  b as Snackbar,
+  x as Table,
+  h as Text,
+  A as Tile
 };

package/dist/js/{side-bar-CHhcp0yS.js → side-bar-BUACYQUo.js}

@@ -1,7 +1,7 @@
 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 "./image-rectangle-C6cgL8R9.js";
 import "./snackbar-DH8jCh2V.js";
 import { T as d } from "./text-CRsIInRA.js";
 const b = i(
@@ -225,9 +225,9 @@ const b = i(
 }), E = i("w-full mx-auto relative", {
   variants: {
     type: {
-      desktop: "max-w-7xl px-6 py-10",
-      tablet: "max-w-3xl",
-      mobile: "w-full"
+      desktop: "max-w-7xl px-6 pb-10",
+      tablet: "max-w-3xl px-4",
+      mobile: "w-full px-4"
     }
   },
   defaultVariants: {

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

@@ -23,7 +23,7 @@ export type IconProps = Omit<React.SVGProps<SVGSVGElement>, 'children'> & {
     /**
      * Color variant
      */
-    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger' | 'inherit';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger' | 'black' | 'gray' | 'white' | 'inherit';
     /**
      * Size of the icon
      */

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

@@ -9,6 +9,7 @@ export * from './button-icon';
 export * from './calculator';
 export * from './calendar';
 export * from './icon';
+export * from './no-results';
 export * from './snackbar';
 export * from './table';
 export * from './text';

package/dist/types/primitive/no-results/index.d.ts

@@ -0,0 +1,2 @@
+export { NoResults } from './no-results';
+export type { NoResultsProps } from './types';

package/dist/types/primitive/no-results/no-results.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { NoResultsProps } from './types';
+/**
+ * NoResults component for Versaur UI
+ * Displays an empty state with icon, title, subtitle, and optional action
+ * Uses semantic HTML structure with proper headings and landmarks
+ * @example
+ * <NoResults
+ *   icon={SearchIcon}
+ *   title="No results found"
+ *   subtitle="Try adjusting your search criteria"
+ *   action={<Button onClick={clearSearch}>Clear filters</Button>}
+ * />
+ */
+export declare const NoResults: React.ForwardRefExoticComponent<NoResultsProps & React.RefAttributes<HTMLElement>>;

package/dist/types/primitive/no-results/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode, HTMLAttributes, ComponentType } from 'react';
+/**
+ * NoResultsProps defines the props for the NoResults component
+ * @property icon - Icon component to display (typically from lucide-react)
+ * @property title - Main heading text for the no results state
+ * @property subtitle - Secondary descriptive text
+ * @property action - Optional action element (typically a Button)
+ */
+export interface NoResultsProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Icon to display at the top of the no results state
+     * Should be a Lucide icon component
+     */
+    icon: ComponentType;
+    /**
+     * Main heading text that describes the empty state
+     */
+    title: string;
+    /**
+     * Secondary descriptive text that provides more context
+     * Can be a string or ReactNode for more complex content
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Optional action element to render below the content
+     * Typically a Button component for user interaction
+     */
+    action?: ReactNode;
+    hasGrayBackground?: boolean;
+}

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

@@ -56,6 +56,7 @@ const symbolToSubpath = {
   "ImageSquare": "primitive",
   "ImageRectangle": "primitive",
   "BaseImage": "primitive",
+  "NoResults": "primitive",
   "Snackbar": "primitive",
   "Table": "primitive",
   "Text": "primitive",

package/package.json

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