ui-lab-registry 0.3.4 → 0.3.411
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/components/Tabs/examples/01-basic-tabs.js +1 -1
- package/dist/components/Tabs/examples/01-basic-tabs.js.map +1 -1
- package/dist/components/Tabs/examples/02-vertical-tabs.js +1 -1
- package/dist/components/Tabs/examples/02-vertical-tabs.js.map +1 -1
- package/dist/components/Tabs/examples.json +2 -2
- package/dist/components/Tabs/index.js +5 -5
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/generated-data.d.ts.map +1 -1
- package/dist/generated-data.js +49 -33
- package/dist/generated-data.js.map +1 -1
- package/dist/generated-styles.d.ts.map +1 -1
- package/dist/generated-styles.js +92 -107
- package/dist/generated-styles.js.map +1 -1
- package/dist/generated-styles.json +92 -107
- package/dist/registry.js +2 -2
- package/dist/registry.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Tabs/examples/01-basic-tabs.tsx +1 -1
- package/src/components/Tabs/examples/02-vertical-tabs.tsx +1 -1
- package/src/components/Tabs/examples.json +2 -2
- package/src/components/Tabs/index.tsx +5 -5
- package/src/generated-data.ts +49 -33
- package/src/generated-styles.ts +92 -107
- package/src/registry.ts +2 -2
|
@@ -5,6 +5,6 @@ export const metadata = {
|
|
|
5
5
|
description: 'A simple tabbed interface with content switching. Use this to organize related content into separate views.'
|
|
6
6
|
};
|
|
7
7
|
export default function Example() {
|
|
8
|
-
return (_jsxs(Tabs, {
|
|
8
|
+
return (_jsxs(Tabs, { default: "overview", children: [_jsxs(Tabs.List, { "aria-label": "Content sections", children: [_jsx(Tabs.Trigger, { value: "overview", children: "Overview" }), _jsx(Tabs.Trigger, { value: "details", children: "Details" }), _jsx(Tabs.Trigger, { value: "settings", children: "Settings" })] }), _jsx(Tabs.Content, { value: "overview", children: _jsx("p", { children: "Overview content goes here." }) }), _jsx(Tabs.Content, { value: "details", children: _jsx("p", { children: "Details content goes here." }) }), _jsx(Tabs.Content, { value: "settings", children: _jsx("p", { children: "Settings content goes here." }) })] }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=01-basic-tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"01-basic-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/01-basic-tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,6GAA6G;CAC3H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,
|
|
1
|
+
{"version":3,"file":"01-basic-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/01-basic-tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,6GAA6G;CAC3H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,OAAO,EAAC,UAAU,aACtB,MAAC,IAAI,CAAC,IAAI,kBAAY,kBAAkB,aACtC,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,yBAAwB,EACtD,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,SAAS,wBAAuB,EACpD,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,yBAAwB,IAC5C,EACZ,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,YAC5B,sDAAkC,GACrB,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,SAAS,YAC3B,qDAAiC,GACpB,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,YAC5B,sDAAkC,GACrB,IACV,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -6,6 +6,6 @@ export const metadata = {
|
|
|
6
6
|
description: 'A vertical tab layout ideal for settings pages or sidebar navigation. Tabs are stacked vertically with content panels beside them.'
|
|
7
7
|
};
|
|
8
8
|
export default function Example() {
|
|
9
|
-
return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4 min-h-[400px]", children: _jsx(Card, { className: "w-full max-w-2xl", children: _jsxs(Tabs, {
|
|
9
|
+
return (_jsx("div", { className: "flex items-center justify-center bg-background-950 p-4 min-h-[400px]", children: _jsx(Card, { className: "w-full max-w-2xl", children: _jsxs(Tabs, { default: "profile", className: "flex flex-row", children: [_jsxs(Tabs.List, { "aria-label": "Settings sections", className: "flex-col items-stretch justify-start h-auto w-48 border-r border-background-700 rounded-none bg-transparent p-2", children: [_jsx(Tabs.Trigger, { value: "profile", icon: _jsx(User, { className: "w-4 h-4" }), className: "justify-start", children: "Profile" }), _jsx(Tabs.Trigger, { value: "notifications", icon: _jsx(Bell, { className: "w-4 h-4" }), className: "justify-start", children: "Notifications" }), _jsx(Tabs.Trigger, { value: "security", icon: _jsx(Shield, { className: "w-4 h-4" }), className: "justify-start", children: "Security" }), _jsx(Tabs.Trigger, { value: "preferences", icon: _jsx(Settings, { className: "w-4 h-4" }), className: "justify-start", children: "Preferences" })] }), _jsxs("div", { className: "flex-1 p-6", children: [_jsxs(Tabs.Content, { value: "profile", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Profile Settings" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Manage your personal information and how others see you on the platform." }), _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "h-10 w-full bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-10 w-full bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-10 w-2/3 bg-background-800 rounded border border-background-700" })] })] }), _jsxs(Tabs.Content, { value: "notifications", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Notification Preferences" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Control how and when you receive alerts and updates." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-accent-500 rounded" }), _jsx("div", { className: "h-4 w-32 bg-background-800 rounded" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-background-700 rounded" }), _jsx("div", { className: "h-4 w-40 bg-background-800 rounded" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-5 bg-accent-500 rounded" }), _jsx("div", { className: "h-4 w-28 bg-background-800 rounded" })] })] })] }), _jsxs(Tabs.Content, { value: "security", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "Security Settings" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Protect your account with passwords, two-factor authentication, and more." }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "p-3 bg-background-800 rounded border border-background-700", children: [_jsx("div", { className: "h-4 w-24 bg-background-700 rounded mb-2" }), _jsx("div", { className: "h-3 w-48 bg-background-700/50 rounded" })] }), _jsxs("div", { className: "p-3 bg-background-800 rounded border border-background-700", children: [_jsx("div", { className: "h-4 w-32 bg-background-700 rounded mb-2" }), _jsx("div", { className: "h-3 w-40 bg-background-700/50 rounded" })] })] })] }), _jsxs(Tabs.Content, { value: "preferences", className: "mt-0", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground-100 mb-2", children: "General Preferences" }), _jsx("p", { className: "text-foreground-400 text-sm mb-4", children: "Customize your experience with theme, language, and display options." }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" }), _jsx("div", { className: "h-20 bg-background-800 rounded border border-background-700" })] })] })] })] }) }) }));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=02-vertical-tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"02-vertical-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/02-vertical-tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,yBAAyB;IAChC,WAAW,EAAE,oIAAoI;CAClJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,cAAK,SAAS,EAAC,sEAAsE,YACnF,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,YAChC,MAAC,IAAI,IAAC,
|
|
1
|
+
{"version":3,"file":"02-vertical-tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/examples/02-vertical-tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"01-basic-tabs": {
|
|
3
3
|
"title": "Basic Tabs",
|
|
4
4
|
"description": "A simple tabbed interface with content switching. Use this to organize related content into separate views.",
|
|
5
|
-
"code": "import React from 'react';\nimport { Tabs } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <Tabs
|
|
5
|
+
"code": "import React from 'react';\nimport { Tabs } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <Tabs default=\"overview\">\n <Tabs.List aria-label=\"Content sections\">\n <Tabs.Trigger value=\"overview\">Overview</Tabs.Trigger>\n <Tabs.Trigger value=\"details\">Details</Tabs.Trigger>\n <Tabs.Trigger value=\"settings\">Settings</Tabs.Trigger>\n </Tabs.List>\n <Tabs.Content value=\"overview\">\n <p>Overview content goes here.</p>\n </Tabs.Content>\n <Tabs.Content value=\"details\">\n <p>Details content goes here.</p>\n </Tabs.Content>\n <Tabs.Content value=\"settings\">\n <p>Settings content goes here.</p>\n </Tabs.Content>\n </Tabs>\n );\n}"
|
|
6
6
|
},
|
|
7
7
|
"02-vertical-tabs": {
|
|
8
8
|
"title": "Vertical Tabs (Sidebar)",
|
|
9
9
|
"description": "A vertical tab layout ideal for settings pages or sidebar navigation. Tabs are stacked vertically with content panels beside them.",
|
|
10
|
-
"code": "import React from 'react';\nimport { Tabs, Card } from 'ui-lab-components';\nimport { User, Settings, Bell, Shield } from 'lucide-react';\n\nexport default function Example() {\n return (\n <div className=\"flex items-center justify-center bg-background-950 p-4 min-h-[400px]\">\n <Card className=\"w-full max-w-2xl\">\n <Tabs
|
|
10
|
+
"code": "import React from 'react';\nimport { Tabs, Card } from 'ui-lab-components';\nimport { User, Settings, Bell, Shield } from 'lucide-react';\n\nexport default function Example() {\n return (\n <div className=\"flex items-center justify-center bg-background-950 p-4 min-h-[400px]\">\n <Card className=\"w-full max-w-2xl\">\n <Tabs default=\"profile\" className=\"flex flex-row\">\n {/* Vertical tab list - styled as sidebar */}\n <Tabs.List\n aria-label=\"Settings sections\"\n className=\"flex-col items-stretch justify-start h-auto w-48 border-r border-background-700 rounded-none bg-transparent p-2\"\n >\n <Tabs.Trigger value=\"profile\" icon={<User className=\"w-4 h-4\" />} className=\"justify-start\">\n Profile\n </Tabs.Trigger>\n <Tabs.Trigger value=\"notifications\" icon={<Bell className=\"w-4 h-4\" />} className=\"justify-start\">\n Notifications\n </Tabs.Trigger>\n <Tabs.Trigger value=\"security\" icon={<Shield className=\"w-4 h-4\" />} className=\"justify-start\">\n Security\n </Tabs.Trigger>\n <Tabs.Trigger value=\"preferences\" icon={<Settings className=\"w-4 h-4\" />} className=\"justify-start\">\n Preferences\n </Tabs.Trigger>\n </Tabs.List>\n\n {/* Content panels */}\n <div className=\"flex-1 p-6\">\n <Tabs.Content value=\"profile\" className=\"mt-0\">\n <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Profile Settings</h3>\n <p className=\"text-foreground-400 text-sm mb-4\">\n Manage your personal information and how others see you on the platform.\n </p>\n <div className=\"space-y-3\">\n <div className=\"h-10 w-full bg-background-800 rounded border border-background-700\" />\n <div className=\"h-10 w-full bg-background-800 rounded border border-background-700\" />\n <div className=\"h-10 w-2/3 bg-background-800 rounded border border-background-700\" />\n </div>\n </Tabs.Content>\n\n <Tabs.Content value=\"notifications\" className=\"mt-0\">\n <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Notification Preferences</h3>\n <p className=\"text-foreground-400 text-sm mb-4\">\n Control how and when you receive alerts and updates.\n </p>\n <div className=\"space-y-3\">\n <div className=\"flex items-center gap-3\">\n <div className=\"h-5 w-5 bg-accent-500 rounded\" />\n <div className=\"h-4 w-32 bg-background-800 rounded\" />\n </div>\n <div className=\"flex items-center gap-3\">\n <div className=\"h-5 w-5 bg-background-700 rounded\" />\n <div className=\"h-4 w-40 bg-background-800 rounded\" />\n </div>\n <div className=\"flex items-center gap-3\">\n <div className=\"h-5 w-5 bg-accent-500 rounded\" />\n <div className=\"h-4 w-28 bg-background-800 rounded\" />\n </div>\n </div>\n </Tabs.Content>\n\n <Tabs.Content value=\"security\" className=\"mt-0\">\n <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">Security Settings</h3>\n <p className=\"text-foreground-400 text-sm mb-4\">\n Protect your account with passwords, two-factor authentication, and more.\n </p>\n <div className=\"space-y-3\">\n <div className=\"p-3 bg-background-800 rounded border border-background-700\">\n <div className=\"h-4 w-24 bg-background-700 rounded mb-2\" />\n <div className=\"h-3 w-48 bg-background-700/50 rounded\" />\n </div>\n <div className=\"p-3 bg-background-800 rounded border border-background-700\">\n <div className=\"h-4 w-32 bg-background-700 rounded mb-2\" />\n <div className=\"h-3 w-40 bg-background-700/50 rounded\" />\n </div>\n </div>\n </Tabs.Content>\n\n <Tabs.Content value=\"preferences\" className=\"mt-0\">\n <h3 className=\"text-lg font-semibold text-foreground-100 mb-2\">General Preferences</h3>\n <p className=\"text-foreground-400 text-sm mb-4\">\n Customize your experience with theme, language, and display options.\n </p>\n <div className=\"grid grid-cols-2 gap-3\">\n <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n <div className=\"h-20 bg-background-800 rounded border border-background-700\" />\n </div>\n </Tabs.Content>\n </div>\n </Tabs>\n </Card>\n </div>\n );\n}"
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -31,7 +31,7 @@ const tabsBasicCode = `import { Tabs } from "ui-lab-components";
|
|
|
31
31
|
|
|
32
32
|
export function Example() {
|
|
33
33
|
return (
|
|
34
|
-
<Tabs
|
|
34
|
+
<Tabs default="tab1">
|
|
35
35
|
<Tabs.List>
|
|
36
36
|
<Tabs.Trigger value="tab1">Tab 1</Tabs.Trigger>
|
|
37
37
|
<Tabs.Trigger value="tab2">Tab 2</Tabs.Trigger>
|
|
@@ -52,9 +52,9 @@ export const tabsDetail = {
|
|
|
52
52
|
title: "Preview",
|
|
53
53
|
description: "Adjust props to customize the component",
|
|
54
54
|
code: tabsBasicCode,
|
|
55
|
-
preview: (_jsxs(Tabs, {
|
|
55
|
+
preview: (_jsxs(Tabs, { default: "tab1", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" }), _jsx(Tabs.Trigger, { value: "tab3", children: "Tab 3" })] }), _jsx(Tabs.Content, { value: "tab1", children: _jsx("p", { className: "text-foreground-300", children: "Content for Tab 1" }) }), _jsx(Tabs.Content, { value: "tab2", children: _jsx("p", { className: "text-foreground-300", children: "Content for Tab 2" }) }), _jsx(Tabs.Content, { value: "tab3", children: _jsx("p", { className: "text-foreground-300", children: "Content for Tab 3" }) })] })),
|
|
56
56
|
controls: tabsControls,
|
|
57
|
-
renderPreview: (props) => (_jsxs(Tabs, {
|
|
57
|
+
renderPreview: (props) => (_jsxs(Tabs, { default: "tab1", variant: props.variant, children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", disabled: props.disabled, children: "Tab 2" }), _jsx(Tabs.Trigger, { value: "tab3", children: "Tab 3" })] }), _jsx(Tabs.Content, { value: "tab1", children: _jsx("p", { className: "text-foreground-300", children: "Content for Tab 1" }) }), _jsx(Tabs.Content, { value: "tab2", children: _jsx("p", { className: "text-foreground-300", children: "Content for Tab 2" }) }), _jsx(Tabs.Content, { value: "tab3", children: _jsx("p", { className: "text-foreground-300", children: "Content for Tab 3" }) })] })),
|
|
58
58
|
},
|
|
59
59
|
...loadComponentExamples(examplesData, examplesJson),
|
|
60
60
|
],
|
|
@@ -64,14 +64,14 @@ export const tabsDetail = {
|
|
|
64
64
|
name: "Default",
|
|
65
65
|
description: "Standard boxed tabs with active state highlighting.",
|
|
66
66
|
code: tabsBasicCode,
|
|
67
|
-
preview: (_jsxs(Tabs, {
|
|
67
|
+
preview: (_jsxs(Tabs, { default: "tab1", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), _jsx(Tabs.Content, { value: "tab1", children: _jsx("p", { className: "text-foreground-300", children: "Content 1" }) }), _jsx(Tabs.Content, { value: "tab2", children: _jsx("p", { className: "text-foreground-300", children: "Content 2" }) })] })),
|
|
68
68
|
},
|
|
69
69
|
{
|
|
70
70
|
id: "underline",
|
|
71
71
|
name: "Underline",
|
|
72
72
|
description: "Minimal underline tabs for a cleaner appearance.",
|
|
73
73
|
code: `<Tabs variant="underline">...</Tabs>`,
|
|
74
|
-
preview: (_jsxs(Tabs, {
|
|
74
|
+
preview: (_jsxs(Tabs, { default: "tab1", variant: "underline", children: [_jsxs(Tabs.List, { children: [_jsx(Tabs.Trigger, { value: "tab1", children: "Tab 1" }), _jsx(Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), _jsx(Tabs.Content, { value: "tab1", className: "mt-6", children: _jsx("p", { className: "text-foreground-300", children: "Content 1" }) }), _jsx(Tabs.Content, { value: "tab2", className: "mt-6", children: _jsx("p", { className: "text-foreground-300", children: "Content 2" }) })] })),
|
|
75
75
|
},
|
|
76
76
|
],
|
|
77
77
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,8BAA8B;AAC9B,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IACjE,EAAE,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACrE,CAAC;AAGF,MAAM,YAAY,GAAiB;IACjC;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,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;SAC3C;QACD,YAAY,EAAE,SAAS;KACxB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,oBAAoB;QAC3B,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAA;AAED,MAAM,aAAa,GAAG;;;;;;;;;;;;;EAapB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,6HAA6H;IAC1I,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,mQAEI,EACJ,gNAEI,IACA,CACP;IAED,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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/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,CA69HrD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAsC3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAoMnE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAwChD,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"}
|