rothzerg-ui 0.1.0

package/dist/blocks/sidebar/Sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.cjs","sources":["../../../src/blocks/sidebar/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PanelLeftClose, PanelLeftOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './sidebar.css';\n\nexport interface SidebarNavItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  badge?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface SidebarSection {\n  label?: string;\n  items: SidebarNavItem[];\n}\n\nexport interface SidebarProps {\n  brand?: React.ReactNode;\n  sections?: SidebarSection[];\n  footer?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  className?: string;\n  renderItem?: (item: SidebarNavItem, className: string, collapsed: boolean) => React.ReactNode;\n}\n\nexport interface SidebarLayoutProps {\n  sidebar: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * SidebarLayout\n *\n * Wraps your page in a sidebar + content layout.\n *\n * @example\n * <SidebarLayout sidebar={<Sidebar brand=\"App\" sections={[...]} />}>\n *   <main>Page content</main>\n * </SidebarLayout>\n */\nexport function SidebarLayout({ sidebar, children, className }: SidebarLayoutProps) {\n  return (\n    <div className={cn('rz-sidebar-layout', className)}>\n      {sidebar}\n      <div className=\"rz-sidebar-layout__content\">{children}</div>\n    </div>\n  );\n}\n\n/**\n * Sidebar\n *\n * A collapsible sidebar navigation component.\n *\n * @example\n * <Sidebar\n *   brand={<span>MyApp</span>}\n *   sections={[\n *     { items: [{ id: 'home', label: 'Home', icon: <HomeIcon />, href: '/', active: true }] }\n *   ]}\n * />\n */\nexport function Sidebar({\n  brand,\n  sections = [],\n  footer,\n  defaultCollapsed = false,\n  className,\n  renderItem,\n}: SidebarProps) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n  const defaultRenderItem = (item: SidebarNavItem, cls: string, isCollapsed: boolean) => {\n    const content = (\n      <>\n        {item.icon && <span className=\"rz-sidebar__item-icon\" aria-hidden=\"true\">{item.icon}</span>}\n        <span className=\"rz-sidebar__item-label\">{item.label}</span>\n        {item.badge && !isCollapsed && (\n          <span className=\"rz-sidebar__item-badge\">{item.badge}</span>\n        )}\n      </>\n    );\n\n    if (item.href) {\n      return (\n        <a key={item.id} href={item.href} className={cls} title={isCollapsed ? item.label : undefined}>\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        key={item.id}\n        type=\"button\"\n        className={cls}\n        onClick={item.onClick}\n        title={isCollapsed ? item.label : undefined}\n      >\n        {content}\n      </button>\n    );\n  };\n\n  const itemRenderer = renderItem ?? defaultRenderItem;\n\n  return (\n    <aside className={cn('rz-sidebar', collapsed && 'rz-sidebar--collapsed', className)}>\n      <div className=\"rz-sidebar__header\">\n        {brand && <div className=\"rz-sidebar__brand\">{brand}</div>}\n        <button\n          type=\"button\"\n          className=\"rz-sidebar__collapse-btn\"\n          aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          onClick={() => setCollapsed((v) => !v)}\n        >\n          {collapsed ? <PanelLeftOpen size={16} /> : <PanelLeftClose size={16} />}\n        </button>\n      </div>\n\n      <nav className=\"rz-sidebar__nav\" aria-label=\"Sidebar navigation\">\n        {sections.map((section, i) => (\n          <div key={i}>\n            {section.label && (\n              <p className=\"rz-sidebar__section-label\">{section.label}</p>\n            )}\n            {section.items.map((item) =>\n              itemRenderer(\n                item,\n                cn('rz-sidebar__item', item.active && 'rz-sidebar__item--active'),\n                collapsed,\n              ),\n            )}\n          </div>\n        ))}\n      </nav>\n\n      {footer && <div className=\"rz-sidebar__footer\">{footer}</div>}\n    </aside>\n  );\n}\n"],"names":["cn","jsx","useState","jsxs","Fragment","PanelLeftOpen","PanelLeftClose"],"mappings":";;;;;;;;AA6CO,SAAS,cAAc,EAAE,SAAS,UAAU,aAAiC;AAClF,yCACG,OAAA,EAAI,WAAWA,GAAAA,GAAG,qBAAqB,SAAS,GAC9C,UAAA;AAAA,IAAA;AAAA,IACDC,2BAAAA,IAAC,OAAA,EAAI,WAAU,8BAA8B,SAAA,CAAS;AAAA,EAAA,GACxD;AAEJ;AAeO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,WAAW,CAAA;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAiB;AACf,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,gBAAgB;AAE3D,QAAM,oBAAoB,CAAC,MAAsB,KAAa,gBAAyB;AACrF,UAAM,UACJC,2BAAAA,KAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,MAAA,KAAK,uCAAS,QAAA,EAAK,WAAU,yBAAwB,eAAY,QAAQ,eAAK,KAAA,CAAK;AAAA,MACpFH,2BAAAA,IAAC,QAAA,EAAK,WAAU,0BAA0B,eAAK,OAAM;AAAA,MACpD,KAAK,SAAS,CAAC,8CACb,QAAA,EAAK,WAAU,0BAA0B,UAAA,KAAK,MAAA,CAAM;AAAA,IAAA,GAEzD;AAGF,QAAI,KAAK,MAAM;AACb,aACEA,2BAAAA,IAAC,KAAA,EAAgB,MAAM,KAAK,MAAM,WAAW,KAAK,OAAO,cAAc,KAAK,QAAQ,QACjF,UAAA,QAAA,GADK,KAAK,EAEb;AAAA,IAEJ;AAEA,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAW;AAAA,QACX,SAAS,KAAK;AAAA,QACd,OAAO,cAAc,KAAK,QAAQ;AAAA,QAEjC,UAAA;AAAA,MAAA;AAAA,MANI,KAAK;AAAA,IAAA;AAAA,EAShB;AAEA,QAAM,eAAe,cAAc;AAEnC,SACEE,gCAAC,WAAM,WAAWH,GAAAA,GAAG,cAAc,aAAa,yBAAyB,SAAS,GAChF,UAAA;AAAA,IAAAG,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,SAASF,2BAAAA,IAAC,OAAA,EAAI,WAAU,qBAAqB,UAAA,OAAM;AAAA,MACpDA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAY,YAAY,mBAAmB;AAAA,UAC3C,SAAS,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC;AAAA,UAEpC,UAAA,2CAAaI,eAAA,EAAc,MAAM,IAAI,IAAKJ,2BAAAA,IAACK,gBAAA,EAAe,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACvE,GACF;AAAA,IAEAL,2BAAAA,IAAC,OAAA,EAAI,WAAU,mBAAkB,cAAW,sBACzC,UAAA,SAAS,IAAI,CAAC,SAAS,MACtBE,2BAAAA,KAAC,OAAA,EACE,UAAA;AAAA,MAAA,QAAQ,SACPF,2BAAAA,IAAC,KAAA,EAAE,WAAU,6BAA6B,kBAAQ,OAAM;AAAA,MAEzD,QAAQ,MAAM;AAAA,QAAI,CAAC,SAClB;AAAA,UACE;AAAA,UACAD,GAAAA,GAAG,oBAAoB,KAAK,UAAU,0BAA0B;AAAA,UAChE;AAAA,QAAA;AAAA,MACF;AAAA,IACF,KAVQ,CAWV,CACD,GACH;AAAA,IAEC,UAAUC,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,OAAA,CAAO;AAAA,EAAA,GACzD;AAEJ;;;"}

