rothzerg-ui 0.1.0

package/dist/blocks/cta/CTA.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface CTAProps {
+    variant?: 'default' | 'dark' | 'gradient' | 'bordered';
+    eyebrow?: string;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    /** Small footnote below actions (e.g. "No credit card required") */
+    note?: string;
+    className?: string;
+}
+/**
+ * CTA (Call to Action)
+ *
+ * A bold call-to-action section to drive conversions.
+ *
+ * @example
+ * <CTA
+ *   variant="dark"
+ *   title="Ready to ship faster?"
+ *   description="Join thousands of teams building with Rothzerg UI."
+ *   actions={<><Button size="lg">Start free</Button><Button variant="outline" size="lg">Talk to sales</Button></>}
+ *   note="No credit card required"
+ * />
+ */
+export declare function CTA({ variant, eyebrow, title, description, actions, note, className }: CTAProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CTA.d.ts.map

package/dist/blocks/cta/CTA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../src/blocks/cta/CTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAW,CAAC;AAEnB,MAAM,WAAW,QAAQ;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,GAAG,CAAC,EAAE,OAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,QAAQ,2CAc3G"}

package/dist/blocks/cta/CTA.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css        */
+function CTA({ variant = "default", eyebrow, title, description, actions, note, className }) {
+  return /* @__PURE__ */ jsx("section", { className: cn("rz-cta", className), children: /* @__PURE__ */ jsx("div", { className: "rz-cta__container", children: /* @__PURE__ */ jsxs("div", { className: cn("rz-cta__inner", `rz-cta__inner--${variant}`), children: [
+    eyebrow && /* @__PURE__ */ jsx("span", { className: "rz-cta__eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx("h2", { className: "rz-cta__title", children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: "rz-cta__description", children: description }),
+    actions && /* @__PURE__ */ jsx("div", { className: "rz-cta__actions", children: actions }),
+    note && /* @__PURE__ */ jsx("p", { className: "rz-cta__note", children: note })
+  ] }) }) });
+}
+export {
+  CTA
+};
+//# sourceMappingURL=CTA.js.map

package/dist/blocks/cta/CTA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.js","sources":["../../../src/blocks/cta/CTA.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './cta.css';\n\nexport interface CTAProps {\n  variant?: 'default' | 'dark' | 'gradient' | 'bordered';\n  eyebrow?: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  /** Small footnote below actions (e.g. \"No credit card required\") */\n  note?: string;\n  className?: string;\n}\n\n/**\n * CTA (Call to Action)\n *\n * A bold call-to-action section to drive conversions.\n *\n * @example\n * <CTA\n *   variant=\"dark\"\n *   title=\"Ready to ship faster?\"\n *   description=\"Join thousands of teams building with Rothzerg UI.\"\n *   actions={<><Button size=\"lg\">Start free</Button><Button variant=\"outline\" size=\"lg\">Talk to sales</Button></>}\n *   note=\"No credit card required\"\n * />\n */\nexport function CTA({ variant = 'default', eyebrow, title, description, actions, note, className }: CTAProps) {\n  return (\n    <section className={cn('rz-cta', className)}>\n      <div className=\"rz-cta__container\">\n        <div className={cn('rz-cta__inner', `rz-cta__inner--${variant}`)}>\n          {eyebrow && <span className=\"rz-cta__eyebrow\">{eyebrow}</span>}\n          <h2 className=\"rz-cta__title\">{title}</h2>\n          {description && <p className=\"rz-cta__description\">{description}</p>}\n          {actions && <div className=\"rz-cta__actions\">{actions}</div>}\n          {note && <p className=\"rz-cta__note\">{note}</p>}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;AA6BO,SAAS,IAAI,EAAE,UAAU,WAAW,SAAS,OAAO,aAAa,SAAS,MAAM,aAAuB;AAC5G,6BACG,WAAA,EAAQ,WAAW,GAAG,UAAU,SAAS,GACxC,UAAA,oBAAC,OAAA,EAAI,WAAU,qBACb,UAAA,qBAAC,SAAI,WAAW,GAAG,iBAAiB,kBAAkB,OAAO,EAAE,GAC5D,UAAA;AAAA,IAAA,WAAW,oBAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA,SAAQ;AAAA,IACvD,oBAAC,MAAA,EAAG,WAAU,iBAAiB,UAAA,OAAM;AAAA,IACpC,eAAe,oBAAC,KAAA,EAAE,WAAU,uBAAuB,UAAA,aAAY;AAAA,IAC/D,WAAW,oBAAC,OAAA,EAAI,WAAU,mBAAmB,UAAA,SAAQ;AAAA,IACrD,QAAQ,oBAAC,KAAA,EAAE,WAAU,gBAAgB,UAAA,KAAA,CAAK;AAAA,EAAA,EAAA,CAC7C,GACF,GACF;AAEJ;"}

package/dist/blocks/cta/index.d.ts

@@ -0,0 +1,3 @@
+export { CTA } from './CTA';
+export type { CTAProps } from './CTA';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/cta/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/cta/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}

package/dist/blocks/dashboard/Dashboard.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                */
+const panelLeftOpen = require("../../node_modules/lucide-react/dist/esm/icons/panel-left-open.cjs");
+const panelLeftClose = require("../../node_modules/lucide-react/dist/esm/icons/panel-left-close.cjs");
+function Dashboard({
+  logo,
+  navSections = [],
+  topBarContent,
+  pageTitle,
+  children,
+  defaultCollapsed = false,
+  renderNavLink,
+  className
+}) {
+  const [collapsed, setCollapsed] = React.useState(defaultCollapsed);
+  function renderItem(item) {
+    const itemClass = cn.cn("rz-dashboard__nav-item", item.active && "rz-dashboard__nav-item--active");
+    const itemChildren = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-dashboard__nav-item-icon", children: item.icon }),
+      !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: item.label }),
+      !collapsed && item.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-dashboard__nav-badge", children: item.badge })
+    ] });
+    if (renderNavLink) {
+      return renderNavLink(item, itemClass, itemChildren);
+    }
+    if (item.href) {
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: itemClass, title: collapsed ? item.label : void 0, children: itemChildren });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: itemClass, onClick: item.onClick, title: collapsed ? item.label : void 0, children: itemChildren });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-dashboard", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: cn.cn("rz-dashboard__sidebar", collapsed && "rz-dashboard__sidebar--collapsed"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dashboard__sidebar-header", children: !collapsed && logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dashboard__logo", children: logo }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "rz-dashboard__nav", "aria-label": "Main navigation", children: navSections.map((section, si) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-dashboard__nav-section", children: [
+        section.title && !collapsed && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-dashboard__nav-heading", children: section.title }),
+        section.items.map((item, ii) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item) }, ii))
+      ] }, si)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-dashboard__main", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "rz-dashboard__topbar", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "rz-dashboard__collapse-btn",
+            onClick: () => setCollapsed(!collapsed),
+            "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+            children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(panelLeftOpen, { size: 18 }) : /* @__PURE__ */ jsxRuntime.jsx(panelLeftClose, { size: 18 })
+          }
+        ),
+        pageTitle && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "rz-dashboard__topbar-title", children: pageTitle }),
+        topBarContent
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "rz-dashboard__content", children })
+    ] })
+  ] });
+}
+exports.Dashboard = Dashboard;
+//# sourceMappingURL=Dashboard.cjs.map

