@lerianstudio/sindarian-ui 1.0.0-beta.1 → 1.0.0-beta.11
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/breadcrumb/index.js +2 -2
- package/dist/components/card/account-card/index.d.ts +32 -0
- package/dist/components/card/account-card/index.d.ts.map +1 -0
- package/dist/components/card/account-card/index.js +69 -0
- package/dist/components/card/basic-card/index.d.ts +6 -0
- package/dist/components/card/basic-card/index.d.ts.map +1 -0
- package/dist/components/card/basic-card/index.js +20 -0
- package/dist/components/card/dashboard-card/index.d.ts +5 -0
- package/dist/components/card/dashboard-card/index.d.ts.map +1 -0
- package/dist/components/card/dashboard-card/index.js +20 -0
- package/dist/components/card/entity-card/index.d.ts +21 -0
- package/dist/components/card/entity-card/index.d.ts.map +1 -0
- package/dist/components/card/entity-card/index.js +60 -0
- package/dist/components/card/index.d.ts +5 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +20 -0
- package/dist/components/dialog/confirmation-dialog/index.d.ts +15 -0
- package/dist/components/dialog/confirmation-dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/confirmation-dialog/index.js +28 -0
- package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.d.ts +31 -0
- package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.d.ts.map +1 -0
- package/dist/components/dialog/confirmation-dialog/use-confirm-dialog.js +55 -0
- package/dist/components/dialog/index.d.ts +4 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/index.js +19 -0
- package/dist/components/dialog/large-dialog/index.d.ts +11 -0
- package/dist/components/dialog/large-dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/large-dialog/index.js +21 -0
- package/dist/components/form/input-field/index.d.ts +3 -1
- package/dist/components/form/input-field/index.d.ts.map +1 -1
- package/dist/components/form/input-field/index.js +2 -2
- package/dist/components/form/password-field/index.d.ts +4 -4
- package/dist/components/form/password-field/index.d.ts.map +1 -1
- package/dist/components/form/password-field/index.js +8 -7
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/ui/alert/index.d.ts +5 -1
- package/dist/components/ui/alert/index.d.ts.map +1 -1
- package/dist/components/ui/alert/index.js +22 -8
- package/dist/components/ui/alert/styles.css +68 -0
- package/dist/components/ui/badge/index.d.ts +1 -1
- package/dist/components/ui/breadcrumb/index.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb/index.js +5 -5
- package/dist/components/ui/breadcrumb/styles.css +27 -0
- package/dist/components/ui/button/index.d.ts +3 -2
- package/dist/components/ui/button/index.d.ts.map +1 -1
- package/dist/components/ui/button/index.js +19 -28
- package/dist/components/ui/button/styles.css +64 -0
- package/dist/components/ui/card/index.js +1 -1
- package/dist/components/ui/dialog/index.d.ts.map +1 -1
- package/dist/components/ui/dialog/index.js +6 -6
- package/dist/components/ui/dialog/styles.css +34 -0
- package/dist/components/ui/form.d.ts.map +1 -1
- package/dist/components/ui/form.js +1 -0
- package/dist/components/ui/icon-button/index.d.ts +13 -0
- package/dist/components/ui/icon-button/index.d.ts.map +1 -0
- package/dist/components/ui/icon-button/index.js +35 -0
- package/dist/components/ui/icon-button/styles.css +33 -0
- package/dist/components/ui/input/adornment.d.ts +9 -0
- package/dist/components/ui/input/adornment.d.ts.map +1 -0
- package/dist/components/ui/input/adornment.js +21 -0
- package/dist/components/ui/input/index.d.ts +16 -2
- package/dist/components/ui/input/index.d.ts.map +1 -1
- package/dist/components/ui/input/index.js +90 -2
- package/dist/components/ui/input/styles.css +68 -0
- package/dist/components/ui/multiple-select/index.d.ts +6 -6
- package/dist/components/ui/paper-collapsible/index.d.ts +9 -0
- package/dist/components/ui/paper-collapsible/index.d.ts.map +1 -0
- package/dist/components/ui/paper-collapsible/index.js +24 -0
- package/dist/components/ui/progress/index.d.ts +1 -1
- package/dist/components/ui/progress/index.d.ts.map +1 -1
- package/dist/components/ui/select/index.d.ts +1 -2
- package/dist/components/ui/select/index.d.ts.map +1 -1
- package/dist/components/ui/select/index.js +9 -18
- package/dist/components/ui/select/styles.css +57 -0
- package/dist/components/ui/stepper/index.d.ts.map +1 -1
- package/dist/components/ui/stepper/index.js +4 -4
- package/dist/components/ui/stepper/styles.css +41 -0
- package/dist/components/ui/tabs/index.d.ts.map +1 -1
- package/dist/components/ui/tabs/index.js +4 -4
- package/dist/components/ui/tabs/styles.css +31 -0
- package/dist/components/ui/toast/toaster.js +1 -1
- package/dist/globals.css +234 -0
- package/dist/hooks/use-time.d.ts +6 -0
- package/dist/hooks/use-time.d.ts.map +1 -0
- package/dist/hooks/use-time.js +20 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -1
- package/dist/public/arm.gif +0 -0
- package/dist/public/clap.gif +0 -0
- package/dist/public/confetti-ball.gif +0 -0
- package/dist/public/countries.json +21200 -21200
- package/dist/public/dizzy.gif +0 -0
- package/dist/public/electricity.gif +0 -0
- package/dist/public/gear.gif +0 -0
- package/dist/public/gem.gif +0 -0
- package/dist/public/pencil.gif +0 -0
- package/dist/public/robot.gif +0 -0
- package/dist/public/rocket.gif +0 -0
- package/dist/public/software.gif +0 -0
- package/dist/public/solar-system.gif +0 -0
- package/dist/public/unicorn.gif +0 -0
- package/package.json +22 -19
- package/dist/components/ui/input-with-icon/index.d.ts +0 -12
- package/dist/components/ui/input-with-icon/index.d.ts.map +0 -1
- package/dist/components/ui/input-with-icon/index.js +0 -57
|
@@ -42,14 +42,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
42
42
|
const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
|
|
43
43
|
const utils_1 = require("../../../lib/utils");
|
|
44
44
|
function Tabs({ className, ...props }) {
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { "data-slot": "tabs", className: (0, utils_1.cn)('
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { "data-slot": "tabs", className: (0, utils_1.cn)('tabs', className), ...props }));
|
|
46
46
|
}
|
|
47
47
|
function TabsList({ className, ...props }) {
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { "data-slot": "tabs-list", className: (0, utils_1.cn)('
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { "data-slot": "tabs-list", className: (0, utils_1.cn)('tabs-list', className), ...props }));
|
|
49
49
|
}
|
|
50
50
|
function TabsTrigger({ className, ...props }) {
|
|
51
|
-
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: (0, utils_1.cn)('!focus-visible:outline-none !focus-visible:ring-2 !focus-visible:ring-slate-950 !focus-visible:ring-offset-2
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: (0, utils_1.cn)('!focus-visible:outline-none !focus-visible:ring-2 !focus-visible:ring-slate-950 !focus-visible:ring-offset-2 tabs-trigger tabs-trigger-disabled', className), ...props }));
|
|
52
52
|
}
|
|
53
53
|
function TabsContent({ className, ...props }) {
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { "data-slot": "tabs-content", className: (0, utils_1.cn)('
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { "data-slot": "tabs-content", className: (0, utils_1.cn)('tabs-content', className), ...props }));
|
|
55
55
|
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-tabs-trigger-text: var(--color-shadcn-400);
|
|
3
|
+
--color-tabs-trigger-hover: var(--color-white);
|
|
4
|
+
--color-tabs-trigger-text-hover: var(--color-shadcn-500);
|
|
5
|
+
--color-tabs-trigger-active: var(--color-accent);
|
|
6
|
+
--color-tabs-trigger-text-active: var(--color-zinc-700);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@layer components {
|
|
10
|
+
.tabs {
|
|
11
|
+
@apply mt-6 w-full;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.tabs-list {
|
|
15
|
+
@apply flex h-10 items-center justify-start gap-4 rounded-md p-1;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.tabs-trigger {
|
|
19
|
+
@apply text-tabs-trigger-text hover:text-tabs-trigger-text-hover cursor-pointer inline-flex items-center justify-center rounded-lg px-4 py-2.5 text-sm font-medium whitespace-nowrap ring-offset-white transition-all hover:bg-tabs-trigger-hover;
|
|
20
|
+
@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2;
|
|
21
|
+
@apply data-[state=active]:bg-tabs-trigger-active data-[state=active]:text-tabs-trigger-text-active;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.tabs-trigger-disabled {
|
|
25
|
+
@apply disabled:pointer-events-none disabled:opacity-50;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.tabs-content {
|
|
29
|
+
@apply mt-4 ring-offset-white focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 focus-visible:outline-hidden;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.Toaster = Toaster;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const use_toast_1 = require("../../../hooks/use-toast");
|
|
7
|
-
const toast_1 = require("
|
|
7
|
+
const toast_1 = require("../toast");
|
|
8
8
|
function Toaster() {
|
|
9
9
|
const { toasts } = (0, use_toast_1.useToast)();
|
|
10
10
|
return ((0, jsx_runtime_1.jsxs)(toast_1.ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {
|
package/dist/globals.css
ADDED
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
@import 'tailwindcss';
|
|
2
|
+
@import 'tw-animate-css';
|
|
3
|
+
|
|
4
|
+
@import './components/ui/button/styles.css';
|
|
5
|
+
@import './components/ui/icon-button/styles.css';
|
|
6
|
+
@import './components/ui/input/styles.css';
|
|
7
|
+
@import './components/ui/select/styles.css';
|
|
8
|
+
@import './components/ui/breadcrumb/styles.css';
|
|
9
|
+
@import './components/ui/alert/styles.css';
|
|
10
|
+
@import './components/ui/stepper/styles.css';
|
|
11
|
+
@import './components/ui/tabs/styles.css';
|
|
12
|
+
@import './components/ui/dialog/styles.css';
|
|
13
|
+
|
|
14
|
+
@custom-variant dark (&:is(.dark *));
|
|
15
|
+
|
|
16
|
+
@theme {
|
|
17
|
+
--font-sans: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
|
|
18
|
+
|
|
19
|
+
--shadow-sidebar: 5px 0px 15px -3px rgba(0, 0, 0, 0.05);
|
|
20
|
+
--shadow-data-table:
|
|
21
|
+
0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
|
|
22
|
+
--shadow-sheet-bottom:
|
|
23
|
+
0px -1px 2px 0px rgba(0, 0, 0, 0.1), 0px -10px 20px 0px rgba(0, 0, 0, 0.05);
|
|
24
|
+
--shadow-drawer:
|
|
25
|
+
0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px -1px 16px 0px rgba(0, 0, 0, 0.1),
|
|
26
|
+
0px 0px 32px 0px rgba(0, 0, 0, 0.05);
|
|
27
|
+
--shadow-entity-box:
|
|
28
|
+
0px 10px 20px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.1);
|
|
29
|
+
|
|
30
|
+
--color-sunglow-50: #fefbe8;
|
|
31
|
+
--color-sunglow-100: #fff8c2;
|
|
32
|
+
--color-sunglow-200: #ffed89;
|
|
33
|
+
--color-sunglow-300: #ffdc45;
|
|
34
|
+
--color-sunglow-400: #fdcb28;
|
|
35
|
+
--color-sunglow-500: #edac05;
|
|
36
|
+
--color-sunglow-600: #cc8402;
|
|
37
|
+
--color-sunglow-700: #a35d05;
|
|
38
|
+
--color-sunglow-800: #86490d;
|
|
39
|
+
--color-sunglow-900: #723c11;
|
|
40
|
+
--color-sunglow-950: #431e05;
|
|
41
|
+
|
|
42
|
+
--color-de-york-50: #f2fbf5;
|
|
43
|
+
--color-de-york-100: #e0f8e8;
|
|
44
|
+
--color-de-york-200: #c2f0d2;
|
|
45
|
+
--color-de-york-300: #74db9a;
|
|
46
|
+
--color-de-york-400: #5bcd86;
|
|
47
|
+
--color-de-york-500: #35b264;
|
|
48
|
+
--color-de-york-600: #26934f;
|
|
49
|
+
--color-de-york-700: #217441;
|
|
50
|
+
--color-de-york-800: #1f5c36;
|
|
51
|
+
--color-de-york-900: #1b4c2f;
|
|
52
|
+
--color-de-york-950: #0a2917;
|
|
53
|
+
|
|
54
|
+
--color-vivid-tangerine-50: #fef5f2;
|
|
55
|
+
--color-vivid-tangerine-100: #fee9e2;
|
|
56
|
+
--color-vivid-tangerine-200: #fed7ca;
|
|
57
|
+
--color-vivid-tangerine-300: #fdbaa4;
|
|
58
|
+
--color-vivid-tangerine-400: #faa589;
|
|
59
|
+
--color-vivid-tangerine-500: #f06e43;
|
|
60
|
+
--color-vivid-tangerine-600: #dd5325;
|
|
61
|
+
--color-vivid-tangerine-700: #ba421b;
|
|
62
|
+
--color-vivid-tangerine-800: #9a3a1a;
|
|
63
|
+
--color-vivid-tangerine-900: #80351c;
|
|
64
|
+
--color-vivid-tangerine-950: #45190a;
|
|
65
|
+
|
|
66
|
+
--color-cod-gray-50: #f6f5f5;
|
|
67
|
+
--color-cod-gray-100: #e9e4e4;
|
|
68
|
+
--color-cod-gray-200: #d5ccce;
|
|
69
|
+
--color-cod-gray-300: #b7a9ab;
|
|
70
|
+
--color-cod-gray-400: #927e81;
|
|
71
|
+
--color-cod-gray-500: #776366;
|
|
72
|
+
--color-cod-gray-600: #655557;
|
|
73
|
+
--color-cod-gray-700: #55494a;
|
|
74
|
+
--color-cod-gray-800: #4a4040;
|
|
75
|
+
--color-cod-gray-900: #403939;
|
|
76
|
+
--color-cod-gray-950: #070606;
|
|
77
|
+
|
|
78
|
+
--color-shadcn-100: #f4f4f5;
|
|
79
|
+
--color-shadcn-200: #e4e4e7;
|
|
80
|
+
--color-shadcn-300: #d4d4d8;
|
|
81
|
+
--color-shadcn-400: #a1a1aa;
|
|
82
|
+
--color-shadcn-500: #71717a;
|
|
83
|
+
--color-shadcn-600: #27272a;
|
|
84
|
+
--color-shadcn-700: #18181b;
|
|
85
|
+
--color-shadcn-800: #09090b;
|
|
86
|
+
|
|
87
|
+
--color-border: hsl(var(--border));
|
|
88
|
+
--color-input: hsl(var(--input));
|
|
89
|
+
--color-ring: hsl(var(--ring));
|
|
90
|
+
--color-background: hsl(var(--background));
|
|
91
|
+
--color-foreground: hsl(var(--foreground));
|
|
92
|
+
|
|
93
|
+
--color-primary: hsl(var(--primary));
|
|
94
|
+
--color-primary-foreground: hsl(var(--primary-foreground));
|
|
95
|
+
|
|
96
|
+
--color-secondary: hsl(var(--secondary));
|
|
97
|
+
--color-secondary-foreground: hsl(var(--secondary-foreground));
|
|
98
|
+
|
|
99
|
+
--color-destructive: hsl(var(--destructive));
|
|
100
|
+
--color-destructive-foreground: hsl(var(--destructive-foreground));
|
|
101
|
+
|
|
102
|
+
--color-muted: hsl(var(--muted));
|
|
103
|
+
--color-muted-foreground: hsl(var(--muted-foreground));
|
|
104
|
+
|
|
105
|
+
--color-accent: hsl(var(--accent));
|
|
106
|
+
--color-accent-foreground: hsl(var(--accent-foreground));
|
|
107
|
+
|
|
108
|
+
--color-popover: hsl(var(--popover));
|
|
109
|
+
--color-popover-foreground: hsl(var(--popover-foreground));
|
|
110
|
+
|
|
111
|
+
--color-card: hsl(var(--card));
|
|
112
|
+
--color-card-foreground: hsl(var(--card-foreground));
|
|
113
|
+
|
|
114
|
+
--radius-lg: var(--radius);
|
|
115
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
116
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@utility container {
|
|
120
|
+
margin-inline: auto;
|
|
121
|
+
padding-inline: 2rem;
|
|
122
|
+
@media (width >= --theme(--breakpoint-sm)) {
|
|
123
|
+
max-width: none;
|
|
124
|
+
}
|
|
125
|
+
@media (width >= 1400px) {
|
|
126
|
+
max-width: 1400px;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/*
|
|
131
|
+
The default border color has changed to `currentcolor` in Tailwind CSS v4,
|
|
132
|
+
so we've added these compatibility styles to make sure everything still
|
|
133
|
+
looks the same as it did with Tailwind CSS v3.
|
|
134
|
+
|
|
135
|
+
If we ever want to remove these styles, we need to add an explicit border
|
|
136
|
+
color utility to any element that depends on these defaults.
|
|
137
|
+
*/
|
|
138
|
+
@layer base {
|
|
139
|
+
*,
|
|
140
|
+
::after,
|
|
141
|
+
::before,
|
|
142
|
+
::backdrop,
|
|
143
|
+
::file-selector-button {
|
|
144
|
+
border-color: var(--color-gray-200, currentcolor);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
@layer base {
|
|
149
|
+
:root {
|
|
150
|
+
/* Default background color of <body /> */
|
|
151
|
+
--background: 0 0% 100%;
|
|
152
|
+
--foreground: 222.2 47.4% 11.2%;
|
|
153
|
+
|
|
154
|
+
/* Background color for <Card /> */
|
|
155
|
+
--card: 0 0% 100%;
|
|
156
|
+
--card-foreground: 222.2 47.4% 11.2%;
|
|
157
|
+
|
|
158
|
+
/*Background color for popovers such as <DropdownMenu />, <HoverCard />, <Popover />*/
|
|
159
|
+
--popover: 0 0% 100%;
|
|
160
|
+
--popover-foreground: 222.2 47.4% 11.2%;
|
|
161
|
+
|
|
162
|
+
/* Primary ans secondary colors for <Button /> */
|
|
163
|
+
--primary: 222.2 47.4% 11.2%;
|
|
164
|
+
--primary-foreground: 210 40% 98%;
|
|
165
|
+
--secondary: 210 40% 96.1%;
|
|
166
|
+
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
167
|
+
|
|
168
|
+
--muted: 210 40% 96.1%;
|
|
169
|
+
--muted-foreground: 215.4 16.3% 46.9%;
|
|
170
|
+
|
|
171
|
+
/* Used for accents such as hover effects on <DropdownMenuItem>, <SelectItem>...etc */
|
|
172
|
+
--accent: 56 99% 50%;
|
|
173
|
+
--accent-foreground: 222.2 47.4% 11.2%;
|
|
174
|
+
|
|
175
|
+
/* Used for destructive actions such as <Button variant="destructive"> */
|
|
176
|
+
--destructive: 0 100% 50%;
|
|
177
|
+
--destructive-foreground: 210 40% 98%;
|
|
178
|
+
|
|
179
|
+
/* Default border color */
|
|
180
|
+
--border: 214.3 31.8% 91.4%;
|
|
181
|
+
|
|
182
|
+
/* Border color for inputs such as <Input />, <Select />, <Textarea /> */
|
|
183
|
+
--input: 214.3 31.8% 91.4%;
|
|
184
|
+
|
|
185
|
+
/* Used for focus rings */
|
|
186
|
+
--ring: 215 20.2% 65.1%;
|
|
187
|
+
|
|
188
|
+
/* Used for border radius */
|
|
189
|
+
--radius: 0.5rem;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.dark {
|
|
193
|
+
--background: 240 10% 3.9%;
|
|
194
|
+
--foreground: 0 0% 98%;
|
|
195
|
+
--card: 240 10% 3.9%;
|
|
196
|
+
--card-foreground: 0 0% 98%;
|
|
197
|
+
--popover: 240 10% 3.9%;
|
|
198
|
+
--popover-foreground: 0 0% 98%;
|
|
199
|
+
--primary: 0 0% 98%;
|
|
200
|
+
--primary-foreground: 240 5.9% 10%;
|
|
201
|
+
--secondary: 240 3.7% 15.9%;
|
|
202
|
+
--secondary-foreground: 0 0% 98%;
|
|
203
|
+
--muted: 240 3.7% 15.9%;
|
|
204
|
+
--muted-foreground: 240 5% 64.9%;
|
|
205
|
+
--accent: 240 3.7% 15.9%;
|
|
206
|
+
--accent-foreground: 0 0% 98%;
|
|
207
|
+
--destructive: 0 62.8% 30.6%;
|
|
208
|
+
--destructive-foreground: 0 0% 98%;
|
|
209
|
+
--border: 240 3.7% 15.9%;
|
|
210
|
+
--input: 240 3.7% 15.9%;
|
|
211
|
+
--ring: 240 4.9% 83.9%;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
@layer base {
|
|
216
|
+
* {
|
|
217
|
+
@apply border-border;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
html {
|
|
221
|
+
@apply h-full overflow-y-auto;
|
|
222
|
+
font-family: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
body {
|
|
226
|
+
@apply bg-background text-foreground h-full overflow-y-auto;
|
|
227
|
+
font-family: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.ticket {
|
|
232
|
+
mask: radial-gradient(21px 13px at 50% 102%, #0000 98%, #000) 50%
|
|
233
|
+
calc(100% - 16px) / 64px 100% repeat-x;
|
|
234
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-time.d.ts","sourceRoot":"","sources":["../../src/hooks/use-time.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,wBAA+B,YAAY,SAclE,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useTime = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const useTime = ({ interval = 1000, onUpdate }) => {
|
|
9
|
+
const [time, setTime] = react_1.default.useState(new Date());
|
|
10
|
+
react_1.default.useEffect(() => {
|
|
11
|
+
const timer = setInterval(() => {
|
|
12
|
+
const newTime = new Date();
|
|
13
|
+
setTime(newTime);
|
|
14
|
+
onUpdate?.(newTime);
|
|
15
|
+
}, interval);
|
|
16
|
+
return () => clearInterval(timer);
|
|
17
|
+
}, [interval, onUpdate]);
|
|
18
|
+
return time;
|
|
19
|
+
};
|
|
20
|
+
exports.useTime = useTime;
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export * from './components/ui/avatar';
|
|
|
5
5
|
export * from './components/ui/badge';
|
|
6
6
|
export * from './components/ui/breadcrumb';
|
|
7
7
|
export * from './components/ui/button';
|
|
8
|
+
export * from './components/ui/icon-button';
|
|
8
9
|
export * from './components/ui/card';
|
|
9
10
|
export * from './components/ui/checkbox';
|
|
10
11
|
export * from './components/ui/collapsible';
|
|
@@ -12,11 +13,11 @@ export * from './components/ui/command';
|
|
|
12
13
|
export * from './components/ui/dialog';
|
|
13
14
|
export * from './components/ui/dropdown-menu';
|
|
14
15
|
export * from './components/ui/input';
|
|
15
|
-
export * from './components/ui/input-with-icon';
|
|
16
16
|
export * from './components/ui/label';
|
|
17
17
|
export * from './components/ui/loading-button';
|
|
18
18
|
export * from './components/ui/multiple-select';
|
|
19
19
|
export * from './components/ui/paper';
|
|
20
|
+
export * from './components/ui/paper-collapsible';
|
|
20
21
|
export * from './components/ui/popover';
|
|
21
22
|
export * from './components/ui/progress';
|
|
22
23
|
export * from './components/ui/select';
|
|
@@ -30,11 +31,14 @@ export * from './components/ui/table';
|
|
|
30
31
|
export * from './components/ui/tabs';
|
|
31
32
|
export * from './components/ui/textarea';
|
|
32
33
|
export * from './components/ui/toast';
|
|
34
|
+
export * from './components/ui/toast/toaster';
|
|
33
35
|
export * from './hooks/use-toast';
|
|
34
36
|
export * from './components/ui/tooltip';
|
|
35
37
|
export * from './components/ui/form';
|
|
36
38
|
export { Breadcrumb as ApplicationBreadcrumb } from './components/breadcrumb';
|
|
37
39
|
export * from './components/breadcrumb/get-breadcrumb-paths';
|
|
40
|
+
export * from './components/card';
|
|
41
|
+
export * from './components/dialog';
|
|
38
42
|
export * from './components/entity-box';
|
|
39
43
|
export * from './components/entity-data-table';
|
|
40
44
|
export * from './components/form';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,uBAAuB,CAAA;AACrC,cAAc,mCAAmC,CAAA;AACjD,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AAGpC,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC7E,cAAc,8CAA8C,CAAA;AAC5D,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";
|
|
2
3
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
4
|
if (k2 === undefined) k2 = k;
|
|
@@ -23,6 +24,7 @@ __exportStar(require("./components/ui/avatar"), exports);
|
|
|
23
24
|
__exportStar(require("./components/ui/badge"), exports);
|
|
24
25
|
__exportStar(require("./components/ui/breadcrumb"), exports);
|
|
25
26
|
__exportStar(require("./components/ui/button"), exports);
|
|
27
|
+
__exportStar(require("./components/ui/icon-button"), exports);
|
|
26
28
|
__exportStar(require("./components/ui/card"), exports);
|
|
27
29
|
__exportStar(require("./components/ui/checkbox"), exports);
|
|
28
30
|
__exportStar(require("./components/ui/collapsible"), exports);
|
|
@@ -30,11 +32,11 @@ __exportStar(require("./components/ui/command"), exports);
|
|
|
30
32
|
__exportStar(require("./components/ui/dialog"), exports);
|
|
31
33
|
__exportStar(require("./components/ui/dropdown-menu"), exports);
|
|
32
34
|
__exportStar(require("./components/ui/input"), exports);
|
|
33
|
-
__exportStar(require("./components/ui/input-with-icon"), exports);
|
|
34
35
|
__exportStar(require("./components/ui/label"), exports);
|
|
35
36
|
__exportStar(require("./components/ui/loading-button"), exports);
|
|
36
37
|
__exportStar(require("./components/ui/multiple-select"), exports);
|
|
37
38
|
__exportStar(require("./components/ui/paper"), exports);
|
|
39
|
+
__exportStar(require("./components/ui/paper-collapsible"), exports);
|
|
38
40
|
__exportStar(require("./components/ui/popover"), exports);
|
|
39
41
|
__exportStar(require("./components/ui/progress"), exports);
|
|
40
42
|
__exportStar(require("./components/ui/select"), exports);
|
|
@@ -48,6 +50,7 @@ __exportStar(require("./components/ui/table"), exports);
|
|
|
48
50
|
__exportStar(require("./components/ui/tabs"), exports);
|
|
49
51
|
__exportStar(require("./components/ui/textarea"), exports);
|
|
50
52
|
__exportStar(require("./components/ui/toast"), exports);
|
|
53
|
+
__exportStar(require("./components/ui/toast/toaster"), exports);
|
|
51
54
|
__exportStar(require("./hooks/use-toast"), exports);
|
|
52
55
|
__exportStar(require("./components/ui/tooltip"), exports);
|
|
53
56
|
__exportStar(require("./components/ui/form"), exports);
|
|
@@ -55,6 +58,8 @@ __exportStar(require("./components/ui/form"), exports);
|
|
|
55
58
|
var breadcrumb_1 = require("./components/breadcrumb");
|
|
56
59
|
Object.defineProperty(exports, "ApplicationBreadcrumb", { enumerable: true, get: function () { return breadcrumb_1.Breadcrumb; } });
|
|
57
60
|
__exportStar(require("./components/breadcrumb/get-breadcrumb-paths"), exports);
|
|
61
|
+
__exportStar(require("./components/card"), exports);
|
|
62
|
+
__exportStar(require("./components/dialog"), exports);
|
|
58
63
|
__exportStar(require("./components/entity-box"), exports);
|
|
59
64
|
__exportStar(require("./components/entity-data-table"), exports);
|
|
60
65
|
__exportStar(require("./components/form"), exports);
|
|
Binary file
|
|
Binary file
|
|
Binary file
|