ui-lab-registry 0.1.8 → 0.2.0

package/dist/categories.d.ts

@@ -60,11 +60,11 @@ export declare const categories: {
         readonly description: "Components that group and organize related content with visual and semantic structure.";
         readonly iconName: "FaLayerGroup";
     };
-    readonly data: {
-        readonly id: "data";
-        readonly name: "Data Components";
-        readonly label: "Data";
-        readonly description: "Components for displaying and interacting with datasets, such as tables, lists, and data visualizations.";
+    readonly display: {
+        readonly id: "display";
+        readonly name: "Display Components";
+        readonly label: "Display";
+        readonly description: "Components for displaying and presenting content, such as tables, galleries, and data visualizations.";
         readonly iconName: "FaChartBar";
     };
 };

package/dist/categories.js

@@ -60,12 +60,12 @@ export const categories = {
         description: 'Components that group and organize related content with visual and semantic structure.',
         iconName: categoryIconConfig.container.name,
     },
-    data: {
-        id: 'data',
-        name: 'Data Components',
-        label: 'Data',
-        description: 'Components for displaying and interacting with datasets, such as tables, lists, and data visualizations.',
-        iconName: categoryIconConfig.data.name,
+    display: {
+        id: 'display',
+        name: 'Display Components',
+        label: 'Display',
+        description: 'Components for displaying and presenting content, such as tables, galleries, and data visualizations.',
+        iconName: categoryIconConfig.display.name,
     },
 };
 /**

package/dist/categories.js.map

@@ -1 +1 @@
-{"version":3,"file":"categories.js","sourceRoot":"","sources":["../src/categories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,sGAAsG;QACnH,QAAQ,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI;KACzC;IACD,WAAW,EAAE;QACX,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,uFAAuF;QACpG,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,IAAI;KAC9C;IACD,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,mGAAmG;QAChH,QAAQ,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI;KACzC;IACD,KAAK,EAAE;QACL,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,8HAA8H;QAC3I,QAAQ,EAAE,kBAAkB,CAAC,KAAK,CAAC,IAAI;KACxC;IACD,WAAW,EAAE;QACX,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,yGAAyG;QACtH,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,IAAI;KAC9C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,oHAAoH;QACjI,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,CAAC,IAAI;KAC3C;IACD,UAAU,EAAE;QACV,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,qGAAqG;QAClH,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAAI;KAC7C;IACD,SAAS,EAAE;QACT,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,wFAAwF;QACrG,QAAQ,EAAE,kBAAkB,CAAC,SAAS,CAAC,IAAI;KAC5C;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,0GAA0G;QACvH,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC,IAAI;KACvC;CACO,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAA4E,CAAC"}
+{"version":3,"file":"categories.js","sourceRoot":"","sources":["../src/categories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,sGAAsG;QACnH,QAAQ,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI;KACzC;IACD,WAAW,EAAE;QACX,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,uFAAuF;QACpG,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,IAAI;KAC9C;IACD,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,mGAAmG;QAChH,QAAQ,EAAE,kBAAkB,CAAC,MAAM,CAAC,IAAI;KACzC;IACD,KAAK,EAAE;QACL,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,8HAA8H;QAC3I,QAAQ,EAAE,kBAAkB,CAAC,KAAK,CAAC,IAAI;KACxC;IACD,WAAW,EAAE;QACX,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,yGAAyG;QACtH,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,IAAI;KAC9C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,oHAAoH;QACjI,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,CAAC,IAAI;KAC3C;IACD,UAAU,EAAE;QACV,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,qGAAqG;QAClH,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,IAAI;KAC7C;IACD,SAAS,EAAE;QACT,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,wFAAwF;QACrG,QAAQ,EAAE,kBAAkB,CAAC,SAAS,CAAC,IAAI;KAC5C;IACD,OAAO,EAAE;QACP,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,uGAAuG;QACpH,QAAQ,EAAE,kBAAkB,CAAC,OAAO,CAAC,IAAI;KAC1C;CACO,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAA4E,CAAC"}

package/dist/component-dependencies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-dependencies.d.ts","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAgC/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,6DAItB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,oBAAoB,iCAGvB,CAAA;AAEV,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAE/E;AAED,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAatE;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAEvE"}
+{"version":3,"file":"component-dependencies.d.ts","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAkC/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,6DAItB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,oBAAoB,iCAGvB,CAAA;AAEV,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAE/E;AAED,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAatE;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAEvE"}

package/dist/component-dependencies.js

@@ -4,7 +4,7 @@
  */
 export const componentDependencies = {
     'badge': { npm: [], internal: [] },
-    'breadcrumbs': { npm: [], internal: [] },
+    'path': { npm: [], internal: [] },
     'button': { npm: [], internal: [] },
     'card': { npm: [], internal: [] },
     'checkbox': { npm: [], internal: ['label'] },
@@ -12,7 +12,7 @@ export const componentDependencies = {
     'confirm': { npm: [], internal: ['modal', 'button', 'card'] },
     'divider': { npm: [], internal: [] },
     'flex': { npm: [], internal: [] },
-    'fold': { npm: ['gsap', '@gsap/react'], internal: [] },
+    'expand': { npm: ['gsap', '@gsap/react'], internal: [] },
     'frame': { npm: [], internal: [] },
     'form': { npm: [], internal: ['input', 'label'] },
     'gallery': { npm: [], internal: ['card'] },
@@ -20,8 +20,10 @@ export const componentDependencies = {
     'group': { npm: [], internal: ['button', 'input', 'select'] },
     'input': { npm: [], internal: ['label'] },
     'label': { npm: [], internal: [] },
+    'panel': { npm: [], internal: [] },
     'menu': { npm: ['@floating-ui/react-dom'], internal: [] },
     'modal': { npm: [], internal: ['card', 'button'] },
+    'page': { npm: [], internal: [] },
     'popover': { npm: ['@floating-ui/react-dom'], internal: [] },
     'progress': { npm: [], internal: [] },
     'radio': { npm: [], internal: ['label'] },

package/dist/component-dependencies.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-dependencies.js","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-dependencies.js","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"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"}

package/dist/component-order.js

@@ -4,15 +4,15 @@
  * Simply move a component to a different position in the array to change its order.
  */
 export const componentOrder = {
-    layout: ['grid', 'flex', 'gallery', 'divider', 'fold', 'card'],
-    composition: ['form', 'group', 'list'],
+    layout: ['grid', 'flex', 'gallery', 'divider', 'expand', 'card'],
+    composition: ['group', 'list', 'panel',],
     action: ['button', 'confirm', 'command'],
     input: ['date', 'checkbox', 'color', 'input', 'radio', 'select', 'slider', 'switch', 'textarea'],
     information: ['banner', 'badge', 'label', 'tooltip'],
     feedback: ['popover', 'progress', 'toast'],
-    navigation: ['breadcrumbs', 'menu', 'tabs', 'anchor'],
-    container: ['modal', 'scroll', 'mask', 'frame'],
-    data: ['table'],
+    navigation: ['path', 'menu', 'tabs', 'anchor'],
+    container: ['page', 'modal', 'scroll', 'mask', 'frame'],
+    display: ['table', 'code'],
 };
 /**
  * Get the ordered list of components for a given category.

package/dist/component-order.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-order.js","sourceRoot":"","sources":["../src/component-order.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAwC;IACjE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC;IAC9D,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;IACtC,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;IACxC,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC;IAChG,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC;IACpD,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;IAC1C,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;IACrD,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;IAC/C,IAAI,EAAE,CAAC,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAA2B,EAAY,EAAE;IAC5E,OAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAa,EAAE;IACpD,OAAO,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"file":"component-order.js","sourceRoot":"","sources":["../src/component-order.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAwC;IACjE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC;IAChE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;IACxC,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;IACxC,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC;IAChG,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC;IACpD,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;IAC1C,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;IAC9C,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;IACvD,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAA2B,EAAY,EAAE;IAC5E,OAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAa,EAAE;IACpD,OAAO,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,CAAC;AAC9C,CAAC,CAAC"}

package/dist/components/Anchor/index.d.ts

@@ -2,5 +2,5 @@ import { ControlDef, ComponentDetail } from '@/types';
 declare const anchorControls: ControlDef[];
 export declare const anchorDetail: ComponentDetail;
 export { anchorControls };
-export * from './examples';
+export * from './examples/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Anchor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Anchor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAStD,QAAA,MAAM,cAAc,EAAE,UAAU,EAAO,CAAC;AAexC,eAAO,MAAM,YAAY,EAAE,eAwC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Anchor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAStD,QAAA,MAAM,cAAc,EAAE,UAAU,EAAO,CAAC;AAexC,eAAO,MAAM,YAAY,EAAE,eAwC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/Anchor/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Anchor } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-anchor.js';
-import examplesJson from './examples.json';
-import { loadComponentExamples } from '../../utils/load-component-examples';
+import examplesJson from './examples.json' with { type: 'json' };
+import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
     { id: '01-basic-anchor', Component: Example1, metadata: metadata1 },
 ];
@@ -38,5 +38,5 @@ export const anchorDetail = {
     ],
 };
 export { anchorControls };
-export * from './examples';
+export * from './examples/index.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Anchor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Anchor/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAW,MAAM,mBAAmB,CAAC;AAEpD,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACpE,CAAC;AAEF,MAAM,cAAc,GAAiB,EAAE,CAAC;AAExC,MAAM,eAAe,GAAG;;;;;;;;;;;EAWtB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,8EAA8E;IAC3F,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,sLAEI,EACJ,2MAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,mCAAmC;YAChD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,CACP,MAAC,MAAM,2BAEL,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,gCAAsB,GAC/B,IACV,CACV;YACD,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,GAAG,EAAE,CAAC,CACnB,MAAC,MAAM,2BAEL,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,gCAAsB,GAC/B,IACV,CACV;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Anchor/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAW,MAAM,mBAAmB,CAAC;AAEpD,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACpE,CAAC;AAEF,MAAM,cAAc,GAAiB,EAAE,CAAC;AAExC,MAAM,eAAe,GAAG;;;;;;;;;;;EAWtB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,8EAA8E;IAC3F,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,sLAEI,EACJ,2MAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,mCAAmC;YAChD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,CACP,MAAC,MAAM,2BAEL,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,gCAAsB,GAC/B,IACV,CACV;YACD,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,GAAG,EAAE,CAAC,CACnB,MAAC,MAAM,2BAEL,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,gCAAsB,GAC/B,IACV,CACV;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/Badge/index.d.ts

@@ -2,5 +2,5 @@ import { ControlDef, ComponentDetail } from '@/types';
 declare const badgeControls: ControlDef[];
 export declare const badgeDetail: ComponentDetail;
 export { badgeControls };
-export * from './examples';
+export * from './examples/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAUtD,QAAA,MAAM,aAAa,EAAE,UAAU,EA+B9B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,eAkDzB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAUtD,QAAA,MAAM,aAAa,EAAE,UAAU,EA+B9B,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,eAkDzB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,cAAc,kBAAkB,CAAC"}

package/dist/components/Badge/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-badge.js';
-import examplesJson from './examples.json';
-import { loadComponentExamples } from '../../utils/load-component-examples';
+import examplesJson from './examples.json' with { type: 'json' };
+import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
     { id: '01-basic-badge', Component: Example1, metadata: metadata1 },
 ];
@@ -78,5 +78,5 @@ export const badgeDetail = {
     ],
 };
 export { badgeControls };
-export * from './examples';
+export * from './examples/index.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACnE,CAAC;AAEF,MAAM,aAAa,GAAiB;IAClC;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACpC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,YAAY,EAAE,SAAS;KACxB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;YAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;SAChC;QACD,YAAY,EAAE,IAAI;KACnB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,cAAc,GAAG;;;;EAIrB,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAoB;IAC1C,EAAE,EAAE,OAAO;IACX,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,2DAA2D;IACxE,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,+SAEI,EACJ,uHAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,KAAC,KAAK,0BAAgB;YAC/B,QAAQ,EAAE,aAAa;YACvB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,IACJ,OAAO,EAAE,KAAK,CAAC,OAAc,EAC7B,IAAI,EAAE,KAAK,CAAC,IAAW,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,2BAGxB,CACT;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,qCAAqC;YAClD,IAAI,EAAE,0CAA0C;YAChD,OAAO,EAAE,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB;SAClD;QACD;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,mCAAmC;YAChD,IAAI,EAAE,0CAA0C;YAChD,OAAO,EAAE,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB;SAClD;KACF;CACF,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Banner/index.d.ts

@@ -2,5 +2,5 @@ import { ControlDef, ComponentDetail } from '@/types';
 declare const bannerControls: ControlDef[];
 export declare const bannerDetail: ComponentDetail;
 export { bannerControls };
-export * from './examples';
+export * from './examples/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAUtD,QAAA,MAAM,cAAc,EAAE,UAAU,EA+B/B,CAAC;AAYF,eAAO,MAAM,YAAY,EAAE,eAwC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAUtD,QAAA,MAAM,cAAc,EAAE,UAAU,EA+B/B,CAAC;AAYF,eAAO,MAAM,YAAY,EAAE,eAwC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/Banner/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Banner } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-banner.js';
-import examplesJson from './examples.json';
-import { loadComponentExamples } from '../../utils/load-component-examples';
+import examplesJson from './examples.json' with { type: 'json' };
+import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
     { id: '01-basic-banner', Component: Example1, metadata: metadata1 },
 ];
@@ -66,5 +66,5 @@ export const bannerDetail = {
     ],
 };
 export { bannerControls };
-export * from './examples';
+export * from './examples/index.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAG5E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACpE,CAAC;AAEF,MAAM,cAAc,GAAiB;IACnC;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;SACrC;QACD,YAAY,EAAE,MAAM;KACrB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;YAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;SAChC;QACD,YAAY,EAAE,IAAI;KACnB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,eAAe,GAAG;;;;;;;;EAQtB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,oFAAoF;IACjG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,qOAGI,EACJ,wOAGI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,sCAAsC;YACnD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,CACP,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,iDAEvB,CACV;YACD,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,IACL,OAAO,EAAE,KAAK,CAAC,OAAc,EAC7B,IAAI,EAAE,KAAK,CAAC,IAAW,EACvB,aAAa,EAAE,KAAK,CAAC,WAAW,2BAErB,KAAK,CAAC,OAAO,gBACjB,CACV;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAG5E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACpE,CAAC;AAEF,MAAM,cAAc,GAAiB;IACnC;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;SACrC;QACD,YAAY,EAAE,MAAM;KACrB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;YAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;SAChC;QACD,YAAY,EAAE,IAAI;KACnB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,eAAe,GAAG;;;;;;;;EAQtB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,oFAAoF;IACjG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,qOAGI,EACJ,wOAGI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,sCAAsC;YACnD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,CACP,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,iDAEvB,CACV;YACD,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,IACL,OAAO,EAAE,KAAK,CAAC,OAAc,EAC7B,IAAI,EAAE,KAAK,CAAC,IAAW,EACvB,aAAa,EAAE,KAAK,CAAC,WAAW,2BAErB,KAAK,CAAC,OAAO,gBACjB,CACV;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/Button/examples/05-pagination-controls.js

@@ -10,6 +10,6 @@ export const metadata = {
 export default function Example() {
     const [currentPage, setCurrentPage] = useState(2);
     const totalPages = 8;
-    return (_jsx("div", { className: "p-4 space-y-4", children: _jsx("div", { className: "space-y-2", children: _jsxs(Group, { orientation: "horizontal", spacing: "none", children: [_jsx(Group.Button, { variant: "ghost", onClick: () => setCurrentPage(Math.max(1, currentPage - 1)), isDisabled: currentPage === 1, title: "Previous page", children: _jsx(ChevronLeft, { size: 16 }) }), [1, 2, 3].map((page) => (_jsx(Group.Button, { variant: currentPage === page ? 'default' : 'outline', onClick: () => setCurrentPage(page), children: page }, page))), currentPage > 5 && (_jsx("span", { className: "text-foreground-500 text-xs px-2 flex items-center", children: "\u2026" })), totalPages > 3 && (_jsx(Group.Button, { variant: currentPage === totalPages ? 'default' : 'outline', onClick: () => setCurrentPage(totalPages), children: totalPages })), _jsx(Group.Button, { variant: "ghost", onClick: () => setCurrentPage(Math.min(totalPages, currentPage + 1)), isDisabled: currentPage === totalPages, title: "Next page", children: _jsx(ChevronRight, { size: 16 }) })] }) }) }));
+    return (_jsx("div", { className: "p-4 space-y-4", children: _jsx("div", { className: "space-y-2", children: _jsxs(Group, { orientation: "horizontal", spacing: "none", children: [_jsx(Group.Button, { variant: "ghost", onClick: () => setCurrentPage(Math.max(1, currentPage - 1)), isDisabled: currentPage === 1, title: "Previous page", children: _jsx(ChevronLeft, { size: 16 }) }), [1, 2, 3].map((page) => (_jsx(Group.Button, { variant: currentPage === page ? 'default' : 'outline', onClick: () => setCurrentPage(page), children: page }, page))), currentPage > 5 && (_jsx("span", { className: "text-foreground-400 text-xs px-2 flex items-center", children: "\u2026" })), totalPages > 3 && (_jsx(Group.Button, { variant: currentPage === totalPages ? 'default' : 'outline', onClick: () => setCurrentPage(totalPages), children: totalPages })), _jsx(Group.Button, { variant: "ghost", onClick: () => setCurrentPage(Math.min(totalPages, currentPage + 1)), isDisabled: currentPage === totalPages, title: "Next page", children: _jsx(ChevronRight, { size: 16 }) })] }) }) }));
 }
 //# sourceMappingURL=05-pagination-controls.js.map

package/dist/components/Button/index.d.ts

@@ -2,5 +2,5 @@ import { ControlDef, ComponentDetail } from '@/types';
 declare const buttonControls: ControlDef[];
 export declare const buttonDetail: ComponentDetail;
 export { buttonControls };
-export * from './examples';
+export * from './examples/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAsC/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAkC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAuC/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAkC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/Button/index.js

@@ -5,8 +5,8 @@ import Example2, { metadata as metadata2 } from './examples/02-joined-toggle-but
 import Example3, { metadata as metadata3 } from './examples/03-split-action-button.js';
 import Example4, { metadata as metadata4 } from './examples/04-toolbar-buttons.js';
 import Example5, { metadata as metadata5 } from './examples/05-pagination-controls.js';
-import examplesJson from './examples.json';
-import { loadComponentExamples } from '../../utils/load-component-examples';
+import examplesJson from './examples.json' with { type: 'json' };
+import { loadComponentExamples } from '../../utils/load-component-examples.js';
 // Define examplesData locally
 const examplesData = [
     { id: '01-variants', Component: Example1, metadata: metadata1 },
@@ -26,6 +26,7 @@ const buttonControls = [
             { label: 'Secondary', value: 'secondary' },
             { label: 'Outline', value: 'outline' },
             { label: 'Ghost', value: 'ghost' },
+            { label: 'Danger', value: 'danger' },
         ],
         defaultValue: 'default',
     },
@@ -78,5 +79,5 @@ export const buttonDetail = {
     ],
 };
 export { buttonControls };
-export * from './examples';
+export * from './examples/index.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Card/examples/02-user-profile-card.js

@@ -6,6 +6,6 @@ export const metadata = {
     description: 'A practical user profile card combining header with avatar, status badge, content details, and action buttons. Demonstrates rich composition with user information display.'
 };
 export default function Example() {
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-start gap-3 flex-1", children: [_jsx("div", { className: "h-12 w-12 rounded-full bg-background-700 flex-shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Alex Johnson" }), _jsx("p", { className: "text-sm text-foreground-400", children: "Product Designer" })] })] }), _jsx(Badge, { variant: "success", size: "sm", children: "Active" })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3 text-sm text-foreground-300", children: [_jsx(Mail, { className: "w-4 h-4 text-foreground-500" }), _jsx("span", { children: "alex.johnson@company.com" })] }), _jsxs("div", { className: "flex items-center gap-3 text-sm text-foreground-300", children: [_jsx(MapPin, { className: "w-4 h-4 text-foreground-500" }), _jsx("span", { children: "San Francisco, CA" })] })] }), _jsx("p", { className: "text-sm text-foreground-300 leading-relaxed", children: "Passionate about creating intuitive user experiences and mentoring design teams. Always exploring new design patterns." })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { variant: "ghost", spacing: "sm", children: [_jsxs(Group.Button, { variant: "outline", size: "md", className: "flex-1", children: [_jsx(MessageSquare, { className: "w-4 h-4" }), _jsx("span", { children: "Message" })] }), _jsx(Group.Button, { variant: "primary", size: "md", className: "flex-1", children: "View Profile" })] }) })] }) }));
+    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-start gap-3 flex-1", children: [_jsx("div", { className: "h-12 w-12 rounded-full bg-background-700 flex-shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Alex Johnson" }), _jsx("p", { className: "text-sm text-foreground-400", children: "Product Designer" })] })] }), _jsx(Badge, { variant: "success", size: "sm", children: "Active" })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3 text-sm text-foreground-300", children: [_jsx(Mail, { className: "w-4 h-4 text-foreground-400" }), _jsx("span", { children: "alex.johnson@company.com" })] }), _jsxs("div", { className: "flex items-center gap-3 text-sm text-foreground-300", children: [_jsx(MapPin, { className: "w-4 h-4 text-foreground-400" }), _jsx("span", { children: "San Francisco, CA" })] })] }), _jsx("p", { className: "text-sm text-foreground-300 leading-relaxed", children: "Passionate about creating intuitive user experiences and mentoring design teams. Always exploring new design patterns." })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { variant: "ghost", spacing: "sm", children: [_jsxs(Group.Button, { variant: "outline", size: "md", className: "flex-1", children: [_jsx(MessageSquare, { className: "w-4 h-4" }), _jsx("span", { children: "Message" })] }), _jsx(Group.Button, { variant: "primary", size: "md", className: "flex-1", children: "View Profile" })] }) })] }) }));
 }
 //# sourceMappingURL=02-user-profile-card.js.map

package/dist/components/Card/examples/03-settings-panel-card.js

@@ -11,6 +11,6 @@ export default function Example() {
     const [notificationsEnabled, setNotificationsEnabled] = useState(true);
     const [previewMode, setPreviewMode] = useState(false);
     const [privateMode, setPrivateMode] = useState(false);
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(Card.Header, { className: "flex items-center justify-between gap-3", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Preferences" }), _jsx(Badge, { variant: "info", size: "sm", children: "3 settings" })] }), _jsxs(Card.Body, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Bell, { className: "w-4 h-4 text-foreground-500 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "notifications", checked: notificationsEnabled, onChange: (e) => setNotificationsEnabled(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Notifications" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Stay updated with alerts" })] }), size: "md" })] }), _jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Eye, { className: "w-4 h-4 text-foreground-500 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "preview", checked: previewMode, onChange: (e) => setPreviewMode(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Preview Mode" }), _jsx("p", { className: "text-xs text-foreground-400", children: "See changes in real-time" })] }), size: "md" })] }), _jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Lock, { className: "w-4 h-4 text-foreground-500 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "privacy", checked: privateMode, onChange: (e) => setPrivateMode(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Privacy Mode" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Hide sensitive data" })] }), size: "md" })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "Reset to Defaults" }), _jsx(Group.Button, { variant: "primary", size: "md", className: "flex-1", children: "Save Changes" })] }) })] }) }));
+    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(Card.Header, { className: "flex items-center justify-between gap-3", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Preferences" }), _jsx(Badge, { variant: "info", size: "sm", children: "3 settings" })] }), _jsxs(Card.Body, { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Bell, { className: "w-4 h-4 text-foreground-400 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "notifications", checked: notificationsEnabled, onChange: (e) => setNotificationsEnabled(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Notifications" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Stay updated with alerts" })] }), size: "md" })] }), _jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Eye, { className: "w-4 h-4 text-foreground-400 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "preview", checked: previewMode, onChange: (e) => setPreviewMode(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Preview Mode" }), _jsx("p", { className: "text-xs text-foreground-400", children: "See changes in real-time" })] }), size: "md" })] }), _jsxs("div", { className: "flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors", children: [_jsx(Lock, { className: "w-4 h-4 text-foreground-400 mt-1 flex-shrink-0" }), _jsx(Checkbox, { id: "privacy", checked: privateMode, onChange: (e) => setPrivateMode(e.target.checked), label: _jsxs("div", { className: "ml-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground-100", children: "Privacy Mode" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Hide sensitive data" })] }), size: "md" })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "Reset to Defaults" }), _jsx(Group.Button, { variant: "primary", size: "md", className: "flex-1", children: "Save Changes" })] }) })] }) }));
 }
 //# sourceMappingURL=03-settings-panel-card.js.map

package/dist/components/Card/examples/04-task-progress-card.js

@@ -6,6 +6,6 @@ export const metadata = {
     description: 'A project task card with progress tracking, team assignments, due dates, and status. Shows how cards organize complex project information with clear visual hierarchy.'
 };
 export default function Example() {
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Design System Audit" }), _jsx("p", { className: "text-xs text-foreground-400 mt-1", children: "Component documentation" })] }), _jsx(Badge, { variant: "info", size: "sm", children: "In Progress" })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-foreground-300", children: "Complete comprehensive audit of existing design system components and document best practices." }), _jsx(Progress, { value: 65, max: 100, label: "Progress", showValue: true, size: "sm", variant: "default" }), _jsxs("div", { className: "grid grid-cols-2 gap-3 pt-2 border-t border-background-800", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-500 uppercase tracking-wide mb-2", children: "Assigned To" }), _jsxs("div", { className: "flex -space-x-2", children: [_jsx("div", { className: "w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300", children: "SA" }), _jsx("div", { className: "w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300", children: "JD" })] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-500 uppercase tracking-wide mb-2", children: "Due Date" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Calendar, { className: "w-4 h-4 text-foreground-500" }), _jsx("span", { className: "text-sm font-medium text-foreground-300", children: "Mar 15" })] })] })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "View Details" }), _jsxs(Group.Button, { variant: "primary", size: "md", className: "flex-1 gap-2", children: [_jsx(CheckCircle2, { className: "w-4 h-4" }), "Complete"] })] }) })] }) }));
+    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Design System Audit" }), _jsx("p", { className: "text-xs text-foreground-400 mt-1", children: "Component documentation" })] }), _jsx(Badge, { variant: "info", size: "sm", children: "In Progress" })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-foreground-300", children: "Complete comprehensive audit of existing design system components and document best practices." }), _jsx(Progress, { value: 65, max: 100, label: "Progress", showValue: true, size: "sm", variant: "default" }), _jsxs("div", { className: "grid grid-cols-2 gap-3 pt-2 border-t border-background-800", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Assigned To" }), _jsxs("div", { className: "flex -space-x-2", children: [_jsx("div", { className: "w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300", children: "SA" }), _jsx("div", { className: "w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300", children: "JD" })] })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Due Date" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Calendar, { className: "w-4 h-4 text-foreground-400" }), _jsx("span", { className: "text-sm font-medium text-foreground-300", children: "Mar 15" })] })] })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "View Details" }), _jsxs(Group.Button, { variant: "primary", size: "md", className: "flex-1 gap-2", children: [_jsx(CheckCircle2, { className: "w-4 h-4" }), "Complete"] })] }) })] }) }));
 }
 //# sourceMappingURL=04-task-progress-card.js.map

package/dist/components/Card/examples/04-task-progress-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"04-task-progress-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/04-task-progress-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,oBAAoB;IAC3B,WAAW,EAAE,wKAAwK;CACtL,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAE/B,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,wCAAwC,aAC7D,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAI,SAAS,EAAC,mCAAmC,oCAAyB,EAC1E,YAAG,SAAS,EAAC,kCAAkC,wCAA4B,IACvE,EACN,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,4BAAoB,IACvC,EAGd,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aAE9B,YAAG,SAAS,EAAC,6BAA6B,+GAEtC,EAGJ,KAAC,QAAQ,IACP,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,UAAU,EAChB,SAAS,QACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,GACjB,EAGF,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,YAAG,SAAS,EAAC,0DAA0D,4BAAgB,EACvF,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,oJAAoJ,mBAE7J,EACN,cAAK,SAAS,EAAC,oJAAoJ,mBAE7J,IACF,IACF,EACN,0BACE,YAAG,SAAS,EAAC,0DAA0D,yBAAa,EACpF,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,EACpD,eAAM,SAAS,EAAC,yCAAyC,uBAAc,IACnE,IACF,IACF,IACI,EAGZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,YAC1D,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,6BAE3C,EACf,MAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,aAChE,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,gBAEvB,IACT,GACI,IACT,GACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"04-task-progress-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/04-task-progress-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,oBAAoB;IAC3B,WAAW,EAAE,wKAAwK;CACtL,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAE/B,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,wCAAwC,aAC7D,eAAK,SAAS,EAAC,gBAAgB,aAC7B,aAAI,SAAS,EAAC,mCAAmC,oCAAyB,EAC1E,YAAG,SAAS,EAAC,kCAAkC,wCAA4B,IACvE,EACN,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,4BAAoB,IACvC,EAGd,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aAE9B,YAAG,SAAS,EAAC,6BAA6B,+GAEtC,EAGJ,KAAC,QAAQ,IACP,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,UAAU,EAChB,SAAS,QACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,GACjB,EAGF,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,YAAG,SAAS,EAAC,iCAAiC,4BAAgB,EAC9D,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,oJAAoJ,mBAE7J,EACN,cAAK,SAAS,EAAC,oJAAoJ,mBAE7J,IACF,IACF,EACN,0BACE,YAAG,SAAS,EAAC,iCAAiC,yBAAa,EAC3D,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,QAAQ,IAAC,SAAS,EAAC,6BAA6B,GAAG,EACpD,eAAM,SAAS,EAAC,yCAAyC,uBAAc,IACnE,IACF,IACF,IACI,EAGZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,YAC1D,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,6BAE3C,EACf,MAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc,aAChE,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,gBAEvB,IACT,GACI,IACT,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples/05-data-summary-card.js

@@ -6,6 +6,6 @@ export const metadata = {
     description: 'A dashboard card displaying key metrics with header, summary values, and comparison info. Shows how cards present quantitative data with visual hierarchy.'
 };
 export default function Example() {
-    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Revenue" }), _jsx("p", { className: "text-xs text-foreground-400 mt-1", children: "Last 30 days" })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: _jsx(MoreVertical, { className: "w-4 h-4" }) })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-500 uppercase tracking-wide mb-1", children: "Total Revenue" }), _jsx("p", { className: "text-3xl font-bold text-foreground-100", children: "$24,580" })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3 pt-3 border-t border-background-700", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-500 uppercase tracking-wide mb-2", children: "Orders" }), _jsx("p", { className: "text-lg font-semibold text-foreground-100", children: "342" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-500 uppercase tracking-wide mb-2", children: "Average" }), _jsx("p", { className: "text-lg font-semibold text-foreground-100", children: "$72" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-500 uppercase tracking-wide mb-2", children: "Growth" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(TrendingUp, { className: "w-4 h-4 text-green-500" }), _jsx("p", { className: "text-lg font-semibold text-green-500", children: "12%" })] })] })] }), _jsxs("div", { className: "flex gap-2 flex-wrap pt-2", children: [_jsx(Badge, { variant: "success", size: "sm", children: "On Track" }), _jsx(Badge, { variant: "info", size: "sm", children: "Updated Today" })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "Export" }), _jsx(Group.Button, { variant: "outline", size: "md", className: "flex-1", children: "View Details" })] }) })] }) }));
+    return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4", children: _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(Card.Header, { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-foreground-100", children: "Revenue" }), _jsx("p", { className: "text-xs text-foreground-400 mt-1", children: "Last 30 days" })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: _jsx(MoreVertical, { className: "w-4 h-4" }) })] }), _jsxs(Card.Body, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-1", children: "Total Revenue" }), _jsx("p", { className: "text-3xl font-bold text-foreground-100", children: "$24,580" })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3 pt-3 border-t border-background-700", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Orders" }), _jsx("p", { className: "text-lg font-semibold text-foreground-100", children: "342" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Average" }), _jsx("p", { className: "text-lg font-semibold text-foreground-100", children: "$72" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-foreground-400mb-2", children: "Growth" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(TrendingUp, { className: "w-4 h-4 text-green-500" }), _jsx("p", { className: "text-lg font-semibold text-green-500", children: "12%" })] })] })] }), _jsxs("div", { className: "flex gap-2 flex-wrap pt-2", children: [_jsx(Badge, { variant: "success", size: "sm", children: "On Track" }), _jsx(Badge, { variant: "info", size: "sm", children: "Updated Today" })] })] }), _jsx(Card.Footer, { className: "border-t border-background-700 pt-4", children: _jsxs(Group, { children: [_jsx(Group.Button, { variant: "ghost", size: "md", className: "flex-1", children: "Export" }), _jsx(Group.Button, { variant: "outline", size: "md", className: "flex-1", children: "View Details" })] }) })] }) }));
 }
 //# sourceMappingURL=05-data-summary-card.js.map

package/dist/components/Card/examples/05-data-summary-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"05-data-summary-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/05-data-summary-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,4JAA4J;CAC1K,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAE/B,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,mCAAmC,aACxD,0BACE,aAAI,SAAS,EAAC,mCAAmC,wBAAa,EAC9D,YAAG,SAAS,EAAC,kCAAkC,6BAAiB,IAC5D,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,YACvD,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,GAC7B,IACG,EAGd,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aAC9B,0BACE,YAAG,SAAS,EAAC,0DAA0D,8BAAkB,EACzF,YAAG,SAAS,EAAC,wCAAwC,wBAAY,IAC7D,EAGN,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,YAAG,SAAS,EAAC,0DAA0D,uBAAW,EAClF,YAAG,SAAS,EAAC,2CAA2C,oBAAQ,IAC5D,EACN,0BACE,YAAG,SAAS,EAAC,0DAA0D,wBAAY,EACnF,YAAG,SAAS,EAAC,2CAA2C,oBAAQ,IAC5D,EACN,0BACE,YAAG,SAAS,EAAC,0DAA0D,uBAAW,EAClF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB,GAAG,EACjD,YAAG,SAAS,EAAC,sCAAsC,oBAAQ,IACvD,IACF,IACF,EAGN,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,yBAAiB,EACnD,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,8BAAsB,IACjD,IACI,EAGZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,YAC1D,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,uBAE3C,EACf,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,6BAE7C,IACT,GACI,IACT,GACH,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"05-data-summary-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/05-data-summary-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,4JAA4J;CAC1K,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAE/B,MAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,mCAAmC,aACxD,0BACE,aAAI,SAAS,EAAC,mCAAmC,wBAAa,EAC9D,YAAG,SAAS,EAAC,kCAAkC,6BAAiB,IAC5D,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,YACvD,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,GAC7B,IACG,EAGd,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,WAAW,aAC9B,0BACE,YAAG,SAAS,EAAC,iCAAiC,8BAAkB,EAChE,YAAG,SAAS,EAAC,wCAAwC,wBAAY,IAC7D,EAGN,eAAK,SAAS,EAAC,4DAA4D,aACzE,0BACE,YAAG,SAAS,EAAC,iCAAiC,uBAAW,EACzD,YAAG,SAAS,EAAC,2CAA2C,oBAAQ,IAC5D,EACN,0BACE,YAAG,SAAS,EAAC,iCAAiC,wBAAY,EAC1D,YAAG,SAAS,EAAC,2CAA2C,oBAAQ,IAC5D,EACN,0BACE,YAAG,SAAS,EAAC,iCAAiC,uBAAW,EACzD,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB,GAAG,EACjD,YAAG,SAAS,EAAC,sCAAsC,oBAAQ,IACvD,IACF,IACF,EAGN,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,yBAAiB,EACnD,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,8BAAsB,IACjD,IACI,EAGZ,KAAC,IAAI,CAAC,MAAM,IAAC,SAAS,EAAC,qCAAqC,YAC1D,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,uBAE3C,EACf,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,6BAE7C,IACT,GACI,IACT,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples/index.d.ts

@@ -1,11 +1,3 @@
 export { default as Example1 } from './01-basic-card.js';
 export { metadata as metadata1 } from './01-basic-card.js';
-export { default as Example2 } from './02-user-profile-card.js';
-export { metadata as metadata2 } from './02-user-profile-card.js';
-export { default as Example3 } from './03-settings-panel-card.js';
-export { metadata as metadata3 } from './03-settings-panel-card.js';
-export { default as Example4 } from './04-task-progress-card.js';
-export { metadata as metadata4 } from './04-task-progress-card.js';
-export { default as Example5 } from './05-data-summary-card.js';
-export { metadata as metadata5 } from './05-data-summary-card.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Card/examples/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Card/examples/index.js

@@ -1,11 +1,3 @@
 export { default as Example1 } from './01-basic-card.js';
 export { metadata as metadata1 } from './01-basic-card.js';
-export { default as Example2 } from './02-user-profile-card.js';
-export { metadata as metadata2 } from './02-user-profile-card.js';
-export { default as Example3 } from './03-settings-panel-card.js';
-export { metadata as metadata3 } from './03-settings-panel-card.js';
-export { default as Example4 } from './04-task-progress-card.js';
-export { metadata as metadata4 } from './04-task-progress-card.js';
-export { default as Example5 } from './05-data-summary-card.js';
-export { metadata as metadata5 } from './05-data-summary-card.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Card/examples/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Card/examples.json

@@ -3,25 +3,5 @@
         "title": "Basic Card",
         "description": "A simple card container with header, body, and footer sections. Use this to group related content in your interface.",
         "code": "import { Card } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Card>\n      <Card.Header>\n        <h3>Card Title</h3>\n      </Card.Header>\n      <Card.Body>\n        <p>This is the card content area where you can place any information or components.</p>\n      </Card.Body>\n      <Card.Footer>\n        <p>Footer content</p>\n      </Card.Footer>\n    </Card>\n  );\n}"
-    },
-    "02-user-profile-card": {
-        "title": "User Profile Card",
-        "description": "A practical user profile card combining header with avatar, status badge, content details, and action buttons. Demonstrates rich composition with user information display.",
-        "code": "import { Card, Badge, Group } from 'ui-lab-components';\nimport { Mail, MapPin, MessageSquare } from 'lucide-react';\n\nexport default function Example() {\n  return (\n    <div className=\"flex items-center justify-center bg-background-950 p-4\">\n      <Card className=\"w-full max-w-sm\">\n        {/* Header: Profile Section */}\n        <Card.Header className=\"flex items-start justify-between gap-4\">\n          <div className=\"flex items-start gap-3 flex-1\">\n            <div className=\"h-12 w-12 rounded-full bg-background-700 flex-shrink-0\" />\n            <div className=\"flex-1\">\n              <h3 className=\"font-semibold text-foreground-100\">Alex Johnson</h3>\n              <p className=\"text-sm text-foreground-400\">Product Designer</p>\n            </div>\n          </div>\n          <Badge variant=\"success\" size=\"sm\">Active</Badge>\n        </Card.Header>\n\n        {/* Body: Details */}\n        <Card.Body className=\"space-y-4\">\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center gap-3 text-sm text-foreground-300\">\n              <Mail className=\"w-4 h-4 text-foreground-500\" />\n              <span>alex.johnson@company.com</span>\n            </div>\n            <div className=\"flex items-center gap-3 text-sm text-foreground-300\">\n              <MapPin className=\"w-4 h-4 text-foreground-500\" />\n              <span>San Francisco, CA</span>\n            </div>\n          </div>\n\n          <p className=\"text-sm text-foreground-300 leading-relaxed\">\n            Passionate about creating intuitive user experiences and mentoring design teams. Always exploring new design patterns.\n          </p>\n        </Card.Body>\n\n        {/* Footer: Actions */}\n        <Card.Footer className=\"border-t border-background-700 pt-4\">\n          <Group variant=\"ghost\" spacing=\"sm\">\n            <Group.Button variant=\"outline\" size=\"md\" className=\"flex-1\">\n              <MessageSquare className=\"w-4 h-4\" />\n              <span>Message</span>\n            </Group.Button>\n            <Group.Button variant=\"primary\" size=\"md\" className=\"flex-1\">\n              View Profile\n            </Group.Button>\n          </Group>\n        </Card.Footer>\n      </Card>\n    </div>\n  );\n}"
-    },
-    "03-settings-panel-card": {
-        "title": "Settings Panel Card",
-        "description": "A card-based settings panel with grouped toggle controls and action buttons. Shows how cards structure configuration options with clear labeling and actions.",
-        "code": "'use client';\n\nimport React, { useState } from 'react';\nimport { Card, Button, Group, Badge, Checkbox } from 'ui-lab-components';\nimport { Bell, Eye, Lock } from 'lucide-react';\n\nexport default function Example() {\n  const [notificationsEnabled, setNotificationsEnabled] = useState(true);\n  const [previewMode, setPreviewMode] = useState(false);\n  const [privateMode, setPrivateMode] = useState(false);\n\n  return (\n    <div className=\"flex items-center justify-center bg-background-950 p-4\">\n      <Card className=\"w-full max-w-md\">\n        <Card.Header className=\"flex items-center justify-between gap-3\">\n          <h3 className=\"font-semibold text-foreground-100\">Preferences</h3>\n          <Badge variant=\"info\" size=\"sm\">3 settings</Badge>\n        </Card.Header>\n\n        <Card.Body className=\"space-y-3\">\n          {/* Notification Setting */}\n          <div className=\"flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors\">\n            <Bell className=\"w-4 h-4 text-foreground-500 mt-1 flex-shrink-0\" />\n            <Checkbox\n              id=\"notifications\"\n              checked={notificationsEnabled}\n              onChange={(e) => setNotificationsEnabled(e.target.checked)}\n              label={\n                <div className=\"ml-1\">\n                  <p className=\"text-sm font-medium text-foreground-100\">Notifications</p>\n                  <p className=\"text-xs text-foreground-400\">Stay updated with alerts</p>\n                </div>\n              }\n              size=\"md\"\n            />\n          </div>\n\n          {/* Preview Mode Setting */}\n          <div className=\"flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors\">\n            <Eye className=\"w-4 h-4 text-foreground-500 mt-1 flex-shrink-0\" />\n            <Checkbox\n              id=\"preview\"\n              checked={previewMode}\n              onChange={(e) => setPreviewMode(e.target.checked)}\n              label={\n                <div className=\"ml-1\">\n                  <p className=\"text-sm font-medium text-foreground-100\">Preview Mode</p>\n                  <p className=\"text-xs text-foreground-400\">See changes in real-time</p>\n                </div>\n              }\n              size=\"md\"\n            />\n          </div>\n\n          {/* Privacy Mode Setting */}\n          <div className=\"flex items-start gap-3 py-2 px-2 rounded hover:bg-background-900 transition-colors\">\n            <Lock className=\"w-4 h-4 text-foreground-500 mt-1 flex-shrink-0\" />\n            <Checkbox\n              id=\"privacy\"\n              checked={privateMode}\n              onChange={(e) => setPrivateMode(e.target.checked)}\n              label={\n                <div className=\"ml-1\">\n                  <p className=\"text-sm font-medium text-foreground-100\">Privacy Mode</p>\n                  <p className=\"text-xs text-foreground-400\">Hide sensitive data</p>\n                </div>\n              }\n              size=\"md\"\n            />\n          </div>\n        </Card.Body>\n\n        <Card.Footer className=\"border-t border-background-700 pt-4\">\n          <Group>\n            <Group.Button variant=\"ghost\" size=\"md\" className=\"flex-1\">\n              Reset to Defaults\n            </Group.Button>\n            <Group.Button variant=\"primary\" size=\"md\" className=\"flex-1\">\n              Save Changes\n            </Group.Button>\n          </Group>\n        </Card.Footer>\n      </Card>\n    </div>\n  );\n}"
-    },
-    "04-task-progress-card": {
-        "title": "Task Progress Card",
-        "description": "A project task card with progress tracking, team assignments, due dates, and status. Shows how cards organize complex project information with clear visual hierarchy.",
-        "code": "import { Card, Badge, Group, Progress } from 'ui-lab-components';\nimport { Calendar, CheckCircle2 } from 'lucide-react';\n\nexport default function Example() {\n  return (\n    <div className=\"flex items-center justify-center bg-background-950 p-4\">\n      <Card className=\"w-full max-w-sm\">\n        {/* Header: Title and Status */}\n        <Card.Header className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex-1 min-w-0\">\n            <h3 className=\"font-semibold text-foreground-100\">Design System Audit</h3>\n            <p className=\"text-xs text-foreground-400 mt-1\">Component documentation</p>\n          </div>\n          <Badge variant=\"info\" size=\"sm\">In Progress</Badge>\n        </Card.Header>\n\n        {/* Body: Task Details */}\n        <Card.Body className=\"space-y-4\">\n          {/* Description */}\n          <p className=\"text-sm text-foreground-300\">\n            Complete comprehensive audit of existing design system components and document best practices.\n          </p>\n\n          {/* Progress Bar using UI Lab Progress component */}\n          <Progress\n            value={65}\n            max={100}\n            label=\"Progress\"\n            showValue\n            size=\"sm\"\n            variant=\"default\"\n          />\n\n          {/* Team & Metadata */}\n          <div className=\"grid grid-cols-2 gap-3 pt-2 border-t border-background-800\">\n            <div>\n              <p className=\"text-xs text-foreground-500 uppercase tracking-wide mb-2\">Assigned To</p>\n              <div className=\"flex -space-x-2\">\n                <div className=\"w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300\">\n                  SA\n                </div>\n                <div className=\"w-6 h-6 rounded-full bg-background-700 border border-background-800 flex items-center justify-center text-[10px] font-semibold text-foreground-300\">\n                  JD\n                </div>\n              </div>\n            </div>\n            <div>\n              <p className=\"text-xs text-foreground-500 uppercase tracking-wide mb-2\">Due Date</p>\n              <div className=\"flex items-center gap-1.5\">\n                <Calendar className=\"w-4 h-4 text-foreground-500\" />\n                <span className=\"text-sm font-medium text-foreground-300\">Mar 15</span>\n              </div>\n            </div>\n          </div>\n        </Card.Body>\n\n        {/* Footer: Actions */}\n        <Card.Footer className=\"border-t border-background-700 pt-4\">\n          <Group>\n            <Group.Button variant=\"ghost\" size=\"md\" className=\"flex-1\">\n              View Details\n            </Group.Button>\n            <Group.Button variant=\"primary\" size=\"md\" className=\"flex-1 gap-2\">\n              <CheckCircle2 className=\"w-4 h-4\" />\n              Complete\n            </Group.Button>\n          </Group>\n        </Card.Footer>\n      </Card>\n    </div>\n  );\n}"
-    },
-    "05-data-summary-card": {
-        "title": "Data Summary Card",
-        "description": "A dashboard card displaying key metrics with header, summary values, and comparison info. Shows how cards present quantitative data with visual hierarchy.",
-        "code": "import { Card, Badge, Group, Button } from 'ui-lab-components';\nimport { TrendingUp, MoreVertical } from 'lucide-react';\n\nexport default function Example() {\n  return (\n    <div className=\"flex items-center justify-center bg-background-950 p-4\">\n      <Card className=\"w-full max-w-sm\">\n        {/* Header with Title and Actions */}\n        <Card.Header className=\"flex items-center justify-between\">\n          <div>\n            <h3 className=\"font-semibold text-foreground-100\">Revenue</h3>\n            <p className=\"text-xs text-foreground-400 mt-1\">Last 30 days</p>\n          </div>\n          <Button variant=\"ghost\" size=\"sm\" className=\"h-8 w-8 p-0\">\n            <MoreVertical className=\"w-4 h-4\" />\n          </Button>\n        </Card.Header>\n\n        {/* Body: Primary Metric */}\n        <Card.Body className=\"space-y-4\">\n          <div>\n            <p className=\"text-xs text-foreground-500 uppercase tracking-wide mb-1\">Total Revenue</p>\n            <p className=\"text-3xl font-bold text-foreground-100\">$24,580</p>\n          </div>\n\n          {/* Secondary Metrics Grid */}\n          <div className=\"grid grid-cols-3 gap-3 pt-3 border-t border-background-700\">\n            <div>\n              <p className=\"text-xs text-foreground-500 uppercase tracking-wide mb-2\">Orders</p>\n              <p className=\"text-lg font-semibold text-foreground-100\">342</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-foreground-500 uppercase tracking-wide mb-2\">Average</p>\n              <p className=\"text-lg font-semibold text-foreground-100\">$72</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-foreground-500 uppercase tracking-wide mb-2\">Growth</p>\n              <div className=\"flex items-center gap-1\">\n                <TrendingUp className=\"w-4 h-4 text-green-500\" />\n                <p className=\"text-lg font-semibold text-green-500\">12%</p>\n              </div>\n            </div>\n          </div>\n\n          {/* Status Badge */}\n          <div className=\"flex gap-2 flex-wrap pt-2\">\n            <Badge variant=\"success\" size=\"sm\">On Track</Badge>\n            <Badge variant=\"info\" size=\"sm\">Updated Today</Badge>\n          </div>\n        </Card.Body>\n\n        {/* Footer: Actions */}\n        <Card.Footer className=\"border-t border-background-700 pt-4\">\n          <Group>\n            <Group.Button variant=\"ghost\" size=\"md\" className=\"flex-1\">\n              Export\n            </Group.Button>\n            <Group.Button variant=\"outline\" size=\"md\" className=\"flex-1\">\n              View Details\n            </Group.Button>\n          </Group>\n        </Card.Footer>\n      </Card>\n    </div>\n  );\n}"
     }
 }