package/dist/blocks/dashboard/Dashboard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.cjs","sources":["../../../src/blocks/dashboard/Dashboard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PanelLeftClose, PanelLeftOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './dashboard.css';\n\nexport interface DashboardNavItem {\n  label: string;\n  icon?: React.ReactNode;\n  href?: string;\n  badge?: string | number;\n  active?: boolean;\n  onClick?: () => void;\n}\n\nexport interface DashboardNavSection {\n  title?: string;\n  items: DashboardNavItem[];\n}\n\nexport interface DashboardProps {\n  logo?: React.ReactNode;\n  navSections?: DashboardNavSection[];\n  /** Rendered in the top bar (search, avatar, notifications, etc.) */\n  topBarContent?: React.ReactNode;\n  /** Page title shown in the top bar */\n  pageTitle?: string;\n  children?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  renderNavLink?: (item: DashboardNavItem, className: string, children: React.ReactNode) => React.ReactNode;\n  className?: string;\n}\n\nexport function Dashboard({\n  logo,\n  navSections = [],\n  topBarContent,\n  pageTitle,\n  children,\n  defaultCollapsed = false,\n  renderNavLink,\n  className,\n}: DashboardProps) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n  function renderItem(item: DashboardNavItem) {\n    const itemClass = cn('rz-dashboard__nav-item', item.active && 'rz-dashboard__nav-item--active');\n    const itemChildren = (\n      <>\n        {item.icon && <span className=\"rz-dashboard__nav-item-icon\">{item.icon}</span>}\n        {!collapsed && <span style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>{item.label}</span>}\n        {!collapsed && item.badge != null && (\n          <span className=\"rz-dashboard__nav-badge\">{item.badge}</span>\n        )}\n      </>\n    );\n\n    if (renderNavLink) {\n      return renderNavLink(item, itemClass, itemChildren);\n    }\n\n    if (item.href) {\n      return <a href={item.href} className={itemClass} title={collapsed ? item.label : undefined}>{itemChildren}</a>;\n    }\n\n    return (\n      <button type=\"button\" className={itemClass} onClick={item.onClick} title={collapsed ? item.label : undefined}>\n        {itemChildren}\n      </button>\n    );\n  }\n\n  return (\n    <div className={cn('rz-dashboard', className)}>\n      {/* Sidebar */}\n      <aside className={cn('rz-dashboard__sidebar', collapsed && 'rz-dashboard__sidebar--collapsed')}>\n        <div className=\"rz-dashboard__sidebar-header\">\n          {!collapsed && logo && <div className=\"rz-dashboard__logo\">{logo}</div>}\n        </div>\n        <nav className=\"rz-dashboard__nav\" aria-label=\"Main navigation\">\n          {navSections.map((section, si) => (\n            <div key={si} className=\"rz-dashboard__nav-section\">\n              {section.title && !collapsed && (\n                <p className=\"rz-dashboard__nav-heading\">{section.title}</p>\n              )}\n              {section.items.map((item, ii) => (\n                <React.Fragment key={ii}>{renderItem(item)}</React.Fragment>\n              ))}\n            </div>\n          ))}\n        </nav>\n      </aside>\n\n      {/* Main */}\n      <div className=\"rz-dashboard__main\">\n        <header className=\"rz-dashboard__topbar\">\n          <button\n            className=\"rz-dashboard__collapse-btn\"\n            onClick={() => setCollapsed(!collapsed)}\n            aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          >\n            {collapsed ? <PanelLeftOpen size={18} /> : <PanelLeftClose size={18} />}\n          </button>\n          {pageTitle && <h1 className=\"rz-dashboard__topbar-title\">{pageTitle}</h1>}\n          {topBarContent}\n        </header>\n        <main className=\"rz-dashboard__content\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","cn","jsxs","Fragment","jsx","PanelLeftOpen","PanelLeftClose"],"mappings":";;;;;;;;AAgCO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc,CAAA;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,gBAAgB;AAE3D,WAAS,WAAW,MAAwB;AAC1C,UAAM,YAAYC,GAAAA,GAAG,0BAA0B,KAAK,UAAU,gCAAgC;AAC9F,UAAM,eACJC,2BAAAA,KAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,MAAA,KAAK,QAAQC,2BAAAA,IAAC,QAAA,EAAK,WAAU,+BAA+B,eAAK,MAAK;AAAA,MACtE,CAAC,aAAaA,2BAAAA,IAAC,QAAA,EAAK,OAAO,EAAE,UAAU,UAAU,cAAc,WAAA,GAAe,UAAA,KAAK,MAAA,CAAM;AAAA,MACzF,CAAC,aAAa,KAAK,SAAS,uCAC1B,QAAA,EAAK,WAAU,2BAA2B,UAAA,KAAK,MAAA,CAAM;AAAA,IAAA,GAE1D;AAGF,QAAI,eAAe;AACjB,aAAO,cAAc,MAAM,WAAW,YAAY;AAAA,IACpD;AAEA,QAAI,KAAK,MAAM;AACb,aAAOA,2BAAAA,IAAC,KAAA,EAAE,MAAM,KAAK,MAAM,WAAW,WAAW,OAAO,YAAY,KAAK,QAAQ,QAAY,UAAA,cAAa;AAAA,IAC5G;AAEA,WACEA,2BAAAA,IAAC,UAAA,EAAO,MAAK,UAAS,WAAW,WAAW,SAAS,KAAK,SAAS,OAAO,YAAY,KAAK,QAAQ,QAChG,UAAA,cACH;AAAA,EAEJ;AAEA,yCACG,OAAA,EAAI,WAAWH,GAAAA,GAAG,gBAAgB,SAAS,GAE1C,UAAA;AAAA,IAAAC,gCAAC,WAAM,WAAWD,GAAAA,GAAG,yBAAyB,aAAa,kCAAkC,GAC3F,UAAA;AAAA,MAAAG,2BAAAA,IAAC,OAAA,EAAI,WAAU,gCACZ,UAAA,CAAC,aAAa,QAAQA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,KAAA,CAAK,GACnE;AAAA,MACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,qBAAoB,cAAW,mBAC3C,UAAA,YAAY,IAAI,CAAC,SAAS,OACzBF,2BAAAA,KAAC,OAAA,EAAa,WAAU,6BACrB,UAAA;AAAA,QAAA,QAAQ,SAAS,CAAC,aACjBE,2BAAAA,IAAC,OAAE,WAAU,6BAA6B,kBAAQ,MAAA,CAAM;AAAA,QAEzD,QAAQ,MAAM,IAAI,CAAC,MAAM,OACxBA,2BAAAA,IAAC,MAAM,UAAN,EAAyB,UAAA,WAAW,IAAI,EAAA,GAApB,EAAsB,CAC5C;AAAA,MAAA,EAAA,GANO,EAOV,CACD,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAGAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,UAAA,EAAO,WAAU,wBAChB,UAAA;AAAA,QAAAE,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAM,aAAa,CAAC,SAAS;AAAA,YACtC,cAAY,YAAY,mBAAmB;AAAA,YAE1C,UAAA,2CAAaC,eAAA,EAAc,MAAM,IAAI,IAAKD,2BAAAA,IAACE,gBAAA,EAAe,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtE,aAAaF,2BAAAA,IAAC,MAAA,EAAG,WAAU,8BAA8B,UAAA,WAAU;AAAA,QACnE;AAAA,MAAA,GACH;AAAA,MACAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,SAAA,CAAS;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/blocks/dashboard/Dashboard.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface DashboardNavItem {
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    badge?: string | number;
+    active?: boolean;
+    onClick?: () => void;
+}
+export interface DashboardNavSection {
+    title?: string;
+    items: DashboardNavItem[];
+}
+export interface DashboardProps {
+    logo?: React.ReactNode;
+    navSections?: DashboardNavSection[];
+    /** Rendered in the top bar (search, avatar, notifications, etc.) */
+    topBarContent?: React.ReactNode;
+    /** Page title shown in the top bar */
+    pageTitle?: string;
+    children?: React.ReactNode;
+    defaultCollapsed?: boolean;
+    renderNavLink?: (item: DashboardNavItem, className: string, children: React.ReactNode) => React.ReactNode;
+    className?: string;
+}
+export declare function Dashboard({ logo, navSections, topBarContent, pageTitle, children, defaultCollapsed, renderNavLink, className, }: DashboardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dashboard.d.ts.map

package/dist/blocks/dashboard/Dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACpC,oEAAoE;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1G,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,WAAgB,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,gBAAwB,EACxB,aAAa,EACb,SAAS,GACV,EAAE,cAAc,2CAoEhB"}

package/dist/blocks/dashboard/Dashboard.js

@@ -0,0 +1,62 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css              */
+import PanelLeftOpen from "../../node_modules/lucide-react/dist/esm/icons/panel-left-open.js";
+import PanelLeftClose from "../../node_modules/lucide-react/dist/esm/icons/panel-left-close.js";
+function Dashboard({
+  logo,
+  navSections = [],
+  topBarContent,
+  pageTitle,
+  children,
+  defaultCollapsed = false,
+  renderNavLink,
+  className
+}) {
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  function renderItem(item) {
+    const itemClass = cn("rz-dashboard__nav-item", item.active && "rz-dashboard__nav-item--active");
+    const itemChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
+      item.icon && /* @__PURE__ */ jsx("span", { className: "rz-dashboard__nav-item-icon", children: item.icon }),
+      !collapsed && /* @__PURE__ */ jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: item.label }),
+      !collapsed && item.badge != null && /* @__PURE__ */ jsx("span", { className: "rz-dashboard__nav-badge", children: item.badge })
+    ] });
+    if (renderNavLink) {
+      return renderNavLink(item, itemClass, itemChildren);
+    }
+    if (item.href) {
+      return /* @__PURE__ */ jsx("a", { href: item.href, className: itemClass, title: collapsed ? item.label : void 0, children: itemChildren });
+    }
+    return /* @__PURE__ */ jsx("button", { type: "button", className: itemClass, onClick: item.onClick, title: collapsed ? item.label : void 0, children: itemChildren });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-dashboard", className), children: [
+    /* @__PURE__ */ jsxs("aside", { className: cn("rz-dashboard__sidebar", collapsed && "rz-dashboard__sidebar--collapsed"), children: [
+      /* @__PURE__ */ jsx("div", { className: "rz-dashboard__sidebar-header", children: !collapsed && logo && /* @__PURE__ */ jsx("div", { className: "rz-dashboard__logo", children: logo }) }),
+      /* @__PURE__ */ jsx("nav", { className: "rz-dashboard__nav", "aria-label": "Main navigation", children: navSections.map((section, si) => /* @__PURE__ */ jsxs("div", { className: "rz-dashboard__nav-section", children: [
+        section.title && !collapsed && /* @__PURE__ */ jsx("p", { className: "rz-dashboard__nav-heading", children: section.title }),
+        section.items.map((item, ii) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderItem(item) }, ii))
+      ] }, si)) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-dashboard__main", children: [
+      /* @__PURE__ */ jsxs("header", { className: "rz-dashboard__topbar", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "rz-dashboard__collapse-btn",
+            onClick: () => setCollapsed(!collapsed),
+            "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+            children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { size: 18 }) : /* @__PURE__ */ jsx(PanelLeftClose, { size: 18 })
+          }
+        ),
+        pageTitle && /* @__PURE__ */ jsx("h1", { className: "rz-dashboard__topbar-title", children: pageTitle }),
+        topBarContent
+      ] }),
+      /* @__PURE__ */ jsx("main", { className: "rz-dashboard__content", children })
+    ] })
+  ] });
+}
+export {
+  Dashboard
+};
+//# sourceMappingURL=Dashboard.js.map