package/dist/blocks/sidebar/Sidebar.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+export interface SidebarNavItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    active?: boolean;
+    badge?: React.ReactNode;
+    onClick?: () => void;
+}
+export interface SidebarSection {
+    label?: string;
+    items: SidebarNavItem[];
+}
+export interface SidebarProps {
+    brand?: React.ReactNode;
+    sections?: SidebarSection[];
+    footer?: React.ReactNode;
+    defaultCollapsed?: boolean;
+    className?: string;
+    renderItem?: (item: SidebarNavItem, className: string, collapsed: boolean) => React.ReactNode;
+}
+export interface SidebarLayoutProps {
+    sidebar: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * SidebarLayout
+ *
+ * Wraps your page in a sidebar + content layout.
+ *
+ * @example
+ * <SidebarLayout sidebar={<Sidebar brand="App" sections={[...]} />}>
+ *   <main>Page content</main>
+ * </SidebarLayout>
+ */
+export declare function SidebarLayout({ sidebar, children, className }: SidebarLayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Sidebar
+ *
+ * A collapsible sidebar navigation component.
+ *
+ * @example
+ * <Sidebar
+ *   brand={<span>MyApp</span>}
+ *   sections={[
+ *     { items: [{ id: 'home', label: 'Home', icon: <HomeIcon />, href: '/', active: true }] }
+ *   ]}
+ * />
+ */
+export declare function Sidebar({ brand, sections, footer, defaultCollapsed, className, renderItem, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/blocks/sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/blocks/sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/F;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAOjF;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAa,EACb,MAAM,EACN,gBAAwB,EACxB,SAAS,EACT,UAAU,GACX,EAAE,YAAY,2CAuEd"}

package/dist/blocks/sidebar/Sidebar.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { 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 SidebarLayout({ sidebar, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-sidebar-layout", className), children: [
+    sidebar,
+    /* @__PURE__ */ jsx("div", { className: "rz-sidebar-layout__content", children })
+  ] });
+}
+function Sidebar({
+  brand,
+  sections = [],
+  footer,
+  defaultCollapsed = false,
+  className,
+  renderItem
+}) {
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const defaultRenderItem = (item, cls, isCollapsed) => {
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      item.icon && /* @__PURE__ */ jsx("span", { className: "rz-sidebar__item-icon", "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ jsx("span", { className: "rz-sidebar__item-label", children: item.label }),
+      item.badge && !isCollapsed && /* @__PURE__ */ jsx("span", { className: "rz-sidebar__item-badge", children: item.badge })
+    ] });
+    if (item.href) {
+      return /* @__PURE__ */ jsx("a", { href: item.href, className: cls, title: isCollapsed ? item.label : void 0, children: content }, item.id);
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cls,
+        onClick: item.onClick,
+        title: isCollapsed ? item.label : void 0,
+        children: content
+      },
+      item.id
+    );
+  };
+  const itemRenderer = renderItem ?? defaultRenderItem;
+  return /* @__PURE__ */ jsxs("aside", { className: cn("rz-sidebar", collapsed && "rz-sidebar--collapsed", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-sidebar__header", children: [
+      brand && /* @__PURE__ */ jsx("div", { className: "rz-sidebar__brand", children: brand }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rz-sidebar__collapse-btn",
+          "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+          onClick: () => setCollapsed((v) => !v),
+          children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { size: 16 }) : /* @__PURE__ */ jsx(PanelLeftClose, { size: 16 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("nav", { className: "rz-sidebar__nav", "aria-label": "Sidebar navigation", children: sections.map((section, i) => /* @__PURE__ */ jsxs("div", { children: [
+      section.label && /* @__PURE__ */ jsx("p", { className: "rz-sidebar__section-label", children: section.label }),
+      section.items.map(
+        (item) => itemRenderer(
+          item,
+          cn("rz-sidebar__item", item.active && "rz-sidebar__item--active"),
+          collapsed
+        )
+      )
+    ] }, i)) }),
+    footer && /* @__PURE__ */ jsx("div", { className: "rz-sidebar__footer", children: footer })
+  ] });
+}
+export {
+  Sidebar,
+  SidebarLayout
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/blocks/sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../src/blocks/sidebar/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { PanelLeftClose, PanelLeftOpen } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './sidebar.css';\n\nexport interface SidebarNavItem {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  badge?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface SidebarSection {\n  label?: string;\n  items: SidebarNavItem[];\n}\n\nexport interface SidebarProps {\n  brand?: React.ReactNode;\n  sections?: SidebarSection[];\n  footer?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  className?: string;\n  renderItem?: (item: SidebarNavItem, className: string, collapsed: boolean) => React.ReactNode;\n}\n\nexport interface SidebarLayoutProps {\n  sidebar: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\n/**\n * SidebarLayout\n *\n * Wraps your page in a sidebar + content layout.\n *\n * @example\n * <SidebarLayout sidebar={<Sidebar brand=\"App\" sections={[...]} />}>\n *   <main>Page content</main>\n * </SidebarLayout>\n */\nexport function SidebarLayout({ sidebar, children, className }: SidebarLayoutProps) {\n  return (\n    <div className={cn('rz-sidebar-layout', className)}>\n      {sidebar}\n      <div className=\"rz-sidebar-layout__content\">{children}</div>\n    </div>\n  );\n}\n\n/**\n * Sidebar\n *\n * A collapsible sidebar navigation component.\n *\n * @example\n * <Sidebar\n *   brand={<span>MyApp</span>}\n *   sections={[\n *     { items: [{ id: 'home', label: 'Home', icon: <HomeIcon />, href: '/', active: true }] }\n *   ]}\n * />\n */\nexport function Sidebar({\n  brand,\n  sections = [],\n  footer,\n  defaultCollapsed = false,\n  className,\n  renderItem,\n}: SidebarProps) {\n  const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n  const defaultRenderItem = (item: SidebarNavItem, cls: string, isCollapsed: boolean) => {\n    const content = (\n      <>\n        {item.icon && <span className=\"rz-sidebar__item-icon\" aria-hidden=\"true\">{item.icon}</span>}\n        <span className=\"rz-sidebar__item-label\">{item.label}</span>\n        {item.badge && !isCollapsed && (\n          <span className=\"rz-sidebar__item-badge\">{item.badge}</span>\n        )}\n      </>\n    );\n\n    if (item.href) {\n      return (\n        <a key={item.id} href={item.href} className={cls} title={isCollapsed ? item.label : undefined}>\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        key={item.id}\n        type=\"button\"\n        className={cls}\n        onClick={item.onClick}\n        title={isCollapsed ? item.label : undefined}\n      >\n        {content}\n      </button>\n    );\n  };\n\n  const itemRenderer = renderItem ?? defaultRenderItem;\n\n  return (\n    <aside className={cn('rz-sidebar', collapsed && 'rz-sidebar--collapsed', className)}>\n      <div className=\"rz-sidebar__header\">\n        {brand && <div className=\"rz-sidebar__brand\">{brand}</div>}\n        <button\n          type=\"button\"\n          className=\"rz-sidebar__collapse-btn\"\n          aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n          onClick={() => setCollapsed((v) => !v)}\n        >\n          {collapsed ? <PanelLeftOpen size={16} /> : <PanelLeftClose size={16} />}\n        </button>\n      </div>\n\n      <nav className=\"rz-sidebar__nav\" aria-label=\"Sidebar navigation\">\n        {sections.map((section, i) => (\n          <div key={i}>\n            {section.label && (\n              <p className=\"rz-sidebar__section-label\">{section.label}</p>\n            )}\n            {section.items.map((item) =>\n              itemRenderer(\n                item,\n                cn('rz-sidebar__item', item.active && 'rz-sidebar__item--active'),\n                collapsed,\n              ),\n            )}\n          </div>\n        ))}\n      </nav>\n\n      {footer && <div className=\"rz-sidebar__footer\">{footer}</div>}\n    </aside>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA6CO,SAAS,cAAc,EAAE,SAAS,UAAU,aAAiC;AAClF,8BACG,OAAA,EAAI,WAAW,GAAG,qBAAqB,SAAS,GAC9C,UAAA;AAAA,IAAA;AAAA,IACD,oBAAC,OAAA,EAAI,WAAU,8BAA8B,SAAA,CAAS;AAAA,EAAA,GACxD;AAEJ;AAeO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,WAAW,CAAA;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,GAAiB;AACf,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAE3D,QAAM,oBAAoB,CAAC,MAAsB,KAAa,gBAAyB;AACrF,UAAM,UACJ,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,KAAK,4BAAS,QAAA,EAAK,WAAU,yBAAwB,eAAY,QAAQ,eAAK,KAAA,CAAK;AAAA,MACpF,oBAAC,QAAA,EAAK,WAAU,0BAA0B,eAAK,OAAM;AAAA,MACpD,KAAK,SAAS,CAAC,mCACb,QAAA,EAAK,WAAU,0BAA0B,UAAA,KAAK,MAAA,CAAM;AAAA,IAAA,GAEzD;AAGF,QAAI,KAAK,MAAM;AACb,aACE,oBAAC,KAAA,EAAgB,MAAM,KAAK,MAAM,WAAW,KAAK,OAAO,cAAc,KAAK,QAAQ,QACjF,UAAA,QAAA,GADK,KAAK,EAEb;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAW;AAAA,QACX,SAAS,KAAK;AAAA,QACd,OAAO,cAAc,KAAK,QAAQ;AAAA,QAEjC,UAAA;AAAA,MAAA;AAAA,MANI,KAAK;AAAA,IAAA;AAAA,EAShB;AAEA,QAAM,eAAe,cAAc;AAEnC,SACE,qBAAC,WAAM,WAAW,GAAG,cAAc,aAAa,yBAAyB,SAAS,GAChF,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,SAAS,oBAAC,OAAA,EAAI,WAAU,qBAAqB,UAAA,OAAM;AAAA,MACpD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAY,YAAY,mBAAmB;AAAA,UAC3C,SAAS,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC;AAAA,UAEpC,UAAA,gCAAa,eAAA,EAAc,MAAM,IAAI,IAAK,oBAAC,gBAAA,EAAe,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IACvE,GACF;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,mBAAkB,cAAW,sBACzC,UAAA,SAAS,IAAI,CAAC,SAAS,MACtB,qBAAC,OAAA,EACE,UAAA;AAAA,MAAA,QAAQ,SACP,oBAAC,KAAA,EAAE,WAAU,6BAA6B,kBAAQ,OAAM;AAAA,MAEzD,QAAQ,MAAM;AAAA,QAAI,CAAC,SAClB;AAAA,UACE;AAAA,UACA,GAAG,oBAAoB,KAAK,UAAU,0BAA0B;AAAA,UAChE;AAAA,QAAA;AAAA,MACF;AAAA,IACF,KAVQ,CAWV,CACD,GACH;AAAA,IAEC,UAAU,oBAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,OAAA,CAAO;AAAA,EAAA,GACzD;AAEJ;"}

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

@@ -0,0 +1,3 @@
+export { Sidebar, SidebarLayout } from './Sidebar';
+export type { SidebarProps, SidebarLayoutProps, SidebarNavItem, SidebarSection } from './Sidebar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/blocks/split-view/SplitView.cjs

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css                 */
+function XIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function SplitView({
+  direction = "vertical",
+  primaryTitle,
+  secondaryTitle,
+  primaryContent,
+  secondaryContent,
+  primarySize = "50%",
+  primaryActions,
+  secondaryActions,
+  toolbar,
+  tabs,
+  activeTabId,
+  onTabChange,
+  onTabClose,
+  statusLeft,
+  statusRight,
+  noPadding = false,
+  height = 600,
+  className = ""
+}) {
+  const heightVal = typeof height === "number" ? `${height}px` : height;
+  const hasToolbar = !!toolbar;
+  const hasTabs = !!tabs;
+  const hasStatus = !!(statusLeft || statusRight);
+  const wrapperClasses = [
+    "rz-split-view",
+    `rz-split-view--${direction}`,
+    hasToolbar || hasTabs ? "rz-split-view--with-toolbar" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const primaryStyle = {
+    "--rz-split-primary": primarySize
+  };
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: hasToolbar || hasTabs ? "rz-split-view__content" : void 0, style: hasToolbar || hasTabs ? { flex: 1, overflow: "hidden", display: "flex", flexDirection: direction === "vertical" ? "row" : "column" } : void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-split-view__pane rz-split-view__pane-primary", style: primaryStyle, children: [
+      primaryTitle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-split-view__pane-header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "rz-split-view__pane-title", children: primaryTitle }),
+        primaryActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-split-view__pane-actions", children: primaryActions })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rz-split-view__pane-body${noPadding ? " rz-split-view__pane-body--no-padding" : ""}`, children: primaryContent })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-split-view__pane rz-split-view__pane-secondary", children: [
+      secondaryTitle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-split-view__pane-header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "rz-split-view__pane-title", children: secondaryTitle }),
+        secondaryActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-split-view__pane-actions", children: secondaryActions })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rz-split-view__pane-body${noPadding ? " rz-split-view__pane-body--no-padding" : ""}`, children: secondaryContent })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, style: { height: heightVal }, children: [
+    toolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-split-view__toolbar", children: toolbar }),
+    tabs && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-split-view__tabs", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `rz-split-view__tab${tab.id === activeTabId ? " rz-split-view__tab--active" : ""}`,
+        role: "tab",
+        "aria-selected": tab.id === activeTabId,
+        onClick: () => onTabChange == null ? void 0 : onTabChange(tab.id),
+        onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && (onTabChange == null ? void 0 : onTabChange(tab.id)),
+        tabIndex: 0,
+        children: [
+          tab.modified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-split-view__tab-dot", "aria-label": "Modified" }),
+          tab.label,
+          onTabClose && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "rz-split-view__tab-close",
+              onClick: (e) => {
+                e.stopPropagation();
+                onTabClose(tab.id);
+              },
+              "aria-label": `Close ${tab.label}`,
+              type: "button",
+              children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, {})
+            }
+          )
+        ]
+      },
+      tab.id
+    )) }),
+    content,
+    hasStatus && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-split-view__statusbar", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-split-view__statusbar-items", children: statusLeft == null ? void 0 : statusLeft.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-split-view__statusbar-item", children: [
+        item.icon,
+        item.label
+      ] }, i)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-split-view__statusbar-items", children: statusRight == null ? void 0 : statusRight.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-split-view__statusbar-item", children: [
+        item.icon,
+        item.label
+      ] }, i)) })
+    ] })
+  ] });
+}
+exports.SplitView = SplitView;
+//# sourceMappingURL=SplitView.cjs.map

