ui-lab-registry 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/categories.d.ts +0 -6
- package/dist/categories.d.ts.map +1 -1
- package/dist/categories.js +0 -6
- package/dist/categories.js.map +1 -1
- package/dist/component-dependencies.js +1 -1
- package/dist/component-dependencies.js.map +1 -1
- package/dist/component-order.d.ts.map +1 -1
- package/dist/component-order.js +3 -4
- package/dist/component-order.js.map +1 -1
- package/dist/components/Anchor/examples/01-basic-anchor.d.ts +6 -0
- package/dist/components/Anchor/examples/01-basic-anchor.d.ts.map +1 -0
- package/dist/components/Anchor/examples/01-basic-anchor.js +10 -0
- package/dist/components/Anchor/examples/01-basic-anchor.js.map +1 -0
- package/dist/components/Anchor/examples/02-anchor-with-preview.d.ts +6 -0
- package/dist/components/Anchor/examples/02-anchor-with-preview.d.ts.map +1 -0
- package/dist/components/Anchor/examples/02-anchor-with-preview.js +10 -0
- package/dist/components/Anchor/examples/02-anchor-with-preview.js.map +1 -0
- package/dist/components/Anchor/examples/03-underline-variations.d.ts +6 -0
- package/dist/components/Anchor/examples/03-underline-variations.d.ts.map +1 -0
- package/dist/components/Anchor/examples/03-underline-variations.js +10 -0
- package/dist/components/Anchor/examples/03-underline-variations.js.map +1 -0
- package/dist/components/Anchor/examples/index.d.ts +4 -0
- package/dist/components/Anchor/examples/index.d.ts.map +1 -0
- package/dist/components/Anchor/examples/index.js +4 -0
- package/dist/components/Anchor/examples/index.js.map +1 -0
- package/dist/components/Anchor/examples.json +17 -0
- package/dist/components/Anchor/index.d.ts +8 -0
- package/dist/components/Anchor/index.d.ts.map +1 -0
- package/dist/components/Anchor/index.js +49 -0
- package/dist/components/Anchor/index.js.map +1 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +4 -0
- package/dist/components/Badge/index.js.map +1 -1
- package/dist/components/Breadcrumbs/index.d.ts +2 -0
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +4 -0
- package/dist/components/Breadcrumbs/index.js.map +1 -1
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +3 -0
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +4 -0
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +4 -0
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Command/examples/01-basic-command.d.ts +6 -0
- package/dist/components/Command/examples/01-basic-command.d.ts.map +1 -0
- package/dist/components/Command/examples/01-basic-command.js +35 -0
- package/dist/components/Command/examples/01-basic-command.js.map +1 -0
- package/dist/components/Command/examples/index.d.ts +3 -0
- package/dist/components/Command/examples/index.d.ts.map +1 -0
- package/dist/components/Command/examples/index.js +3 -0
- package/dist/components/Command/examples/index.js.map +1 -0
- package/dist/components/Command/examples.json +7 -0
- package/dist/components/Command/index.d.ts +8 -0
- package/dist/components/Command/index.d.ts.map +1 -0
- package/dist/components/Command/index.js +130 -0
- package/dist/components/Command/index.js.map +1 -0
- package/dist/components/CommandPalette/index.d.ts +2 -0
- package/dist/components/CommandPalette/index.d.ts.map +1 -1
- package/dist/components/CommandPalette/index.js +5 -1
- package/dist/components/CommandPalette/index.js.map +1 -1
- package/dist/components/Confirm/index.d.ts +2 -0
- package/dist/components/Confirm/index.d.ts.map +1 -1
- package/dist/components/Confirm/index.js +4 -0
- package/dist/components/Confirm/index.js.map +1 -1
- package/dist/components/Divider/examples/02-pattern-variants.d.ts +6 -0
- package/dist/components/Divider/examples/02-pattern-variants.d.ts.map +1 -0
- package/dist/components/Divider/examples/02-pattern-variants.js +10 -0
- package/dist/components/Divider/examples/02-pattern-variants.js.map +1 -0
- package/dist/components/Divider/examples/03-vertical-divider.d.ts +6 -0
- package/dist/components/Divider/examples/03-vertical-divider.d.ts.map +1 -0
- package/dist/components/Divider/examples/03-vertical-divider.js +10 -0
- package/dist/components/Divider/examples/03-vertical-divider.js.map +1 -0
- package/dist/components/Divider/examples.json +10 -0
- package/dist/components/Divider/index.d.ts +4 -2
- package/dist/components/Divider/index.d.ts.map +1 -1
- package/dist/components/Divider/index.js +38 -31
- package/dist/components/Divider/index.js.map +1 -1
- package/dist/components/Flex/index.d.ts +2 -0
- package/dist/components/Flex/index.d.ts.map +1 -1
- package/dist/components/Flex/index.js +4 -1
- package/dist/components/Flex/index.js.map +1 -1
- package/dist/components/Fold/index.d.ts +2 -0
- package/dist/components/Fold/index.d.ts.map +1 -1
- package/dist/components/Fold/index.js +5 -1
- package/dist/components/Fold/index.js.map +1 -1
- package/dist/components/Form/index.d.ts +2 -0
- package/dist/components/Form/index.d.ts.map +1 -1
- package/dist/components/Form/index.js +4 -0
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/Gallery/examples/02-masonry-gallery.d.ts +6 -0
- package/dist/components/Gallery/examples/02-masonry-gallery.d.ts.map +1 -0
- package/dist/components/Gallery/examples/02-masonry-gallery.js +23 -0
- package/dist/components/Gallery/examples/02-masonry-gallery.js.map +1 -0
- package/dist/components/Gallery/examples/03-advanced-masonry.d.ts +6 -0
- package/dist/components/Gallery/examples/03-advanced-masonry.d.ts.map +1 -0
- package/dist/components/Gallery/examples/03-advanced-masonry.js +28 -0
- package/dist/components/Gallery/examples/03-advanced-masonry.js.map +1 -0
- package/dist/components/Gallery/index.d.ts +2 -0
- package/dist/components/Gallery/index.d.ts.map +1 -1
- package/dist/components/Gallery/index.js +4 -1
- package/dist/components/Gallery/index.js.map +1 -1
- package/dist/components/Grid/index.d.ts +2 -0
- package/dist/components/Grid/index.d.ts.map +1 -1
- package/dist/components/Grid/index.js +4 -1
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Group/index.d.ts +2 -0
- package/dist/components/Group/index.d.ts.map +1 -1
- package/dist/components/Group/index.js +4 -1
- package/dist/components/Group/index.js.map +1 -1
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +3 -0
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Label/index.d.ts +2 -0
- package/dist/components/Label/index.d.ts.map +1 -1
- package/dist/components/Label/index.js +3 -0
- package/dist/components/Label/index.js.map +1 -1
- package/dist/components/List/examples/01-basic.d.ts +6 -0
- package/dist/components/List/examples/01-basic.d.ts.map +1 -0
- package/dist/components/List/examples/01-basic.js +11 -0
- package/dist/components/List/examples/01-basic.js.map +1 -0
- package/dist/components/List/examples/02-feed.d.ts +6 -0
- package/dist/components/List/examples/02-feed.d.ts.map +1 -0
- package/dist/components/List/examples/02-feed.js +19 -0
- package/dist/components/List/examples/02-feed.js.map +1 -0
- package/dist/components/List/examples/index.d.ts +3 -0
- package/dist/components/List/examples/index.d.ts.map +1 -0
- package/dist/components/List/examples/index.js +3 -0
- package/dist/components/List/examples/index.js.map +1 -0
- package/dist/components/List/examples.json +7 -0
- package/dist/components/List/index.d.ts +6 -0
- package/dist/components/List/index.d.ts.map +1 -0
- package/dist/components/List/index.js +134 -0
- package/dist/components/List/index.js.map +1 -0
- package/dist/components/Menu/index.d.ts +2 -0
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +3 -0
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +4 -0
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +2 -0
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +3 -0
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Progress/index.d.ts +2 -0
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +3 -0
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/Radio/index.js +3 -0
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/ScrollArea/examples/01-basic-scrollarea.d.ts.map +1 -1
- package/dist/components/ScrollArea/examples/01-basic-scrollarea.js +1 -1
- package/dist/components/ScrollArea/examples/01-basic-scrollarea.js.map +1 -1
- package/dist/components/ScrollArea/examples.json +1 -1
- package/dist/components/ScrollArea/index.d.ts +2 -0
- package/dist/components/ScrollArea/index.d.ts.map +1 -1
- package/dist/components/ScrollArea/index.js +5 -1
- package/dist/components/ScrollArea/index.js.map +1 -1
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +4 -0
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Slider/index.d.ts +2 -0
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +3 -0
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Switch/index.js +3 -0
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +6 -0
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +3 -0
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +3 -0
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Toast/index.d.ts +2 -0
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +4 -0
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/components/Tooltip/index.d.ts +2 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +4 -0
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/elements/Sidebar/variations/01-basic/index.d.ts.map +1 -1
- package/dist/elements/Sidebar/variations/01-basic/index.js +2 -1
- package/dist/elements/Sidebar/variations/01-basic/index.js.map +1 -1
- package/dist/elements/Sidebar/variations/01-basic/layout/Sidebar.d.ts.map +1 -1
- package/dist/elements/Sidebar/variations/01-basic/layout/Sidebar.js +42 -10
- package/dist/elements/Sidebar/variations/01-basic/layout/Sidebar.js.map +1 -1
- package/dist/elements/Sidebar/variations.json +2 -2
- package/dist/elements/categories.d.ts +19 -0
- package/dist/elements/categories.d.ts.map +1 -0
- package/dist/elements/categories.js +63 -0
- package/dist/elements/categories.js.map +1 -0
- package/dist/elements/index.d.ts +2 -0
- package/dist/elements/index.d.ts.map +1 -1
- package/dist/elements/index.js +1 -0
- package/dist/elements/index.js.map +1 -1
- package/dist/generated-data.d.ts.map +1 -1
- package/dist/generated-data.js +228 -137
- package/dist/generated-data.js.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/registry.d.ts.map +1 -1
- package/dist/registry.js +67 -25
- package/dist/registry.js.map +1 -1
- package/dist/types.d.ts +2 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +13 -9
- package/src/categories.ts +0 -6
- package/src/component-dependencies.ts +1 -1
- package/src/component-order.ts +3 -4
- package/src/components/Anchor/examples/01-basic-anchor.tsx +18 -0
- package/src/components/Anchor/examples/02-anchor-with-preview.tsx +29 -0
- package/src/components/Anchor/examples/03-underline-variations.tsx +57 -0
- package/src/components/Anchor/examples/index.ts +3 -0
- package/src/components/Anchor/examples.json +17 -0
- package/src/components/Anchor/index.tsx +87 -0
- package/src/components/Anchor/metadata.json +28 -0
- package/src/components/Badge/index.tsx +13 -0
- package/src/components/Breadcrumbs/index.tsx +12 -0
- package/src/components/Button/index.tsx +9 -0
- package/src/components/Card/index.tsx +13 -0
- package/src/components/Checkbox/index.tsx +13 -0
- package/src/components/Command/examples/index.ts +2 -0
- package/src/components/{CommandPalette → Command}/examples.json +1 -1
- package/src/components/{CommandPalette → Command}/index.tsx +53 -20
- package/src/components/{CommandPalette → Command}/metadata.json +1 -1
- package/src/components/Confirm/index.tsx +10 -0
- package/src/components/Divider/examples/02-pattern-variants.tsx +26 -0
- package/src/components/Divider/examples/03-vertical-divider.tsx +21 -0
- package/src/components/Divider/examples.json +10 -0
- package/src/components/Divider/index.tsx +58 -35
- package/src/components/Flex/index.tsx +10 -0
- package/src/components/Fold/index.tsx +17 -0
- package/src/components/Gallery/index.tsx +16 -1
- package/src/components/Grid/index.tsx +22 -1
- package/src/components/Group/index.tsx +15 -1
- package/src/components/Input/index.tsx +11 -0
- package/src/components/Label/index.tsx +11 -0
- package/src/components/List/examples/01-basic.tsx +25 -0
- package/src/components/List/examples/index.ts +2 -0
- package/src/components/List/examples.json +7 -0
- package/src/components/List/index.tsx +220 -0
- package/src/components/List/metadata.json +21 -0
- package/src/components/Menu/index.tsx +17 -0
- package/src/components/Modal/index.tsx +9 -0
- package/src/components/Popover/index.tsx +10 -0
- package/src/components/Progress/index.tsx +10 -0
- package/src/components/Radio/index.tsx +12 -0
- package/src/components/ScrollArea/examples/01-basic-scrollarea.tsx +11 -9
- package/src/components/ScrollArea/examples.json +1 -1
- package/src/components/ScrollArea/index.tsx +14 -2
- package/src/components/Select/index.tsx +11 -0
- package/src/components/Slider/index.tsx +11 -0
- package/src/components/Switch/index.tsx +11 -0
- package/src/components/Table/index.tsx +15 -0
- package/src/components/Tabs/index.tsx +12 -0
- package/src/components/Textarea/index.tsx +12 -0
- package/src/components/Toast/index.tsx +9 -0
- package/src/components/Toast/metadata.json +2 -1
- package/src/components/Tooltip/index.tsx +13 -0
- package/src/elements/Sidebar/variations/01-basic/index.tsx +3 -38
- package/src/elements/Sidebar/variations/01-basic/layout/Sidebar.tsx +149 -33
- package/src/elements/Sidebar/variations.json +2 -2
- package/src/elements/categories.ts +91 -0
- package/src/elements/index.ts +10 -0
- package/src/generated-data.ts +228 -137
- package/src/index.ts +14 -3
- package/src/registry.ts +69 -26
- package/src/types.ts +2 -2
- package/src/components/CommandPalette/examples/index.ts +0 -2
- package/src/components/Form/examples/01-basic-form.tsx +0 -40
- package/src/components/Form/examples/index.ts +0 -2
- package/src/components/Form/examples.json +0 -7
- package/src/components/Form/index.tsx +0 -182
- package/src/components/Form/metadata.json +0 -28
- /package/src/components/{CommandPalette/examples/01-basic-command-palette.tsx → Command/examples/01-basic-command.tsx} +0 -0
package/dist/categories.d.ts
CHANGED
|
@@ -58,12 +58,6 @@ export declare const categories: {
|
|
|
58
58
|
readonly label: "Data";
|
|
59
59
|
readonly description: "Components for displaying and interacting with datasets, such as tables, lists, and data visualizations.";
|
|
60
60
|
};
|
|
61
|
-
readonly experimental: {
|
|
62
|
-
readonly id: "experimental";
|
|
63
|
-
readonly name: "Experimental Components";
|
|
64
|
-
readonly label: "Experimental";
|
|
65
|
-
readonly description: "Unstable components in active development; APIs may change or be removed.";
|
|
66
|
-
};
|
|
67
61
|
};
|
|
68
62
|
/**
|
|
69
63
|
* Category map for quick lookup by category ID.
|
package/dist/categories.d.ts.map
CHANGED
|
@@ -1 +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
|
|
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"}
|
package/dist/categories.js
CHANGED
|
@@ -57,12 +57,6 @@ export const categories = {
|
|
|
57
57
|
label: 'Data',
|
|
58
58
|
description: 'Components for displaying and interacting with datasets, such as tables, lists, and data visualizations.',
|
|
59
59
|
},
|
|
60
|
-
experimental: {
|
|
61
|
-
id: 'experimental',
|
|
62
|
-
name: 'Experimental Components',
|
|
63
|
-
label: 'Experimental',
|
|
64
|
-
description: 'Unstable components in active development; APIs may change or be removed.',
|
|
65
|
-
},
|
|
66
60
|
};
|
|
67
61
|
/**
|
|
68
62
|
* Category map for quick lookup by category ID.
|
package/dist/categories.js.map
CHANGED
|
@@ -1 +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;
|
|
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"}
|
|
@@ -8,7 +8,7 @@ export const componentDependencies = {
|
|
|
8
8
|
'button': { npm: [], internal: [] },
|
|
9
9
|
'card': { npm: [], internal: [] },
|
|
10
10
|
'checkbox': { npm: [], internal: ['label'] },
|
|
11
|
-
'command
|
|
11
|
+
'command': { npm: ['cmdk'], internal: ['card', 'badge', 'divider'] },
|
|
12
12
|
'confirm': { npm: [], internal: ['modal', 'button', 'card'] },
|
|
13
13
|
'divider': { npm: [], internal: [] },
|
|
14
14
|
'flex': { npm: [], internal: [] },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-dependencies.js","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAkC;IAClE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClC,aAAa,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxC,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnC,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjC,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;IAC5C,
|
|
1
|
+
{"version":3,"file":"component-dependencies.js","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-order.d.ts","sourceRoot":"","sources":["../src/component-order.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"component-order.d.ts","sourceRoot":"","sources":["../src/component-order.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAU9D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,UAAU,iBAAiB,KAAG,MAAM,EAExE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAAO,MAAM,EAEhD,CAAC"}
|
package/dist/component-order.js
CHANGED
|
@@ -5,15 +5,14 @@
|
|
|
5
5
|
*/
|
|
6
6
|
export const componentOrder = {
|
|
7
7
|
layout: ['grid', 'flex', 'gallery', 'divider', 'fold'],
|
|
8
|
-
composition: ['form', 'group'],
|
|
9
|
-
action: ['button', 'confirm'],
|
|
8
|
+
composition: ['form', 'group', 'list'],
|
|
9
|
+
action: ['button', 'confirm', 'command', 'anchor'],
|
|
10
10
|
input: ['checkbox', 'input', 'radio', 'select', 'slider', 'switch', 'textarea'],
|
|
11
11
|
information: ['badge', 'label', 'tooltip'],
|
|
12
|
-
feedback: ['popover', 'progress'],
|
|
12
|
+
feedback: ['popover', 'progress', 'toast'],
|
|
13
13
|
navigation: ['breadcrumbs', 'menu', 'tabs'],
|
|
14
14
|
container: ['card', 'modal', 'scrollarea'],
|
|
15
15
|
data: ['table'],
|
|
16
|
-
experimental: ['toast'],
|
|
17
16
|
};
|
|
18
17
|
/**
|
|
19
18
|
* Get the ordered list of components for a given category.
|
|
@@ -1 +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,CAAC;
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-basic-anchor.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAS9B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Anchor } from 'ui-lab-components';
|
|
3
|
+
export const metadata = {
|
|
4
|
+
title: 'Basic Anchor',
|
|
5
|
+
description: 'A simple anchor component with custom underline. Hover to see the popover preview.'
|
|
6
|
+
};
|
|
7
|
+
export default function Example() {
|
|
8
|
+
return (_jsxs(Anchor, { children: ["Learn more about this topic", _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Preview content" }) })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=01-basic-anchor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-anchor.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-basic-anchor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,oFAAoF;CAClG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,MAAM,8CAEL,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,gCAAsB,GAC/B,IACV,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"02-anchor-with-preview.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/02-anchor-with-preview.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAoB9B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Anchor } from 'ui-lab-components';
|
|
3
|
+
export const metadata = {
|
|
4
|
+
title: 'Anchor with Rich Preview',
|
|
5
|
+
description: 'Anchor component displaying a richer preview content on hover.'
|
|
6
|
+
};
|
|
7
|
+
export default function Example() {
|
|
8
|
+
return (_jsx("div", { className: "space-y-4", children: _jsxs("p", { children: ["This is a paragraph with an", ' ', _jsxs(Anchor, { children: ["React documentation", _jsx(Anchor.Preview, { children: _jsxs("div", { className: "space-y-2 max-w-xs", children: [_jsx("div", { className: "font-semibold", children: "React Documentation" }), _jsx("p", { className: "text-xs opacity-90", children: "Learn about React's component model and hooks for building interactive user interfaces." })] }) })] }), ' ', "link embedded in the text."] }) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=02-anchor-with-preview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"02-anchor-with-preview.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/02-anchor-with-preview.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,gEAAgE;CAC9E,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACxB,uDAC8B,GAAG,EAC/B,MAAC,MAAM,sCAEL,KAAC,MAAM,CAAC,OAAO,cACb,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,eAAe,oCAA0B,EACxD,YAAG,SAAS,EAAC,oBAAoB,wGAE7B,IACA,GACS,IACV,EACR,GAAG,kCACF,GACA,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"03-underline-variations.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/03-underline-variations.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAgD9B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Anchor } from 'ui-lab-components';
|
|
3
|
+
export const metadata = {
|
|
4
|
+
title: 'Anchor Underline Variations',
|
|
5
|
+
description: 'Customizing the anchor underline style using the Anchor.Underline compound component.'
|
|
6
|
+
};
|
|
7
|
+
export default function Example() {
|
|
8
|
+
return (_jsxs("div", { className: "flex flex-col gap-6 items-start", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-sm font-medium text-foreground-300", children: "Solid (Default)" }), _jsxs(Anchor, { children: ["Solid Underline", _jsx(Anchor.Underline, { variant: "solid" }), _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Default solid underline" }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-sm font-medium text-foreground-300", children: "Dashed" }), _jsxs(Anchor, { children: ["Dashed Underline", _jsx(Anchor.Underline, { variant: "dashed" }), _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Dashed underline variant" }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-sm font-medium text-foreground-300", children: "Dotted" }), _jsxs(Anchor, { children: ["Dotted Underline", _jsx(Anchor.Underline, { variant: "dotted" }), _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Dotted underline variant" }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-sm font-medium text-foreground-300", children: "Custom Color" }), _jsxs(Anchor, { children: ["Colored Underline", _jsx(Anchor.Underline, { style: { background: '#3b82f6' } }), _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Underline with custom inline style" }) })] })] })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=03-underline-variations.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"03-underline-variations.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/03-underline-variations.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,6BAA6B;IACpC,WAAW,EAAE,uFAAuF;CACrG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,yCAAyC,gCAAqB,EAC5E,MAAC,MAAM,kCAEL,KAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAC,OAAO,GAAG,EACpC,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,wCAA8B,GACvC,IACV,IACL,EAEN,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,yCAAyC,uBAAY,EACnE,MAAC,MAAM,mCAEL,KAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,GAAG,EACrC,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,yCAA+B,GACxC,IACV,IACL,EAEN,eAAK,SAAS,EAAC,WAAW,aACxB,aAAI,SAAS,EAAC,yCAAyC,uBAAY,EACnE,MAAC,MAAM,mCAEL,KAAC,MAAM,CAAC,SAAS,IAAC,OAAO,EAAC,QAAQ,GAAG,EACrC,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,yCAA+B,GACxC,IACV,IACL,EAEL,eAAK,SAAS,EAAC,WAAW,aACzB,aAAI,SAAS,EAAC,yCAAyC,6BAAkB,EACzE,MAAC,MAAM,oCAEL,KAAC,MAAM,CAAC,SAAS,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,GAAI,EACtD,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,mDAAyC,GAClD,IACV,IACL,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"01-basic-anchor": {
|
|
3
|
+
"title": "Basic Anchor",
|
|
4
|
+
"description": "A simple anchor component with custom underline. Hover to see the popover preview.",
|
|
5
|
+
"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}"
|
|
6
|
+
},
|
|
7
|
+
"02-anchor-with-preview": {
|
|
8
|
+
"title": "Anchor with Rich Preview",
|
|
9
|
+
"description": "Anchor component displaying a richer preview content on hover.",
|
|
10
|
+
"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}"
|
|
11
|
+
},
|
|
12
|
+
"03-underline-variations": {
|
|
13
|
+
"title": "Anchor Underline Variations",
|
|
14
|
+
"description": "Customizing the anchor underline style using the Anchor.Underline compound component.",
|
|
15
|
+
"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}"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ControlDef, ComponentDetail } from '@/types';
|
|
3
|
+
export declare function getPreview(): React.ReactNode;
|
|
4
|
+
declare const anchorControls: ControlDef[];
|
|
5
|
+
export declare const anchorDetail: ComponentDetail;
|
|
6
|
+
export { anchorControls };
|
|
7
|
+
export * from './examples';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Anchor, Divider } from 'ui-lab-components';
|
|
3
|
+
import Example1, { metadata as metadata1 } from './examples/01-basic-anchor.js';
|
|
4
|
+
import Example2, { metadata as metadata2 } from './examples/02-anchor-with-preview.js';
|
|
5
|
+
import Example3, { metadata as metadata3 } from './examples/03-underline-variations.js';
|
|
6
|
+
import examplesJson from './examples.json';
|
|
7
|
+
import { loadComponentExamples } from '../../utils/load-component-examples';
|
|
8
|
+
export function getPreview() {
|
|
9
|
+
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' })] }) }) }));
|
|
10
|
+
}
|
|
11
|
+
const examplesData = [
|
|
12
|
+
{ id: '01-basic-anchor', Component: Example1, metadata: metadata1 },
|
|
13
|
+
{ id: '02-anchor-with-preview', Component: Example2, metadata: metadata2 },
|
|
14
|
+
{ id: '03-underline-variations', Component: Example3, metadata: metadata3 },
|
|
15
|
+
];
|
|
16
|
+
const anchorControls = [];
|
|
17
|
+
const anchorBasicCode = `import { Anchor } from "ui-lab-components";
|
|
18
|
+
|
|
19
|
+
export function Example() {
|
|
20
|
+
return (
|
|
21
|
+
<Anchor>
|
|
22
|
+
Click me
|
|
23
|
+
<Anchor.Preview>
|
|
24
|
+
<div>Preview</div>
|
|
25
|
+
</Anchor.Preview>
|
|
26
|
+
</Anchor>
|
|
27
|
+
);
|
|
28
|
+
}`;
|
|
29
|
+
export const anchorDetail = {
|
|
30
|
+
id: 'anchor',
|
|
31
|
+
name: 'Anchor',
|
|
32
|
+
description: 'A styled link component with custom underline animation and popover preview.',
|
|
33
|
+
overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "The Anchor component provides a styled link with a custom animated underline. It integrates with the Popover component to display preview content on hover." }), _jsx("p", { children: "Use Anchor when you need a visually distinctive link that can show contextual information in a popover. It's perfect for embedding links in text with supplementary information." })] })),
|
|
34
|
+
examples: [
|
|
35
|
+
{
|
|
36
|
+
id: 'preview',
|
|
37
|
+
title: 'Preview',
|
|
38
|
+
description: 'Basic anchor with popover preview',
|
|
39
|
+
code: anchorBasicCode,
|
|
40
|
+
preview: (_jsxs(Anchor, { children: ["Hover me", _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Preview content" }) })] })),
|
|
41
|
+
controls: anchorControls,
|
|
42
|
+
renderPreview: () => (_jsxs(Anchor, { children: ["Hover me", _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Preview content" }) })] })),
|
|
43
|
+
},
|
|
44
|
+
...loadComponentExamples(examplesData, examplesJson),
|
|
45
|
+
],
|
|
46
|
+
};
|
|
47
|
+
export { anchorControls };
|
|
48
|
+
export * from './examples';
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Badge } from 'ui-lab-components';
|
|
3
|
+
import { FaInfo } from 'react-icons/fa6';
|
|
3
4
|
import Example1, { metadata as metadata1 } from './examples/01-basic-badge.js';
|
|
4
5
|
import examplesJson from './examples.json';
|
|
5
6
|
import { loadComponentExamples } from '../../utils/load-component-examples';
|
|
7
|
+
export function getPreview() {
|
|
8
|
+
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' })] }) }));
|
|
9
|
+
}
|
|
6
10
|
const examplesData = [
|
|
7
11
|
{ id: '01-basic-badge', Component: Example1, metadata: metadata1 },
|
|
8
12
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAM1C,wBAAgB,UAAU,IAAI,KAAK,CAAC,SAAS,CAQ5C;AAkBD,eAAO,MAAM,iBAAiB,EAAE,eA6C/B,CAAC;AAEF,cAAc,YAAY,CAAC"}
|
|
@@ -3,6 +3,10 @@ import { Breadcrumbs, Breadcrumb } from 'ui-lab-components';
|
|
|
3
3
|
import Example1, { metadata as metadata1 } from './examples/01-basic-breadcrumbs.js';
|
|
4
4
|
import examplesJson from './examples.json';
|
|
5
5
|
import { loadComponentExamples } from '../../utils/load-component-examples';
|
|
6
|
+
import { FaChevronRight } from 'react-icons/fa6';
|
|
7
|
+
export function getPreview() {
|
|
8
|
+
return (_jsxs("div", { style: { width: "70%" }, className: "w-full flex items-center gap-3 max-w-sm", children: [_jsx("div", { style: { width: "60%", backgroundColor: "var(--background-500)" }, className: 'opacity-10 rounded-md h-4' }), _jsx(FaChevronRight, { size: 10, className: 'text-foreground-500 opacity-20' }), _jsx("div", { style: { width: "30%", backgroundColor: "var(--background-500)" }, className: 'opacity-10 rounded-md h-4' })] }));
|
|
9
|
+
}
|
|
6
10
|
const examplesData = [
|
|
7
11
|
{ id: '01-basic-breadcrumbs', Component: Example1, metadata: metadata1 },
|
|
8
12
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,SAAS,EAAC,yCAAyC,aAC/E,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,EAAE,SAAS,EAAC,2BAA2B,GAAO,EACpH,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACvE,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,EAAE,SAAS,EAAC,2BAA2B,GAAO,IAChH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,sBAAsB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACzE,CAAC;AAEF,MAAM,oBAAoB,GAAG;;;;;;;;;;EAU3B,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAoB;IAChD,EAAE,EAAE,aAAa;IACjB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,qFAAqF;IAClG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,iOAEI,EACJ,qNAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,oBAAoB;YAC1B,OAAO,EAAE,CACP,MAAC,WAAW,eACV,KAAC,UAAU,IAAC,IAAI,EAAC,GAAG,qBAAkB,EACtC,KAAC,UAAU,IAAC,IAAI,EAAC,WAAW,yBAAsB,EAClD,KAAC,UAAU,8BAAyB,IACxB,CACf;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,2CAA2C;YACxD,IAAI,EAAE,oBAAoB;YAC1B,OAAO,EAAE,CACP,MAAC,WAAW,eACV,KAAC,UAAU,IAAC,IAAI,EAAC,GAAG,qBAAkB,EACtC,KAAC,UAAU,IAAC,IAAI,EAAC,WAAW,yBAAsB,EAClD,KAAC,UAAU,8BAAyB,IACxB,CACf;SACF;KACF;CACF,CAAC;AAEF,cAAc,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAQtD,wBAAgB,UAAU,IAAI,KAAK,CAAC,SAAS,CAM5C;AAUD,QAAA,MAAM,cAAc,EAAE,UAAU,EAqC/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAkC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,YAAY,CAAC"}
|
|
@@ -6,6 +6,9 @@ import Example3, { metadata as metadata3 } from './examples/03-outline-button.js
|
|
|
6
6
|
import Example4, { metadata as metadata4 } from './examples/04-ghost-button.js';
|
|
7
7
|
import examplesJson from './examples.json';
|
|
8
8
|
import { loadComponentExamples } from '../../utils/load-component-examples';
|
|
9
|
+
export function getPreview() {
|
|
10
|
+
return (_jsx("div", { style: { width: 80, height: 30 }, className: "w-full flex bg-background-900 items-center justify-center border border-background-700 rounded-md", children: _jsx("div", { style: { width: "70%", backgroundColor: "var(--background-500)" }, className: 'opacity-10 rounded-md h-2' }) }));
|
|
11
|
+
}
|
|
9
12
|
// Define examplesData locally
|
|
10
13
|
const examplesData = [
|
|
11
14
|
{ id: '01-basic-button', Component: Example1, metadata: metadata1 },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAMtD,wBAAgB,UAAU,IAAI,KAAK,CAAC,SAAS,CAS5C;AAuBD,eAAO,MAAM,UAAU,EAAE,eAsFxB,CAAC;AAEF,cAAc,YAAY,CAAC"}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Card } from 'ui-lab-components';
|
|
3
|
+
import { FaRectangleList } from 'react-icons/fa6';
|
|
3
4
|
import Example1, { metadata as metadata1 } from './examples/01-basic-card.js';
|
|
4
5
|
import examplesJson from './examples.json';
|
|
5
6
|
import { loadComponentExamples } from '../../utils/load-component-examples';
|
|
7
|
+
export function getPreview() {
|
|
8
|
+
return (_jsx("div", { className: "flex items-center justify-center h-22", children: _jsx(FaRectangleList, { className: "w-9 h-9 text-accent-500", "aria-label": "Card component" }) }));
|
|
9
|
+
}
|
|
6
10
|
const examplesData = [
|
|
7
11
|
{ id: '01-basic-card', Component: Example1, metadata: metadata1 },
|
|
8
12
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,uCAAuC,YACpD,KAAC,eAAe,IACd,SAAS,EAAC,yBAAyB,gBACxB,gBAAgB,GAC3B,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAClE,CAAC;AAEF,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;EAepB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,iGAAiG;IAC9G,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,0OAEI,EACJ,oKAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,KAAC,IAAI,CAAC,MAAM,cACV,aAAI,SAAS,EAAC,mCAAmC,2BAAgB,GACrD,EACd,KAAC,IAAI,CAAC,IAAI,cACR,YAAG,SAAS,EAAC,qBAAqB,yFAE9B,GACM,IACP,CACR;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,aAAa;YACnB,OAAO,EAAE,CACP,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,KAAC,IAAI,CAAC,MAAM,cACV,aAAI,SAAS,EAAC,mCAAmC,2BAAgB,GACrD,EACd,KAAC,IAAI,CAAC,IAAI,cACR,YAAG,SAAS,EAAC,qBAAqB,2DAE9B,GACM,IACP,CACR;SACF;QACD;YACE,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,8CAA8C;YAC3D,IAAI,EAAE;;;;;;;;;;QAUJ;YACF,OAAO,EAAE,CACP,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACxB,KAAC,IAAI,CAAC,MAAM,cACV,aAAI,SAAS,EAAC,mCAAmC,2BAAgB,GACrD,EACd,KAAC,IAAI,CAAC,IAAI,cACR,YAAG,SAAS,EAAC,qBAAqB,wCAE9B,GACM,EACZ,KAAC,IAAI,CAAC,MAAM,cACV,iBAAQ,SAAS,EAAC,4CAA4C,uBAAgB,GAClE,IACT,CACR;SACF;KACF;CACF,CAAC;AAEF,cAAc,YAAY,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ControlDef, ComponentDetail } from '@/types';
|
|
3
|
+
export declare function getPreview(): React.ReactNode;
|
|
2
4
|
declare const checkboxControls: ControlDef[];
|
|
3
5
|
export declare const checkboxDetail: ComponentDetail;
|
|
4
6
|
export { checkboxControls };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/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,gBAAgB,EAAE,UAAU,EAoCjC,CAAC;AAQF,eAAO,MAAM,cAAc,EAAE,eAkD5B,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,cAAc,YAAY,CAAC"}
|
|
@@ -3,6 +3,10 @@ import { Checkbox } from 'ui-lab-components';
|
|
|
3
3
|
import Example1, { metadata as metadata1 } from './examples/01-basic-checkbox.js';
|
|
4
4
|
import examplesJson from './examples.json';
|
|
5
5
|
import { loadComponentExamples } from '../../utils/load-component-examples';
|
|
6
|
+
import { FaCheck } from 'react-icons/fa6';
|
|
7
|
+
export function getPreview() {
|
|
8
|
+
return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { style: { backgroundColor: "var(--background-700)" }, className: 'w-5 h-5 flex items-center justify-center rounded-sm border border-background-600', children: _jsx(FaCheck, { style: { color: "var(--background-500)", width: 10, height: 10, margin: "-1px 1px 0 0" } }) }), _jsx("div", { style: { width: 80, backgroundColor: "var(--background-500)" }, className: 'opacity-10 rounded-md h-2' })] }));
|
|
9
|
+
}
|
|
6
10
|
const examplesData = [
|
|
7
11
|
{ id: '01-basic-checkbox', Component: Example1, metadata: metadata1 },
|
|
8
12
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-command.d.ts","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAuC9B"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { CommandPalette, Button } from 'ui-lab-components';
|
|
4
|
+
export const metadata = {
|
|
5
|
+
title: 'Basic Command Palette',
|
|
6
|
+
description: 'A searchable command palette with keyboard shortcuts. Use this for quick access to application actions.'
|
|
7
|
+
};
|
|
8
|
+
export default function Example() {
|
|
9
|
+
const [open, setOpen] = React.useState(false);
|
|
10
|
+
const commands = [
|
|
11
|
+
{
|
|
12
|
+
id: 'search',
|
|
13
|
+
label: 'Search',
|
|
14
|
+
description: 'Search documents',
|
|
15
|
+
shortcut: '⌘F',
|
|
16
|
+
action: () => console.log('Search'),
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
id: 'create',
|
|
20
|
+
label: 'Create new',
|
|
21
|
+
description: 'Create a new document',
|
|
22
|
+
shortcut: '⌘N',
|
|
23
|
+
action: () => console.log('Create'),
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
id: 'settings',
|
|
27
|
+
label: 'Settings',
|
|
28
|
+
description: 'Open application settings',
|
|
29
|
+
shortcut: '⌘,',
|
|
30
|
+
action: () => console.log('Settings'),
|
|
31
|
+
},
|
|
32
|
+
];
|
|
33
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette (\u2318K)" }), _jsx(CommandPalette, { open: open, onOpenChange: setOpen, commands: commands })] }));
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=01-basic-command.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-command.js","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,yGAAyG;CACvH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG;QACf;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,WAAW,EAAE,kBAAkB;YAC/B,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,YAAY;YACnB,WAAW,EAAE,uBAAuB;YACpC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,2BAA2B;YACxC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;SACtC;KACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,uCAE3B,EACT,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,QAAQ,EAAE,QAAQ,GAClB,IACD,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Command/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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Command/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"}
|