ui-lab-registry 0.1.7 → 0.1.9

package/dist/categories.d.ts

@@ -9,54 +9,63 @@ export declare const categories: {
         readonly name: "Layout Components";
         readonly label: "Layout";
         readonly description: "Components for arranging and structuring page content using grids, flexbox, or other layout systems.";
+        readonly iconName: "FaTableCells";
     };
     readonly composition: {
         readonly id: "composition";
         readonly name: "Composition Components";
         readonly label: "Composition";
         readonly description: "Higher-level components combining primitives to create complex, reusable UI patterns.";
+        readonly iconName: "FaPuzzlePiece";
     };
     readonly action: {
         readonly id: "action";
         readonly name: "Action Components";
         readonly label: "Action";
         readonly description: "Interactive elements like buttons and links that trigger actions, navigation, or form submission.";
+        readonly iconName: "FaArrowPointer";
     };
     readonly input: {
         readonly id: "input";
         readonly name: "Input Components";
         readonly label: "Input";
         readonly description: "Form elements for capturing and validating user input, such as text fields, checkboxes, radio buttons, selects, and sliders.";
+        readonly iconName: "FaKeyboard";
     };
     readonly information: {
         readonly id: "information";
         readonly name: "Information Components";
         readonly label: "Information";
         readonly description: "Read-only components for displaying static content like labels, badges, tooltips, and descriptive text.";
+        readonly iconName: "FaCircleInfo";
     };
     readonly feedback: {
         readonly id: "feedback";
         readonly name: "Feedback Components";
         readonly label: "Feedback";
         readonly description: "Components that notify users of system status, success, errors, or progress through alerts and temporary messages.";
+        readonly iconName: "FaBell";
     };
     readonly navigation: {
         readonly id: "navigation";
         readonly name: "Navigation Components";
         readonly label: "Navigation";
         readonly description: "Elements that guide users through the app, including menus, tabs, breadcrumbs, and navigation bars.";
+        readonly iconName: "FaCompass";
     };
     readonly container: {
         readonly id: "container";
         readonly name: "Container Components";
         readonly label: "Container";
         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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"categories.d.ts","sourceRoot":"","sources":["../src/categories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDb,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW,EAA4B,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"categories.d.ts","sourceRoot":"","sources":["../src/categories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGrD;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEb,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,WAAW,EAA4B,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/categories.js

@@ -1,3 +1,4 @@
+import { categoryIconConfig } from './icons-config.js';
 /**
  * Ordered category definitions. The order of properties defines the category order.
  * Move categories to change their display order - no separate order array needed.
@@ -8,54 +9,63 @@ export const categories = {
         name: 'Layout Components',
         label: 'Layout',
         description: 'Components for arranging and structuring page content using grids, flexbox, or other layout systems.',
+        iconName: categoryIconConfig.layout.name,
     },
     composition: {
         id: 'composition',
         name: 'Composition Components',
         label: 'Composition',
         description: 'Higher-level components combining primitives to create complex, reusable UI patterns.',
+        iconName: categoryIconConfig.composition.name,
     },
     action: {
         id: 'action',
         name: 'Action Components',
         label: 'Action',
         description: 'Interactive elements like buttons and links that trigger actions, navigation, or form submission.',
+        iconName: categoryIconConfig.action.name,
     },
     input: {
         id: 'input',
         name: 'Input Components',
         label: 'Input',
         description: 'Form elements for capturing and validating user input, such as text fields, checkboxes, radio buttons, selects, and sliders.',
+        iconName: categoryIconConfig.input.name,
     },
     information: {
         id: 'information',
         name: 'Information Components',
         label: 'Information',
         description: 'Read-only components for displaying static content like labels, badges, tooltips, and descriptive text.',
+        iconName: categoryIconConfig.information.name,
     },
     feedback: {
         id: 'feedback',
         name: 'Feedback Components',
         label: 'Feedback',
         description: 'Components that notify users of system status, success, errors, or progress through alerts and temporary messages.',
+        iconName: categoryIconConfig.feedback.name,
     },
     navigation: {
         id: 'navigation',
         name: 'Navigation Components',
         label: 'Navigation',
         description: 'Elements that guide users through the app, including menus, tabs, breadcrumbs, and navigation bars.',
+        iconName: categoryIconConfig.navigation.name,
     },
     container: {
         id: 'container',
         name: 'Container Components',
         label: 'Container',
         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.',
+    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":"AAEA;;;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;KACpH;IACD,WAAW,EAAE;QACX,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,uFAAuF;KACrG;IACD,MAAM,EAAE;QACN,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,mGAAmG;KACjH;IACD,KAAK,EAAE;QACL,EAAE,EAAE,OAAO;QACX,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,8HAA8H;KAC5I;IACD,WAAW,EAAE;QACX,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,yGAAyG;KACvH;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,oHAAoH;KAClI;IACD,UAAU,EAAE;QACV,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,qGAAqG;KACnH;IACD,SAAS,EAAE;QACT,EAAE,EAAE,WAAW;QACf,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,wFAAwF;KACtG;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,0GAA0G;KACxH;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,CA+B/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

@@ -12,15 +12,18 @@ 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'] },
     'grid': { npm: [], internal: [] },
     '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'] },
@@ -32,7 +35,7 @@ export const componentDependencies = {
     'textarea': { npm: [], internal: ['label'] },
     'toast': { npm: [], internal: [] },
     'tooltip': { npm: ['@floating-ui/react-dom'], internal: [] },
-    'scrollarea': { npm: [], internal: [] },
+    'scroll': { npm: [], internal: [] },
 };
 /**
  * Core npm dependencies required by all components

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'],
-    composition: ['form', 'group', 'list'],
-    action: ['button', 'confirm', 'command', 'anchor'],
-    input: ['checkbox', 'input', 'radio', 'select', 'slider', 'switch', 'textarea'],
-    information: ['badge', 'label', 'tooltip'],
+    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'],
-    container: ['card', 'modal', 'scrollarea'],
-    data: ['table'],
+    navigation: ['breadcrumbs', '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,CAAC;IACtD,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;IACtC,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;IAClD,KAAK,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC;IAC/E,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC;IAC1C,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;IAC1C,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC;IAC3C,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC;IAC1C,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,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;IACrD,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/examples/index.d.ts

@@ -1,4 +1,2 @@
-export { default as Example1 } from './01-basic-anchor';
-export { default as Example2 } from './02-anchor-with-preview';
-export { default as Example3 } from './03-underline-variations';
+export { default as Example1 } from './01-basic-anchor.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -1,4 +1,2 @@
-export { default as Example1 } from './01-basic-anchor';
-export { default as Example2 } from './02-anchor-with-preview';
-export { default as Example3 } from './03-underline-variations';
+export { default as Example1 } from './01-basic-anchor.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/Anchor/examples.json

@@ -3,15 +3,5 @@
         "title": "Basic Anchor",
         "description": "A simple anchor component with custom underline. Hover to see the popover preview.",
         "code": "import React from 'react';\nimport { Anchor } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Anchor>\n      Learn more about this topic\n      <Anchor.Preview>\n        <div className=\"text-sm\">Preview content</div>\n      </Anchor.Preview>\n    </Anchor>\n  );\n}"
-    },
-    "02-anchor-with-preview": {
-        "title": "Anchor with Rich Preview",
-        "description": "Anchor component displaying a richer preview content on hover.",
-        "code": "import React from 'react';\nimport { Anchor } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"space-y-4\">\n      <p>\n        This is a paragraph with an{' '}\n        <Anchor>\n          React documentation\n          <Anchor.Preview>\n            <div className=\"space-y-2 max-w-xs\">\n              <div className=\"font-semibold\">React Documentation</div>\n              <p className=\"text-xs opacity-90\">\n                Learn about React's component model and hooks for building interactive user interfaces.\n              </p>\n            </div>\n          </Anchor.Preview>\n        </Anchor>\n        {' '}link embedded in the text.\n      </p>\n    </div>\n  );\n}"
-    },
-    "03-underline-variations": {
-        "title": "Anchor Underline Variations",
-        "description": "Customizing the anchor underline style using the Anchor.Underline compound component.",
-        "code": "import React from 'react';\nimport { Anchor } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"flex flex-col gap-6 items-start\">\n      <div className=\"space-y-2\">\n        <h4 className=\"text-sm font-medium text-foreground-300\">Solid (Default)</h4>\n        <Anchor>\n          Solid Underline\n          <Anchor.Underline variant=\"solid\" />\n          <Anchor.Preview>\n            <div className=\"text-sm\">Default solid underline</div>\n          </Anchor.Preview>\n        </Anchor>\n      </div>\n\n      <div className=\"space-y-2\">\n        <h4 className=\"text-sm font-medium text-foreground-300\">Dashed</h4>\n        <Anchor>\n          Dashed Underline\n          <Anchor.Underline variant=\"dashed\" />\n          <Anchor.Preview>\n            <div className=\"text-sm\">Dashed underline variant</div>\n          </Anchor.Preview>\n        </Anchor>\n      </div>\n\n      <div className=\"space-y-2\">\n        <h4 className=\"text-sm font-medium text-foreground-300\">Dotted</h4>\n        <Anchor>\n          Dotted Underline\n          <Anchor.Underline variant=\"dotted\" />\n          <Anchor.Preview>\n            <div className=\"text-sm\">Dotted underline variant</div>\n          </Anchor.Preview>\n        </Anchor>\n      </div>\n      \n       <div className=\"space-y-2\">\n        <h4 className=\"text-sm font-medium text-foreground-300\">Custom Color</h4>\n        <Anchor>\n          Colored Underline\n          <Anchor.Underline style={{ background: '#3b82f6' }} />\n          <Anchor.Preview>\n            <div className=\"text-sm\">Underline with custom inline style</div>\n          </Anchor.Preview>\n        </Anchor>\n      </div>\n    </div>\n  );\n}"
     }
 }

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

@@ -1,8 +1,6 @@
-import React from 'react';
 import { ControlDef, ComponentDetail } from '@/types';
-export declare function getPreview(): React.ReactNode;
 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAOtD,wBAAgB,UAAU,IAAI,KAAK,CAAC,SAAS,CAW5C;AAQD,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,17 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Divider } from 'ui-lab-components';
+import { Anchor } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-anchor.js';
-import Example2, { metadata as metadata2 } from './examples/02-anchor-with-preview.js';
-import Example3, { metadata as metadata3 } from './examples/03-underline-variations.js';
-import examplesJson from './examples.json';
-import { loadComponentExamples } from '../../utils/load-component-examples';
-export function getPreview() {
-    return (_jsx("div", { className: 'w-full grid grid-rows-2 items-start gap-2 justify-center', children: _jsx("div", { children: _jsxs("div", { children: [_jsx("div", { style: { width: 70, backgroundColor: "var(--background-500)" }, className: 'opacity-10 rounded-md h-3' }), _jsx(Divider, { size: 'sm', variant: 'dashed' })] }) }) }));
-}
+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 },
-    { id: '02-anchor-with-preview', Component: Example2, metadata: metadata2 },
-    { id: '03-underline-variations', Component: Example3, metadata: metadata3 },
 ];
 const anchorControls = [];
 const anchorBasicCode = `import { Anchor } from "ui-lab-components";
@@ -45,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,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,0DAA0D,YACvE,wBACE,0BACE,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,eAAe,EAAE,uBAAuB,EAAE,EAAE,SAAS,EAAC,2BAA2B,GAAO,EACjH,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,GAAG,IAClC,GACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IACnE,EAAE,EAAE,EAAE,wBAAwB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC1E,EAAE,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAC5E,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/examples/02-variants-and-sizes.d.ts

@@ -0,0 +1,6 @@
+export declare const metadata: {
+    title: string;
+    description: string;
+};
+export default function Example(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=02-variants-and-sizes.d.ts.map

package/dist/components/Badge/examples/02-variants-and-sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-variants-and-sizes.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-variants-and-sizes.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA8D9B"}

package/dist/components/Badge/examples/02-variants-and-sizes.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from 'ui-lab-components';
+export const metadata = {
+    title: 'Badge Variants and Sizes',
+    description: 'Showcases all available badge variants (default, success, warning, danger, info) and sizes (sm, md, lg). Also demonstrates pill-shaped badges.'
+};
+export default function Example() {
+    return (_jsxs("div", { className: "p-4 space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Variants" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "default", children: "Default" }), _jsx(Badge, { variant: "success", children: "Success" }), _jsx(Badge, { variant: "warning", children: "Warning" }), _jsx(Badge, { variant: "danger", children: "Danger" }), _jsx(Badge, { variant: "info", children: "Info" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Sizes" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { size: "sm", children: "Small" }), _jsx(Badge, { size: "md", children: "Medium" }), _jsx(Badge, { size: "lg", children: "Large" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Pill Shape" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { pill: true, variant: "default", children: "Default Pill" }), _jsx(Badge, { pill: true, variant: "success", children: "Success Pill" }), _jsx(Badge, { pill: true, variant: "warning", children: "Warning Pill" }), _jsx(Badge, { pill: true, variant: "danger", children: "Danger Pill" }), _jsx(Badge, { pill: true, variant: "info", children: "Info Pill" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Variants with Sizes" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "success", size: "sm", children: "Small Success" }), _jsx(Badge, { variant: "success", size: "md", children: "Medium Success" }), _jsx(Badge, { variant: "success", size: "lg", children: "Large Success" })] }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "danger", size: "sm", children: "Small Danger" }), _jsx(Badge, { variant: "danger", size: "md", children: "Medium Danger" }), _jsx(Badge, { variant: "danger", size: "lg", children: "Large Danger" })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "With Count" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "default", count: 5 }), _jsx(Badge, { variant: "success", count: 12 }), _jsx(Badge, { variant: "warning", count: 99 }), _jsx(Badge, { variant: "danger", count: 3, pill: true }), _jsx(Badge, { variant: "info", count: 42, pill: true })] })] })] }));
+}
+//# sourceMappingURL=02-variants-and-sizes.js.map

package/dist/components/Badge/examples/02-variants-and-sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"02-variants-and-sizes.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-variants-and-sizes.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,gJAAgJ;CAC9J,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,aAAI,SAAS,EAAC,gDAAgD,yBAAc,EAC5E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,uBAAe,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,qBAAa,IAC9B,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,sBAAW,EACzE,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,sBAAc,EAC9B,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,uBAAe,EAC/B,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,sBAAc,IAC1B,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,2BAAgB,EAC9E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,QAAQ,4BAAoB,EAChD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,MAAM,0BAAkB,IACxC,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,oCAAyB,EACvF,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,8BAAsB,EACxD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,+BAAuB,EACzD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,8BAAsB,IACpD,EACN,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,6BAAqB,EACtD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,8BAAsB,EACvD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,6BAAqB,IAClD,IACF,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,2BAAgB,EAC9E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,GAAI,EACrC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,EAAE,IAAI,SAAG,EACzC,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,IAAI,SAAG,IACpC,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,3 +1,5 @@
 export { default as Example1 } from './01-basic-badge.js';
 export { metadata as metadata1 } from './01-basic-badge.js';
+export { default as Example2 } from './02-variants-and-sizes.js';
+export { metadata as metadata2 } from './02-variants-and-sizes.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -1,3 +1,5 @@
 export { default as Example1 } from './01-basic-badge.js';
 export { metadata as metadata1 } from './01-basic-badge.js';
+export { default as Example2 } from './02-variants-and-sizes.js';
+export { metadata as metadata2 } from './02-variants-and-sizes.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/Badge/examples.json

@@ -3,5 +3,10 @@
         "title": "Basic Badge",
         "description": "A simple badge with default styling. Use this to display labels, tags, or status indicators in your interface.",
         "code": "import React from 'react';\nimport { Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  return <Badge>New</Badge>;\n}"
+    },
+    "02-variants-and-sizes": {
+        "title": "Badge Variants and Sizes",
+        "description": "Showcases all available badge variants (default, success, warning, danger, info) and sizes (sm, md, lg). Also demonstrates pill-shaped badges.",
+        "code": "import React from 'react';\nimport { Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"p-4 space-y-8\">\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Variants</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge variant=\"default\">Default</Badge>\n          <Badge variant=\"success\">Success</Badge>\n          <Badge variant=\"warning\">Warning</Badge>\n          <Badge variant=\"danger\">Danger</Badge>\n          <Badge variant=\"info\">Info</Badge>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Sizes</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge size=\"sm\">Small</Badge>\n          <Badge size=\"md\">Medium</Badge>\n          <Badge size=\"lg\">Large</Badge>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Pill Shape</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge pill variant=\"default\">Default Pill</Badge>\n          <Badge pill variant=\"success\">Success Pill</Badge>\n          <Badge pill variant=\"warning\">Warning Pill</Badge>\n          <Badge pill variant=\"danger\">Danger Pill</Badge>\n          <Badge pill variant=\"info\">Info Pill</Badge>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Variants with Sizes</h3>\n        <div className=\"space-y-3\">\n          <div className=\"flex gap-2 flex-wrap items-center\">\n            <Badge variant=\"success\" size=\"sm\">Small Success</Badge>\n            <Badge variant=\"success\" size=\"md\">Medium Success</Badge>\n            <Badge variant=\"success\" size=\"lg\">Large Success</Badge>\n          </div>\n          <div className=\"flex gap-2 flex-wrap items-center\">\n            <Badge variant=\"danger\" size=\"sm\">Small Danger</Badge>\n            <Badge variant=\"danger\" size=\"md\">Medium Danger</Badge>\n            <Badge variant=\"danger\" size=\"lg\">Large Danger</Badge>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">With Count</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge variant=\"default\" count={5} />\n          <Badge variant=\"success\" count={12} />\n          <Badge variant=\"warning\" count={99} />\n          <Badge variant=\"danger\" count={3} pill />\n          <Badge variant=\"info\" count={42} pill />\n        </div>\n      </div>\n    </div>\n  );\n}"
     }
 }

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

@@ -1,8 +1,6 @@
-import React from 'react';
 import { ControlDef, ComponentDetail } from '@/types';
-export declare function getPreview(): React.ReactNode;
 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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAMtD,wBAAgB,UAAU,IAAI,KAAK,CAAC,SAAS,CAS5C;AAMD,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,12 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from 'ui-lab-components';
-import { FaInfo } from 'react-icons/fa6';
 import Example1, { metadata as metadata1 } from './examples/01-basic-badge.js';
-import examplesJson from './examples.json';
-import { loadComponentExamples } from '../../utils/load-component-examples';
-export function getPreview() {
-    return (_jsx("div", { className: 'flex flex-col gap-3', children: _jsxs("div", { style: { width: 72, height: 27 }, className: "w-full gap-3 flex px-2 bg-background-900 items-center justify-center border border-background-700 rounded-sm", children: [_jsx(FaInfo, { size: 12, color: "var(--background-500)" }), _jsx("div", { style: { backgroundColor: "var(--background-500)" }, className: 'opacity-10 w-full rounded-md h-2' })] }) }));
-}
+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 },
 ];
@@ -82,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":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Banner/examples/01-basic-banner.d.ts

@@ -0,0 +1,6 @@
+export declare const metadata: {
+    title: string;
+    description: string;
+};
+export default function Example(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=01-basic-banner.d.ts.map

package/dist/components/Banner/examples/01-basic-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-basic-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/examples/01-basic-banner.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAM9B"}

package/dist/components/Banner/examples/01-basic-banner.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Banner } from 'ui-lab-components';
+export const metadata = {
+    title: 'Basic Banner',
+    description: 'A neutral note banner using background shades instead of semantic colors. The default banner variant for general-purpose messaging.'
+};
+export default function Example() {
+    return (_jsx(Banner, { variant: "note", size: "md", children: "This is a note banner. Use it for general-purpose messages and information without semantic intent." }));
+}
+//# sourceMappingURL=01-basic-banner.js.map

package/dist/components/Banner/examples/01-basic-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-basic-banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/01-basic-banner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,oHAEvB,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as Example1 } from './01-basic-banner.js';
+export { metadata as metadata1 } from './01-basic-banner.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as Example1 } from './01-basic-banner.js';
+export { metadata as metadata1 } from './01-basic-banner.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/Banner/examples.json

@@ -0,0 +1,7 @@
+{
+    "01-basic-banner": {
+        "title": "Basic Banner",
+        "description": "A neutral note banner using background shades instead of semantic colors. The default banner variant for general-purpose messaging.",
+        "code": "import React from 'react';\nimport { Banner } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Banner variant=\"note\" size=\"md\">\n      This is a note banner. Use it for general-purpose messages and information without semantic intent.\n    </Banner>\n  );\n}"
+    }
+}

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

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

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

@@ -0,0 +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,kBAAkB,CAAC"}