@minutemailer/kit 1.0.4 → 1.0.5

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.
Files changed (89) hide show
  1. package/components/ui/alert.js +1 -1
  2. package/components/ui/avatar.js +1 -1
  3. package/components/ui/button.js +1 -1
  4. package/components/ui/checkbox.js +1 -1
  5. package/components/ui/dropdown-menu.js +1 -1
  6. package/components/ui/input.js +1 -1
  7. package/components/ui/label.js +1 -1
  8. package/components/ui/separator.js +1 -1
  9. package/components/ui/sheet.js +1 -1
  10. package/components/ui/sidebar.d.ts +4 -4
  11. package/components/ui/sidebar.js +8 -8
  12. package/components/ui/skeleton.js +1 -1
  13. package/components/ui/tooltip.js +1 -1
  14. package/icons/index.js +129 -261
  15. package/package.json +16 -17
  16. package/state/index.js +52 -64
  17. package/store/index.js +3 -6
  18. package/store/useSelector.d.ts +1 -1
  19. package/utils/index.js +6 -15
  20. package/components/ui/alert.tsx.js +0 -67
  21. package/components/ui/alert.tsx.js.map +0 -7
  22. package/components/ui/avatar.tsx.js +0 -54
  23. package/components/ui/avatar.tsx.js.map +0 -7
  24. package/components/ui/button.tsx.js +0 -51
  25. package/components/ui/button.tsx.js.map +0 -7
  26. package/components/ui/checkbox.tsx.js +0 -33
  27. package/components/ui/checkbox.tsx.js.map +0 -7
  28. package/components/ui/dropdown-menu.tsx.js +0 -244
  29. package/components/ui/dropdown-menu.tsx.js.map +0 -7
  30. package/components/ui/input.tsx.js +0 -22
  31. package/components/ui/input.tsx.js.map +0 -7
  32. package/components/ui/label.tsx.js +0 -24
  33. package/components/ui/label.tsx.js.map +0 -7
  34. package/components/ui/separator.tsx.js +0 -27
  35. package/components/ui/separator.tsx.js.map +0 -7
  36. package/components/ui/sheet.tsx.js +0 -128
  37. package/components/ui/sheet.tsx.js.map +0 -7
  38. package/components/ui/sidebar.tsx.js +0 -668
  39. package/components/ui/sidebar.tsx.js.map +0 -7
  40. package/components/ui/skeleton.tsx.js +0 -16
  41. package/components/ui/skeleton.tsx.js.map +0 -7
  42. package/components/ui/sonner.tsx.js +0 -23
  43. package/components/ui/sonner.tsx.js.map +0 -7
  44. package/components/ui/tooltip.tsx.js +0 -56
  45. package/components/ui/tooltip.tsx.js.map +0 -7
  46. package/icons/index.js.map +0 -7
  47. package/state/index.js.map +0 -7
  48. package/state/index.test.d.ts +0 -1
  49. package/state/index.test.js +0 -126
  50. package/store/index.js.map +0 -7
  51. package/store/store.test.d.ts +0 -12
  52. package/store/store.test.js +0 -51
  53. package/stories/Alert.stories.d.ts +0 -12
  54. package/stories/Alert.stories.js +0 -29
  55. package/stories/Button.stories.d.ts +0 -17
  56. package/stories/Button.stories.js +0 -61
  57. package/stories/Checkbox.stories.d.ts +0 -14
  58. package/stories/Checkbox.stories.js +0 -37
  59. package/stories/Input.stories.d.ts +0 -14
  60. package/stories/Input.stories.js +0 -31
  61. package/stories/Label.stories.d.ts +0 -9
  62. package/stories/Label.stories.js +0 -12
  63. package/stories/Separator.stories.d.ts +0 -10
  64. package/stories/Separator.stories.js +0 -13
  65. package/stories/Sidebar.stories.d.ts +0 -9
  66. package/stories/Sidebar.stories.js +0 -53
  67. package/stories/Skeleton.stories.d.ts +0 -9
  68. package/stories/Skeleton.stories.js +0 -10
  69. package/stories/Sonner.stories.d.ts +0 -11
  70. package/stories/Sonner.stories.js +0 -22
  71. package/stories/Todo.d.ts +0 -1
  72. package/stories/Todo.js +0 -75
  73. package/stories/Tooltip.stories.d.ts +0 -9
  74. package/stories/Tooltip.stories.js +0 -11
  75. package/stories/TrafficLights.d.ts +0 -3
  76. package/stories/TrafficLights.js +0 -37
  77. package/utils/capitalize/index.test.d.ts +0 -1
  78. package/utils/capitalize/index.test.js +0 -10
  79. package/utils/choice/index.test.d.ts +0 -1
  80. package/utils/choice/index.test.js +0 -21
  81. package/utils/index.js.map +0 -7
  82. package/utils/objToQuery/index.test.d.ts +0 -1
  83. package/utils/objToQuery/index.test.js +0 -17
  84. package/utils/replacePlaceholders/index.test.d.ts +0 -1
  85. package/utils/replacePlaceholders/index.test.js +0 -19
  86. package/utils/strToDate/index.test.d.ts +0 -1
  87. package/utils/strToDate/index.test.js +0 -45
  88. package/utils/zeroPad/index.test.d.ts +0 -1
  89. package/utils/zeroPad/index.test.js +0 -12