package/dist/blocks/dashboard/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","sources":["../../../src/blocks/dashboard/Dashboard.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PanelLeftClose, PanelLeftOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './dashboard.css';\n\nexport interface DashboardNavItem {\n  label: string;\n  icon?: React.ReactNode;\n  href?: string;\n  badge?: string | number;\n  active?: boolean;\n  onClick?: () => void;\n}\n\nexport interface DashboardNavSection {\n  title?: string;\n  items: DashboardNavItem[];\n}\n\nexport interface DashboardProps {\n  logo?: React.ReactNode;\n  navSections?: DashboardNavSection[];\n  /** Rendered in the top bar (search, avatar, notifications, etc.) */\n  topBarContent?: React.ReactNode;\n  /** Page title shown in the top bar */\n  pageTitle?: string;\n  children?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  renderNavLink?: (item: DashboardNavItem, className: string, children: React.ReactNode) => React.ReactNode;\n  className?: string;\n}\n\nexport function Dashboard({\n  logo,\n  navSections = [],\n  topBarContent,\n  pageTitle,\n  children,\n  defaultCollapsed = false,\n  renderNavLink,\n  className,\n}: DashboardProps) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n  function renderItem(item: DashboardNavItem) {\n    const itemClass = cn('rz-dashboard__nav-item', item.active && 'rz-dashboard__nav-item--active');\n    const itemChildren = (\n      <>\n        {item.icon && <span className=\"rz-dashboard__nav-item-icon\">{item.icon}</span>}\n        {!collapsed && <span style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>{item.label}</span>}\n        {!collapsed && item.badge != null && (\n          <span className=\"rz-dashboard__nav-badge\">{item.badge}</span>\n        )}\n      </>\n    );\n\n    if (renderNavLink) {\n      return renderNavLink(item, itemClass, itemChildren);\n    }\n\n    if (item.href) {\n      return <a href={item.href} className={itemClass} title={collapsed ? item.label : undefined}>{itemChildren}</a>;\n    }\n\n    return (\n      <button type=\"button\" className={itemClass} onClick={item.onClick} title={collapsed ? item.label : undefined}>\n        {itemChildren}\n      </button>\n    );\n  }\n\n  return (\n    <div className={cn('rz-dashboard', className)}>\n      {/* Sidebar */}\n      <aside className={cn('rz-dashboard__sidebar', collapsed && 'rz-dashboard__sidebar--collapsed')}>\n        <div className=\"rz-dashboard__sidebar-header\">\n          {!collapsed && logo && <div className=\"rz-dashboard__logo\">{logo}</div>}\n        </div>\n        <nav className=\"rz-dashboard__nav\" aria-label=\"Main navigation\">\n          {navSections.map((section, si) => (\n            <div key={si} className=\"rz-dashboard__nav-section\">\n              {section.title && !collapsed && (\n                <p className=\"rz-dashboard__nav-heading\">{section.title}</p>\n              )}\n              {section.items.map((item, ii) => (\n                <React.Fragment key={ii}>{renderItem(item)}</React.Fragment>\n              ))}\n            </div>\n          ))}\n        </nav>\n      </aside>\n\n      {/* Main */}\n      <div className=\"rz-dashboard__main\">\n        <header className=\"rz-dashboard__topbar\">\n          <button\n            className=\"rz-dashboard__collapse-btn\"\n            onClick={() => setCollapsed(!collapsed)}\n            aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          >\n            {collapsed ? <PanelLeftOpen size={18} /> : <PanelLeftClose size={18} />}\n          </button>\n          {pageTitle && <h1 className=\"rz-dashboard__topbar-title\">{pageTitle}</h1>}\n          {topBarContent}\n        </header>\n        <main className=\"rz-dashboard__content\">{children}</main>\n      </div>\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;AAgCO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc,CAAA;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAE3D,WAAS,WAAW,MAAwB;AAC1C,UAAM,YAAY,GAAG,0BAA0B,KAAK,UAAU,gCAAgC;AAC9F,UAAM,eACJ,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,KAAK,QAAQ,oBAAC,QAAA,EAAK,WAAU,+BAA+B,eAAK,MAAK;AAAA,MACtE,CAAC,aAAa,oBAAC,QAAA,EAAK,OAAO,EAAE,UAAU,UAAU,cAAc,WAAA,GAAe,UAAA,KAAK,MAAA,CAAM;AAAA,MACzF,CAAC,aAAa,KAAK,SAAS,4BAC1B,QAAA,EAAK,WAAU,2BAA2B,UAAA,KAAK,MAAA,CAAM;AAAA,IAAA,GAE1D;AAGF,QAAI,eAAe;AACjB,aAAO,cAAc,MAAM,WAAW,YAAY;AAAA,IACpD;AAEA,QAAI,KAAK,MAAM;AACb,aAAO,oBAAC,KAAA,EAAE,MAAM,KAAK,MAAM,WAAW,WAAW,OAAO,YAAY,KAAK,QAAQ,QAAY,UAAA,cAAa;AAAA,IAC5G;AAEA,WACE,oBAAC,UAAA,EAAO,MAAK,UAAS,WAAW,WAAW,SAAS,KAAK,SAAS,OAAO,YAAY,KAAK,QAAQ,QAChG,UAAA,cACH;AAAA,EAEJ;AAEA,8BACG,OAAA,EAAI,WAAW,GAAG,gBAAgB,SAAS,GAE1C,UAAA;AAAA,IAAA,qBAAC,WAAM,WAAW,GAAG,yBAAyB,aAAa,kCAAkC,GAC3F,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,gCACZ,UAAA,CAAC,aAAa,QAAQ,oBAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,KAAA,CAAK,GACnE;AAAA,MACA,oBAAC,OAAA,EAAI,WAAU,qBAAoB,cAAW,mBAC3C,UAAA,YAAY,IAAI,CAAC,SAAS,OACzB,qBAAC,OAAA,EAAa,WAAU,6BACrB,UAAA;AAAA,QAAA,QAAQ,SAAS,CAAC,aACjB,oBAAC,OAAE,WAAU,6BAA6B,kBAAQ,MAAA,CAAM;AAAA,QAEzD,QAAQ,MAAM,IAAI,CAAC,MAAM,OACxB,oBAACA,eAAM,UAAN,EAAyB,UAAA,WAAW,IAAI,EAAA,GAApB,EAAsB,CAC5C;AAAA,MAAA,EAAA,GANO,EAOV,CACD,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAGA,qBAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAA,qBAAC,UAAA,EAAO,WAAU,wBAChB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAM,aAAa,CAAC,SAAS;AAAA,YACtC,cAAY,YAAY,mBAAmB;AAAA,YAE1C,UAAA,gCAAa,eAAA,EAAc,MAAM,IAAI,IAAK,oBAAC,gBAAA,EAAe,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtE,aAAa,oBAAC,MAAA,EAAG,WAAU,8BAA8B,UAAA,WAAU;AAAA,QACnE;AAAA,MAAA,GACH;AAAA,MACA,oBAAC,QAAA,EAAK,WAAU,yBAAyB,SAAA,CAAS;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,GACF;AAEJ;"}

package/dist/blocks/dashboard/index.d.ts

@@ -0,0 +1,3 @@
+export { Dashboard } from './Dashboard';
+export type { DashboardProps, DashboardNavItem, DashboardNavSection } from './Dashboard';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC"}

package/dist/blocks/data-table-page/DataTablePage.cjs

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                      */
+const Input = require("../../components/input/Input.cjs");
+const Table = require("../../components/table/Table.cjs");
+const Pagination = require("../../components/pagination/Pagination.cjs");
+function DataTablePage({
+  title,
+  subtitle,
+  columns,
+  data,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = "Search…",
+  activeFilters,
+  onRemoveFilter,
+  toolbarActions,
+  selectedCount,
+  selectionActions,
+  page = 1,
+  pageCount,
+  onPageChange,
+  totalCount,
+  striped,
+  compact,
+  bordered = false,
+  loading: _loading,
+  emptyMessage,
+  className
+}) {
+  const showSelectionBar = selectedCount != null && selectedCount > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-dt-page", className), children: [
+    (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-dt-page__header", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "rz-dt-page__title", children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-dt-page__subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-dt-page__toolbar", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dt-page__toolbar-left", children: onSearchChange !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dt-page__search", children: /* @__PURE__ */ jsxRuntime.jsx(
+        Input.Input,
+        {
+          value: searchValue ?? "",
+          onChange: (e) => onSearchChange(e.target.value),
+          placeholder: searchPlaceholder,
+          inputSize: "sm",
+          leftAddon: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m21 21-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0Z" }) })
+        }
+      ) }) }),
+      toolbarActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dt-page__toolbar-right", children: toolbarActions })
+    ] }),
+    activeFilters && activeFilters.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dt-page__filters", children: activeFilters.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-dt-page__filter-chip", children: [
+      f.label,
+      onRemoveFilter && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "rz-dt-page__filter-chip-remove",
+          onClick: () => onRemoveFilter(f.key),
+          "aria-label": `Remove filter: ${f.label}`,
+          children: "×"
+        }
+      )
+    ] }, f.key)) }),
+    showSelectionBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-dt-page__selection-bar", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        selectedCount,
+        " row",
+        selectedCount !== 1 ? "s" : "",
+        " selected"
+      ] }),
+      selectionActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dt-page__selection-actions", children: selectionActions })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-dt-page__table-wrap", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Table.DataTable,
+      {
+        columns,
+        data,
+        striped,
+        compact,
+        borderless: !bordered,
+        emptyMessage
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-dt-page__footer", children: [
+      totalCount != null && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "rz-dt-page__count", children: [
+        data.length,
+        " of ",
+        totalCount,
+        " result",
+        totalCount !== 1 ? "s" : ""
+      ] }),
+      pageCount != null && pageCount > 1 && onPageChange && /* @__PURE__ */ jsxRuntime.jsx(
+        Pagination.Pagination,
+        {
+          page,
+          totalPages: pageCount,
+          onPageChange,
+          size: "sm"
+        }
+      )
+    ] })
+  ] });
+}
+exports.DataTablePage = DataTablePage;
+//# sourceMappingURL=DataTablePage.cjs.map

