tembro 3.1.17 → 4.0.1

package/packages/cli/vendor/templates/styles/globals.css

@@ -128,17 +128,17 @@
   --aui-ease-standard: cubic-bezier(0.2, 0, 0, 1);
   --aui-disabled-opacity: 0.52;
   --aui-shadow-xs: 0 1px 2px oklch(0.24 0.02 255 / 5%);
-  --aui-shadow-sm: 0 1px 3px oklch(0.24 0.02 255 / 7%);
-  --aui-shadow-md: 0 8px 24px oklch(0.24 0.02 255 / 8%);
-  --aui-shadow-lg: 0 16px 36px oklch(0.24 0.02 255 / 10%);
+  --aui-shadow-sm: 0 1px 2px oklch(0.24 0.02 255 / 6%), 0 1px 6px oklch(0.24 0.02 255 / 4%);
+  --aui-shadow-md: 0 10px 28px -12px oklch(0.24 0.02 255 / 18%), 0 2px 8px oklch(0.24 0.02 255 / 5%);
+  --aui-shadow-lg: 0 24px 56px -20px oklch(0.24 0.02 255 / 26%), 0 8px 18px oklch(0.24 0.02 255 / 6%);
   --aui-surface-base: var(--background);
   --aui-surface-raised: color-mix(in oklch, var(--background), white 42%);
   --aui-surface-muted: color-mix(in oklch, var(--muted), var(--background) 52%);
   --aui-border-strong: color-mix(in oklch, var(--border), var(--foreground) 7%);
 
   --aui-control-radius: var(--aui-radius-control);
-  --aui-focus-ring: color-mix(in oklch, var(--ring), transparent 44%);
-  --aui-focus-ring-soft: color-mix(in oklch, var(--ring), transparent 82%);
+  --aui-focus-ring: color-mix(in oklch, var(--ring), transparent 22%);
+  --aui-focus-ring-soft: color-mix(in oklch, var(--ring), transparent 78%);
   --aui-danger-ring: color-mix(in oklch, var(--destructive), transparent 48%);
   --aui-danger-ring-soft: color-mix(in oklch, var(--destructive), transparent 86%);
   --aui-warning-ring: color-mix(in oklch, var(--aui-warning), transparent 48%);
@@ -150,13 +150,13 @@
   --aui-control-surface-readonly: color-mix(in oklch, var(--muted), var(--background) 78%);
   --aui-control-shadow: var(--aui-shadow-sm);
   --aui-control-border-strong: var(--aui-border-strong);
-  --aui-control-hover-border: color-mix(in oklch, var(--ring), transparent 68%);
+  --aui-control-hover-border: color-mix(in oklch, var(--ring), transparent 42%);
   --aui-control-panel-bg: var(--aui-surface-raised);
   --aui-control-panel-shadow: var(--aui-shadow-md);
   --aui-card-radius: var(--aui-radius-surface);
   --aui-card-border: var(--border);
   --aui-card-shadow: var(--aui-shadow-xs);
-  --aui-card-shadow-hover: var(--aui-shadow-md);
+  --aui-card-shadow-hover: 0 18px 42px -18px oklch(0.24 0.02 255 / 24%), 0 3px 10px oklch(0.24 0.02 255 / 6%);
   --aui-card-soft-bg: color-mix(in oklch, var(--muted), var(--background) 34%);
   --aui-card-outline-bg: var(--aui-surface-raised);
   --aui-popover-shadow: var(--aui-shadow-lg);
@@ -234,8 +234,8 @@
   --aui-danger: var(--destructive);
   --aui-danger-foreground: oklch(0.19 0.012 255);
 
-  --aui-focus-ring: color-mix(in oklch, var(--ring), transparent 40%);
-  --aui-focus-ring-soft: color-mix(in oklch, var(--ring), transparent 80%);
+  --aui-focus-ring: color-mix(in oklch, var(--ring), transparent 18%);
+  --aui-focus-ring-soft: color-mix(in oklch, var(--ring), transparent 72%);
   --aui-danger-ring: color-mix(in oklch, var(--destructive), transparent 46%);
   --aui-danger-ring-soft: color-mix(in oklch, var(--destructive), transparent 84%);
   --aui-warning-ring: color-mix(in oklch, var(--aui-warning), transparent 46%);