package/state/index.js CHANGED
@@ -1,65 +1,53 @@
1
- import { useEffect, useState } from "react";
2
- function createMachine(transitions, actions, initialContext, initialState = "IDLE") {
3
- const listeners = /* @__PURE__ */ 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(
24
- `Machine transition: ${state} -> ${nextState} (${action}, ${input})`
25
- );
26
- const previousState = state;
27
- if (actions[action]) {
28
- context = actions[action].call(this, context, input) || context;
29
- }
30
- state = nextState;
31
- listeners.forEach(
32
- (listener) => listener(state, previousState, context)
33
- );
34
- },
35
- can(action) {
36
- const transition = transitions[state];
37
- return !!transition.on[action];
38
- },
39
- useCurrentState() {
40
- const [currentState, setCurrentState] = useState(state);
41
- useEffect(() => {
42
- return this.subscribe(() => setCurrentState(state));
43
- }, []);
44
- return currentState;
45
- },
46
- useCurrentContext(selector) {
47
- const [currentContext, setCurrentContext] = useState(
48
- () => selector(context)
49
- );
50
- useEffect(() => {
51
- return this.subscribe(
52
- () => setCurrentContext(selector(context))
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
@@ -1,6 +1,3 @@
1
- export * from "./store";
2
- import { useSelector } from "./useSelector";
3
- export {
4
- useSelector
5
- };
6
- //# sourceMappingURL=index.js.map
1
+ // Reexport all from the store modules
2
+ export * from './store';
3
+ export { useSelector } from './useSelector';
@@ -1,2 +1,2 @@
1
- import type { Store } from '@/store';
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
- import { default as default2 } from "./strToDate";
2
- import { default as default3 } from "./zeroPad";
3
- import { default as default4 } from "./replacePlaceholders";
4
- import { default as default5 } from "./choice";
5
- import { default as default6 } from "./capitalize";
6
- import { default as default7 } from "./objToQuery";
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
- }
@@ -1,244 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
3
- import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
4
- import { cn } from "@/utils/utils";
5
- function DropdownMenu({
6
- ...props
7
- }) {
8
- return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
9
- }
10
- function DropdownMenuPortal({
11
- ...props
12
- }) {
13
- return /* @__PURE__ */ jsx(
14
- DropdownMenuPrimitive.Portal,
15
- {
16
- "data-slot": "dropdown-menu-portal",
17
- ...props
18
- }
19
- );
20
- }
21
- function DropdownMenuTrigger({
22
- ...props
23
- }) {
24
- return /* @__PURE__ */ jsx(
25
- DropdownMenuPrimitive.Trigger,
26
- {
27
- "data-slot": "dropdown-menu-trigger",
28
- ...props
29
- }
30
- );
31
- }
32
- function DropdownMenuContent({
33
- className,
34
- sideOffset = 4,
35
- ...props
36
- }) {
37
- return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
38
- DropdownMenuPrimitive.Content,
39
- {
40
- "data-slot": "dropdown-menu-content",
41
- sideOffset,
42
- className: cn(
43
- "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
44
- className
45
- ),
46
- ...props
47
- }
48
- ) });
49
- }
50
- function DropdownMenuGroup({
51
- ...props
52
- }) {
53
- return /* @__PURE__ */ jsx(
54
- DropdownMenuPrimitive.Group,
55
- {
56
- "data-slot": "dropdown-menu-group",
57
- ...props
58
- }
59
- );
60
- }
61
- function DropdownMenuItem({
62
- className,
63
- inset,
64
- variant = "default",
65
- ...props
66
- }) {
67
- return /* @__PURE__ */ jsx(
68
- DropdownMenuPrimitive.Item,
69
- {
70
- "data-slot": "dropdown-menu-item",
71
- "data-inset": inset,
72
- "data-variant": variant,
73
- className: cn(
74
- "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
75
- className
76
- ),
77
- ...props
78
- }
79
- );
80
- }
81
- function DropdownMenuCheckboxItem({
82
- className,
83
- children,
84
- checked,
85
- ...props
86
- }) {
87
- return /* @__PURE__ */ jsxs(
88
- DropdownMenuPrimitive.CheckboxItem,
89
- {
90
- "data-slot": "dropdown-menu-checkbox-item",
91
- className: cn(
92
- "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
93
- className
94
- ),
95
- checked,
96
- ...props,
97
- children: [
98
- /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
99
- children
100
- ]
101
- }
102
- );
103
- }
104
- function DropdownMenuRadioGroup({
105
- ...props
106
- }) {
107
- return /* @__PURE__ */ jsx(
108
- DropdownMenuPrimitive.RadioGroup,
109
- {
110
- "data-slot": "dropdown-menu-radio-group",
111
- ...props
112
- }
113
- );
114
- }
115
- function DropdownMenuRadioItem({
116
- className,
117
- children,
118
- ...props
119
- }) {
120
- return /* @__PURE__ */ jsxs(
121
- DropdownMenuPrimitive.RadioItem,
122
- {
123
- "data-slot": "dropdown-menu-radio-item",
124
- className: cn(
125
- "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
126
- className
127
- ),
128
- ...props,
129
- children: [
130
- /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
131
- children
132
- ]
133
- }
134
- );
135
- }
136
- function DropdownMenuLabel({
137
- className,
138
- inset,
139
- ...props
140
- }) {
141
- return /* @__PURE__ */ jsx(
142
- DropdownMenuPrimitive.Label,
143
- {
144
- "data-slot": "dropdown-menu-label",
145
- "data-inset": inset,
146
- className: cn(
147
- "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
148
- className
149
- ),
150
- ...props
151
- }
152
- );
153
- }
154
- function DropdownMenuSeparator({
155
- className,
156
- ...props
157
- }) {
158
- return /* @__PURE__ */ jsx(
159
- DropdownMenuPrimitive.Separator,
160
- {
161
- "data-slot": "dropdown-menu-separator",
162
- className: cn("bg-border -mx-1 my-1 h-px", className),
163
- ...props
164
- }
165
- );
166
- }
167
- function DropdownMenuShortcut({
168
- className,
169
- ...props
170
- }) {
171
- return /* @__PURE__ */ jsx(
172
- "span",
173
- {
174
- "data-slot": "dropdown-menu-shortcut",
175
- className: cn(
176
- "text-muted-foreground ml-auto text-xs tracking-widest",
177
- className
178
- ),
179
- ...props
180
- }
181
- );
182
- }
183
- function DropdownMenuSub({
184
- ...props
185
- }) {
186
- return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
187
- }
188
- function DropdownMenuSubTrigger({
189
- className,
190
- inset,
191
- children,
192
- ...props
193
- }) {
194
- return /* @__PURE__ */ jsxs(
195
- DropdownMenuPrimitive.SubTrigger,
196
- {
197
- "data-slot": "dropdown-menu-sub-trigger",
198
- "data-inset": inset,
199
- className: cn(
200
- "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
201
- className
202
- ),
203
- ...props,
204
- children: [
205
- children,
206
- /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
207
- ]
208
- }
209
- );
210
- }
211
- function DropdownMenuSubContent({
212
- className,
213
- ...props
214
- }) {
215
- return /* @__PURE__ */ jsx(
216
- DropdownMenuPrimitive.SubContent,
217
- {
218
- "data-slot": "dropdown-menu-sub-content",
219
- className: cn(
220
- "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
221
- className
222
- ),
223
- ...props
224
- }
225
- );
226
- }
227
- export {
228
- DropdownMenu,
229
- DropdownMenuCheckboxItem,
230
- DropdownMenuContent,
231
- DropdownMenuGroup,
232
- DropdownMenuItem,
233
- DropdownMenuLabel,
234
- DropdownMenuPortal,
235
- DropdownMenuRadioGroup,
236
- DropdownMenuRadioItem,
237
- DropdownMenuSeparator,
238
- DropdownMenuShortcut,
239
- DropdownMenuSub,
240
- DropdownMenuSubContent,
241
- DropdownMenuSubTrigger,
242
- DropdownMenuTrigger
243
- };
244
- //# sourceMappingURL=dropdown-menu.tsx.js.map