@minutemailer/kit 1.0.4 → 1.0.6
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/components/ui/alert.js +1 -1
- package/components/ui/avatar.js +1 -1
- package/components/ui/button.js +1 -1
- package/components/ui/checkbox.js +1 -1
- package/components/ui/dropdown-menu.js +1 -1
- package/components/ui/input.js +1 -1
- package/components/ui/label.js +1 -1
- package/components/ui/separator.js +1 -1
- package/components/ui/sheet.js +1 -1
- package/components/ui/sidebar.d.ts +4 -4
- package/components/ui/sidebar.js +8 -8
- package/components/ui/skeleton.js +1 -1
- package/components/ui/tooltip.js +1 -1
- package/icons/index.js +129 -261
- package/package.json +36 -22
- package/state/index.js +52 -64
- package/store/index.js +3 -6
- package/store/useSelector.d.ts +1 -1
- package/utils/index.js +6 -15
- package/components/ui/alert.tsx.js +0 -67
- package/components/ui/alert.tsx.js.map +0 -7
- package/components/ui/avatar.tsx.js +0 -54
- package/components/ui/avatar.tsx.js.map +0 -7
- package/components/ui/button.tsx.js +0 -51
- package/components/ui/button.tsx.js.map +0 -7
- package/components/ui/checkbox.tsx.js +0 -33
- package/components/ui/checkbox.tsx.js.map +0 -7
- package/components/ui/dropdown-menu.tsx.js +0 -244
- package/components/ui/dropdown-menu.tsx.js.map +0 -7
- package/components/ui/input.tsx.js +0 -22
- package/components/ui/input.tsx.js.map +0 -7
- package/components/ui/label.tsx.js +0 -24
- package/components/ui/label.tsx.js.map +0 -7
- package/components/ui/separator.tsx.js +0 -27
- package/components/ui/separator.tsx.js.map +0 -7
- package/components/ui/sheet.tsx.js +0 -128
- package/components/ui/sheet.tsx.js.map +0 -7
- package/components/ui/sidebar.tsx.js +0 -668
- package/components/ui/sidebar.tsx.js.map +0 -7
- package/components/ui/skeleton.tsx.js +0 -16
- package/components/ui/skeleton.tsx.js.map +0 -7
- package/components/ui/sonner.tsx.js +0 -23
- package/components/ui/sonner.tsx.js.map +0 -7
- package/components/ui/tooltip.tsx.js +0 -56
- package/components/ui/tooltip.tsx.js.map +0 -7
- package/icons/index.js.map +0 -7
- package/state/index.js.map +0 -7
- package/state/index.test.d.ts +0 -1
- package/state/index.test.js +0 -126
- package/store/index.js.map +0 -7
- package/store/store.test.d.ts +0 -12
- package/store/store.test.js +0 -51
- package/stories/Alert.stories.d.ts +0 -12
- package/stories/Alert.stories.js +0 -29
- package/stories/Button.stories.d.ts +0 -17
- package/stories/Button.stories.js +0 -61
- package/stories/Checkbox.stories.d.ts +0 -14
- package/stories/Checkbox.stories.js +0 -37
- package/stories/Input.stories.d.ts +0 -14
- package/stories/Input.stories.js +0 -31
- package/stories/Label.stories.d.ts +0 -9
- package/stories/Label.stories.js +0 -12
- package/stories/Separator.stories.d.ts +0 -10
- package/stories/Separator.stories.js +0 -13
- package/stories/Sidebar.stories.d.ts +0 -9
- package/stories/Sidebar.stories.js +0 -53
- package/stories/Skeleton.stories.d.ts +0 -9
- package/stories/Skeleton.stories.js +0 -10
- package/stories/Sonner.stories.d.ts +0 -11
- package/stories/Sonner.stories.js +0 -22
- package/stories/Todo.d.ts +0 -1
- package/stories/Todo.js +0 -75
- package/stories/Tooltip.stories.d.ts +0 -9
- package/stories/Tooltip.stories.js +0 -11
- package/stories/TrafficLights.d.ts +0 -3
- package/stories/TrafficLights.js +0 -37
- package/utils/capitalize/index.test.d.ts +0 -1
- package/utils/capitalize/index.test.js +0 -10
- package/utils/choice/index.test.d.ts +0 -1
- package/utils/choice/index.test.js +0 -21
- package/utils/index.js.map +0 -7
- package/utils/objToQuery/index.test.d.ts +0 -1
- package/utils/objToQuery/index.test.js +0 -17
- package/utils/replacePlaceholders/index.test.d.ts +0 -1
- package/utils/replacePlaceholders/index.test.js +0 -19
- package/utils/strToDate/index.test.d.ts +0 -1
- package/utils/strToDate/index.test.js +0 -45
- package/utils/zeroPad/index.test.d.ts +0 -1
- package/utils/zeroPad/index.test.js +0 -12
package/package.json
CHANGED
|
@@ -1,16 +1,31 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@minutemailer/kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"description": "Minutemailer UI Kit",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Minutemailer",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"exports": {
|
|
9
|
-
"./utils":
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
"./
|
|
9
|
+
"./utils": {
|
|
10
|
+
"types": "./utils/index.d.ts",
|
|
11
|
+
"default": "./utils/index.js"
|
|
12
|
+
},
|
|
13
|
+
"./icons": {
|
|
14
|
+
"types": "./icons/index.d.ts",
|
|
15
|
+
"default": "./icons/index.js"
|
|
16
|
+
},
|
|
17
|
+
"./store": {
|
|
18
|
+
"types": "./store/index.d.ts",
|
|
19
|
+
"default": "./store/index.js"
|
|
20
|
+
},
|
|
21
|
+
"./state": {
|
|
22
|
+
"types": "./state/index.d.ts",
|
|
23
|
+
"default": "./state/index.js"
|
|
24
|
+
},
|
|
25
|
+
"./components/*": {
|
|
26
|
+
"types": "./components/*",
|
|
27
|
+
"default": "./components/*"
|
|
28
|
+
},
|
|
14
29
|
"./styles.css": "./styles.css"
|
|
15
30
|
},
|
|
16
31
|
"sideEffects": false,
|
|
@@ -18,7 +33,7 @@
|
|
|
18
33
|
"test": "vitest run",
|
|
19
34
|
"coverage": "vitest --run --coverage",
|
|
20
35
|
"start": "storybook dev -p 6006",
|
|
21
|
-
"build": "npm run icons:build && tsc &&
|
|
36
|
+
"build": "npm run icons:build && tsc && tsc-alias",
|
|
22
37
|
"build-storybook": "storybook build",
|
|
23
38
|
"icons:build": "npx @svgr/cli --icon --typescript --replace-attr-values \"#3D3D3D=currentColor\" --out-dir src/icons resources/icons",
|
|
24
39
|
"prepub": "rm -r dist && npm run build && cp package.json dist && cp src/styles.css dist",
|
|
@@ -30,23 +45,22 @@
|
|
|
30
45
|
"react-dom": "^19.0.0 || ^18.0.0"
|
|
31
46
|
},
|
|
32
47
|
"devDependencies": {
|
|
33
|
-
"@storybook/addon-docs": "^9.1.
|
|
34
|
-
"@storybook/react-vite": "^9.1.
|
|
48
|
+
"@storybook/addon-docs": "^9.1.10",
|
|
49
|
+
"@storybook/react-vite": "^9.1.10",
|
|
35
50
|
"@svgr/cli": "^8.1.0",
|
|
36
|
-
"@types/react": "^19.
|
|
37
|
-
"@types/react-dom": "^19.
|
|
51
|
+
"@types/react": "^19.2.0",
|
|
52
|
+
"@types/react-dom": "^19.2.0",
|
|
38
53
|
"@vitest/coverage-v8": "^3.2.4",
|
|
39
|
-
"esbuild": "^0.25.9",
|
|
40
|
-
"glob": "^11.0.3",
|
|
41
54
|
"prettier": "3.6.2",
|
|
42
|
-
"react": "^19.
|
|
43
|
-
"react-dom": "^19.
|
|
44
|
-
"sass": "^1.
|
|
55
|
+
"react": "^19.2.0",
|
|
56
|
+
"react-dom": "^19.2.0",
|
|
57
|
+
"sass": "^1.93.2",
|
|
45
58
|
"shadcn": "^3.3.1",
|
|
46
|
-
"storybook": "^9.1.
|
|
59
|
+
"storybook": "^9.1.10",
|
|
60
|
+
"tsc-alias": "^1.8.16",
|
|
47
61
|
"typedoc": "^0.28.13",
|
|
48
62
|
"typedoc-material-theme": "^1.4.0",
|
|
49
|
-
"vite": "^7.1.
|
|
63
|
+
"vite": "^7.1.8",
|
|
50
64
|
"vitest": "^3.2.4"
|
|
51
65
|
},
|
|
52
66
|
"dependencies": {
|
|
@@ -58,14 +72,14 @@
|
|
|
58
72
|
"@radix-ui/react-separator": "^1.1.7",
|
|
59
73
|
"@radix-ui/react-slot": "^1.2.3",
|
|
60
74
|
"@radix-ui/react-tooltip": "^1.2.8",
|
|
61
|
-
"@tailwindcss/vite": "^4.1.
|
|
75
|
+
"@tailwindcss/vite": "^4.1.14",
|
|
62
76
|
"class-variance-authority": "^0.7.1",
|
|
63
77
|
"clsx": "^2.1.1",
|
|
64
|
-
"lucide-react": "^0.
|
|
78
|
+
"lucide-react": "^0.544.0",
|
|
65
79
|
"next-themes": "^0.4.6",
|
|
66
80
|
"sonner": "^2.0.7",
|
|
67
81
|
"tailwind-merge": "^3.3.1",
|
|
68
|
-
"tailwindcss": "^4.1.
|
|
69
|
-
"tw-animate-css": "^1.
|
|
82
|
+
"tailwindcss": "^4.1.14",
|
|
83
|
+
"tw-animate-css": "^1.4.0"
|
|
70
84
|
}
|
|
71
85
|
}
|
package/state/index.js
CHANGED
|
@@ -1,65 +1,53 @@
|
|
|
1
|
-
import { useEffect, useState } from
|
|
2
|
-
function createMachine(transitions, actions, initialContext, initialState =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
);
|
|
54
|
-
}, []);
|
|
55
|
-
return currentContext;
|
|
56
|
-
},
|
|
57
|
-
getContext() {
|
|
58
|
-
return context;
|
|
59
|
-
}
|
|
60
|
-
};
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
export function createMachine(transitions, actions, initialContext, initialState = 'IDLE') {
|
|
3
|
+
const listeners = new Set();
|
|
4
|
+
let state = initialState;
|
|
5
|
+
let context = initialContext;
|
|
6
|
+
return {
|
|
7
|
+
subscribe(listener) {
|
|
8
|
+
listeners.add(listener);
|
|
9
|
+
return () => listeners.delete(listener);
|
|
10
|
+
},
|
|
11
|
+
destroy() {
|
|
12
|
+
listeners.clear();
|
|
13
|
+
state = initialState;
|
|
14
|
+
context = initialContext;
|
|
15
|
+
},
|
|
16
|
+
action(action, input) {
|
|
17
|
+
const transition = transitions[state];
|
|
18
|
+
const nextState = transition.on[action];
|
|
19
|
+
if (!nextState) {
|
|
20
|
+
console.warn('Invalid transition', state, action);
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
console.log(`Machine transition: ${state} -> ${nextState} (${action}, ${input})`);
|
|
24
|
+
const previousState = state;
|
|
25
|
+
if (actions[action]) {
|
|
26
|
+
context = actions[action].call(this, context, input) || context;
|
|
27
|
+
}
|
|
28
|
+
state = nextState;
|
|
29
|
+
listeners.forEach((listener) => listener(state, previousState, context));
|
|
30
|
+
},
|
|
31
|
+
can(action) {
|
|
32
|
+
const transition = transitions[state];
|
|
33
|
+
return !!transition.on[action];
|
|
34
|
+
},
|
|
35
|
+
useCurrentState() {
|
|
36
|
+
const [currentState, setCurrentState] = useState(state);
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
return this.subscribe(() => setCurrentState(state));
|
|
39
|
+
}, []);
|
|
40
|
+
return currentState;
|
|
41
|
+
},
|
|
42
|
+
useCurrentContext(selector) {
|
|
43
|
+
const [currentContext, setCurrentContext] = useState(() => selector(context));
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
return this.subscribe(() => setCurrentContext(selector(context)));
|
|
46
|
+
}, []);
|
|
47
|
+
return currentContext;
|
|
48
|
+
},
|
|
49
|
+
getContext() {
|
|
50
|
+
return context;
|
|
51
|
+
},
|
|
52
|
+
};
|
|
61
53
|
}
|
|
62
|
-
export {
|
|
63
|
-
createMachine
|
|
64
|
-
};
|
|
65
|
-
//# sourceMappingURL=index.js.map
|
package/store/index.js
CHANGED
package/store/useSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { Store } from '
|
|
1
|
+
import type { Store } from '../store';
|
|
2
2
|
export declare function useSelector<T, S>(store: Store<T>, selector: (state: T) => S): S;
|
package/utils/index.js
CHANGED
|
@@ -1,15 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export {
|
|
8
|
-
default6 as capitalize,
|
|
9
|
-
default5 as choice,
|
|
10
|
-
default7 as objToQuery,
|
|
11
|
-
default4 as replacePlaceholders,
|
|
12
|
-
default2 as strToDate,
|
|
13
|
-
default3 as zeroPad
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { default as strToDate } from './strToDate';
|
|
2
|
+
export { default as zeroPad } from './zeroPad';
|
|
3
|
+
export { default as replacePlaceholders } from './replacePlaceholders';
|
|
4
|
+
export { default as choice } from './choice';
|
|
5
|
+
export { default as capitalize } from './capitalize';
|
|
6
|
+
export { default as objToQuery } from './objToQuery';
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
3
|
-
import { cn } from "@/utils/utils";
|
|
4
|
-
const alertVariants = cva(
|
|
5
|
-
"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
6
|
-
{
|
|
7
|
-
variants: {
|
|
8
|
-
variant: {
|
|
9
|
-
default: "bg-card text-card-foreground",
|
|
10
|
-
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
defaultVariants: {
|
|
14
|
-
variant: "default"
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
function Alert({
|
|
19
|
-
className,
|
|
20
|
-
variant,
|
|
21
|
-
...props
|
|
22
|
-
}) {
|
|
23
|
-
return /* @__PURE__ */ jsx(
|
|
24
|
-
"div",
|
|
25
|
-
{
|
|
26
|
-
"data-slot": "alert",
|
|
27
|
-
role: "alert",
|
|
28
|
-
className: cn(alertVariants({ variant }), className),
|
|
29
|
-
...props
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
function AlertTitle({ className, ...props }) {
|
|
34
|
-
return /* @__PURE__ */ jsx(
|
|
35
|
-
"div",
|
|
36
|
-
{
|
|
37
|
-
"data-slot": "alert-title",
|
|
38
|
-
className: cn(
|
|
39
|
-
"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
40
|
-
className
|
|
41
|
-
),
|
|
42
|
-
...props
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
}
|
|
46
|
-
function AlertDescription({
|
|
47
|
-
className,
|
|
48
|
-
...props
|
|
49
|
-
}) {
|
|
50
|
-
return /* @__PURE__ */ jsx(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
"data-slot": "alert-description",
|
|
54
|
-
className: cn(
|
|
55
|
-
"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
56
|
-
className
|
|
57
|
-
),
|
|
58
|
-
...props
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
}
|
|
62
|
-
export {
|
|
63
|
-
Alert,
|
|
64
|
-
AlertDescription,
|
|
65
|
-
AlertTitle
|
|
66
|
-
};
|
|
67
|
-
//# sourceMappingURL=alert.tsx.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ui/alert.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/utils/utils';\n\nconst alertVariants = cva(\n 'relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-title\"\n className={cn(\n 'col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDescription({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(\n 'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription };\n"],
|
|
5
|
-
"mappings": "AA2BQ;AA1BR,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EAClB;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,SAAS;AAAA,QACT,aACI;AAAA,MACR;AAAA,IACJ;AAAA,IACA,iBAAiB;AAAA,MACb,SAAS;AAAA,IACb;AAAA,EACJ;AACJ;AAEA,SAAS,MAAM;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAqE;AACjE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACtE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,iBAAiB;AAAA,EACtB;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
-
import { cn } from "@/utils/utils";
|
|
4
|
-
function Avatar({
|
|
5
|
-
className,
|
|
6
|
-
...props
|
|
7
|
-
}) {
|
|
8
|
-
return /* @__PURE__ */ jsx(
|
|
9
|
-
AvatarPrimitive.Root,
|
|
10
|
-
{
|
|
11
|
-
"data-slot": "avatar",
|
|
12
|
-
className: cn(
|
|
13
|
-
"relative flex size-8 shrink-0 overflow-hidden rounded-full",
|
|
14
|
-
className
|
|
15
|
-
),
|
|
16
|
-
...props
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
}
|
|
20
|
-
function AvatarImage({
|
|
21
|
-
className,
|
|
22
|
-
...props
|
|
23
|
-
}) {
|
|
24
|
-
return /* @__PURE__ */ jsx(
|
|
25
|
-
AvatarPrimitive.Image,
|
|
26
|
-
{
|
|
27
|
-
"data-slot": "avatar-image",
|
|
28
|
-
className: cn("aspect-square size-full", className),
|
|
29
|
-
...props
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
function AvatarFallback({
|
|
34
|
-
className,
|
|
35
|
-
...props
|
|
36
|
-
}) {
|
|
37
|
-
return /* @__PURE__ */ jsx(
|
|
38
|
-
AvatarPrimitive.Fallback,
|
|
39
|
-
{
|
|
40
|
-
"data-slot": "avatar-fallback",
|
|
41
|
-
className: cn(
|
|
42
|
-
"bg-muted flex size-full items-center justify-center rounded-full",
|
|
43
|
-
className
|
|
44
|
-
),
|
|
45
|
-
...props
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
}
|
|
49
|
-
export {
|
|
50
|
-
Avatar,
|
|
51
|
-
AvatarFallback,
|
|
52
|
-
AvatarImage
|
|
53
|
-
};
|
|
54
|
-
//# sourceMappingURL=avatar.tsx.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ui/avatar.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\n\nimport { cn } from '@/utils/utils';\n\nfunction Avatar({\n className,\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n return (\n <AvatarPrimitive.Root\n data-slot=\"avatar\"\n className={cn(\n 'relative flex size-8 shrink-0 overflow-hidden rounded-full',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AvatarImage({\n className,\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n return (\n <AvatarPrimitive.Image\n data-slot=\"avatar-image\"\n className={cn('aspect-square size-full', className)}\n {...props}\n />\n );\n}\n\nfunction AvatarFallback({\n className,\n ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n return (\n <AvatarPrimitive.Fallback\n data-slot=\"avatar-fallback\"\n className={cn(\n 'bg-muted flex size-full items-center justify-center rounded-full',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],
|
|
5
|
-
"mappings": "AAUQ;AATR,YAAY,qBAAqB;AAEjC,SAAS,UAAU;AAEnB,SAAS,OAAO;AAAA,EACZ;AAAA,EACA,GAAG;AACP,GAAsD;AAClD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,YAAY;AAAA,EACjB;AAAA,EACA,GAAG;AACP,GAAuD;AACnD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACR;AAER;AAEA,SAAS,eAAe;AAAA,EACpB;AAAA,EACA,GAAG;AACP,GAA0D;AACtD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA;AAAA,EACR;AAER;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
-
import { cva } from "class-variance-authority";
|
|
4
|
-
import { cn } from "@/utils/utils";
|
|
5
|
-
const buttonVariants = cva(
|
|
6
|
-
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-base font-semibold transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
7
|
-
{
|
|
8
|
-
variants: {
|
|
9
|
-
variant: {
|
|
10
|
-
default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
|
|
11
|
-
destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
12
|
-
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
13
|
-
secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
|
|
14
|
-
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
15
|
-
link: "text-primary underline-offset-4 hover:underline"
|
|
16
|
-
},
|
|
17
|
-
size: {
|
|
18
|
-
default: "h-11 px-6 py-3 has-[>svg]:px-5",
|
|
19
|
-
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
20
|
-
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
21
|
-
icon: "size-9"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
defaultVariants: {
|
|
25
|
-
variant: "default",
|
|
26
|
-
size: "default"
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
function Button({
|
|
31
|
-
className,
|
|
32
|
-
variant,
|
|
33
|
-
size,
|
|
34
|
-
asChild = false,
|
|
35
|
-
...props
|
|
36
|
-
}) {
|
|
37
|
-
const Comp = asChild ? Slot : "button";
|
|
38
|
-
return /* @__PURE__ */ jsx(
|
|
39
|
-
Comp,
|
|
40
|
-
{
|
|
41
|
-
"data-slot": "button",
|
|
42
|
-
className: cn(buttonVariants({ variant, size, className })),
|
|
43
|
-
...props
|
|
44
|
-
}
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
export {
|
|
48
|
-
Button,
|
|
49
|
-
buttonVariants
|
|
50
|
-
};
|
|
51
|
-
//# sourceMappingURL=button.tsx.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ui/button.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/utils/utils';\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-base font-semibold transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n destructive:\n 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n outline:\n 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n secondary:\n 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n size: {\n default: 'h-11 px-6 py-3 has-[>svg]:px-5',\n sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n icon: 'size-9',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n }) {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Button, buttonVariants };\n"],
|
|
5
|
-
"mappings": "AAgDQ;AA/CR,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,SACI;AAAA,QACJ,aACI;AAAA,QACJ,SACI;AAAA,QACJ,WACI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACF,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,iBAAiB;AAAA,MACb,SAAS;AAAA,MACT,MAAM;AAAA,IACV;AAAA,EACJ;AACJ;AAEA,SAAS,OAAO;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACP,GAGO;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACR;AAER;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
4
|
-
import { CheckIcon } from "lucide-react";
|
|
5
|
-
import { cn } from "@/utils/utils";
|
|
6
|
-
function Checkbox({
|
|
7
|
-
className,
|
|
8
|
-
...props
|
|
9
|
-
}) {
|
|
10
|
-
return /* @__PURE__ */ jsx(
|
|
11
|
-
CheckboxPrimitive.Root,
|
|
12
|
-
{
|
|
13
|
-
"data-slot": "checkbox",
|
|
14
|
-
className: cn(
|
|
15
|
-
"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
|
16
|
-
className
|
|
17
|
-
),
|
|
18
|
-
...props,
|
|
19
|
-
children: /* @__PURE__ */ jsx(
|
|
20
|
-
CheckboxPrimitive.Indicator,
|
|
21
|
-
{
|
|
22
|
-
"data-slot": "checkbox-indicator",
|
|
23
|
-
className: "flex items-center justify-center text-current transition-none",
|
|
24
|
-
children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
|
|
25
|
-
}
|
|
26
|
-
)
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
export {
|
|
31
|
-
Checkbox
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=checkbox.tsx.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/ui/checkbox.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@/utils/utils';\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n 'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n}\n\nexport { Checkbox };\n"],
|
|
5
|
-
"mappings": ";AAyBgB;AAtBhB,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAE1B,SAAS,UAAU;AAEnB,SAAS,SAAS;AAAA,EACd;AAAA,EACA,GAAG;AACP,GAAwD;AACpD,SACI;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACG,aAAU;AAAA,MACV,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACG,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,8BAAC,aAAU,WAAU,YAAW;AAAA;AAAA,MACpC;AAAA;AAAA,EACJ;AAER;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|