package/dist/blocks/split-view/SplitView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitView.cjs","sources":["../../../src/blocks/split-view/SplitView.tsx"],"sourcesContent":["import React from 'react';\nimport './split-view.css';\n\nexport type SplitViewDirection = 'vertical' | 'horizontal';\n\nexport interface SplitViewTab {\n  id: string;\n  label: string;\n  modified?: boolean;\n}\n\nexport interface SplitViewStatusItem {\n  label: string;\n  icon?: React.ReactNode;\n}\n\nexport interface SplitViewProps {\n  direction?: SplitViewDirection;\n  primaryTitle?: string;\n  secondaryTitle?: string;\n  primaryContent: React.ReactNode;\n  secondaryContent: React.ReactNode;\n  primarySize?: string; // CSS value e.g. \"40%\", \"300px\"\n  primaryActions?: React.ReactNode;\n  secondaryActions?: React.ReactNode;\n  toolbar?: React.ReactNode;\n  tabs?: SplitViewTab[];\n  activeTabId?: string;\n  onTabChange?: (id: string) => void;\n  onTabClose?: (id: string) => void;\n  statusLeft?: SplitViewStatusItem[];\n  statusRight?: SplitViewStatusItem[];\n  noPadding?: boolean;\n  height?: number | string;\n  className?: string;\n}\n\nfunction XIcon() {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\">\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\n    </svg>\n  );\n}\n\nexport function SplitView({\n  direction = 'vertical',\n  primaryTitle,\n  secondaryTitle,\n  primaryContent,\n  secondaryContent,\n  primarySize = '50%',\n  primaryActions,\n  secondaryActions,\n  toolbar,\n  tabs,\n  activeTabId,\n  onTabChange,\n  onTabClose,\n  statusLeft,\n  statusRight,\n  noPadding = false,\n  height = 600,\n  className = '',\n}: SplitViewProps) {\n  const heightVal = typeof height === 'number' ? `${height}px` : height;\n  const hasToolbar = !!toolbar;\n  const hasTabs = !!tabs;\n  const hasStatus = !!(statusLeft || statusRight);\n\n  const wrapperClasses = [\n    'rz-split-view',\n    `rz-split-view--${direction}`,\n    hasToolbar || hasTabs ? 'rz-split-view--with-toolbar' : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const primaryStyle: React.CSSProperties = {\n    '--rz-split-primary': primarySize,\n  } as React.CSSProperties;\n\n  const content = (\n    <div className={hasToolbar || hasTabs ? 'rz-split-view__content' : undefined} style={hasToolbar || hasTabs ? { flex: 1, overflow: 'hidden', display: 'flex', flexDirection: direction === 'vertical' ? 'row' : 'column' } : undefined}>\n      {/* Primary pane */}\n      <div className=\"rz-split-view__pane rz-split-view__pane-primary\" style={primaryStyle}>\n        {primaryTitle && (\n          <div className=\"rz-split-view__pane-header\">\n            <h3 className=\"rz-split-view__pane-title\">{primaryTitle}</h3>\n            {primaryActions && <div className=\"rz-split-view__pane-actions\">{primaryActions}</div>}\n          </div>\n        )}\n        <div className={`rz-split-view__pane-body${noPadding ? ' rz-split-view__pane-body--no-padding' : ''}`}>\n          {primaryContent}\n        </div>\n      </div>\n\n      {/* Secondary pane */}\n      <div className=\"rz-split-view__pane rz-split-view__pane-secondary\">\n        {secondaryTitle && (\n          <div className=\"rz-split-view__pane-header\">\n            <h3 className=\"rz-split-view__pane-title\">{secondaryTitle}</h3>\n            {secondaryActions && <div className=\"rz-split-view__pane-actions\">{secondaryActions}</div>}\n          </div>\n        )}\n        <div className={`rz-split-view__pane-body${noPadding ? ' rz-split-view__pane-body--no-padding' : ''}`}>\n          {secondaryContent}\n        </div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={wrapperClasses} style={{ height: heightVal }}>\n      {toolbar && (\n        <div className=\"rz-split-view__toolbar\">{toolbar}</div>\n      )}\n\n      {tabs && (\n        <div className=\"rz-split-view__tabs\" role=\"tablist\">\n          {tabs.map((tab) => (\n            <div\n              key={tab.id}\n              className={`rz-split-view__tab${tab.id === activeTabId ? ' rz-split-view__tab--active' : ''}`}\n              role=\"tab\"\n              aria-selected={tab.id === activeTabId}\n              onClick={() => onTabChange?.(tab.id)}\n              onKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && onTabChange?.(tab.id)}\n              tabIndex={0}\n            >\n              {tab.modified && <span className=\"rz-split-view__tab-dot\" aria-label=\"Modified\" />}\n              {tab.label}\n              {onTabClose && (\n                <button\n                  className=\"rz-split-view__tab-close\"\n                  onClick={(e) => { e.stopPropagation(); onTabClose(tab.id); }}\n                  aria-label={`Close ${tab.label}`}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {content}\n\n      {hasStatus && (\n        <div className=\"rz-split-view__statusbar\">\n          <div className=\"rz-split-view__statusbar-items\">\n            {statusLeft?.map((item, i) => (\n              <span key={i} className=\"rz-split-view__statusbar-item\">\n                {item.icon}{item.label}\n              </span>\n            ))}\n          </div>\n          <div className=\"rz-split-view__statusbar-items\">\n            {statusRight?.map((item, i) => (\n              <span key={i} className=\"rz-split-view__statusbar-item\">\n                {item.icon}{item.label}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx"],"mappings":"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"}

package/dist/blocks/split-view/SplitView.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export type SplitViewDirection = 'vertical' | 'horizontal';
+export interface SplitViewTab {
+    id: string;
+    label: string;
+    modified?: boolean;
+}
+export interface SplitViewStatusItem {
+    label: string;
+    icon?: React.ReactNode;
+}
+export interface SplitViewProps {
+    direction?: SplitViewDirection;
+    primaryTitle?: string;
+    secondaryTitle?: string;
+    primaryContent: React.ReactNode;
+    secondaryContent: React.ReactNode;
+    primarySize?: string;
+    primaryActions?: React.ReactNode;
+    secondaryActions?: React.ReactNode;
+    toolbar?: React.ReactNode;
+    tabs?: SplitViewTab[];
+    activeTabId?: string;
+    onTabChange?: (id: string) => void;
+    onTabClose?: (id: string) => void;
+    statusLeft?: SplitViewStatusItem[];
+    statusRight?: SplitViewStatusItem[];
+    noPadding?: boolean;
+    height?: number | string;
+    className?: string;
+}
+export declare function SplitView({ direction, primaryTitle, secondaryTitle, primaryContent, secondaryContent, primarySize, primaryActions, secondaryActions, toolbar, tabs, activeTabId, onTabChange, onTabClose, statusLeft, statusRight, noPadding, height, className, }: SplitViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SplitView.d.ts.map

package/dist/blocks/split-view/SplitView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitView.d.ts","sourceRoot":"","sources":["../../../src/blocks/split-view/SplitView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,SAAS,CAAC,EACxB,SAAsB,EACtB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,WAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAiB,EACjB,MAAY,EACZ,SAAc,GACf,EAAE,cAAc,2CAwGhB"}

package/dist/blocks/split-view/SplitView.js

@@ -0,0 +1,105 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+/* empty css               */
+function XIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", children: [
+    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+function SplitView({
+  direction = "vertical",
+  primaryTitle,
+  secondaryTitle,
+  primaryContent,
+  secondaryContent,
+  primarySize = "50%",
+  primaryActions,
+  secondaryActions,
+  toolbar,
+  tabs,
+  activeTabId,
+  onTabChange,
+  onTabClose,
+  statusLeft,
+  statusRight,
+  noPadding = false,
+  height = 600,
+  className = ""
+}) {
+  const heightVal = typeof height === "number" ? `${height}px` : height;
+  const hasToolbar = !!toolbar;
+  const hasTabs = !!tabs;
+  const hasStatus = !!(statusLeft || statusRight);
+  const wrapperClasses = [
+    "rz-split-view",
+    `rz-split-view--${direction}`,
+    hasToolbar || hasTabs ? "rz-split-view--with-toolbar" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const primaryStyle = {
+    "--rz-split-primary": primarySize
+  };
+  const content = /* @__PURE__ */ jsxs("div", { className: hasToolbar || hasTabs ? "rz-split-view__content" : void 0, style: hasToolbar || hasTabs ? { flex: 1, overflow: "hidden", display: "flex", flexDirection: direction === "vertical" ? "row" : "column" } : void 0, children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-split-view__pane rz-split-view__pane-primary", style: primaryStyle, children: [
+      primaryTitle && /* @__PURE__ */ jsxs("div", { className: "rz-split-view__pane-header", children: [
+        /* @__PURE__ */ jsx("h3", { className: "rz-split-view__pane-title", children: primaryTitle }),
+        primaryActions && /* @__PURE__ */ jsx("div", { className: "rz-split-view__pane-actions", children: primaryActions })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: `rz-split-view__pane-body${noPadding ? " rz-split-view__pane-body--no-padding" : ""}`, children: primaryContent })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-split-view__pane rz-split-view__pane-secondary", children: [
+      secondaryTitle && /* @__PURE__ */ jsxs("div", { className: "rz-split-view__pane-header", children: [
+        /* @__PURE__ */ jsx("h3", { className: "rz-split-view__pane-title", children: secondaryTitle }),
+        secondaryActions && /* @__PURE__ */ jsx("div", { className: "rz-split-view__pane-actions", children: secondaryActions })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: `rz-split-view__pane-body${noPadding ? " rz-split-view__pane-body--no-padding" : ""}`, children: secondaryContent })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, style: { height: heightVal }, children: [
+    toolbar && /* @__PURE__ */ jsx("div", { className: "rz-split-view__toolbar", children: toolbar }),
+    tabs && /* @__PURE__ */ jsx("div", { className: "rz-split-view__tabs", role: "tablist", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `rz-split-view__tab${tab.id === activeTabId ? " rz-split-view__tab--active" : ""}`,
+        role: "tab",
+        "aria-selected": tab.id === activeTabId,
+        onClick: () => onTabChange == null ? void 0 : onTabChange(tab.id),
+        onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && (onTabChange == null ? void 0 : onTabChange(tab.id)),
+        tabIndex: 0,
+        children: [
+          tab.modified && /* @__PURE__ */ jsx("span", { className: "rz-split-view__tab-dot", "aria-label": "Modified" }),
+          tab.label,
+          onTabClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "rz-split-view__tab-close",
+              onClick: (e) => {
+                e.stopPropagation();
+                onTabClose(tab.id);
+              },
+              "aria-label": `Close ${tab.label}`,
+              type: "button",
+              children: /* @__PURE__ */ jsx(XIcon, {})
+            }
+          )
+        ]
+      },
+      tab.id
+    )) }),
+    content,
+    hasStatus && /* @__PURE__ */ jsxs("div", { className: "rz-split-view__statusbar", children: [
+      /* @__PURE__ */ jsx("div", { className: "rz-split-view__statusbar-items", children: statusLeft == null ? void 0 : statusLeft.map((item, i) => /* @__PURE__ */ jsxs("span", { className: "rz-split-view__statusbar-item", children: [
+        item.icon,
+        item.label
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("div", { className: "rz-split-view__statusbar-items", children: statusRight == null ? void 0 : statusRight.map((item, i) => /* @__PURE__ */ jsxs("span", { className: "rz-split-view__statusbar-item", children: [
+        item.icon,
+        item.label
+      ] }, i)) })
+    ] })
+  ] });
+}
+export {
+  SplitView
+};
+//# sourceMappingURL=SplitView.js.map

package/dist/blocks/split-view/SplitView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitView.js","sources":["../../../src/blocks/split-view/SplitView.tsx"],"sourcesContent":["import React from 'react';\nimport './split-view.css';\n\nexport type SplitViewDirection = 'vertical' | 'horizontal';\n\nexport interface SplitViewTab {\n  id: string;\n  label: string;\n  modified?: boolean;\n}\n\nexport interface SplitViewStatusItem {\n  label: string;\n  icon?: React.ReactNode;\n}\n\nexport interface SplitViewProps {\n  direction?: SplitViewDirection;\n  primaryTitle?: string;\n  secondaryTitle?: string;\n  primaryContent: React.ReactNode;\n  secondaryContent: React.ReactNode;\n  primarySize?: string; // CSS value e.g. \"40%\", \"300px\"\n  primaryActions?: React.ReactNode;\n  secondaryActions?: React.ReactNode;\n  toolbar?: React.ReactNode;\n  tabs?: SplitViewTab[];\n  activeTabId?: string;\n  onTabChange?: (id: string) => void;\n  onTabClose?: (id: string) => void;\n  statusLeft?: SplitViewStatusItem[];\n  statusRight?: SplitViewStatusItem[];\n  noPadding?: boolean;\n  height?: number | string;\n  className?: string;\n}\n\nfunction XIcon() {\n  return (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\">\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\n    </svg>\n  );\n}\n\nexport function SplitView({\n  direction = 'vertical',\n  primaryTitle,\n  secondaryTitle,\n  primaryContent,\n  secondaryContent,\n  primarySize = '50%',\n  primaryActions,\n  secondaryActions,\n  toolbar,\n  tabs,\n  activeTabId,\n  onTabChange,\n  onTabClose,\n  statusLeft,\n  statusRight,\n  noPadding = false,\n  height = 600,\n  className = '',\n}: SplitViewProps) {\n  const heightVal = typeof height === 'number' ? `${height}px` : height;\n  const hasToolbar = !!toolbar;\n  const hasTabs = !!tabs;\n  const hasStatus = !!(statusLeft || statusRight);\n\n  const wrapperClasses = [\n    'rz-split-view',\n    `rz-split-view--${direction}`,\n    hasToolbar || hasTabs ? 'rz-split-view--with-toolbar' : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const primaryStyle: React.CSSProperties = {\n    '--rz-split-primary': primarySize,\n  } as React.CSSProperties;\n\n  const content = (\n    <div className={hasToolbar || hasTabs ? 'rz-split-view__content' : undefined} style={hasToolbar || hasTabs ? { flex: 1, overflow: 'hidden', display: 'flex', flexDirection: direction === 'vertical' ? 'row' : 'column' } : undefined}>\n      {/* Primary pane */}\n      <div className=\"rz-split-view__pane rz-split-view__pane-primary\" style={primaryStyle}>\n        {primaryTitle && (\n          <div className=\"rz-split-view__pane-header\">\n            <h3 className=\"rz-split-view__pane-title\">{primaryTitle}</h3>\n            {primaryActions && <div className=\"rz-split-view__pane-actions\">{primaryActions}</div>}\n          </div>\n        )}\n        <div className={`rz-split-view__pane-body${noPadding ? ' rz-split-view__pane-body--no-padding' : ''}`}>\n          {primaryContent}\n        </div>\n      </div>\n\n      {/* Secondary pane */}\n      <div className=\"rz-split-view__pane rz-split-view__pane-secondary\">\n        {secondaryTitle && (\n          <div className=\"rz-split-view__pane-header\">\n            <h3 className=\"rz-split-view__pane-title\">{secondaryTitle}</h3>\n            {secondaryActions && <div className=\"rz-split-view__pane-actions\">{secondaryActions}</div>}\n          </div>\n        )}\n        <div className={`rz-split-view__pane-body${noPadding ? ' rz-split-view__pane-body--no-padding' : ''}`}>\n          {secondaryContent}\n        </div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={wrapperClasses} style={{ height: heightVal }}>\n      {toolbar && (\n        <div className=\"rz-split-view__toolbar\">{toolbar}</div>\n      )}\n\n      {tabs && (\n        <div className=\"rz-split-view__tabs\" role=\"tablist\">\n          {tabs.map((tab) => (\n            <div\n              key={tab.id}\n              className={`rz-split-view__tab${tab.id === activeTabId ? ' rz-split-view__tab--active' : ''}`}\n              role=\"tab\"\n              aria-selected={tab.id === activeTabId}\n              onClick={() => onTabChange?.(tab.id)}\n              onKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && onTabChange?.(tab.id)}\n              tabIndex={0}\n            >\n              {tab.modified && <span className=\"rz-split-view__tab-dot\" aria-label=\"Modified\" />}\n              {tab.label}\n              {onTabClose && (\n                <button\n                  className=\"rz-split-view__tab-close\"\n                  onClick={(e) => { e.stopPropagation(); onTabClose(tab.id); }}\n                  aria-label={`Close ${tab.label}`}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {content}\n\n      {hasStatus && (\n        <div className=\"rz-split-view__statusbar\">\n          <div className=\"rz-split-view__statusbar-items\">\n            {statusLeft?.map((item, i) => (\n              <span key={i} className=\"rz-split-view__statusbar-item\">\n                {item.icon}{item.label}\n              </span>\n            ))}\n          </div>\n          <div className=\"rz-split-view__statusbar-items\">\n            {statusRight?.map((item, i) => (\n              <span key={i} className=\"rz-split-view__statusbar-item\">\n                {item.icon}{item.label}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/blocks/split-view/index.d.ts

@@ -0,0 +1,3 @@
+export { SplitView } from './SplitView';
+export type { SplitViewProps, SplitViewDirection, SplitViewTab, SplitViewStatusItem } from './SplitView';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/split-view/index.d.ts.map

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

package/dist/blocks/stats/Stats.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("../../utils/cn.cjs");
+;/* empty css            */
+const trendingUp = require("../../node_modules/lucide-react/dist/esm/icons/trending-up.cjs");
+const trendingDown = require("../../node_modules/lucide-react/dist/esm/icons/trending-down.cjs");
+const minus = require("../../node_modules/lucide-react/dist/esm/icons/minus.cjs");
+function TrendIcon({ trend }) {
+  if (trend === "up") return /* @__PURE__ */ jsxRuntime.jsx(trendingUp, { size: 12 });
+  if (trend === "down") return /* @__PURE__ */ jsxRuntime.jsx(trendingDown, { size: 12 });
+  return /* @__PURE__ */ jsxRuntime.jsx(minus, { size: 12 });
+}
+function Stats({ stats, title, description, eyebrow, variant = "default", className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn.cn("rz-stats", variant !== "default" && `rz-stats--${variant}`, className), children: [
+    (eyebrow || title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stats__header", children: [
+      eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-stats__eyebrow", children: eyebrow }),
+      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-stats__title", children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-stats__description", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stats__grid", children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stat-card", children: [
+      stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stat-card__icon", children: stat.icon }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stat-card__value", children: stat.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stat-card__label", children: stat.label }),
+      stat.change && stat.trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn.cn("rz-stat-card__change", `rz-stat-card__change--${stat.trend}`), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TrendIcon, { trend: stat.trend }),
+        stat.change
+      ] }),
+      stat.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.75rem", color: "var(--rz-color-muted-foreground)", marginTop: 8 }, children: stat.description })
+    ] }, i)) })
+  ] });
+}
+exports.Stats = Stats;
+//# sourceMappingURL=Stats.cjs.map