@@ -243,9 +243,9 @@
   --aui-radius-control: var(--radius-lg);
   --aui-radius-surface: var(--radius-xl);
   --aui-shadow-xs: 0 1px 2px oklch(0 0 0 / 12%);
-  --aui-shadow-sm: 0 1px 3px oklch(0 0 0 / 16%);
-  --aui-shadow-md: 0 12px 30px oklch(0 0 0 / 26%);
-  --aui-shadow-lg: 0 22px 54px oklch(0 0 0 / 36%);
+  --aui-shadow-sm: 0 1px 2px oklch(0 0 0 / 20%), 0 2px 8px oklch(0 0 0 / 12%);
+  --aui-shadow-md: 0 16px 36px -16px oklch(0 0 0 / 62%), 0 3px 12px oklch(0 0 0 / 20%);
+  --aui-shadow-lg: 0 28px 64px -20px oklch(0 0 0 / 72%), 0 10px 24px oklch(0 0 0 / 24%);
   --aui-surface-base: var(--background);
   --aui-surface-raised: oklch(1 0 0 / 4%);
   --aui-surface-muted: oklch(1 0 0 / 6%);
@@ -286,7 +286,7 @@
   --aui-table-border: oklch(1 0 0 / 8%);
   --aui-table-selection-surface: oklch(1 0 0 / 4%);
   --aui-control-border-strong: var(--aui-border-strong);
-  --aui-control-hover-border: color-mix(in oklch, var(--ring), transparent 72%);
+  --aui-control-hover-border: color-mix(in oklch, var(--ring), transparent 44%);
   --aui-control-panel-bg: var(--aui-surface-raised);
   --aui-control-panel-shadow: var(--aui-shadow-md);
   --aui-button-primary-shadow: 0 1px 0 color-mix(in oklch, white, transparent 82%), 0 18px 40px color-mix(in oklch, var(--primary), transparent 82%);
@@ -317,6 +317,20 @@
 
   body {
     @apply bg-background text-foreground antialiased;
+    margin: 0;
+  }
+
+  html:has([data-slot="workspace-layout"][data-viewport="true"]),
+  body:has([data-slot="workspace-layout"][data-viewport="true"]) {
+    height: 100%;
+    overflow: hidden;
+    overscroll-behavior: none;
+  }
+
+  body:has([data-slot="workspace-layout"][data-viewport="true"]) > #root {
+    height: 100%;
+    min-height: 0;
+    overflow: hidden;
   }
 }
 