package/dist/blocks/data-table-page/DataTablePage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePage.cjs","sources":["../../../src/blocks/data-table-page/DataTablePage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { DataTable } from '../../components/table';\nimport type { ColumnDef } from '../../components/table';\nimport { Input } from '../../components/input';\nimport { Pagination } from '../../components/pagination';\nimport './data-table-page.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport interface ActiveFilter {\n  key: string;\n  label: string;\n}\n\nexport interface DataTablePageProps<TData extends object> {\n  title?: string;\n  subtitle?: string;\n  columns: ColumnDef<TData>[];\n  data: TData[];\n  /** Controlled search value */\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  activeFilters?: ActiveFilter[];\n  onRemoveFilter?: (key: string) => void;\n  /** Toolbar right slot — e.g. filter button, export button */\n  toolbarActions?: React.ReactNode;\n  /** Selection bar content when rows are selected */\n  selectedCount?: number;\n  selectionActions?: React.ReactNode;\n  /** Pagination */\n  page?: number;\n  pageCount?: number;\n  onPageChange?: (page: number) => void;\n  totalCount?: number;\n  /** DataTable props passthrough */\n  striped?: boolean;\n  compact?: boolean;\n  bordered?: boolean;\n  loading?: boolean;\n  emptyMessage?: string;\n  className?: string;\n}\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function DataTablePage<TData extends object>({\n  title,\n  subtitle,\n  columns,\n  data,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = 'Search…',\n  activeFilters,\n  onRemoveFilter,\n  toolbarActions,\n  selectedCount,\n  selectionActions,\n  page = 1,\n  pageCount,\n  onPageChange,\n  totalCount,\n  striped,\n  compact,\n  bordered = false,\n  loading: _loading,\n  emptyMessage,\n  className,\n}: DataTablePageProps<TData>) {\n  const showSelectionBar = selectedCount != null && selectedCount > 0;\n\n  return (\n    <div className={cn('rz-dt-page', className)}>\n      {/* Header */}\n      {(title || subtitle) && (\n        <div className=\"rz-dt-page__header\">\n          {title && <h1 className=\"rz-dt-page__title\">{title}</h1>}\n          {subtitle && <p className=\"rz-dt-page__subtitle\">{subtitle}</p>}\n        </div>\n      )}\n\n      {/* Toolbar */}\n      <div className=\"rz-dt-page__toolbar\">\n        <div className=\"rz-dt-page__toolbar-left\">\n          {onSearchChange !== undefined && (\n            <div className=\"rz-dt-page__search\">\n              <Input\n                value={searchValue ?? ''}\n                onChange={(e) => onSearchChange(e.target.value)}\n                placeholder={searchPlaceholder}\n                inputSize=\"sm\"\n                leftAddon={\n                  <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m21 21-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0Z\" />\n                  </svg>\n                }\n              />\n            </div>\n          )}\n        </div>\n        {toolbarActions && (\n          <div className=\"rz-dt-page__toolbar-right\">{toolbarActions}</div>\n        )}\n      </div>\n\n      {/* Active filters */}\n      {activeFilters && activeFilters.length > 0 && (\n        <div className=\"rz-dt-page__filters\">\n          {activeFilters.map((f) => (\n            <span key={f.key} className=\"rz-dt-page__filter-chip\">\n              {f.label}\n              {onRemoveFilter && (\n                <button\n                  type=\"button\"\n                  className=\"rz-dt-page__filter-chip-remove\"\n                  onClick={() => onRemoveFilter(f.key)}\n                  aria-label={`Remove filter: ${f.label}`}\n                >\n                  ×\n                </button>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* Selection bar */}\n      {showSelectionBar && (\n        <div className=\"rz-dt-page__selection-bar\">\n          <span>{selectedCount} row{selectedCount !== 1 ? 's' : ''} selected</span>\n          {selectionActions && (\n            <div className=\"rz-dt-page__selection-actions\">{selectionActions}</div>\n          )}\n        </div>\n      )}\n\n      {/* Table */}\n      <div className=\"rz-dt-page__table-wrap\">\n        <DataTable\n          columns={columns}\n          data={data}\n          striped={striped}\n          compact={compact}\n          borderless={!bordered}\n          emptyMessage={emptyMessage}\n        />\n      </div>\n\n      {/* Footer */}\n      <div className=\"rz-dt-page__footer\">\n        {totalCount != null && (\n          <p className=\"rz-dt-page__count\">\n            {data.length} of {totalCount} result{totalCount !== 1 ? 's' : ''}\n          </p>\n        )}\n        {pageCount != null && pageCount > 1 && onPageChange && (\n          <Pagination\n            page={page}\n            totalPages={pageCount}\n            onPageChange={onPageChange}\n            size=\"sm\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["cn","jsxs","jsx","Input","DataTable","Pagination"],"mappings":";;;;;;;;AA+CO,SAAS,cAAoC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,mBAAmB,iBAAiB,QAAQ,gBAAgB;AAElE,yCACG,OAAA,EAAI,WAAWA,GAAAA,GAAG,cAAc,SAAS,GAEtC,UAAA;AAAA,KAAA,SAAS,aACTC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,SAASC,2BAAAA,IAAC,MAAA,EAAG,WAAU,qBAAqB,UAAA,OAAM;AAAA,MAClD,YAAYA,2BAAAA,IAAC,KAAA,EAAE,WAAU,wBAAwB,UAAA,SAAA,CAAS;AAAA,IAAA,GAC7D;AAAA,IAIFD,2BAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,4BACZ,UAAA,mBAAmB,UAClBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBACb,UAAAA,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC,OAAO,eAAe;AAAA,UACtB,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,UAC9C,aAAa;AAAA,UACb,WAAU;AAAA,UACV,WACED,2BAAAA,IAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,aAAa,GAAG,eAAY,QAC5G,UAAAA,2BAAAA,IAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,wDAAA,CAAwD,EAAA,CAC/G;AAAA,QAAA;AAAA,MAAA,GAGN,EAAA,CAEJ;AAAA,MACC,kBACCA,2BAAAA,IAAC,OAAA,EAAI,WAAU,6BAA6B,UAAA,eAAA,CAAe;AAAA,IAAA,GAE/D;AAAA,IAGC,iBAAiB,cAAc,SAAS,oCACtC,OAAA,EAAI,WAAU,uBACZ,UAAA,cAAc,IAAI,CAAC,MAClBD,2BAAAA,KAAC,QAAA,EAAiB,WAAU,2BACzB,UAAA;AAAA,MAAA,EAAE;AAAA,MACF,kBACCC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,eAAe,EAAE,GAAG;AAAA,UACnC,cAAY,kBAAkB,EAAE,KAAK;AAAA,UACtC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,GAVO,EAAE,GAYb,CACD,GACH;AAAA,IAID,oBACCD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,MAAAA,gCAAC,QAAA,EAAM,UAAA;AAAA,QAAA;AAAA,QAAc;AAAA,QAAK,kBAAkB,IAAI,MAAM;AAAA,QAAG;AAAA,MAAA,GAAS;AAAA,MACjE,oBACCC,2BAAAA,IAAC,OAAA,EAAI,WAAU,iCAAiC,UAAA,iBAAA,CAAiB;AAAA,IAAA,GAErE;AAAA,IAIFA,2BAAAA,IAAC,OAAA,EAAI,WAAU,0BACb,UAAAA,2BAAAA;AAAAA,MAACE,MAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,CAAC;AAAA,QACb;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IAGAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,cAAc,QACbA,gCAAC,KAAA,EAAE,WAAU,qBACV,UAAA;AAAA,QAAA,KAAK;AAAA,QAAO;AAAA,QAAK;AAAA,QAAW;AAAA,QAAQ,eAAe,IAAI,MAAM;AAAA,MAAA,GAChE;AAAA,MAED,aAAa,QAAQ,YAAY,KAAK,gBACrCC,2BAAAA;AAAAA,QAACG,WAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/blocks/data-table-page/DataTablePage.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { ColumnDef } from '../../components/table';
+export interface ActiveFilter {
+    key: string;
+    label: string;
+}
+export interface DataTablePageProps<TData extends object> {
+    title?: string;
+    subtitle?: string;
+    columns: ColumnDef<TData>[];
+    data: TData[];
+    /** Controlled search value */
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    searchPlaceholder?: string;
+    activeFilters?: ActiveFilter[];
+    onRemoveFilter?: (key: string) => void;
+    /** Toolbar right slot — e.g. filter button, export button */
+    toolbarActions?: React.ReactNode;
+    /** Selection bar content when rows are selected */
+    selectedCount?: number;
+    selectionActions?: React.ReactNode;
+    /** Pagination */
+    page?: number;
+    pageCount?: number;
+    onPageChange?: (page: number) => void;
+    totalCount?: number;
+    /** DataTable props passthrough */
+    striped?: boolean;
+    compact?: boolean;
+    bordered?: boolean;
+    loading?: boolean;
+    emptyMessage?: string;
+    className?: string;
+}
+export declare function DataTablePage<TData extends object>({ title, subtitle, columns, data, searchValue, onSearchChange, searchPlaceholder, activeFilters, onRemoveFilter, toolbarActions, selectedCount, selectionActions, page, pageCount, onPageChange, totalCount, striped, compact, bordered, loading: _loading, emptyMessage, className, }: DataTablePageProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTablePage.d.ts.map

package/dist/blocks/data-table-page/DataTablePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePage.d.ts","sourceRoot":"","sources":["../../../src/blocks/data-table-page/DataTablePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,uBAAuB,CAAC;AAI/B,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB,CAAC,KAAK,SAAS,MAAM;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5B,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,aAAa,CAAC,KAAK,SAAS,MAAM,EAAE,EAClD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,cAAc,EACd,iBAA6B,EAC7B,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,IAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,OAAO,EAAE,QAAQ,EACjB,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAkG3B"}

package/dist/blocks/data-table-page/DataTablePage.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css                    */
+import { Input } from "../../components/input/Input.js";
+import { DataTable } from "../../components/table/Table.js";
+import { Pagination } from "../../components/pagination/Pagination.js";
+function DataTablePage({
+  title,
+  subtitle,
+  columns,
+  data,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = "Search…",
+  activeFilters,
+  onRemoveFilter,
+  toolbarActions,
+  selectedCount,
+  selectionActions,
+  page = 1,
+  pageCount,
+  onPageChange,
+  totalCount,
+  striped,
+  compact,
+  bordered = false,
+  loading: _loading,
+  emptyMessage,
+  className
+}) {
+  const showSelectionBar = selectedCount != null && selectedCount > 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-dt-page", className), children: [
+    (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "rz-dt-page__header", children: [
+      title && /* @__PURE__ */ jsx("h1", { className: "rz-dt-page__title", children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "rz-dt-page__subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-dt-page__toolbar", children: [
+      /* @__PURE__ */ jsx("div", { className: "rz-dt-page__toolbar-left", children: onSearchChange !== void 0 && /* @__PURE__ */ jsx("div", { className: "rz-dt-page__search", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: searchValue ?? "",
+          onChange: (e) => onSearchChange(e.target.value),
+          placeholder: searchPlaceholder,
+          inputSize: "sm",
+          leftAddon: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m21 21-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0Z" }) })
+        }
+      ) }) }),
+      toolbarActions && /* @__PURE__ */ jsx("div", { className: "rz-dt-page__toolbar-right", children: toolbarActions })
+    ] }),
+    activeFilters && activeFilters.length > 0 && /* @__PURE__ */ jsx("div", { className: "rz-dt-page__filters", children: activeFilters.map((f) => /* @__PURE__ */ jsxs("span", { className: "rz-dt-page__filter-chip", children: [
+      f.label,
+      onRemoveFilter && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rz-dt-page__filter-chip-remove",
+          onClick: () => onRemoveFilter(f.key),
+          "aria-label": `Remove filter: ${f.label}`,
+          children: "×"
+        }
+      )
+    ] }, f.key)) }),
+    showSelectionBar && /* @__PURE__ */ jsxs("div", { className: "rz-dt-page__selection-bar", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        selectedCount,
+        " row",
+        selectedCount !== 1 ? "s" : "",
+        " selected"
+      ] }),
+      selectionActions && /* @__PURE__ */ jsx("div", { className: "rz-dt-page__selection-actions", children: selectionActions })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rz-dt-page__table-wrap", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns,
+        data,
+        striped,
+        compact,
+        borderless: !bordered,
+        emptyMessage
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-dt-page__footer", children: [
+      totalCount != null && /* @__PURE__ */ jsxs("p", { className: "rz-dt-page__count", children: [
+        data.length,
+        " of ",
+        totalCount,
+        " result",
+        totalCount !== 1 ? "s" : ""
+      ] }),
+      pageCount != null && pageCount > 1 && onPageChange && /* @__PURE__ */ jsx(
+        Pagination,
+        {
+          page,
+          totalPages: pageCount,
+          onPageChange,
+          size: "sm"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  DataTablePage
+};
+//# sourceMappingURL=DataTablePage.js.map

package/dist/blocks/data-table-page/DataTablePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePage.js","sources":["../../../src/blocks/data-table-page/DataTablePage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport { DataTable } from '../../components/table';\nimport type { ColumnDef } from '../../components/table';\nimport { Input } from '../../components/input';\nimport { Pagination } from '../../components/pagination';\nimport './data-table-page.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport interface ActiveFilter {\n  key: string;\n  label: string;\n}\n\nexport interface DataTablePageProps<TData extends object> {\n  title?: string;\n  subtitle?: string;\n  columns: ColumnDef<TData>[];\n  data: TData[];\n  /** Controlled search value */\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  searchPlaceholder?: string;\n  activeFilters?: ActiveFilter[];\n  onRemoveFilter?: (key: string) => void;\n  /** Toolbar right slot — e.g. filter button, export button */\n  toolbarActions?: React.ReactNode;\n  /** Selection bar content when rows are selected */\n  selectedCount?: number;\n  selectionActions?: React.ReactNode;\n  /** Pagination */\n  page?: number;\n  pageCount?: number;\n  onPageChange?: (page: number) => void;\n  totalCount?: number;\n  /** DataTable props passthrough */\n  striped?: boolean;\n  compact?: boolean;\n  bordered?: boolean;\n  loading?: boolean;\n  emptyMessage?: string;\n  className?: string;\n}\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function DataTablePage<TData extends object>({\n  title,\n  subtitle,\n  columns,\n  data,\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = 'Search…',\n  activeFilters,\n  onRemoveFilter,\n  toolbarActions,\n  selectedCount,\n  selectionActions,\n  page = 1,\n  pageCount,\n  onPageChange,\n  totalCount,\n  striped,\n  compact,\n  bordered = false,\n  loading: _loading,\n  emptyMessage,\n  className,\n}: DataTablePageProps<TData>) {\n  const showSelectionBar = selectedCount != null && selectedCount > 0;\n\n  return (\n    <div className={cn('rz-dt-page', className)}>\n      {/* Header */}\n      {(title || subtitle) && (\n        <div className=\"rz-dt-page__header\">\n          {title && <h1 className=\"rz-dt-page__title\">{title}</h1>}\n          {subtitle && <p className=\"rz-dt-page__subtitle\">{subtitle}</p>}\n        </div>\n      )}\n\n      {/* Toolbar */}\n      <div className=\"rz-dt-page__toolbar\">\n        <div className=\"rz-dt-page__toolbar-left\">\n          {onSearchChange !== undefined && (\n            <div className=\"rz-dt-page__search\">\n              <Input\n                value={searchValue ?? ''}\n                onChange={(e) => onSearchChange(e.target.value)}\n                placeholder={searchPlaceholder}\n                inputSize=\"sm\"\n                leftAddon={\n                  <svg width=\"14\" height=\"14\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m21 21-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0Z\" />\n                  </svg>\n                }\n              />\n            </div>\n          )}\n        </div>\n        {toolbarActions && (\n          <div className=\"rz-dt-page__toolbar-right\">{toolbarActions}</div>\n        )}\n      </div>\n\n      {/* Active filters */}\n      {activeFilters && activeFilters.length > 0 && (\n        <div className=\"rz-dt-page__filters\">\n          {activeFilters.map((f) => (\n            <span key={f.key} className=\"rz-dt-page__filter-chip\">\n              {f.label}\n              {onRemoveFilter && (\n                <button\n                  type=\"button\"\n                  className=\"rz-dt-page__filter-chip-remove\"\n                  onClick={() => onRemoveFilter(f.key)}\n                  aria-label={`Remove filter: ${f.label}`}\n                >\n                  ×\n                </button>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {/* Selection bar */}\n      {showSelectionBar && (\n        <div className=\"rz-dt-page__selection-bar\">\n          <span>{selectedCount} row{selectedCount !== 1 ? 's' : ''} selected</span>\n          {selectionActions && (\n            <div className=\"rz-dt-page__selection-actions\">{selectionActions}</div>\n          )}\n        </div>\n      )}\n\n      {/* Table */}\n      <div className=\"rz-dt-page__table-wrap\">\n        <DataTable\n          columns={columns}\n          data={data}\n          striped={striped}\n          compact={compact}\n          borderless={!bordered}\n          emptyMessage={emptyMessage}\n        />\n      </div>\n\n      {/* Footer */}\n      <div className=\"rz-dt-page__footer\">\n        {totalCount != null && (\n          <p className=\"rz-dt-page__count\">\n            {data.length} of {totalCount} result{totalCount !== 1 ? 's' : ''}\n          </p>\n        )}\n        {pageCount != null && pageCount > 1 && onPageChange && (\n          <Pagination\n            page={page}\n            totalPages={pageCount}\n            onPageChange={onPageChange}\n            size=\"sm\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/blocks/data-table-page/index.d.ts

@@ -0,0 +1,3 @@
+export { DataTablePage } from './DataTablePage';
+export type { DataTablePageProps, ActiveFilter } from './DataTablePage';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/data-table-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/data-table-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/blocks/empty-state/EmptyState.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                  */
+function EmptyState({ icon, title, description, actions, variant = "default", className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn.cn(
+        "rz-empty-state",
+        variant === "primary" && "rz-empty-state--primary",
+        variant === "bordered" && "rz-empty-state--bordered",
+        variant === "compact" && "rz-empty-state--compact",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-empty-state__icon", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "rz-empty-state__title", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-empty-state__description", children: description }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-empty-state__actions", children: actions })
+      ]
+    }
+  );
+}
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/blocks/empty-state/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../src/blocks/empty-state/EmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './empty-state.css';\n\nexport type EmptyStateVariant = 'default' | 'primary' | 'bordered' | 'compact';\n\nexport interface EmptyStateProps {\n  icon?: React.ReactNode;\n  title: string;\n  description?: string;\n  actions?: React.ReactNode;\n  variant?: EmptyStateVariant;\n  className?: string;\n}\n\nexport function EmptyState({ icon, title, description, actions, variant = 'default', className }: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'rz-empty-state',\n        variant === 'primary' && 'rz-empty-state--primary',\n        variant === 'bordered' && 'rz-empty-state--bordered',\n        variant === 'compact' && 'rz-empty-state--compact',\n        className,\n      )}\n    >\n      {icon && <div className=\"rz-empty-state__icon\">{icon}</div>}\n      <h3 className=\"rz-empty-state__title\">{title}</h3>\n      {description && <p className=\"rz-empty-state__description\">{description}</p>}\n      {actions && <div className=\"rz-empty-state__actions\">{actions}</div>}\n    </div>\n  );\n}\n"],"names":["jsxs","cn","jsx"],"mappings":";;;;;AAeO,SAAS,WAAW,EAAE,MAAM,OAAO,aAAa,SAAS,UAAU,WAAW,aAA8B;AACjH,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,GAAAA;AAAAA,QACT;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,YAAY,cAAc;AAAA,QAC1B,YAAY,aAAa;AAAA,QACzB;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,QAAQC,2BAAAA,IAAC,OAAA,EAAI,WAAU,wBAAwB,UAAA,MAAK;AAAA,QACrDA,2BAAAA,IAAC,MAAA,EAAG,WAAU,yBAAyB,UAAA,OAAM;AAAA,QAC5C,eAAeA,2BAAAA,IAAC,KAAA,EAAE,WAAU,+BAA+B,UAAA,aAAY;AAAA,QACvE,WAAWA,2BAAAA,IAAC,OAAA,EAAI,WAAU,2BAA2B,UAAA,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpE;;"}

package/dist/blocks/empty-state/EmptyState.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type EmptyStateVariant = 'default' | 'primary' | 'bordered' | 'compact';
+export interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    actions?: React.ReactNode;
+    variant?: EmptyStateVariant;
+    className?: string;
+}
+export declare function EmptyState({ icon, title, description, actions, variant, className }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map