ui-lab-registry 0.1.9 → 0.2.0
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/component-dependencies.js +1 -1
- package/dist/component-dependencies.js.map +1 -1
- package/dist/component-order.js +1 -1
- package/dist/component-order.js.map +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +1 -0
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Command/examples/01-basic-command.d.ts.map +1 -1
- package/dist/components/Command/examples/01-basic-command.js +2 -2
- package/dist/components/Command/examples/01-basic-command.js.map +1 -1
- package/dist/components/Command/examples.json +1 -1
- package/dist/components/Confirm/examples/01-basic-confirm.js +2 -2
- package/dist/components/Confirm/examples/01-basic-confirm.js.map +1 -1
- package/dist/components/Confirm/examples.json +1 -1
- package/dist/components/Confirm/index.js +4 -4
- package/dist/components/Confirm/index.js.map +1 -1
- package/dist/components/Date/examples/02-with-disabled-dates.d.ts.map +1 -1
- package/dist/components/Date/examples/02-with-disabled-dates.js +5 -6
- package/dist/components/Date/examples/02-with-disabled-dates.js.map +1 -1
- package/dist/components/Path/examples/01-basic-breadcrumbs.d.ts.map +1 -0
- package/dist/components/Path/examples/01-basic-breadcrumbs.js +10 -0
- package/dist/components/Path/examples/01-basic-breadcrumbs.js.map +1 -0
- package/dist/components/Path/examples/01-basic-path.d.ts +6 -0
- package/dist/components/Path/examples/01-basic-path.d.ts.map +1 -0
- package/dist/components/Path/examples/01-basic-path.js +10 -0
- package/dist/components/Path/examples/01-basic-path.js.map +1 -0
- package/dist/components/Path/examples/index.d.ts +3 -0
- package/dist/components/Path/examples/index.d.ts.map +1 -0
- package/dist/components/Path/examples/index.js +3 -0
- package/dist/components/Path/examples/index.js.map +1 -0
- package/dist/components/Path/examples.json +12 -0
- package/dist/components/Path/index.d.ts +4 -0
- package/dist/components/Path/index.d.ts.map +1 -0
- package/dist/components/Path/index.js +46 -0
- package/dist/components/Path/index.js.map +1 -0
- package/dist/components/Toast/examples/03-danger-toast.d.ts +6 -0
- package/dist/components/Toast/examples/03-danger-toast.d.ts.map +1 -0
- package/dist/components/Toast/examples/03-danger-toast.js +14 -0
- package/dist/components/Toast/examples/03-danger-toast.js.map +1 -0
- package/dist/components/Toast/examples/index.d.ts +2 -2
- package/dist/components/Toast/examples/index.d.ts.map +1 -1
- package/dist/components/Toast/examples/index.js +2 -2
- package/dist/components/Toast/examples/index.js.map +1 -1
- package/dist/components/Toast/examples.json +3 -3
- package/dist/components/Toast/index.js +4 -4
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/generated-data.d.ts.map +1 -1
- package/dist/generated-data.js +615 -195
- package/dist/generated-data.js.map +1 -1
- package/dist/generated-styles.d.ts +14 -0
- package/dist/generated-styles.d.ts.map +1 -0
- package/dist/generated-styles.js +3148 -0
- package/dist/generated-styles.js.map +1 -0
- package/dist/generated-styles.json +3146 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/dist/registry.d.ts.map +1 -1
- package/dist/registry.js +37 -25
- package/dist/registry.js.map +1 -1
- package/dist/src/generated-styles.d.ts +7 -0
- package/dist/src/generated-styles.d.ts.map +1 -0
- package/dist/src/generated-styles.js +1360 -0
- package/dist/src/generated-styles.js.map +1 -0
- package/package.json +10 -10
- package/src/component-dependencies.ts +1 -1
- package/src/component-order.ts +1 -1
- package/src/components/Button/index.tsx +1 -0
- package/src/components/Code/metadata.json +1 -0
- package/src/components/Color/metadata.json +1 -0
- package/src/components/Command/examples/01-basic-command.tsx +1 -3
- package/src/components/Command/examples.json +1 -1
- package/src/components/Command/metadata.json +2 -1
- package/src/components/Confirm/examples/01-basic-confirm.tsx +2 -2
- package/src/components/Confirm/examples.json +1 -1
- package/src/components/Confirm/index.tsx +4 -4
- package/src/components/Date/examples/02-with-disabled-dates.tsx +9 -6
- package/src/components/Menu/metadata.json +2 -1
- package/src/components/Page/metadata.json +1 -0
- package/src/components/Panel/metadata.json +1 -0
- package/src/components/Path/examples/01-basic-breadcrumbs.tsx +17 -0
- package/src/components/Path/examples/01-basic-path.tsx +17 -0
- package/src/components/Path/examples/index.ts +2 -0
- package/src/components/Path/examples.json +12 -0
- package/src/components/Path/index.tsx +71 -0
- package/src/components/{Breadcrumbs → Path}/metadata.json +5 -5
- package/src/components/Select/metadata.json +2 -1
- package/src/components/Toast/examples/{03-destructive-toast.tsx → 03-danger-toast.tsx} +2 -2
- package/src/components/Toast/examples/index.ts +2 -2
- package/src/components/Toast/examples.json +3 -3
- package/src/components/Toast/index.tsx +4 -4
- package/src/dist/generated-styles.json +1358 -0
- package/src/generated-data.ts +615 -195
- package/src/generated-styles.ts +3147 -0
- package/src/index.ts +4 -3
- package/src/registry.ts +38 -26
- package/src/src/generated-styles.ts +1359 -0
- package/dist/components/Breadcrumbs/examples/01-basic-breadcrumbs.d.ts.map +0 -1
- package/dist/components/Breadcrumbs/examples/01-basic-breadcrumbs.js +0 -10
- package/dist/components/Breadcrumbs/examples/01-basic-breadcrumbs.js.map +0 -1
- package/dist/components/Breadcrumbs/examples/index.d.ts +0 -3
- package/dist/components/Breadcrumbs/examples/index.d.ts.map +0 -1
- package/dist/components/Breadcrumbs/examples/index.js +0 -3
- package/dist/components/Breadcrumbs/examples/index.js.map +0 -1
- package/dist/components/Breadcrumbs/examples.json +0 -7
- package/dist/components/Breadcrumbs/index.d.ts +0 -4
- package/dist/components/Breadcrumbs/index.d.ts.map +0 -1
- package/dist/components/Breadcrumbs/index.js +0 -46
- package/dist/components/Breadcrumbs/index.js.map +0 -1
- package/src/components/Breadcrumbs/examples/01-basic-breadcrumbs.tsx +0 -17
- package/src/components/Breadcrumbs/examples/index.ts +0 -2
- package/src/components/Breadcrumbs/examples.json +0 -7
- package/src/components/Breadcrumbs/index.tsx +0 -72
- /package/dist/components/{Breadcrumbs → Path}/examples/01-basic-breadcrumbs.d.ts +0 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export const componentDependencies = {
|
|
6
6
|
'badge': { npm: [], internal: [] },
|
|
7
|
-
'
|
|
7
|
+
'path': { npm: [], internal: [] },
|
|
8
8
|
'button': { npm: [], internal: [] },
|
|
9
9
|
'card': { npm: [], internal: [] },
|
|
10
10
|
'checkbox': { npm: [], internal: ['label'] },
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"component-dependencies.js","sourceRoot":"","sources":["../src/component-dependencies.ts"],"names":[],"mappings":"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"}
|
package/dist/component-order.js
CHANGED
|
@@ -10,7 +10,7 @@ export const componentOrder = {
|
|
|
10
10
|
input: ['date', 'checkbox', 'color', 'input', 'radio', 'select', 'slider', 'switch', 'textarea'],
|
|
11
11
|
information: ['banner', 'badge', 'label', 'tooltip'],
|
|
12
12
|
feedback: ['popover', 'progress', 'toast'],
|
|
13
|
-
navigation: ['
|
|
13
|
+
navigation: ['path', 'menu', 'tabs', 'anchor'],
|
|
14
14
|
container: ['page', 'modal', 'scroll', 'mask', 'frame'],
|
|
15
15
|
display: ['table', 'code'],
|
|
16
16
|
};
|
|
@@ -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,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,
|
|
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,QAAQ,EAAE,MAAM,CAAC;IAChE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;IACxC,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;IACxC,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC;IAChG,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC;IACpD,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;IAC1C,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;IAC9C,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;IACvD,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAA2B,EAAY,EAAE;IAC5E,OAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAa,EAAE;IACpD,OAAO,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,IAAI,EAAE,CAAC;AAC9C,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,cAAc,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAuC/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAkC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,8BAA8B;AAC9B,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC/D,EAAE,EAAE,EAAE,0BAA0B,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC5E,EAAE,EAAE,EAAE,wBAAwB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IAC1E,EAAE,EAAE,EAAE,oBAAoB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IACtE,EAAE,EAAE,EAAE,wBAAwB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAC3E,CAAC;AAEF,MAAM,cAAc,GAAiB;IACnC;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;
|
|
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":"01-basic-command.d.ts","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,
|
|
1
|
+
{"version":3,"file":"01-basic-command.d.ts","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAoE9B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { Command, Button
|
|
4
|
+
import { Command, Button } from 'ui-lab-components';
|
|
5
5
|
export const metadata = {
|
|
6
6
|
title: 'Basic Command Palette',
|
|
7
7
|
description: 'A searchable command palette with keyboard shortcuts. Use Cmd+K (or Ctrl+K) to open.'
|
|
@@ -31,6 +31,6 @@ export default function Example() {
|
|
|
31
31
|
action: () => console.log('Settings'),
|
|
32
32
|
},
|
|
33
33
|
];
|
|
34
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette (\u2318K)" }), _jsxs(Command, { open: open, onOpenChange: setOpen, items: commands, children: [_jsx(Command.SearchInput, { placeholder: "Search commands..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderCategory: (category) => category ? _jsx(Command.Category, { children: category }) : null, renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, children:
|
|
34
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette (\u2318K)" }), _jsxs(Command, { open: open, onOpenChange: setOpen, items: commands, children: [_jsx(Command.SearchInput, { placeholder: "Search commands..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderCategory: (category) => category ? _jsx(Command.Category, { children: category }) : null, renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, hint: cmd.shortcut, children: _jsx("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' }, children: _jsxs("div", { children: [_jsx("div", { style: { fontWeight: 500 }, children: cmd.label }), cmd.description && (_jsx("div", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.description }))] }) }) }, cmd.id)) }) })] })] }));
|
|
35
35
|
}
|
|
36
36
|
//# sourceMappingURL=01-basic-command.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"01-basic-command.js","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"01-basic-command.js","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAS,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,sFAAsF;CACpG,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,MAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,QAAQ,aAEf,KAAC,OAAO,CAAC,WAAW,IAAC,WAAW,EAAC,oBAAoB,GAAG,EACxD,KAAC,OAAO,CAAC,IAAI,cACX,KAAC,OAAO,CAAC,MAAM,IACb,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE,CAC3B,QAAQ,CAAC,CAAC,CAAC,KAAC,OAAO,CAAC,QAAQ,cAAE,QAAQ,GAAoB,CAAC,CAAC,CAAC,IAAI,EAEnE,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACnB,KAAC,OAAO,CAAC,IAAI,IAEX,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,GAAG,CAAC,QAAQ,YAElB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,YACpF,0BACE,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,GAAG,CAAC,KAAK,GAAO,EACjD,GAAG,CAAC,WAAW,IAAI,CAClB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,YAC9C,GAAG,CAAC,WAAW,GACZ,CACP,IACG,GACF,IAfD,GAAG,CAAC,EAAE,CAgBE,CAChB,GACD,GACW,IACP,IACT,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"01-basic-command": {
|
|
3
3
|
"title": "Basic Command Palette",
|
|
4
4
|
"description": "A searchable command palette with keyboard shortcuts. Use Cmd+K (or Ctrl+K) to open.",
|
|
5
|
-
"code": "'use client';\n\nimport React from 'react';\nimport { Command, Button, Badge } from 'ui-lab-components';\n\nexport default function Example() {\n const [open, setOpen] = React.useState(false);\n\n const commands = [\n {\n id: 'search',\n label: 'Search',\n description: 'Search documents',\n shortcut: '⌘F',\n action: () => console.log('Search'),\n },\n {\n id: 'create',\n label: 'Create new',\n description: 'Create a new document',\n shortcut: '⌘N',\n action: () => console.log('Create'),\n },\n {\n id: 'settings',\n label: 'Settings',\n description: 'Open application settings',\n shortcut: '⌘,',\n action: () => console.log('Settings'),\n },\n ];\n\n return (\n <>\n <Button onClick={() => setOpen(true)}>\n Open Palette (⌘K)\n </Button>\n <Command\n open={open}\n onOpenChange={setOpen}\n items={commands}\n >\n <Command.SearchInput placeholder=\"Search commands...\" />\n <Command.List>\n <Command.Groups\n renderCategory={(category) =>\n category ? <Command.Category>{category}</Command.Category> : null\n }\n renderItem={(cmd) => (\n <Command.Item\n key={cmd.id}\n value={cmd.id}\n textValue={cmd.label}\n action={cmd.action}\n >\n <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n <div>\n <div style={{ fontWeight: 500 }}>{cmd.label}</div>\n {cmd.description && (\n <div style={{ fontSize: '0.875em', opacity: 0.7 }}>\n {cmd.description}\n </div>\n )}\n </div>\n
|
|
5
|
+
"code": "'use client';\n\nimport React from 'react';\nimport { Command, Button, Badge } from 'ui-lab-components';\n\nexport default function Example() {\n const [open, setOpen] = React.useState(false);\n\n const commands = [\n {\n id: 'search',\n label: 'Search',\n description: 'Search documents',\n shortcut: '⌘F',\n action: () => console.log('Search'),\n },\n {\n id: 'create',\n label: 'Create new',\n description: 'Create a new document',\n shortcut: '⌘N',\n action: () => console.log('Create'),\n },\n {\n id: 'settings',\n label: 'Settings',\n description: 'Open application settings',\n shortcut: '⌘,',\n action: () => console.log('Settings'),\n },\n ];\n\n return (\n <>\n <Button onClick={() => setOpen(true)}>\n Open Palette (⌘K)\n </Button>\n <Command\n open={open}\n onOpenChange={setOpen}\n items={commands}\n >\n <Command.SearchInput placeholder=\"Search commands...\" />\n <Command.List>\n <Command.Groups\n renderCategory={(category) =>\n category ? <Command.Category>{category}</Command.Category> : null\n }\n renderItem={(cmd) => (\n <Command.Item\n key={cmd.id}\n value={cmd.id}\n textValue={cmd.label}\n action={cmd.action}\n hint={cmd.shortcut}\n >\n <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n <div>\n <div style={{ fontWeight: 500 }}>{cmd.label}</div>\n {cmd.description && (\n <div style={{ fontSize: '0.875em', opacity: 0.7 }}>\n {cmd.description}\n </div>\n )}\n </div>\n </div>\n </Command.Item>\n )}\n />\n </Command.List>\n </Command>\n </>\n );\n}"
|
|
6
6
|
}
|
|
7
7
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Confirm } from 'ui-lab-components';
|
|
3
3
|
export const metadata = {
|
|
4
4
|
title: 'Basic Confirm',
|
|
5
5
|
description: 'A confirmation dialog for critical actions. Use this to prevent accidental deletions or destructive operations.'
|
|
6
6
|
};
|
|
7
7
|
export default function Example() {
|
|
8
|
-
return (_jsx(
|
|
8
|
+
return (_jsx(Confirm, { triggerLabel: "Delete Account", title: "Are you sure?", description: "This action cannot be undone. All your data will be permanently deleted.", confirmLabel: "Delete", cancelLabel: "Cancel", onConfirm: () => console.log('Account deleted'), onCancel: () => console.log('Cancelled') }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=01-basic-confirm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"01-basic-confirm.js","sourceRoot":"","sources":["../../../../src/components/Confirm/examples/01-basic-confirm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"01-basic-confirm.js","sourceRoot":"","sources":["../../../../src/components/Confirm/examples/01-basic-confirm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,iHAAiH;CAC/H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,OAAO,IACN,YAAY,EAAC,gBAAgB,EAC7B,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,0EAA0E,EACtF,YAAY,EAAC,QAAQ,EACrB,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAC/C,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"01-basic-confirm": {
|
|
3
3
|
"title": "Basic Confirm",
|
|
4
4
|
"description": "A confirmation dialog for critical actions. Use this to prevent accidental deletions or destructive operations.",
|
|
5
|
-
"code": "import {
|
|
5
|
+
"code": "import { Confirm } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <Confirm\n triggerLabel=\"Delete Account\"\n title=\"Are you sure?\"\n description=\"This action cannot be undone. All your data will be permanently deleted.\"\n confirmLabel=\"Delete\"\n cancelLabel=\"Cancel\"\n onConfirm={() => console.log('Account deleted')}\n onCancel={() => console.log('Cancelled')}\n />\n );\n}"
|
|
6
6
|
}
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Confirm } from 'ui-lab-components';
|
|
3
3
|
import Example1, { metadata as metadata1 } from './examples/01-basic-confirm.js';
|
|
4
4
|
import examplesJson from './examples.json' with { type: 'json' };
|
|
5
5
|
import { loadComponentExamples } from '../../utils/load-component-examples.js';
|
|
@@ -52,9 +52,9 @@ export const confirmDetail = {
|
|
|
52
52
|
title: 'Preview',
|
|
53
53
|
description: 'Adjust props to customize the component',
|
|
54
54
|
code: confirmBasicCode,
|
|
55
|
-
preview: (_jsx(
|
|
55
|
+
preview: (_jsx(Confirm, { triggerLabel: "Delete", title: "Are you sure?", description: "This action cannot be undone.", confirmLabel: "Delete", cancelLabel: "Cancel", onConfirm: () => console.log('Confirmed'), onCancel: () => console.log('Cancelled') })),
|
|
56
56
|
controls: confirmControls,
|
|
57
|
-
renderPreview: (props) => (_jsx(
|
|
57
|
+
renderPreview: (props) => (_jsx(Confirm, { triggerLabel: props.triggerLabel, title: props.title, description: props.description, confirmLabel: "Delete", cancelLabel: "Cancel", onConfirm: () => console.log('Confirmed'), onCancel: () => console.log('Cancelled') })),
|
|
58
58
|
},
|
|
59
59
|
...loadComponentExamples(examplesData, examplesJson),
|
|
60
60
|
],
|
|
@@ -64,7 +64,7 @@ export const confirmDetail = {
|
|
|
64
64
|
name: 'Default',
|
|
65
65
|
description: 'Basic confirm dialog for destructive actions.',
|
|
66
66
|
code: confirmBasicCode,
|
|
67
|
-
preview: (_jsx(
|
|
67
|
+
preview: (_jsx(Confirm, { triggerLabel: "Delete Account", title: "Are you sure?", description: "This action cannot be undone.", confirmLabel: "Delete", cancelLabel: "Cancel", onConfirm: () => console.log('Confirmed'), onCancel: () => console.log('Cancelled') })),
|
|
68
68
|
},
|
|
69
69
|
],
|
|
70
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Confirm/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Confirm/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"02-with-disabled-dates.d.ts","sourceRoot":"","sources":["../../../../src/components/Date/examples/02-with-disabled-dates.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,
|
|
1
|
+
{"version":3,"file":"02-with-disabled-dates.d.ts","sourceRoot":"","sources":["../../../../src/components/Date/examples/02-with-disabled-dates.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,4CAY9B"}
|
|
@@ -3,15 +3,14 @@ import React from 'react';
|
|
|
3
3
|
import { Date as DatePicker } from 'ui-lab-components';
|
|
4
4
|
export const metadata = {
|
|
5
5
|
title: 'Date with Disabled Dates',
|
|
6
|
-
description: 'Date component with certain dates disabled (weekends
|
|
6
|
+
description: 'Date component with certain dates disabled (weekends). Disabled dates cannot be selected.'
|
|
7
7
|
};
|
|
8
8
|
export default function Example() {
|
|
9
9
|
const [date, setDate] = React.useState(null);
|
|
10
|
-
const isDisabled = (
|
|
11
|
-
const day =
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
};
|
|
10
|
+
const isDisabled = React.useCallback((dateToCompare) => {
|
|
11
|
+
const day = dateToCompare.getDay();
|
|
12
|
+
return day === 0 || day === 6; // Disable weekends only
|
|
13
|
+
}, []);
|
|
15
14
|
return _jsx(DatePicker, { value: date, onChange: setDate, disabled: isDisabled });
|
|
16
15
|
}
|
|
17
16
|
//# sourceMappingURL=02-with-disabled-dates.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"02-with-disabled-dates.js","sourceRoot":"","sources":["../../../../src/components/Date/examples/02-with-disabled-dates.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"02-with-disabled-dates.js","sourceRoot":"","sources":["../../../../src/components/Date/examples/02-with-disabled-dates.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,2FAA2F;CACzG,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAEzD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,aAAmB,EAAE,EAAE;QACtB,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,EAAE,CAAA;QAClC,OAAO,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAA,CAAC,wBAAwB;IACxD,CAAC,EACD,EAAE,CACH,CAAA;IAED,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,GAAI,CAAA;AAC7E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Path/examples/01-basic-breadcrumbs.tsx"],"names":[],"mappings":"AAEA,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 { PathItem, Path } from 'ui-lab-components';
|
|
3
|
+
export const metadata = {
|
|
4
|
+
title: 'Basic Path',
|
|
5
|
+
description: 'A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.'
|
|
6
|
+
};
|
|
7
|
+
export default function Example() {
|
|
8
|
+
return (_jsxs(Path, { children: [_jsx(PathItem, { href: "/", children: "Home" }), _jsx(PathItem, { href: "/products", children: "Products" }), _jsx(PathItem, { href: "/products/electronics", children: "Electronics" }), _jsx(PathItem, { children: "Laptop" })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=01-basic-breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/01-basic-breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,qBAAgB,EAClC,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,yBAAoB,EAC9C,KAAC,QAAQ,IAAC,IAAI,EAAC,uBAAuB,4BAAuB,EAC7D,KAAC,QAAQ,yBAAkB,IACtB,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-path.d.ts","sourceRoot":"","sources":["../../../../src/components/Path/examples/01-basic-path.tsx"],"names":[],"mappings":"AAEA,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 { Path, PathItem } from 'ui-lab-components';
|
|
3
|
+
export const metadata = {
|
|
4
|
+
title: 'Basic Path',
|
|
5
|
+
description: 'A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.'
|
|
6
|
+
};
|
|
7
|
+
export default function Example() {
|
|
8
|
+
return (_jsxs(Path, { children: [_jsx(PathItem, { href: "/", children: "Home" }), _jsx(PathItem, { href: "/products", children: "Products" }), _jsx(PathItem, { href: "/products/electronics", children: "Electronics" }), _jsx(PathItem, { children: "Laptop" })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=01-basic-path.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"01-basic-path.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/01-basic-path.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,qBAAgB,EAClC,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,yBAAoB,EAC9C,KAAC,QAAQ,IAAC,IAAI,EAAC,uBAAuB,4BAAuB,EAC7D,KAAC,QAAQ,yBAAkB,IACtB,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Path/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/Path/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,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"01-basic-breadcrumbs": {
|
|
3
|
+
"title": "Basic Path",
|
|
4
|
+
"description": "A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.",
|
|
5
|
+
"code": "import { PathItem, Path } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <Path>\n <PathItem href=\"/\">Home</PathItem>\n <PathItem href=\"/products\">Products</PathItem>\n <PathItem href=\"/products/electronics\">Electronics</PathItem>\n <PathItem>Laptop</PathItem>\n </Path>\n );\n}"
|
|
6
|
+
},
|
|
7
|
+
"01-basic-path": {
|
|
8
|
+
"title": "Basic Path",
|
|
9
|
+
"description": "A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.",
|
|
10
|
+
"code": "import { Path, PathItem } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <Path>\n <PathItem href=\"/\">Home</PathItem>\n <PathItem href=\"/products\">Products</PathItem>\n <PathItem href=\"/products/electronics\">Electronics</PathItem>\n <PathItem>Laptop</PathItem>\n </Path>\n );\n}"
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Path/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqB1C,eAAO,MAAM,UAAU,EAAE,eA6CxB,CAAC;AAEF,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Path, PathItem } from 'ui-lab-components';
|
|
3
|
+
import Example1, { metadata as metadata1 } from './examples/01-basic-path.js';
|
|
4
|
+
import examplesJson from './examples.json' with { type: 'json' };
|
|
5
|
+
import { loadComponentExamples } from '../../utils/load-component-examples.js';
|
|
6
|
+
const examplesData = [
|
|
7
|
+
{ id: '01-basic-path', Component: Example1, metadata: metadata1 },
|
|
8
|
+
];
|
|
9
|
+
const pathBasicCode = `import { Path, PathItem } from "ui-lab-components";
|
|
10
|
+
|
|
11
|
+
export function Example() {
|
|
12
|
+
return (
|
|
13
|
+
<Path>
|
|
14
|
+
<PathItem href="/">Home</PathItem>
|
|
15
|
+
<PathItem href="/products">Products</PathItem>
|
|
16
|
+
<PathItem>Electronics</PathItem>
|
|
17
|
+
</Path>
|
|
18
|
+
);
|
|
19
|
+
}`;
|
|
20
|
+
export const pathDetail = {
|
|
21
|
+
id: 'path',
|
|
22
|
+
name: 'Path',
|
|
23
|
+
description: 'A navigation component that displays the current page location in a site hierarchy.',
|
|
24
|
+
overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "The Path component helps users understand their location within a website's hierarchy and provides quick navigation to parent pages. It displays a trail of links separated by visual dividers." }), _jsx("p", { children: "Built with accessibility in mind, including proper ARIA attributes. The current page is automatically marked as the active step." })] })),
|
|
25
|
+
examples: [
|
|
26
|
+
{
|
|
27
|
+
id: 'preview',
|
|
28
|
+
title: 'Preview',
|
|
29
|
+
description: 'Adjust props to customize the component',
|
|
30
|
+
code: pathBasicCode,
|
|
31
|
+
preview: (_jsxs(Path, { children: [_jsx(PathItem, { href: "/", children: "Home" }), _jsx(PathItem, { href: "/products", children: "Products" }), _jsx(PathItem, { children: "Electronics" })] })),
|
|
32
|
+
},
|
|
33
|
+
...loadComponentExamples(examplesData, examplesJson),
|
|
34
|
+
],
|
|
35
|
+
variants: [
|
|
36
|
+
{
|
|
37
|
+
id: 'default',
|
|
38
|
+
name: 'Default',
|
|
39
|
+
description: 'Standard path navigation with links',
|
|
40
|
+
code: pathBasicCode,
|
|
41
|
+
preview: (_jsxs(Path, { children: [_jsx(PathItem, { href: "/", children: "Home" }), _jsx(PathItem, { href: "/products", children: "Products" }), _jsx(PathItem, { children: "Electronics" })] })),
|
|
42
|
+
},
|
|
43
|
+
],
|
|
44
|
+
};
|
|
45
|
+
export * from './examples/index.js';
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Path/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9E,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,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAClE,CAAC;AAEF,MAAM,aAAa,GAAG;;;;;;;;;;EAUpB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,qFAAqF;IAClG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,0NAEI,EACJ,2JAEI,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,eACH,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,qBAAgB,EAClC,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,yBAAoB,EAC9C,KAAC,QAAQ,8BAAuB,IAC3B,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,eACH,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,qBAAgB,EAClC,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,yBAAoB,EAC9C,KAAC,QAAQ,8BAAuB,IAC3B,CACR;SACF;KACF;CACF,CAAC;AAEF,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"03-danger-toast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/examples/03-danger-toast.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAkB9B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button, toast, Toaster } from 'ui-lab-components';
|
|
3
|
+
export const metadata = {
|
|
4
|
+
title: 'Danger Toast',
|
|
5
|
+
description: 'Toast notification for errors or destructive operations.'
|
|
6
|
+
};
|
|
7
|
+
export default function Example() {
|
|
8
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { size: "sm", onClick: () => toast({
|
|
9
|
+
title: 'Error',
|
|
10
|
+
description: 'Something went wrong',
|
|
11
|
+
variant: 'danger',
|
|
12
|
+
}), children: "Show Error" }), _jsx(Toaster, {})] }));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=03-danger-toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"03-danger-toast.js","sourceRoot":"","sources":["../../../../src/components/Toast/examples/03-danger-toast.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,0DAA0D;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,8BACE,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC;oBACJ,KAAK,EAAE,OAAO;oBACd,WAAW,EAAE,sBAAsB;oBACnC,OAAO,EAAE,QAAQ;iBAClB,CAAC,2BAIG,EACT,KAAC,OAAO,KAAG,IACV,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -2,8 +2,8 @@ export { default as Example1 } from './01-basic-toast.js';
|
|
|
2
2
|
export { metadata as metadata1 } from './01-basic-toast.js';
|
|
3
3
|
export { default as Example2 } from './02-success-toast.js';
|
|
4
4
|
export { metadata as metadata2 } from './02-success-toast.js';
|
|
5
|
-
export { default as Example3 } from './03-
|
|
6
|
-
export { metadata as metadata3 } from './03-
|
|
5
|
+
export { default as Example3 } from './03-danger-toast.js';
|
|
6
|
+
export { metadata as metadata3 } from './03-danger-toast.js';
|
|
7
7
|
export { default as Example4 } from './04-info-toast.js';
|
|
8
8
|
export { metadata as metadata4 } from './04-info-toast.js';
|
|
9
9
|
export { default as Example5 } from './05-warning-toast.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/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;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/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;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -2,8 +2,8 @@ export { default as Example1 } from './01-basic-toast.js';
|
|
|
2
2
|
export { metadata as metadata1 } from './01-basic-toast.js';
|
|
3
3
|
export { default as Example2 } from './02-success-toast.js';
|
|
4
4
|
export { metadata as metadata2 } from './02-success-toast.js';
|
|
5
|
-
export { default as Example3 } from './03-
|
|
6
|
-
export { metadata as metadata3 } from './03-
|
|
5
|
+
export { default as Example3 } from './03-danger-toast.js';
|
|
6
|
+
export { metadata as metadata3 } from './03-danger-toast.js';
|
|
7
7
|
export { default as Example4 } from './04-info-toast.js';
|
|
8
8
|
export { metadata as metadata4 } from './04-info-toast.js';
|
|
9
9
|
export { default as Example5 } from './05-warning-toast.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Toast/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;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Toast/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;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
"description": "Toast notification for successful operations.",
|
|
10
10
|
"code": "import React from 'react';\nimport { Button, toast, Toaster } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <>\n <Button\n size=\"sm\"\n onClick={() =>\n toast({\n title: 'Success',\n description: 'Operation completed successfully',\n variant: 'success',\n })\n }\n >\n Show Success\n </Button>\n <Toaster />\n </>\n );\n}"
|
|
11
11
|
},
|
|
12
|
-
"03-
|
|
13
|
-
"title": "
|
|
12
|
+
"03-danger-toast": {
|
|
13
|
+
"title": "Danger Toast",
|
|
14
14
|
"description": "Toast notification for errors or destructive operations.",
|
|
15
|
-
"code": "import React from 'react';\nimport { Button, toast, Toaster } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <>\n <Button\n size=\"sm\"\n onClick={() =>\n toast({\n title: 'Error',\n description: 'Something went wrong',\n variant: '
|
|
15
|
+
"code": "import React from 'react';\nimport { Button, toast, Toaster } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <>\n <Button\n size=\"sm\"\n onClick={() =>\n toast({\n title: 'Error',\n description: 'Something went wrong',\n variant: 'danger',\n })\n }\n >\n Show Error\n </Button>\n <Toaster />\n </>\n );\n}"
|
|
16
16
|
},
|
|
17
17
|
"04-info-toast": {
|
|
18
18
|
"title": "Info Toast",
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
3
3
|
import { Button, toast, Toaster } from 'ui-lab-components';
|
|
4
4
|
import Example1, { metadata as metadata1 } from './examples/01-basic-toast.js';
|
|
5
5
|
import Example2, { metadata as metadata2 } from './examples/02-success-toast.js';
|
|
6
|
-
import Example3, { metadata as metadata3 } from './examples/03-
|
|
6
|
+
import Example3, { metadata as metadata3 } from './examples/03-danger-toast.js';
|
|
7
7
|
import Example4, { metadata as metadata4 } from './examples/04-info-toast.js';
|
|
8
8
|
import Example5, { metadata as metadata5 } from './examples/05-warning-toast.js';
|
|
9
9
|
import examplesJson from './examples.json' with { type: 'json' };
|
|
@@ -12,7 +12,7 @@ import { loadComponentExamples } from '../../utils/load-component-examples.js';
|
|
|
12
12
|
const examplesData = [
|
|
13
13
|
{ id: '01-basic-toast', Component: Example1, metadata: metadata1 },
|
|
14
14
|
{ id: '02-success-toast', Component: Example2, metadata: metadata2 },
|
|
15
|
-
{ id: '03-
|
|
15
|
+
{ id: '03-danger-toast', Component: Example3, metadata: metadata3 },
|
|
16
16
|
{ id: '04-info-toast', Component: Example4, metadata: metadata4 },
|
|
17
17
|
{ id: '05-warning-toast', Component: Example5, metadata: metadata5 },
|
|
18
18
|
];
|
|
@@ -24,7 +24,7 @@ const toastControls = [
|
|
|
24
24
|
options: [
|
|
25
25
|
{ label: 'Default', value: 'default' },
|
|
26
26
|
{ label: 'Success', value: 'success' },
|
|
27
|
-
{ label: '
|
|
27
|
+
{ label: 'danger', value: 'danger' },
|
|
28
28
|
{ label: 'Info', value: 'info' },
|
|
29
29
|
{ label: 'Warning', value: 'warning' },
|
|
30
30
|
],
|
|
@@ -67,7 +67,7 @@ export const toastDetail = {
|
|
|
67
67
|
id: 'toast',
|
|
68
68
|
name: 'Toast',
|
|
69
69
|
description: 'A notification component for displaying temporary messages with multiple variants, positions, and auto-dismiss functionality.',
|
|
70
|
-
overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "The Toast component displays temporary notifications to users. It supports multiple variants (default, success,
|
|
70
|
+
overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "The Toast component displays temporary notifications to users. It supports multiple variants (default, success, danger, info, warning) for different message types and can be positioned in any corner or center of the viewport." }), _jsx("p", { children: "Toasts automatically dismiss after a configurable duration, support manual dismissal via close button, and can be paused on hover or focus. They're perfect for providing feedback after user actions, displaying system messages, or showing alerts." })] })),
|
|
71
71
|
examples: [
|
|
72
72
|
{
|
|
73
73
|
id: 'preview',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generated-data.d.ts","sourceRoot":"","sources":["../src/generated-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"generated-data.d.ts","sourceRoot":"","sources":["../src/generated-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CA6iJrD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAqC3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAyMnE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAyChD,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAoLxE,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAIxC,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAGzC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAE7B,CAAC"}
|