@@ -552,7 +566,9 @@
   }
 
   [data-slot="button"][data-slot="button"]:focus-visible {
-    box-shadow: var(--aui-control-shadow), 0 0 0 1px var(--aui-focus-ring), 0 0 0 5px var(--aui-focus-ring-soft);
+    position: relative;
+    z-index: 1;
+    box-shadow: var(--aui-control-shadow), 0 0 0 2px var(--background), 0 0 0 4px var(--aui-focus-ring);
   }
 
   [data-slot="button"][data-slot="button"]:not(:disabled):not([aria-disabled="true"]):hover {
@@ -568,8 +584,9 @@
   }
 
   [data-slot="button"][data-variant="default"]:not(:disabled):not([aria-disabled="true"]):hover {
-    background: color-mix(in oklch, var(--primary), white 10%);
-    box-shadow: 0 1px 0 color-mix(in oklch, white, transparent 18%), 0 20px 42px color-mix(in oklch, var(--primary), transparent 74%);
+    border-color: color-mix(in oklch, var(--primary), black 16%);
+    background: color-mix(in oklch, var(--primary), white 7%);
+    box-shadow: 0 8px 20px -10px color-mix(in oklch, var(--primary), transparent 35%);
   }
 
   [data-slot="button"][data-variant="secondary"] {
@@ -585,7 +602,9 @@
   }
 
   [data-slot="button"][data-variant="outline"]:not(:disabled):not([aria-disabled="true"]):hover {
-    background: color-mix(in oklch, var(--background), transparent 14%);
+    border-color: var(--aui-control-hover-border);
+    background: var(--accent);
+    color: var(--accent-foreground);
   }
 
   [data-slot="button"][data-variant="ghost"] {
@@ -596,8 +615,9 @@
   }
 
   [data-slot="button"][data-variant="ghost"]:not(:disabled):not([aria-disabled="true"]):hover {
-    border-color: color-mix(in oklch, var(--border), var(--foreground) 8%);
-    background: color-mix(in oklch, var(--accent), transparent 22%);
+    border-color: transparent;
+    background: var(--accent);
+    color: var(--accent-foreground);
   }
 
   [data-slot="button"][data-variant="destructive"] {
@@ -688,7 +708,8 @@
   [data-slot="input"][data-slot="input"]:focus-visible,
   [data-slot="textarea"][data-slot="textarea"]:focus-visible,
   [data-slot="select-trigger"][data-slot="select-trigger"]:focus-visible {
-    box-shadow: var(--aui-control-shadow), 0 0 0 1px var(--aui-focus-ring), 0 0 0 5px var(--aui-focus-ring-soft);
+    border-color: var(--ring);
+    box-shadow: var(--aui-control-shadow), 0 0 0 1px var(--background), 0 0 0 3px var(--aui-focus-ring);
   }
 
   [data-slot="input"][data-slot="input"]:disabled,
@@ -867,7 +888,7 @@
 
   [data-slot="tabs-trigger"][data-slot="tabs-trigger"]:hover {
     color: var(--foreground);
-    background: color-mix(in oklch, var(--background), transparent 18%);
+    background: var(--accent);
   }
 
   [data-slot="tabs-trigger"][data-slot="tabs-trigger"][data-selected] {
@@ -878,13 +899,13 @@
   }
 
   [data-slot="tabs-trigger"][data-slot="tabs-trigger"]:focus-visible {
-    box-shadow: var(--aui-control-shadow), 0 0 0 1px var(--aui-focus-ring), 0 0 0 5px var(--aui-focus-ring-soft);
+    box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--aui-focus-ring);
   }
 
   :is([data-slot="card"], [data-card]) {
     border: 1px solid var(--aui-card-border);
     border-radius: var(--aui-card-radius);
-    background: linear-gradient(180deg, color-mix(in oklch, var(--card), white 8%), var(--card));
+    background: var(--card);
     box-shadow: var(--aui-card-shadow);
   }
 
@@ -945,6 +966,7 @@
   :is([data-slot="card"], [data-card])[data-interactive="true"]:hover {
     border-color: var(--aui-control-hover-border);
     box-shadow: var(--aui-card-shadow-hover);
+    transform: translateY(-1px);
   }
 
   :is([data-slot="card"], [data-card])[data-interactive="true"]:focus-visible {
@@ -1537,124 +1559,138 @@
     background: var(--aui-table-stripe-bg);
   }
 
-  [data-slot="app-sidebar"][data-slot="app-sidebar"] {
+  [data-slot="sidebar"][data-slot="sidebar"] {
     border-right: 1px solid var(--aui-sidebar-border);
     background: var(--aui-sidebar-surface);
     box-shadow: inset -1px 0 0 oklch(1 0 0 / 4%);
   }
 
-  [data-slot="app-sidebar-header"][data-slot="app-sidebar-header"],
-  [data-slot="app-sidebar-footer"][data-slot="app-sidebar-footer"] {
+  [data-slot="sidebar-header"][data-slot="sidebar-header"],
+  [data-slot="sidebar-footer"][data-slot="sidebar-footer"] {
     border-color: var(--aui-sidebar-border);
   }
 
-  [data-slot="app-sidebar-item"][data-slot="app-sidebar-item"] {
+  [data-slot="sidebar-item"][data-slot="sidebar-item"] {
     background: var(--aui-sidebar-item-bg);
     color: color-mix(in oklch, var(--sidebar-foreground), transparent 2%);
   }
 
-  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"]) {
+  :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"]) {
     color: color-mix(in oklch, var(--sidebar-foreground), transparent 24%);
   }
 
-  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-size="sm"] {
+  :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"])[data-size="sm"] {
     min-height: var(--aui-control-height-sm);
     border-radius: var(--radius-md);
     padding-inline: 0.5rem;
     font-size: 0.8125rem;
   }
 
-  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-size="md"] {
+  :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"])[data-size="md"] {
     min-height: 2.25rem;
     border-radius: var(--aui-control-radius);
     padding-inline: 0.625rem;
   }
 