package/dist/blocks/stats/Stats.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.cjs","sources":["../../../src/blocks/stats/Stats.tsx"],"sourcesContent":["import React from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './stats.css';\n\nexport type StatTrend = 'up' | 'down' | 'neutral';\nexport type StatsVariant = 'default' | 'minimal' | 'bordered';\n\nexport interface StatItem {\n  label: string;\n  value: string | number;\n  change?: string;\n  trend?: StatTrend;\n  icon?: React.ReactNode;\n  description?: string;\n}\n\nexport interface StatsProps {\n  stats: StatItem[];\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  variant?: StatsVariant;\n  columns?: 2 | 3 | 4;\n  className?: string;\n}\n\nfunction TrendIcon({ trend }: { trend: StatTrend }) {\n  if (trend === 'up') return <TrendingUp size={12} />;\n  if (trend === 'down') return <TrendingDown size={12} />;\n  return <Minus size={12} />;\n}\n\nexport function Stats({ stats, title, description, eyebrow, variant = 'default', className }: StatsProps) {\n  return (\n    <section className={cn('rz-stats', variant !== 'default' && `rz-stats--${variant}`, className)}>\n      {(eyebrow || title || description) && (\n        <div className=\"rz-stats__header\">\n          {eyebrow && <p className=\"rz-stats__eyebrow\">{eyebrow}</p>}\n          {title && <h2 className=\"rz-stats__title\">{title}</h2>}\n          {description && <p className=\"rz-stats__description\">{description}</p>}\n        </div>\n      )}\n      <div className=\"rz-stats__grid\">\n        {stats.map((stat, i) => (\n          <div key={i} className=\"rz-stat-card\">\n            {stat.icon && <div className=\"rz-stat-card__icon\">{stat.icon}</div>}\n            <div className=\"rz-stat-card__value\">{stat.value}</div>\n            <div className=\"rz-stat-card__label\">{stat.label}</div>\n            {stat.change && stat.trend && (\n              <span className={cn('rz-stat-card__change', `rz-stat-card__change--${stat.trend}`)}>\n                <TrendIcon trend={stat.trend} />\n                {stat.change}\n              </span>\n            )}\n            {stat.description && (\n              <p style={{ fontSize: '0.75rem', color: 'var(--rz-color-muted-foreground)', marginTop: 8 }}>{stat.description}</p>\n            )}\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n"],"names":["jsx","TrendingUp","TrendingDown","Minus","jsxs","cn"],"mappings":";;;;;;;;AA2BA,SAAS,UAAU,EAAE,SAA+B;AAClD,MAAI,UAAU,KAAM,QAAOA,2BAAAA,IAACC,YAAA,EAAW,MAAM,IAAI;AACjD,MAAI,UAAU,OAAQ,QAAOD,2BAAAA,IAACE,cAAA,EAAa,MAAM,IAAI;AACrD,SAAOF,2BAAAA,IAACG,OAAA,EAAM,MAAM,GAAA,CAAI;AAC1B;AAEO,SAAS,MAAM,EAAE,OAAO,OAAO,aAAa,SAAS,UAAU,WAAW,aAAyB;AACxG,SACEC,2BAAAA,KAAC,WAAA,EAAQ,WAAWC,GAAAA,GAAG,YAAY,YAAY,aAAa,aAAa,OAAO,IAAI,SAAS,GACzF,UAAA;AAAA,KAAA,WAAW,SAAS,gBACpBD,2BAAAA,KAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,MAAA,WAAWJ,2BAAAA,IAAC,KAAA,EAAE,WAAU,qBAAqB,UAAA,SAAQ;AAAA,MACrD,SAASA,2BAAAA,IAAC,MAAA,EAAG,WAAU,mBAAmB,UAAA,OAAM;AAAA,MAChD,eAAeA,2BAAAA,IAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,YAAA,CAAY;AAAA,IAAA,GACpE;AAAA,IAEFA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kBACZ,UAAA,MAAM,IAAI,CAAC,MAAM,MAChBI,2BAAAA,KAAC,OAAA,EAAY,WAAU,gBACpB,UAAA;AAAA,MAAA,KAAK,QAAQJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAsB,eAAK,MAAK;AAAA,MAC7DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,uBAAuB,eAAK,OAAM;AAAA,MACjDA,2BAAAA,IAAC,OAAA,EAAI,WAAU,uBAAuB,eAAK,OAAM;AAAA,MAChD,KAAK,UAAU,KAAK,SACnBI,2BAAAA,KAAC,QAAA,EAAK,WAAWC,GAAAA,GAAG,wBAAwB,yBAAyB,KAAK,KAAK,EAAE,GAC/E,UAAA;AAAA,QAAAL,2BAAAA,IAAC,WAAA,EAAU,OAAO,KAAK,MAAA,CAAO;AAAA,QAC7B,KAAK;AAAA,MAAA,GACR;AAAA,MAED,KAAK,eACJA,2BAAAA,IAAC,KAAA,EAAE,OAAO,EAAE,UAAU,WAAW,OAAO,oCAAoC,WAAW,EAAA,GAAM,eAAK,YAAA,CAAY;AAAA,IAAA,EAAA,GAXxG,CAaV,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/blocks/stats/Stats.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export type StatTrend = 'up' | 'down' | 'neutral';
+export type StatsVariant = 'default' | 'minimal' | 'bordered';
+export interface StatItem {
+    label: string;
+    value: string | number;
+    change?: string;
+    trend?: StatTrend;
+    icon?: React.ReactNode;
+    description?: string;
+}
+export interface StatsProps {
+    stats: StatItem[];
+    title?: string;
+    description?: string;
+    eyebrow?: string;
+    variant?: StatsVariant;
+    columns?: 2 | 3 | 4;
+    className?: string;
+}
+export declare function Stats({ stats, title, description, eyebrow, variant, className }: StatsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stats.d.ts.map

package/dist/blocks/stats/Stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.d.ts","sourceRoot":"","sources":["../../../src/blocks/stats/Stats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAClD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAmB,EAAE,SAAS,EAAE,EAAE,UAAU,2CA8BvG"}

package/dist/blocks/stats/Stats.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css          */
+import TrendingUp from "../../node_modules/lucide-react/dist/esm/icons/trending-up.js";
+import TrendingDown from "../../node_modules/lucide-react/dist/esm/icons/trending-down.js";
+import Minus from "../../node_modules/lucide-react/dist/esm/icons/minus.js";
+function TrendIcon({ trend }) {
+  if (trend === "up") return /* @__PURE__ */ jsx(TrendingUp, { size: 12 });
+  if (trend === "down") return /* @__PURE__ */ jsx(TrendingDown, { size: 12 });
+  return /* @__PURE__ */ jsx(Minus, { size: 12 });
+}
+function Stats({ stats, title, description, eyebrow, variant = "default", className }) {
+  return /* @__PURE__ */ jsxs("section", { className: cn("rz-stats", variant !== "default" && `rz-stats--${variant}`, className), children: [
+    (eyebrow || title || description) && /* @__PURE__ */ jsxs("div", { className: "rz-stats__header", children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "rz-stats__eyebrow", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "rz-stats__title", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "rz-stats__description", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rz-stats__grid", children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: "rz-stat-card", children: [
+      stat.icon && /* @__PURE__ */ jsx("div", { className: "rz-stat-card__icon", children: stat.icon }),
+      /* @__PURE__ */ jsx("div", { className: "rz-stat-card__value", children: stat.value }),
+      /* @__PURE__ */ jsx("div", { className: "rz-stat-card__label", children: stat.label }),
+      stat.change && stat.trend && /* @__PURE__ */ jsxs("span", { className: cn("rz-stat-card__change", `rz-stat-card__change--${stat.trend}`), children: [
+        /* @__PURE__ */ jsx(TrendIcon, { trend: stat.trend }),
+        stat.change
+      ] }),
+      stat.description && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.75rem", color: "var(--rz-color-muted-foreground)", marginTop: 8 }, children: stat.description })
+    ] }, i)) })
+  ] });
+}
+export {
+  Stats
+};
+//# sourceMappingURL=Stats.js.map