package/dist/components/Card/index.d.ts

@@ -2,5 +2,5 @@ import { ControlDef, ComponentDetail } from '@/types';
 declare const cardControls: ControlDef[];
 export declare const cardDetail: ComponentDetail;
 export { cardControls };
-export * from './examples';
+export * from './examples/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiBtD,QAAA,MAAM,YAAY,EAAE,UAAU,EAAO,CAAC;AAmBtC,eAAO,MAAM,UAAU,EAAE,eAgDxB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAStD,QAAA,MAAM,YAAY,EAAE,UAAU,EAAO,CAAC;AAmBtC,eAAO,MAAM,UAAU,EAAE,eAgDxB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,cAAc,kBAAkB,CAAC"}

package/dist/components/Card/index.js

@@ -1,18 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-card.js';
-import Example2, { metadata as metadata2 } from './examples/02-user-profile-card.js';
-import Example3, { metadata as metadata3 } from './examples/03-settings-panel-card.js';
-import Example4, { metadata as metadata4 } from './examples/04-task-progress-card.js';
-import Example5, { metadata as metadata5 } from './examples/05-data-summary-card.js';
-import examplesJson from './examples.json';
-import { loadComponentExamples } from '../../utils/load-component-examples';
+import examplesJson from './examples.json' with { type: 'json' };
+import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
     { id: '01-basic-card', Component: Example1, metadata: metadata1 },
-    { id: '02-user-profile-card', Component: Example2, metadata: metadata2 },
-    { id: '03-settings-panel-card', Component: Example3, metadata: metadata3 },
-    { id: '04-task-progress-card', Component: Example4, metadata: metadata4 },
-    { id: '05-data-summary-card', Component: Example5, metadata: metadata5 }
 ];
 const cardControls = [];
 const basicCardCode = `import { Card } from "ui-lab-components";
@@ -50,5 +42,5 @@ export const cardDetail = {
     ],
 };
 export { cardControls };
-export * from './examples';
+export * from './examples/index.js';
 //# sourceMappingURL=index.js.map