-  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-size="lg"] {
+  :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"])[data-size="lg"] {
     min-height: var(--aui-control-height-lg);
     border-radius: var(--aui-radius-surface);
     padding-inline: 0.875rem;
     font-size: 0.9375rem;
   }
 
-  [data-slot="app-sidebar"][data-collapsed="true"] :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"]) {
+  [data-slot="sidebar"][data-collapsed="true"] :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"]) {
     padding-inline: 0.5rem;
   }
 
-  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-active="true"][data-active-indicator="bar"] {
+  :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"])[data-active="true"][data-active-indicator="bar"] {
     box-shadow: inset 3px 0 0 var(--aui-sidebar-item-indicator), inset 0 1px 0 oklch(1 0 0 / 8%), 0 10px 24px color-mix(in oklch, var(--sidebar-primary), transparent 88%);
   }
 
-  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-active="true"][data-active-indicator="pill"] {
+  :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"])[data-active="true"][data-active-indicator="pill"] {
     box-shadow: inset 0 1px 0 oklch(1 0 0 / 8%), 0 10px 24px color-mix(in oklch, var(--sidebar-primary), transparent 88%);
   }
 
-  :is([data-slot="app-sidebar-item"], [data-slot="app-sidebar-group-trigger"])[data-active="true"][data-active-indicator="none"] {
+  :is([data-slot="sidebar-item"], [data-slot="sidebar-group-trigger"])[data-active="true"][data-active-indicator="none"] {
     box-shadow: none;
   }
 
-  [data-slot="app-sidebar-item"][data-slot="app-sidebar-item"]:hover {
+  [data-slot="sidebar-item"][data-slot="sidebar-item"]:hover {
     border-color: color-mix(in oklch, var(--sidebar-border), white 6%);
     background: var(--aui-sidebar-item-hover-bg);
     color: var(--sidebar-accent-foreground);
   }
 
-  [data-slot="app-sidebar-item"][data-active="true"] {
+  [data-slot="sidebar-item"][data-active="true"] {
     border-color: var(--aui-sidebar-item-active-border);
     background: var(--aui-sidebar-item-active-bg);
     color: var(--aui-sidebar-item-active-fg);
     box-shadow: 0 1px 0 oklch(1 0 0 / 6%), 0 10px 24px color-mix(in oklch, var(--sidebar-primary), transparent 88%);
   }
 
-  [data-slot="app-sidebar-item"][data-slot="app-sidebar-item"]:focus-visible {
+  [data-slot="sidebar-item"][data-slot="sidebar-item"]:focus-visible {
     box-shadow: 0 0 0 1px color-mix(in oklch, var(--sidebar-ring), transparent 40%), 0 0 0 5px color-mix(in oklch, var(--sidebar-ring), transparent 82%);
   }
 
-  [data-slot="app-sidebar-group-trigger"][data-slot="app-sidebar-group-trigger"] {
+  [data-slot="sidebar-group-trigger"][data-slot="sidebar-group-trigger"] {
     color: color-mix(in oklch, var(--sidebar-foreground), transparent 2%);
   }
 
-  [data-slot="app-sidebar-group-trigger"][data-slot="app-sidebar-group-trigger"]:hover {
+  [data-slot="sidebar-group-trigger"][data-slot="sidebar-group-trigger"]:hover {
     border-color: color-mix(in oklch, var(--sidebar-border), white 6%);
     background: var(--aui-sidebar-item-hover-bg);
     color: var(--sidebar-accent-foreground);
   }
 
-  [data-slot="app-sidebar-group-content"][data-slot="app-sidebar-group-content"] {
+  [data-slot="sidebar-group-content"][data-slot="sidebar-group-content"] {
     border-left: 1px solid color-mix(in oklch, var(--sidebar-border), transparent 28%);
   }
 
-  [data-slot="app-sidebar-group-label"][data-slot="app-sidebar-group-label"] {
+  [data-slot="sidebar-group-label"][data-slot="sidebar-group-label"] {
     color: var(--aui-sidebar-section-label);
   }
 
-  [data-slot="app-sidebar-footer-secondary"][data-slot="app-sidebar-footer-secondary"] {
+  [data-slot="sidebar-footer-secondary"][data-slot="sidebar-footer-secondary"] {
     border-bottom: 1px solid color-mix(in oklch, var(--sidebar-border), transparent 16%);
     padding-bottom: 0.75rem;
   }
 
-  [data-slot="app-sidebar-action"][data-slot="app-sidebar-action"],
-  [data-slot="app-sidebar-account"][data-slot="app-sidebar-account"] {
+  [data-slot="sidebar-action"][data-slot="sidebar-action"],
+  [data-slot="sidebar-account"][data-slot="sidebar-account"] {
     background: color-mix(in oklch, var(--sidebar), transparent 24%);
     color: var(--aui-sidebar-action-fg);
   }
 
-  [data-slot="app-sidebar-action"][data-slot="app-sidebar-action"]:hover,
-  [data-slot="app-sidebar-account"][data-slot="app-sidebar-account"]:hover {
+  [data-slot="sidebar-action"][data-slot="sidebar-action"]:hover,
+  [data-slot="sidebar-account"][data-slot="sidebar-account"]:hover {
     border-color: color-mix(in oklch, var(--sidebar-border), white 6%);
     background: var(--aui-sidebar-item-hover-bg);
     color: var(--sidebar-accent-foreground);
   }
 
-  [data-slot="app-sidebar-rail-actions"][data-slot="app-sidebar-rail-actions"] {
+  [data-slot="sidebar-rail-actions"][data-slot="sidebar-rail-actions"] {
     margin-bottom: 0.75rem;
   }
 
-  [data-slot="app-sidebar-account-wrap"][data-slot="app-sidebar-account-wrap"] {
+  [data-slot="sidebar-account-wrap"][data-slot="sidebar-account-wrap"] {
     border-top: 1px solid color-mix(in oklch, var(--sidebar-border), transparent 18%);
     padding-top: 0.75rem;
   }
 
+  [data-slot="sidebar-nav"] {
+    scrollbar-color: color-mix(in oklch, var(--sidebar-foreground), transparent 70%) transparent;
+    scrollbar-width: thin;
+  }
+
+  [data-slot="sidebar-nav"]::-webkit-scrollbar {
+    width: 0.375rem;
+  }
+
+  [data-slot="sidebar-nav"]::-webkit-scrollbar-thumb {
+    border-radius: 999px;
+    background: color-mix(in oklch, var(--sidebar-foreground), transparent 70%);
+  }
+
   [data-slot="sidebar-nav-item"][data-slot="sidebar-nav-item"] {
     background: var(--aui-sidebar-nav-item-bg);
     color: var(--muted-foreground);

package/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "3.1.17",
+  "version": "4.0.1",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [
@@ -62,6 +62,7 @@
     ],
     "feedback": [
       "alert",
+      "state-view",
       "loading-state",
       "page-state",
       "data-state"
@@ -98,6 +99,8 @@
       "sortable-list"
     ],
     "layout": [
+      "workspace-layout",
+      "sidebar-context",
       "sidebar",
       "breadcrumbs",
       "section"
@@ -267,10 +270,10 @@
       "alert",
       "charts",
       "sidebar",
+      "workspace-layout",
+      "state-view",
       "file-upload",
-      "progress"
-    ],
-    "standalone": [
+      "progress",
       "accordion",
       "divider",
       "segmented-control",
@@ -312,7 +315,8 @@
       "qr-code",
       "rich-text-editor",
       "image-cropper"
-    ]
+    ],
+    "standalone": []
   },
   "migrationAliases": {
     "clearable-input": "input",
@@ -365,7 +369,7 @@
     "data-list": "list",
     "property-grid": "description-list",
     "result": "page-state",
-    "app-header": "sidebar",
+    "app-header": "workspace-layout",
     "page-header": "section",
     "kpi": "statistic",
     "progress-ring": "progress-circle",

package/dist/components/actions/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/actions/demo.cjs")

package/dist/components/actions/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const actionsShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/actions/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/actions/demo.js"

package/dist/components/calendar/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/calendar/demo.cjs")

package/dist/components/calendar/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const calendarShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/calendar/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/calendar/demo.js"

package/dist/components/charts/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/charts/demo.cjs")

package/dist/components/charts/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const chartsShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/charts/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/charts/demo.js"

package/dist/components/data-table/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/data-table/demo.cjs")

package/dist/components/data-table/demo.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentDemoBundle } from "@/showcase/premium/types";
-export declare const dataTableShowcaseDemoRegistry: Record<string, ComponentDemoBundle>;

package/dist/components/data-table/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/data-table/demo.js"

package/dist/components/display/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/display/demo.cjs")

package/dist/components/display/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const displayShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/display/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/display/demo.js"

package/dist/components/feedback/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/feedback/demo.cjs")

package/dist/components/feedback/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const feedbackShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/feedback/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/feedback/demo.js"

package/dist/components/filters/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/filters/demo.cjs")

package/dist/components/filters/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const filtersShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/filters/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/filters/demo.js"

package/dist/components/form/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/form/demo.cjs")

package/dist/components/form/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const formShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/form/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/form/demo.js"

package/dist/components/inputs/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/inputs/demo.cjs")

package/dist/components/inputs/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const inputsShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/inputs/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/inputs/demo.js"

package/dist/components/layout/app-header.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/layout/app-header.cjs")

package/dist/components/layout/app-header.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-export type AppHeaderProps = React.ComponentProps<"header"> & {
-    left?: React.ReactNode;
-    center?: React.ReactNode;
-    right?: React.ReactNode;
-    sticky?: boolean;
-    heightClassName?: string;
-};
-declare function AppHeader({ className, left, center, right, sticky, heightClassName, children, ...props }: AppHeaderProps): React.JSX.Element;
-export { AppHeader };

package/dist/components/layout/app-header.js

@@ -1 +0,0 @@
-export * from "../../src/components/layout/app-header.js"

package/dist/components/layout/app-sidebar.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/layout/app-sidebar.cjs")

package/dist/components/layout/app-sidebar.js

@@ -1 +0,0 @@
-export * from "../../src/components/layout/app-sidebar.js"

package/dist/components/layout/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/layout/demo.cjs")

package/dist/components/layout/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const layoutShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/layout/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/layout/demo.js"

package/dist/components/navigation/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/navigation/demo.cjs")

package/dist/components/navigation/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const navigationShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/navigation/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/navigation/demo.js"

package/dist/components/overlay/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/overlay/demo.cjs")

package/dist/components/overlay/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const overlayShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/overlay/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/overlay/demo.js"

package/dist/components/patterns/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/demo.cjs")

package/dist/components/patterns/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const patternsShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/patterns/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/demo.js"

package/dist/components/upload/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/upload/demo.cjs")

package/dist/components/upload/demo.d.ts

@@ -1,6 +0,0 @@
-export declare const uploadShowcaseDemoRegistry: {
-    [k: string]: {
-        mock: import("../../showcase").ShowcaseDemoMock;
-        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
-    };
-};

package/dist/components/upload/demo.js

@@ -1 +0,0 @@
-export * from "../../src/components/upload/demo.js"

package/dist/components/wizard/demo.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/wizard/demo.cjs")