@mehdashti/ui 0.1.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/README.md +228 -0
- package/dist/components/__tests__/button.test.d.ts +2 -0
- package/dist/components/__tests__/button.test.d.ts.map +1 -0
- package/dist/components/__tests__/button.test.js +105 -0
- package/dist/components/__tests__/button.test.js.map +1 -0
- package/dist/components/__tests__/input.test.d.ts +2 -0
- package/dist/components/__tests__/input.test.d.ts.map +1 -0
- package/dist/components/__tests__/input.test.js +270 -0
- package/dist/components/__tests__/input.test.js.map +1 -0
- package/dist/components/__tests__/label.test.d.ts +2 -0
- package/dist/components/__tests__/label.test.d.ts.map +1 -0
- package/dist/components/__tests__/label.test.js +181 -0
- package/dist/components/__tests__/label.test.js.map +1 -0
- package/dist/components/button.d.ts +28 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +45 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/button.stories.js +103 -0
- package/dist/components/button.stories.js.map +1 -0
- package/dist/components/dialog.d.ts +20 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +22 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/dialog.stories.d.ts +44 -0
- package/dist/components/dialog.stories.d.ts.map +1 -0
- package/dist/components/dialog.stories.js +64 -0
- package/dist/components/dialog.stories.js.map +1 -0
- package/dist/components/input.d.ts +14 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +17 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/input.stories.d.ts +80 -0
- package/dist/components/input.stories.d.ts.map +1 -0
- package/dist/components/input.stories.js +142 -0
- package/dist/components/input.stories.js.map +1 -0
- package/dist/components/label.d.ts +6 -0
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +10 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/label.stories.d.ts +52 -0
- package/dist/components/label.stories.d.ts.map +1 -0
- package/dist/components/label.stories.js +74 -0
- package/dist/components/label.stories.js.map +1 -0
- package/dist/components/select.d.ts +14 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +26 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/select.stories.d.ts +48 -0
- package/dist/components/select.stories.d.ts.map +1 -0
- package/dist/components/select.stories.js +67 -0
- package/dist/components/select.stories.js.map +1 -0
- package/dist/components/table.d.ts +11 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +21 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +8 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +13 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/tabs.stories.d.ts +40 -0
- package/dist/components/tabs.stories.d.ts.map +1 -0
- package/dist/components/tabs.stories.js +100 -0
- package/dist/components/tabs.stories.js.map +1 -0
- package/dist/components/toast.d.ts +16 -0
- package/dist/components/toast.d.ts.map +1 -0
- package/dist/components/toast.js +34 -0
- package/dist/components/toast.js.map +1 -0
- package/dist/components/toast.stories.d.ts +371 -0
- package/dist/components/toast.stories.d.ts.map +1 -0
- package/dist/components/toast.stories.js +228 -0
- package/dist/components/toast.stories.js.map +1 -0
- package/dist/hooks/use-toast.d.ts +45 -0
- package/dist/hooks/use-toast.d.ts.map +1 -0
- package/dist/hooks/use-toast.js +125 -0
- package/dist/hooks/use-toast.js.map +1 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +19 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +7 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +10 -0
- package/dist/lib/utils.js.map +1 -0
- package/package.json +115 -0
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, } from './select';
|
|
3
|
+
import { Label } from './label';
|
|
4
|
+
const meta = {
|
|
5
|
+
title: 'Components/Select',
|
|
6
|
+
component: Select,
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: 'centered',
|
|
9
|
+
},
|
|
10
|
+
tags: ['autodocs'],
|
|
11
|
+
};
|
|
12
|
+
export default meta;
|
|
13
|
+
/**
|
|
14
|
+
* Basic select with simple options
|
|
15
|
+
*/
|
|
16
|
+
export const Default = {
|
|
17
|
+
render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" }), _jsx(SelectItem, { value: "grape", children: "Grape" }), _jsx(SelectItem, { value: "mango", children: "Mango" })] })] })),
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Select with default value
|
|
21
|
+
*/
|
|
22
|
+
export const WithDefaultValue = {
|
|
23
|
+
render: () => (_jsxs(Select, { defaultValue: "banana", children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" }), _jsx(SelectItem, { value: "grape", children: "Grape" }), _jsx(SelectItem, { value: "mango", children: "Mango" })] })] })),
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* Disabled select
|
|
27
|
+
*/
|
|
28
|
+
export const Disabled = {
|
|
29
|
+
render: () => (_jsxs(Select, { disabled: true, children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" })] })] })),
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* Select with grouped options
|
|
33
|
+
*/
|
|
34
|
+
export const WithGroups = {
|
|
35
|
+
render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[220px]", children: _jsx(SelectValue, { placeholder: "Select a fruit or vegetable" }) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Fruits" }), _jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" })] }), _jsx(SelectSeparator, {}), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Vegetables" }), _jsx(SelectItem, { value: "carrot", children: "Carrot" }), _jsx(SelectItem, { value: "broccoli", children: "Broccoli" }), _jsx(SelectItem, { value: "spinach", children: "Spinach" })] })] })] })),
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* Select with many options (scroll behavior)
|
|
39
|
+
*/
|
|
40
|
+
export const WithManyOptions = {
|
|
41
|
+
render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[200px]", children: _jsx(SelectValue, { placeholder: "Select a country" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "us", children: "United States" }), _jsx(SelectItem, { value: "uk", children: "United Kingdom" }), _jsx(SelectItem, { value: "ca", children: "Canada" }), _jsx(SelectItem, { value: "au", children: "Australia" }), _jsx(SelectItem, { value: "de", children: "Germany" }), _jsx(SelectItem, { value: "fr", children: "France" }), _jsx(SelectItem, { value: "es", children: "Spain" }), _jsx(SelectItem, { value: "it", children: "Italy" }), _jsx(SelectItem, { value: "jp", children: "Japan" }), _jsx(SelectItem, { value: "cn", children: "China" }), _jsx(SelectItem, { value: "in", children: "India" }), _jsx(SelectItem, { value: "br", children: "Brazil" }), _jsx(SelectItem, { value: "mx", children: "Mexico" }), _jsx(SelectItem, { value: "ar", children: "Argentina" }), _jsx(SelectItem, { value: "za", children: "South Africa" }), _jsx(SelectItem, { value: "eg", children: "Egypt" }), _jsx(SelectItem, { value: "ng", children: "Nigeria" }), _jsx(SelectItem, { value: "kr", children: "South Korea" }), _jsx(SelectItem, { value: "th", children: "Thailand" }), _jsx(SelectItem, { value: "vn", children: "Vietnam" })] })] })),
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Select with disabled items
|
|
45
|
+
*/
|
|
46
|
+
export const WithDisabledItems = {
|
|
47
|
+
render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a plan" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "free", children: "Free" }), _jsx(SelectItem, { value: "basic", children: "Basic" }), _jsx(SelectItem, { value: "pro", disabled: true, children: "Pro (Coming Soon)" }), _jsx(SelectItem, { value: "enterprise", disabled: true, children: "Enterprise (Coming Soon)" })] })] })),
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* Select with Label component
|
|
51
|
+
*/
|
|
52
|
+
export const WithLabel = {
|
|
53
|
+
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem', width: '220px' }, children: [_jsx(Label, { htmlFor: "framework", children: "Framework" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "framework", children: _jsx(SelectValue, { placeholder: "Select a framework" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "react", children: "React" }), _jsx(SelectItem, { value: "vue", children: "Vue" }), _jsx(SelectItem, { value: "angular", children: "Angular" }), _jsx(SelectItem, { value: "svelte", children: "Svelte" }), _jsx(SelectItem, { value: "solid", children: "Solid" })] })] })] })),
|
|
54
|
+
};
|
|
55
|
+
/**
|
|
56
|
+
* Form example with multiple selects
|
|
57
|
+
*/
|
|
58
|
+
export const FormExample = {
|
|
59
|
+
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', width: '300px' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "country", children: "Country" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "country", children: _jsx(SelectValue, { placeholder: "Select your country" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "us", children: "United States" }), _jsx(SelectItem, { value: "uk", children: "United Kingdom" }), _jsx(SelectItem, { value: "ca", children: "Canada" }), _jsx(SelectItem, { value: "au", children: "Australia" }), _jsx(SelectItem, { value: "de", children: "Germany" })] })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "role", children: "Role" }), _jsxs(Select, { defaultValue: "developer", children: [_jsx(SelectTrigger, { id: "role", children: _jsx(SelectValue, { placeholder: "Select your role" }) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Engineering" }), _jsx(SelectItem, { value: "developer", children: "Developer" }), _jsx(SelectItem, { value: "designer", children: "Designer" }), _jsx(SelectItem, { value: "devops", children: "DevOps" })] }), _jsx(SelectSeparator, {}), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Management" }), _jsx(SelectItem, { value: "manager", children: "Manager" }), _jsx(SelectItem, { value: "director", children: "Director" }), _jsx(SelectItem, { value: "vp", children: "VP" })] })] })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "timezone", children: "Timezone" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "timezone", children: _jsx(SelectValue, { placeholder: "Select timezone" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "pst", children: "PST (UTC-8)" }), _jsx(SelectItem, { value: "mst", children: "MST (UTC-7)" }), _jsx(SelectItem, { value: "cst", children: "CST (UTC-6)" }), _jsx(SelectItem, { value: "est", children: "EST (UTC-5)" }), _jsx(SelectItem, { value: "gmt", children: "GMT (UTC+0)" }), _jsx(SelectItem, { value: "cet", children: "CET (UTC+1)" }), _jsx(SelectItem, { value: "ist", children: "IST (UTC+5:30)" }), _jsx(SelectItem, { value: "jst", children: "JST (UTC+9)" })] })] })] })] })),
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* All select variants showcase
|
|
63
|
+
*/
|
|
64
|
+
export const Showcase = {
|
|
65
|
+
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1.5rem', width: '300px' }, children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Basic Select" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Choose an option" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" }), _jsx(SelectItem, { value: "option3", children: "Option 3" })] })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "With Default Value" }), _jsxs(Select, { defaultValue: "option2", children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Choose an option" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" }), _jsx(SelectItem, { value: "option3", children: "Option 3" })] })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Disabled" }), _jsxs(Select, { disabled: true, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Choose an option" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" })] })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "With Groups" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Choose an option" }) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Group 1" }), _jsx(SelectItem, { value: "a1", children: "Item A1" }), _jsx(SelectItem, { value: "a2", children: "Item A2" })] }), _jsx(SelectSeparator, {}), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Group 2" }), _jsx(SelectItem, { value: "b1", children: "Item B1" }), _jsx(SelectItem, { value: "b2", children: "Item B2" })] })] })] })] })] })),
|
|
66
|
+
};
|
|
67
|
+
//# sourceMappingURL=select.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../src/components/select.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
3
|
+
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
4
|
+
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
6
|
+
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
7
|
+
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
8
|
+
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
9
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
10
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
|
11
|
+
//# sourceMappingURL=table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAYT,CAAC;AAGH,QAAA,MAAM,WAAW,+HAUf,CAAC;AAGH,QAAA,MAAM,SAAS,+HAUb,CAAC;AAGH,QAAA,MAAM,WAAW,+HAaf,CAAC;AAGH,QAAA,MAAM,QAAQ,uHAaZ,CAAC;AAGH,QAAA,MAAM,SAAS,2HAab,CAAC;AAGH,QAAA,MAAM,SAAS,2HAab,CAAC;AAGH,QAAA,MAAM,YAAY,+HAUhB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { cn } from "../lib/utils.js";
|
|
4
|
+
const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) })));
|
|
5
|
+
Table.displayName = "Table";
|
|
6
|
+
const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props })));
|
|
7
|
+
TableHeader.displayName = "TableHeader";
|
|
8
|
+
const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props })));
|
|
9
|
+
TableBody.displayName = "TableBody";
|
|
10
|
+
const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, "data-slot": "table-footer", className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })));
|
|
11
|
+
TableFooter.displayName = "TableFooter";
|
|
12
|
+
const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, "data-slot": "table-row", className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className), ...props })));
|
|
13
|
+
TableRow.displayName = "TableRow";
|
|
14
|
+
const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, "data-slot": "table-head", className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
|
|
15
|
+
TableHead.displayName = "TableHead";
|
|
16
|
+
const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, "data-slot": "table-cell", className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props })));
|
|
17
|
+
TableCell.displayName = "TableCell";
|
|
18
|
+
const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props })));
|
|
19
|
+
TableCaption.displayName = "TableCaption";
|
|
20
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
|
21
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
3
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
8
|
+
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAItD,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAaZ,CAAC;AAGH,QAAA,MAAM,WAAW,gKAcf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAaf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
4
|
+
import { cn } from "../lib/utils.js";
|
|
5
|
+
const Tabs = TabsPrimitive.Root;
|
|
6
|
+
const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, "data-slot": "tabs-list", className: cn("inline-flex h-9 items-center justify-center bg-muted p-1 text-muted-foreground [border-radius:var(--radius-lg)]", className), ...props })));
|
|
7
|
+
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
8
|
+
const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, "data-slot": "tabs-trigger", className: cn("inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [border-radius:var(--radius-md)]", "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs", className), ...props })));
|
|
9
|
+
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
10
|
+
const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, "data-slot": "tabs-content", className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
|
|
11
|
+
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
12
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
13
|
+
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,IAAI,IACjB,GAAG,EAAE,GAAG,eACE,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,iHAAiH,EACjH,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,eACE,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,uTAAuT,EACvT,qGAAqG,EACrG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,eACE,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
/**
|
|
13
|
+
* Basic tabs with simple content
|
|
14
|
+
*/
|
|
15
|
+
export declare const Default: Story;
|
|
16
|
+
/**
|
|
17
|
+
* Tabs with form content
|
|
18
|
+
*/
|
|
19
|
+
export declare const WithForm: Story;
|
|
20
|
+
/**
|
|
21
|
+
* Tabs with many options
|
|
22
|
+
*/
|
|
23
|
+
export declare const ManyTabs: Story;
|
|
24
|
+
/**
|
|
25
|
+
* Full width tabs
|
|
26
|
+
*/
|
|
27
|
+
export declare const FullWidth: Story;
|
|
28
|
+
/**
|
|
29
|
+
* Tabs with disabled tab
|
|
30
|
+
*/
|
|
31
|
+
export declare const WithDisabled: Story;
|
|
32
|
+
/**
|
|
33
|
+
* Tabs with rich content
|
|
34
|
+
*/
|
|
35
|
+
export declare const RichContent: Story;
|
|
36
|
+
/**
|
|
37
|
+
* All tabs variations showcase
|
|
38
|
+
*/
|
|
39
|
+
export declare const Showcase: Story;
|
|
40
|
+
//# sourceMappingURL=tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../src/components/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,QAAA,MAAM,IAAI;;;;;;;CAOmB,CAAA;AAE7B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAmEtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KA2BtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KA8CvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAuB1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KA0GzB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAoDtB,CAAA"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Tabs, TabsContent, TabsList, TabsTrigger } from './tabs';
|
|
3
|
+
import { Input } from './input';
|
|
4
|
+
import { Label } from './label';
|
|
5
|
+
import { Button } from './button';
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Components/Tabs',
|
|
8
|
+
component: Tabs,
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
12
|
+
tags: ['autodocs'],
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
/**
|
|
16
|
+
* Basic tabs with simple content
|
|
17
|
+
*/
|
|
18
|
+
export const Default = {
|
|
19
|
+
render: () => (_jsxs(Tabs, { defaultValue: "tab1", className: "w-[400px]", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "tab1", children: "Account" }), _jsx(TabsTrigger, { value: "tab2", children: "Password" })] }), _jsx(TabsContent, { value: "tab1", children: _jsx("p", { className: "text-sm text-foreground", children: "Make changes to your account here. Click save when you're done." }) }), _jsx(TabsContent, { value: "tab2", children: _jsx("p", { className: "text-sm text-foreground", children: "Change your password here. After saving, you'll be logged out." }) })] })),
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Tabs with form content
|
|
23
|
+
*/
|
|
24
|
+
export const WithForm = {
|
|
25
|
+
render: () => (_jsxs(Tabs, { defaultValue: "account", className: "w-[500px]", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsx(TabsTrigger, { value: "account", children: "Account" }), _jsx(TabsTrigger, { value: "password", children: "Password" })] }), _jsx(TabsContent, { value: "account", children: _jsx("div", { style: {
|
|
26
|
+
border: '1px solid hsl(var(--border))',
|
|
27
|
+
borderRadius: 'var(--radius-lg)',
|
|
28
|
+
padding: '1.5rem',
|
|
29
|
+
}, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { fontSize: '1.125rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "Account" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "Make changes to your account here. Click save when you're done." })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", defaultValue: "John Doe" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "username", children: "Username" }), _jsx(Input, { id: "username", defaultValue: "@johndoe" })] }), _jsx(Button, { children: "Save changes" })] }) }) }), _jsx(TabsContent, { value: "password", children: _jsx("div", { style: {
|
|
30
|
+
border: '1px solid hsl(var(--border))',
|
|
31
|
+
borderRadius: 'var(--radius-lg)',
|
|
32
|
+
padding: '1.5rem',
|
|
33
|
+
}, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { fontSize: '1.125rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "Password" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "Change your password here. After saving, you'll be logged out." })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "current", children: "Current password" }), _jsx(Input, { id: "current", type: "password" })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.5rem' }, children: [_jsx(Label, { htmlFor: "new", children: "New password" }), _jsx(Input, { id: "new", type: "password" })] }), _jsx(Button, { children: "Save password" })] }) }) })] })),
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* Tabs with many options
|
|
37
|
+
*/
|
|
38
|
+
export const ManyTabs = {
|
|
39
|
+
render: () => (_jsxs(Tabs, { defaultValue: "overview", className: "w-[600px]", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overview", children: "Overview" }), _jsx(TabsTrigger, { value: "analytics", children: "Analytics" }), _jsx(TabsTrigger, { value: "reports", children: "Reports" }), _jsx(TabsTrigger, { value: "notifications", children: "Notifications" }), _jsx(TabsTrigger, { value: "settings", children: "Settings" })] }), _jsx(TabsContent, { value: "overview", children: _jsx("p", { className: "text-sm text-foreground", children: "Overview content goes here." }) }), _jsx(TabsContent, { value: "analytics", children: _jsx("p", { className: "text-sm text-foreground", children: "Analytics data and charts would be displayed here." }) }), _jsx(TabsContent, { value: "reports", children: _jsx("p", { className: "text-sm text-foreground", children: "Reports and exports are available in this section." }) }), _jsx(TabsContent, { value: "notifications", children: _jsx("p", { className: "text-sm text-foreground", children: "Manage your notification preferences here." }) }), _jsx(TabsContent, { value: "settings", children: _jsx("p", { className: "text-sm text-foreground", children: "Application settings can be configured here." }) })] })),
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Full width tabs
|
|
43
|
+
*/
|
|
44
|
+
export const FullWidth = {
|
|
45
|
+
render: () => (_jsxs(Tabs, { defaultValue: "all", className: "w-[600px]", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [_jsx(TabsTrigger, { value: "all", children: "All" }), _jsx(TabsTrigger, { value: "active", children: "Active" }), _jsx(TabsTrigger, { value: "archived", children: "Archived" })] }), _jsx(TabsContent, { value: "all", children: _jsx("div", { style: {
|
|
46
|
+
border: '1px solid hsl(var(--border))',
|
|
47
|
+
borderRadius: 'var(--radius-lg)',
|
|
48
|
+
padding: '1.5rem',
|
|
49
|
+
minHeight: '200px',
|
|
50
|
+
}, children: _jsx("p", { className: "text-sm text-foreground", children: "Showing all items." }) }) }), _jsx(TabsContent, { value: "active", children: _jsx("div", { style: {
|
|
51
|
+
border: '1px solid hsl(var(--border))',
|
|
52
|
+
borderRadius: 'var(--radius-lg)',
|
|
53
|
+
padding: '1.5rem',
|
|
54
|
+
minHeight: '200px',
|
|
55
|
+
}, children: _jsx("p", { className: "text-sm text-foreground", children: "Showing active items only." }) }) }), _jsx(TabsContent, { value: "archived", children: _jsx("div", { style: {
|
|
56
|
+
border: '1px solid hsl(var(--border))',
|
|
57
|
+
borderRadius: 'var(--radius-lg)',
|
|
58
|
+
padding: '1.5rem',
|
|
59
|
+
minHeight: '200px',
|
|
60
|
+
}, children: _jsx("p", { className: "text-sm text-foreground", children: "Showing archived items." }) }) })] })),
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Tabs with disabled tab
|
|
64
|
+
*/
|
|
65
|
+
export const WithDisabled = {
|
|
66
|
+
render: () => (_jsxs(Tabs, { defaultValue: "available", className: "w-[400px]", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "available", children: "Available" }), _jsx(TabsTrigger, { value: "coming-soon", disabled: true, children: "Coming Soon" }), _jsx(TabsTrigger, { value: "beta", disabled: true, children: "Beta" })] }), _jsx(TabsContent, { value: "available", children: _jsx("p", { className: "text-sm text-foreground", children: "This feature is available now." }) }), _jsx(TabsContent, { value: "coming-soon", children: _jsx("p", { className: "text-sm text-foreground", children: "This feature is coming soon." }) }), _jsx(TabsContent, { value: "beta", children: _jsx("p", { className: "text-sm text-foreground", children: "This feature is in beta." }) })] })),
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* Tabs with rich content
|
|
70
|
+
*/
|
|
71
|
+
export const RichContent = {
|
|
72
|
+
render: () => (_jsxs(Tabs, { defaultValue: "profile", className: "w-[600px]", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "profile", children: "Profile" }), _jsx(TabsTrigger, { value: "projects", children: "Projects" }), _jsx(TabsTrigger, { value: "activity", children: "Activity" })] }), _jsx(TabsContent, { value: "profile", children: _jsx("div", { style: {
|
|
73
|
+
border: '1px solid hsl(var(--border))',
|
|
74
|
+
borderRadius: 'var(--radius-lg)',
|
|
75
|
+
padding: '1.5rem',
|
|
76
|
+
}, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { fontSize: '1.25rem', fontWeight: '700', marginBottom: '0.25rem' }, children: "John Doe" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "@johndoe" })] }), _jsx("p", { style: { fontSize: '0.875rem', lineHeight: '1.5' }, children: "Full-stack developer with 10+ years of experience building web applications. Passionate about open source and clean code." }), _jsxs("div", { style: { display: 'flex', gap: '1rem', fontSize: '0.875rem' }, children: [_jsxs("div", { children: [_jsx("span", { style: { fontWeight: '600' }, children: "128" }), " Followers"] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: '600' }, children: "94" }), " Following"] })] })] }) }) }), _jsx(TabsContent, { value: "projects", children: _jsx("div", { style: {
|
|
77
|
+
border: '1px solid hsl(var(--border))',
|
|
78
|
+
borderRadius: 'var(--radius-lg)',
|
|
79
|
+
padding: '1.5rem',
|
|
80
|
+
}, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsxs("div", { style: {
|
|
81
|
+
padding: '1rem',
|
|
82
|
+
border: '1px solid hsl(var(--border))',
|
|
83
|
+
borderRadius: 'var(--radius-md)',
|
|
84
|
+
}, children: [_jsx("h4", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "Smart Platform" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "A modern UI component library for enterprise applications." })] }), _jsxs("div", { style: {
|
|
85
|
+
padding: '1rem',
|
|
86
|
+
border: '1px solid hsl(var(--border))',
|
|
87
|
+
borderRadius: 'var(--radius-md)',
|
|
88
|
+
}, children: [_jsx("h4", { style: { fontSize: '1rem', fontWeight: '600', marginBottom: '0.5rem' }, children: "Data Client" }), _jsx("p", { style: { fontSize: '0.875rem', color: 'hsl(var(--muted-foreground))' }, children: "Type-safe data fetching and state management for React." })] })] }) }) }), _jsx(TabsContent, { value: "activity", children: _jsx("div", { style: {
|
|
89
|
+
border: '1px solid hsl(var(--border))',
|
|
90
|
+
borderRadius: 'var(--radius-lg)',
|
|
91
|
+
padding: '1.5rem',
|
|
92
|
+
}, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '0.75rem' }, children: [_jsxs("div", { style: { fontSize: '0.875rem' }, children: [_jsx("span", { style: { fontWeight: '600' }, children: "Pushed to" }), " smart-platform/main", _jsx("span", { style: { color: 'hsl(var(--muted-foreground))' }, children: " \u2022 2 hours ago" })] }), _jsxs("div", { style: { fontSize: '0.875rem' }, children: [_jsx("span", { style: { fontWeight: '600' }, children: "Opened PR #42" }), " in smart-platform", _jsx("span", { style: { color: 'hsl(var(--muted-foreground))' }, children: " \u2022 5 hours ago" })] }), _jsxs("div", { style: { fontSize: '0.875rem' }, children: [_jsx("span", { style: { fontWeight: '600' }, children: "Starred" }), " react/react", _jsx("span", { style: { color: 'hsl(var(--muted-foreground))' }, children: " \u2022 1 day ago" })] })] }) }) })] })),
|
|
93
|
+
};
|
|
94
|
+
/**
|
|
95
|
+
* All tabs variations showcase
|
|
96
|
+
*/
|
|
97
|
+
export const Showcase = {
|
|
98
|
+
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2rem', width: '500px' }, children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Basic Tabs" }), _jsxs(Tabs, { defaultValue: "1", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "1", children: "Tab 1" }), _jsx(TabsTrigger, { value: "2", children: "Tab 2" }), _jsx(TabsTrigger, { value: "3", children: "Tab 3" })] }), _jsx(TabsContent, { value: "1", children: "Content for Tab 1" }), _jsx(TabsContent, { value: "2", children: "Content for Tab 2" }), _jsx(TabsContent, { value: "3", children: "Content for Tab 3" })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "Full Width" }), _jsxs(Tabs, { defaultValue: "a", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [_jsx(TabsTrigger, { value: "a", children: "Option A" }), _jsx(TabsTrigger, { value: "b", children: "Option B" }), _jsx(TabsTrigger, { value: "c", children: "Option C" })] }), _jsx(TabsContent, { value: "a", children: "Option A content" }), _jsx(TabsContent, { value: "b", children: "Option B content" }), _jsx(TabsContent, { value: "c", children: "Option C content" })] })] }), _jsxs("div", { children: [_jsx("p", { style: { fontSize: '0.875rem', fontWeight: '500', marginBottom: '0.5rem' }, children: "With Disabled" }), _jsxs(Tabs, { defaultValue: "enabled", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "enabled", children: "Enabled" }), _jsx(TabsTrigger, { value: "disabled", disabled: true, children: "Disabled" })] }), _jsx(TabsContent, { value: "enabled", children: "This tab is enabled" }), _jsx(TabsContent, { value: "disabled", children: "This tab is disabled" })] })] })] })),
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=tabs.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../src/components/tabs.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as ToastPrimitives from "@radix-ui/react-toast";
|
|
3
|
+
import { type VariantProps } from "class-variance-authority";
|
|
4
|
+
declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
|
|
5
|
+
declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
6
|
+
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
7
|
+
variant?: "default" | "destructive" | "success" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
9
|
+
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
|
|
14
|
+
type ToastActionElement = React.ReactElement<typeof ToastAction>;
|
|
15
|
+
export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
|
|
16
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAYjB,CAAC;AAoBH,QAAA,MAAM,KAAK;;qHAaT,CAAC;AAGH,QAAA,MAAM,WAAW,kKAYf,CAAC;AAGH,QAAA,MAAM,UAAU,iKA4Bd,CAAC;AAGH,QAAA,MAAM,UAAU,2JASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iKASpB,CAAC;AAGH,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as ToastPrimitives from "@radix-ui/react-toast";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "../lib/utils.js";
|
|
6
|
+
const ToastProvider = ToastPrimitives.Provider;
|
|
7
|
+
const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed top-0 z-[var(--z-toast)] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className), ...props })));
|
|
8
|
+
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
|
|
9
|
+
const toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden border p-4 pr-8 shadow-lg transition-all [border-radius:var(--radius-md)] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
default: "border bg-background text-foreground",
|
|
13
|
+
destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
|
|
14
|
+
success: "border-success bg-success text-success-foreground",
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
variant: "default",
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
|
|
22
|
+
return (_jsx(ToastPrimitives.Root, { ref: ref, "data-slot": "toast", className: cn(toastVariants({ variant }), className), ...props }));
|
|
23
|
+
});
|
|
24
|
+
Toast.displayName = ToastPrimitives.Root.displayName;
|
|
25
|
+
const ToastAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Action, { ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [border-radius:var(--radius-md)] group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className), ...props })));
|
|
26
|
+
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
27
|
+
const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "", ...props, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) })));
|
|
28
|
+
ToastClose.displayName = ToastPrimitives.Close.displayName;
|
|
29
|
+
const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold", className), ...props })));
|
|
30
|
+
ToastTitle.displayName = ToastPrimitives.Title.displayName;
|
|
31
|
+
const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Description, { ref: ref, className: cn("text-sm opacity-90", className), ...props })));
|
|
32
|
+
ToastDescription.displayName = ToastPrimitives.Description.displayName;
|
|
33
|
+
export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
|
|
34
|
+
//# sourceMappingURL=toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"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"}
|