package/dist/blocks/stats/Stats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.js","sources":["../../../src/blocks/stats/Stats.tsx"],"sourcesContent":["import React from 'react';\nimport { TrendingUp, TrendingDown, Minus } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './stats.css';\n\nexport type StatTrend = 'up' | 'down' | 'neutral';\nexport type StatsVariant = 'default' | 'minimal' | 'bordered';\n\nexport interface StatItem {\n  label: string;\n  value: string | number;\n  change?: string;\n  trend?: StatTrend;\n  icon?: React.ReactNode;\n  description?: string;\n}\n\nexport interface StatsProps {\n  stats: StatItem[];\n  title?: string;\n  description?: string;\n  eyebrow?: string;\n  variant?: StatsVariant;\n  columns?: 2 | 3 | 4;\n  className?: string;\n}\n\nfunction TrendIcon({ trend }: { trend: StatTrend }) {\n  if (trend === 'up') return <TrendingUp size={12} />;\n  if (trend === 'down') return <TrendingDown size={12} />;\n  return <Minus size={12} />;\n}\n\nexport function Stats({ stats, title, description, eyebrow, variant = 'default', className }: StatsProps) {\n  return (\n    <section className={cn('rz-stats', variant !== 'default' && `rz-stats--${variant}`, className)}>\n      {(eyebrow || title || description) && (\n        <div className=\"rz-stats__header\">\n          {eyebrow && <p className=\"rz-stats__eyebrow\">{eyebrow}</p>}\n          {title && <h2 className=\"rz-stats__title\">{title}</h2>}\n          {description && <p className=\"rz-stats__description\">{description}</p>}\n        </div>\n      )}\n      <div className=\"rz-stats__grid\">\n        {stats.map((stat, i) => (\n          <div key={i} className=\"rz-stat-card\">\n            {stat.icon && <div className=\"rz-stat-card__icon\">{stat.icon}</div>}\n            <div className=\"rz-stat-card__value\">{stat.value}</div>\n            <div className=\"rz-stat-card__label\">{stat.label}</div>\n            {stat.change && stat.trend && (\n              <span className={cn('rz-stat-card__change', `rz-stat-card__change--${stat.trend}`)}>\n                <TrendIcon trend={stat.trend} />\n                {stat.change}\n              </span>\n            )}\n            {stat.description && (\n              <p style={{ fontSize: '0.75rem', color: 'var(--rz-color-muted-foreground)', marginTop: 8 }}>{stat.description}</p>\n            )}\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA2BA,SAAS,UAAU,EAAE,SAA+B;AAClD,MAAI,UAAU,KAAM,QAAO,oBAAC,YAAA,EAAW,MAAM,IAAI;AACjD,MAAI,UAAU,OAAQ,QAAO,oBAAC,cAAA,EAAa,MAAM,IAAI;AACrD,SAAO,oBAAC,OAAA,EAAM,MAAM,GAAA,CAAI;AAC1B;AAEO,SAAS,MAAM,EAAE,OAAO,OAAO,aAAa,SAAS,UAAU,WAAW,aAAyB;AACxG,SACE,qBAAC,WAAA,EAAQ,WAAW,GAAG,YAAY,YAAY,aAAa,aAAa,OAAO,IAAI,SAAS,GACzF,UAAA;AAAA,KAAA,WAAW,SAAS,gBACpB,qBAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,MAAA,WAAW,oBAAC,KAAA,EAAE,WAAU,qBAAqB,UAAA,SAAQ;AAAA,MACrD,SAAS,oBAAC,MAAA,EAAG,WAAU,mBAAmB,UAAA,OAAM;AAAA,MAChD,eAAe,oBAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,YAAA,CAAY;AAAA,IAAA,GACpE;AAAA,IAEF,oBAAC,OAAA,EAAI,WAAU,kBACZ,UAAA,MAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,OAAA,EAAY,WAAU,gBACpB,UAAA;AAAA,MAAA,KAAK,QAAQ,oBAAC,OAAA,EAAI,WAAU,sBAAsB,eAAK,MAAK;AAAA,MAC7D,oBAAC,OAAA,EAAI,WAAU,uBAAuB,eAAK,OAAM;AAAA,MACjD,oBAAC,OAAA,EAAI,WAAU,uBAAuB,eAAK,OAAM;AAAA,MAChD,KAAK,UAAU,KAAK,SACnB,qBAAC,QAAA,EAAK,WAAW,GAAG,wBAAwB,yBAAyB,KAAK,KAAK,EAAE,GAC/E,UAAA;AAAA,QAAA,oBAAC,WAAA,EAAU,OAAO,KAAK,MAAA,CAAO;AAAA,QAC7B,KAAK;AAAA,MAAA,GACR;AAAA,MAED,KAAK,eACJ,oBAAC,KAAA,EAAE,OAAO,EAAE,UAAU,WAAW,OAAO,oCAAoC,WAAW,EAAA,GAAM,eAAK,YAAA,CAAY;AAAA,IAAA,EAAA,GAXxG,CAaV,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,3 @@
+export { Stats } from './Stats';
+export type { StatsProps, StatItem, StatTrend, StatsVariant } from './Stats';
+//# sourceMappingURL=index.d.ts.map

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

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