@esmate/shadcn 0.0.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.
Files changed (108) hide show
  1. package/dist/components/ui/accordion.d.ts +7 -0
  2. package/dist/components/ui/accordion.js +39 -0
  3. package/dist/components/ui/alert-dialog.d.ts +14 -0
  4. package/dist/components/ui/alert-dialog.js +80 -0
  5. package/dist/components/ui/alert.d.ts +9 -0
  6. package/dist/components/ui/alert.js +39 -0
  7. package/dist/components/ui/aspect-ratio.d.ts +3 -0
  8. package/dist/components/ui/aspect-ratio.js +9 -0
  9. package/dist/components/ui/avatar.d.ts +6 -0
  10. package/dist/components/ui/avatar.js +26 -0
  11. package/dist/components/ui/badge.d.ts +9 -0
  12. package/dist/components/ui/badge.js +28 -0
  13. package/dist/components/ui/breadcrumb.d.ts +11 -0
  14. package/dist/components/ui/breadcrumb.js +66 -0
  15. package/dist/components/ui/button.d.ts +10 -0
  16. package/dist/components/ui/button.js +39 -0
  17. package/dist/components/ui/calendar.d.ts +4 -0
  18. package/dist/components/ui/calendar.js +53 -0
  19. package/dist/components/ui/card.d.ts +9 -0
  20. package/dist/components/ui/card.js +52 -0
  21. package/dist/components/ui/carousel.d.ts +19 -0
  22. package/dist/components/ui/carousel.js +135 -0
  23. package/dist/components/ui/chart.d.ts +40 -0
  24. package/dist/components/ui/chart.js +138 -0
  25. package/dist/components/ui/checkbox.d.ts +4 -0
  26. package/dist/components/ui/checkbox.js +18 -0
  27. package/dist/components/ui/collapsible.d.ts +5 -0
  28. package/dist/components/ui/collapsible.js +21 -0
  29. package/dist/components/ui/command.d.ts +16 -0
  30. package/dist/components/ui/command.js +77 -0
  31. package/dist/components/ui/context-menu.d.ts +25 -0
  32. package/dist/components/ui/context-menu.js +120 -0
  33. package/dist/components/ui/dialog.d.ts +13 -0
  34. package/dist/components/ui/dialog.js +78 -0
  35. package/dist/components/ui/drawer.d.ts +13 -0
  36. package/dist/components/ui/drawer.js +75 -0
  37. package/dist/components/ui/dropdown-menu.d.ts +25 -0
  38. package/dist/components/ui/dropdown-menu.js +121 -0
  39. package/dist/components/ui/form.d.ts +24 -0
  40. package/dist/components/ui/form.js +86 -0
  41. package/dist/components/ui/hover-card.d.ts +6 -0
  42. package/dist/components/ui/hover-card.js +28 -0
  43. package/dist/components/ui/input-otp.d.ts +11 -0
  44. package/dist/components/ui/input-otp.js +42 -0
  45. package/dist/components/ui/input.d.ts +3 -0
  46. package/dist/components/ui/input.js +11 -0
  47. package/dist/components/ui/label.d.ts +4 -0
  48. package/dist/components/ui/label.js +12 -0
  49. package/dist/components/ui/menubar.d.ts +26 -0
  50. package/dist/components/ui/menubar.js +131 -0
  51. package/dist/components/ui/navigation-menu.d.ts +14 -0
  52. package/dist/components/ui/navigation-menu.js +71 -0
  53. package/dist/components/ui/pagination.d.ts +13 -0
  54. package/dist/components/ui/pagination.js +71 -0
  55. package/dist/components/ui/popover.d.ts +7 -0
  56. package/dist/components/ui/popover.js +32 -0
  57. package/dist/components/ui/progress.d.ts +4 -0
  58. package/dist/components/ui/progress.js +18 -0
  59. package/dist/components/ui/radio-group.d.ts +5 -0
  60. package/dist/components/ui/radio-group.js +25 -0
  61. package/dist/components/ui/resizable.d.ts +8 -0
  62. package/dist/components/ui/resizable.js +30 -0
  63. package/dist/components/ui/scroll-area.d.ts +5 -0
  64. package/dist/components/ui/scroll-area.js +26 -0
  65. package/dist/components/ui/select.d.ts +15 -0
  66. package/dist/components/ui/select.js +89 -0
  67. package/dist/components/ui/separator.d.ts +4 -0
  68. package/dist/components/ui/separator.js +14 -0
  69. package/dist/components/ui/sheet.d.ts +13 -0
  70. package/dist/components/ui/sheet.js +78 -0
  71. package/dist/components/ui/sidebar.d.ts +69 -0
  72. package/dist/components/ui/sidebar.js +368 -0
  73. package/dist/components/ui/skeleton.d.ts +2 -0
  74. package/dist/components/ui/skeleton.js +9 -0
  75. package/dist/components/ui/slider.d.ts +4 -0
  76. package/dist/components/ui/slider.js +37 -0
  77. package/dist/components/ui/sonner.d.ts +3 -0
  78. package/dist/components/ui/sonner.js +17 -0
  79. package/dist/components/ui/switch.d.ts +4 -0
  80. package/dist/components/ui/switch.js +15 -0
  81. package/dist/components/ui/table.d.ts +10 -0
  82. package/dist/components/ui/table.js +63 -0
  83. package/dist/components/ui/tabs.d.ts +7 -0
  84. package/dist/components/ui/tabs.js +33 -0
  85. package/dist/components/ui/textarea.d.ts +3 -0
  86. package/dist/components/ui/textarea.js +10 -0
  87. package/dist/components/ui/toggle-group.d.ts +7 -0
  88. package/dist/components/ui/toggle-group.js +37 -0
  89. package/dist/components/ui/toggle.d.ts +9 -0
  90. package/dist/components/ui/toggle.js +34 -0
  91. package/dist/components/ui/tooltip.d.ts +7 -0
  92. package/dist/components/ui/tooltip.js +34 -0
  93. package/dist/hooks/use-mobile.d.ts +1 -0
  94. package/dist/hooks/use-mobile.js +16 -0
  95. package/dist/index.d.ts +47 -0
  96. package/dist/index.js +47 -0
  97. package/dist/lib/hook-form/react.d.ts +8 -0
  98. package/dist/lib/hook-form/react.js +11 -0
  99. package/dist/lib/hook-form/resolvers.d.ts +1 -0
  100. package/dist/lib/hook-form/resolvers.js +1 -0
  101. package/dist/lib/hooks.d.ts +8 -0
  102. package/dist/lib/hooks.js +10 -0
  103. package/dist/lib/utils.d.ts +2 -0
  104. package/dist/lib/utils.js +6 -0
  105. package/dist/lib/zod.d.ts +1 -0
  106. package/dist/lib/zod.js +1 -0
  107. package/dist/styles/new-york.css +122 -0
  108. package/package.json +90 -0
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import * as SwitchPrimitive from "@radix-ui/react-switch";
3
+ declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ export { Switch };
@@ -0,0 +1,15 @@
1
+ "use client"
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from "@radix-ui/react-switch";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
5
+ function Switch({ className, ...props }) {
6
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root, {
7
+ "data-slot": "switch",
8
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("peer data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 dark:data-[state=unchecked]:bg-neutral-200/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-neutral-200 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:dark:data-[state=unchecked]:bg-neutral-800/80 dark:border-neutral-800", className),
9
+ ...props
10
+ }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb, {
11
+ "data-slot": "switch-thumb",
12
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-white dark:data-[state=unchecked]:bg-neutral-950 dark:data-[state=checked]:bg-neutral-50 pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:bg-neutral-950 dark:dark:data-[state=unchecked]:bg-neutral-50 dark:dark:data-[state=checked]:bg-neutral-900")
13
+ }));
14
+ }
15
+ export { Switch };
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
3
+ declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
4
+ declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
5
+ declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
6
+ declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
7
+ declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
8
+ declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
9
+ declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
10
+ export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
@@ -0,0 +1,63 @@
1
+ "use client"
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
4
+ function Table({ className, ...props }) {
5
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
6
+ "data-slot": "table-container",
7
+ className: "relative w-full overflow-x-auto"
8
+ }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("table", {
9
+ "data-slot": "table",
10
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("w-full caption-bottom text-sm", className),
11
+ ...props
12
+ }));
13
+ }
14
+ function TableHeader({ className, ...props }) {
15
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("thead", {
16
+ "data-slot": "table-header",
17
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("[&_tr]:border-b", className),
18
+ ...props
19
+ });
20
+ }
21
+ function TableBody({ className, ...props }) {
22
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tbody", {
23
+ "data-slot": "table-body",
24
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("[&_tr:last-child]:border-0", className),
25
+ ...props
26
+ });
27
+ }
28
+ function TableFooter({ className, ...props }) {
29
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tfoot", {
30
+ "data-slot": "table-footer",
31
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-neutral-100/50 border-t font-medium [&>tr]:last:border-b-0 dark:bg-neutral-800/50", className),
32
+ ...props
33
+ });
34
+ }
35
+ function TableRow({ className, ...props }) {
36
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tr", {
37
+ "data-slot": "table-row",
38
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 border-b transition-colors dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800", className),
39
+ ...props
40
+ });
41
+ }
42
+ function TableHead({ className, ...props }) {
43
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("th", {
44
+ "data-slot": "table-head",
45
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-neutral-950 h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] dark:text-neutral-50", className),
46
+ ...props
47
+ });
48
+ }
49
+ function TableCell({ className, ...props }) {
50
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("td", {
51
+ "data-slot": "table-cell",
52
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
53
+ ...props
54
+ });
55
+ }
56
+ function TableCaption({ className, ...props }) {
57
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("caption", {
58
+ "data-slot": "table-caption",
59
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-neutral-500 mt-4 text-sm dark:text-neutral-400", className),
60
+ ...props
61
+ });
62
+ }
63
+ export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
3
+ declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
+ declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
5
+ declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
6
+ declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
7
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -0,0 +1,33 @@
1
+ "use client"
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__ from "@radix-ui/react-tabs";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
5
+ function Tabs({ className, ...props }) {
6
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Root, {
7
+ "data-slot": "tabs",
8
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex flex-col gap-2", className),
9
+ ...props
10
+ });
11
+ }
12
+ function TabsList({ className, ...props }) {
13
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.List, {
14
+ "data-slot": "tabs-list",
15
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-neutral-100 text-neutral-500 inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px] dark:bg-neutral-800 dark:text-neutral-400", className),
16
+ ...props
17
+ });
18
+ }
19
+ function TabsTrigger({ className, ...props }) {
20
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Trigger, {
21
+ "data-slot": "tabs-trigger",
22
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("data-[state=active]:bg-white dark:data-[state=active]:text-neutral-950 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:outline-ring dark:data-[state=active]:border-neutral-200 dark:data-[state=active]:bg-neutral-200/30 text-neutral-950 dark:text-neutral-500 inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-neutral-200 border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:data-[state=active]:bg-neutral-950 dark:dark:data-[state=active]:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:dark:data-[state=active]:border-neutral-800 dark:dark:data-[state=active]:bg-neutral-800/30 dark:text-neutral-50 dark:dark:text-neutral-400 dark:border-neutral-800", className),
23
+ ...props
24
+ });
25
+ }
26
+ function TabsContent({ className, ...props }) {
27
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Content, {
28
+ "data-slot": "tabs-content",
29
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex-1 outline-none", className),
30
+ ...props
31
+ });
32
+ }
33
+ export { Tabs, TabsContent, TabsList, TabsTrigger };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
3
+ export { Textarea };
@@ -0,0 +1,10 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
3
+ function Textarea({ className, ...props }) {
4
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("textarea", {
5
+ "data-slot": "textarea",
6
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("border-neutral-200 placeholder:text-neutral-500 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:bg-neutral-200/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:dark:bg-neutral-800/30", className),
7
+ ...props
8
+ });
9
+ }
10
+ export { Textarea };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
3
+ import { type VariantProps } from "class-variance-authority";
4
+ import { toggleVariants } from "./toggle";
5
+ declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
6
+ declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
7
+ export { ToggleGroup, ToggleGroupItem };
@@ -0,0 +1,37 @@
1
+ "use client"
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_group_4f42c91c__ from "@radix-ui/react-toggle-group";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__ from "./toggle.js";
6
+ const ToggleGroupContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createContext({
7
+ size: "default",
8
+ variant: "default"
9
+ });
10
+ function ToggleGroup({ className, variant, size, children, ...props }) {
11
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_group_4f42c91c__.Root, {
12
+ "data-slot": "toggle-group",
13
+ "data-variant": variant,
14
+ "data-size": size,
15
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className),
16
+ ...props
17
+ }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ToggleGroupContext.Provider, {
18
+ value: {
19
+ variant,
20
+ size
21
+ }
22
+ }, children));
23
+ }
24
+ function ToggleGroupItem({ className, children, variant, size, ...props }) {
25
+ const context = __WEBPACK_EXTERNAL_MODULE_react__.useContext(ToggleGroupContext);
26
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_group_4f42c91c__.Item, {
27
+ "data-slot": "toggle-group-item",
28
+ "data-variant": context.variant || variant,
29
+ "data-size": context.size || size,
30
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__.toggleVariants)({
31
+ variant: context.variant || variant,
32
+ size: context.size || size
33
+ }), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className),
34
+ ...props
35
+ }, children);
36
+ }
37
+ export { ToggleGroup, ToggleGroupItem };
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import * as TogglePrimitive from "@radix-ui/react-toggle";
3
+ import { type VariantProps } from "class-variance-authority";
4
+ declare const toggleVariants: (props?: ({
5
+ variant?: "default" | "outline" | null | undefined;
6
+ size?: "default" | "sm" | "lg" | null | undefined;
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
+ declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
9
+ export { Toggle, toggleVariants };
@@ -0,0 +1,34 @@
1
+ "use client"
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_5760592b__ from "@radix-ui/react-toggle";
4
+ import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
6
+ const toggleVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-neutral-100 hover:text-neutral-500 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 whitespace-nowrap dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", {
7
+ variants: {
8
+ variant: {
9
+ default: "bg-transparent",
10
+ outline: "border border-neutral-200 bg-transparent shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50"
11
+ },
12
+ size: {
13
+ default: "h-9 px-2 min-w-9",
14
+ sm: "h-8 px-1.5 min-w-8",
15
+ lg: "h-10 px-2.5 min-w-10"
16
+ }
17
+ },
18
+ defaultVariants: {
19
+ variant: "default",
20
+ size: "default"
21
+ }
22
+ });
23
+ function Toggle({ className, variant, size, ...props }) {
24
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_5760592b__.Root, {
25
+ "data-slot": "toggle",
26
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(toggleVariants({
27
+ variant,
28
+ size,
29
+ className
30
+ })),
31
+ ...props
32
+ });
33
+ }
34
+ export { Toggle, toggleVariants };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
+ declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
4
+ declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
5
+ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
6
+ declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
7
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
@@ -0,0 +1,34 @@
1
+ "use client"
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__ from "@radix-ui/react-tooltip";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
5
+ function TooltipProvider({ delayDuration = 0, ...props }) {
6
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Provider, {
7
+ "data-slot": "tooltip-provider",
8
+ delayDuration: delayDuration,
9
+ ...props
10
+ });
11
+ }
12
+ function Tooltip({ ...props }) {
13
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(TooltipProvider, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Root, {
14
+ "data-slot": "tooltip",
15
+ ...props
16
+ }));
17
+ }
18
+ function TooltipTrigger({ ...props }) {
19
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Trigger, {
20
+ "data-slot": "tooltip-trigger",
21
+ ...props
22
+ });
23
+ }
24
+ function TooltipContent({ className, sideOffset = 0, children, ...props }) {
25
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Portal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content, {
26
+ "data-slot": "tooltip-content",
27
+ sideOffset: sideOffset,
28
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-neutral-900 text-neutral-50 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance dark:bg-neutral-50 dark:text-neutral-900", className),
29
+ ...props
30
+ }, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Arrow, {
31
+ className: "bg-neutral-900 fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] dark:bg-neutral-50"
32
+ })));
33
+ }
34
+ export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
@@ -0,0 +1 @@
1
+ export declare function useIsMobile(): boolean;
@@ -0,0 +1,16 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
2
+ const MOBILE_BREAKPOINT = 768;
3
+ function useIsMobile() {
4
+ const [isMobile, setIsMobile] = __WEBPACK_EXTERNAL_MODULE_react__.useState(void 0);
5
+ __WEBPACK_EXTERNAL_MODULE_react__.useEffect(()=>{
6
+ const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
7
+ const onChange = ()=>{
8
+ setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
9
+ };
10
+ mql.addEventListener("change", onChange);
11
+ setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
12
+ return ()=>mql.removeEventListener("change", onChange);
13
+ }, []);
14
+ return !!isMobile;
15
+ }
16
+ export { useIsMobile };
@@ -0,0 +1,47 @@
1
+ export * from "./hooks/use-mobile";
2
+ export * from "./components/ui/accordion";
3
+ export * from "./components/ui/alert-dialog";
4
+ export * from "./components/ui/alert";
5
+ export * from "./components/ui/aspect-ratio";
6
+ export * from "./components/ui/avatar";
7
+ export * from "./components/ui/badge";
8
+ export * from "./components/ui/breadcrumb";
9
+ export * from "./components/ui/button";
10
+ export * from "./components/ui/calendar";
11
+ export * from "./components/ui/card";
12
+ export * from "./components/ui/carousel";
13
+ export * from "./components/ui/chart";
14
+ export * from "./components/ui/checkbox";
15
+ export * from "./components/ui/collapsible";
16
+ export * from "./components/ui/command";
17
+ export * from "./components/ui/context-menu";
18
+ export * from "./components/ui/dialog";
19
+ export * from "./components/ui/drawer";
20
+ export * from "./components/ui/dropdown-menu";
21
+ export * from "./components/ui/form";
22
+ export * from "./components/ui/hover-card";
23
+ export * from "./components/ui/input-otp";
24
+ export * from "./components/ui/input";
25
+ export * from "./components/ui/label";
26
+ export * from "./components/ui/menubar";
27
+ export * from "./components/ui/navigation-menu";
28
+ export * from "./components/ui/pagination";
29
+ export * from "./components/ui/popover";
30
+ export * from "./components/ui/progress";
31
+ export * from "./components/ui/radio-group";
32
+ export * from "./components/ui/resizable";
33
+ export * from "./components/ui/scroll-area";
34
+ export * from "./components/ui/select";
35
+ export * from "./components/ui/separator";
36
+ export * from "./components/ui/sheet";
37
+ export * from "./components/ui/sidebar";
38
+ export * from "./components/ui/skeleton";
39
+ export * from "./components/ui/slider";
40
+ export * from "./components/ui/sonner";
41
+ export * from "./components/ui/switch";
42
+ export * from "./components/ui/table";
43
+ export * from "./components/ui/tabs";
44
+ export * from "./components/ui/textarea";
45
+ export * from "./components/ui/toggle-group";
46
+ export * from "./components/ui/toggle";
47
+ export * from "./components/ui/tooltip";
package/dist/index.js ADDED
@@ -0,0 +1,47 @@
1
+ export * from "./hooks/use-mobile.js";
2
+ export * from "./components/ui/accordion.js";
3
+ export * from "./components/ui/alert-dialog.js";
4
+ export * from "./components/ui/alert.js";
5
+ export * from "./components/ui/aspect-ratio.js";
6
+ export * from "./components/ui/avatar.js";
7
+ export * from "./components/ui/badge.js";
8
+ export * from "./components/ui/breadcrumb.js";
9
+ export * from "./components/ui/button.js";
10
+ export * from "./components/ui/calendar.js";
11
+ export * from "./components/ui/card.js";
12
+ export * from "./components/ui/carousel.js";
13
+ export * from "./components/ui/chart.js";
14
+ export * from "./components/ui/checkbox.js";
15
+ export * from "./components/ui/collapsible.js";
16
+ export * from "./components/ui/command.js";
17
+ export * from "./components/ui/context-menu.js";
18
+ export * from "./components/ui/dialog.js";
19
+ export * from "./components/ui/drawer.js";
20
+ export * from "./components/ui/dropdown-menu.js";
21
+ export * from "./components/ui/form.js";
22
+ export * from "./components/ui/hover-card.js";
23
+ export * from "./components/ui/input-otp.js";
24
+ export * from "./components/ui/input.js";
25
+ export * from "./components/ui/label.js";
26
+ export * from "./components/ui/menubar.js";
27
+ export * from "./components/ui/navigation-menu.js";
28
+ export * from "./components/ui/pagination.js";
29
+ export * from "./components/ui/popover.js";
30
+ export * from "./components/ui/progress.js";
31
+ export * from "./components/ui/radio-group.js";
32
+ export * from "./components/ui/resizable.js";
33
+ export * from "./components/ui/scroll-area.js";
34
+ export * from "./components/ui/select.js";
35
+ export * from "./components/ui/separator.js";
36
+ export * from "./components/ui/sheet.js";
37
+ export * from "./components/ui/sidebar.js";
38
+ export * from "./components/ui/skeleton.js";
39
+ export * from "./components/ui/slider.js";
40
+ export * from "./components/ui/sonner.js";
41
+ export * from "./components/ui/switch.js";
42
+ export * from "./components/ui/table.js";
43
+ export * from "./components/ui/tabs.js";
44
+ export * from "./components/ui/textarea.js";
45
+ export * from "./components/ui/toggle-group.js";
46
+ export * from "./components/ui/toggle.js";
47
+ export * from "./components/ui/tooltip.js";
@@ -0,0 +1,8 @@
1
+ import { type UseFormProps } from "react-hook-form";
2
+ import z, { ZodSchema } from "zod";
3
+ export type ZodFormValues<S extends ZodSchema> = z.infer<S>;
4
+ interface Props<S extends ZodSchema> extends Omit<UseFormProps<ZodFormValues<S>>, "resolver"> {
5
+ schema: S;
6
+ }
7
+ export declare function useZodForm<S extends ZodSchema>(props: Props<S>): import("react-hook-form").UseFormReturn<ZodFormValues<S>, any, ZodFormValues<S>>;
8
+ export * from "react-hook-form";
@@ -0,0 +1,11 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__ from "react-hook-form";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__ from "@hookform/resolvers/zod";
3
+ export * from "react-hook-form";
4
+ function useZodForm(props) {
5
+ const form = (0, __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.useForm)({
6
+ ...props,
7
+ resolver: (0, __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__.zodResolver)(props.schema)
8
+ });
9
+ return form;
10
+ }
11
+ export { useZodForm };
@@ -0,0 +1 @@
1
+ export * from "@hookform/resolvers";
@@ -0,0 +1 @@
1
+ export * from "@hookform/resolvers";
@@ -0,0 +1,8 @@
1
+ import { type UseFormProps } from "react-hook-form";
2
+ import z, { ZodSchema } from "zod";
3
+ export type ZodFormValues<S extends ZodSchema> = z.infer<S>;
4
+ interface Props<S extends ZodSchema> extends Omit<UseFormProps<ZodFormValues<S>>, "resolver"> {
5
+ schema: S;
6
+ }
7
+ export declare function useZodForm<S extends ZodSchema>(props: Props<S>): import("react-hook-form").UseFormReturn<ZodFormValues<S>, any, ZodFormValues<S>>;
8
+ export {};
@@ -0,0 +1,10 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__ from "react-hook-form";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__ from "@hookform/resolvers/zod";
3
+ function useZodForm(props) {
4
+ const form = (0, __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.useForm)({
5
+ ...props,
6
+ resolver: (0, __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__.zodResolver)(props.schema)
7
+ });
8
+ return form;
9
+ }
10
+ export { useZodForm };
@@ -0,0 +1,2 @@
1
+ import { type ClassValue } from "clsx";
2
+ export declare function cn(...inputs: ClassValue[]): string;
@@ -0,0 +1,6 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
2
+ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
3
+ function cn(...inputs) {
4
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(inputs));
5
+ }
6
+ export { cn };
@@ -0,0 +1 @@
1
+ export * from "zod";
@@ -0,0 +1 @@
1
+ export * from "zod";
@@ -0,0 +1,122 @@
1
+ @import "tw-animate-css";
2
+
3
+ @custom-variant dark (&:is(.dark *));
4
+
5
+ :root {
6
+ --background: oklch(1 0 0);
7
+ --foreground: oklch(0.145 0 0);
8
+ --card: oklch(1 0 0);
9
+ --card-foreground: oklch(0.145 0 0);
10
+ --popover: oklch(1 0 0);
11
+ --popover-foreground: oklch(0.145 0 0);
12
+ --primary: oklch(0.205 0 0);
13
+ --primary-foreground: oklch(0.985 0 0);
14
+ --secondary: oklch(0.97 0 0);
15
+ --secondary-foreground: oklch(0.205 0 0);
16
+ --muted: oklch(0.97 0 0);
17
+ --muted-foreground: oklch(0.556 0 0);
18
+ --accent: oklch(0.97 0 0);
19
+ --accent-foreground: oklch(0.205 0 0);
20
+ --destructive: oklch(0.577 0.245 27.325);
21
+ --destructive-foreground: oklch(0.577 0.245 27.325);
22
+ --border: oklch(0.922 0 0);
23
+ --input: oklch(0.922 0 0);
24
+ --ring: oklch(0.708 0 0);
25
+ --chart-1: oklch(0.646 0.222 41.116);
26
+ --chart-2: oklch(0.6 0.118 184.704);
27
+ --chart-3: oklch(0.398 0.07 227.392);
28
+ --chart-4: oklch(0.828 0.189 84.429);
29
+ --chart-5: oklch(0.769 0.188 70.08);
30
+ --radius: 0.625rem;
31
+ --sidebar: oklch(0.985 0 0);
32
+ --sidebar-foreground: oklch(0.145 0 0);
33
+ --sidebar-primary: oklch(0.205 0 0);
34
+ --sidebar-primary-foreground: oklch(0.985 0 0);
35
+ --sidebar-accent: oklch(0.97 0 0);
36
+ --sidebar-accent-foreground: oklch(0.205 0 0);
37
+ --sidebar-border: oklch(0.922 0 0);
38
+ --sidebar-ring: oklch(0.708 0 0);
39
+ }
40
+
41
+ .dark {
42
+ --background: oklch(0.145 0 0);
43
+ --foreground: oklch(0.985 0 0);
44
+ --card: oklch(0.145 0 0);
45
+ --card-foreground: oklch(0.985 0 0);
46
+ --popover: oklch(0.145 0 0);
47
+ --popover-foreground: oklch(0.985 0 0);
48
+ --primary: oklch(0.985 0 0);
49
+ --primary-foreground: oklch(0.205 0 0);
50
+ --secondary: oklch(0.269 0 0);
51
+ --secondary-foreground: oklch(0.985 0 0);
52
+ --muted: oklch(0.269 0 0);
53
+ --muted-foreground: oklch(0.708 0 0);
54
+ --accent: oklch(0.269 0 0);
55
+ --accent-foreground: oklch(0.985 0 0);
56
+ --destructive: oklch(0.396 0.141 25.723);
57
+ --destructive-foreground: oklch(0.637 0.237 25.331);
58
+ --border: oklch(0.269 0 0);
59
+ --input: oklch(0.269 0 0);
60
+ --ring: oklch(0.439 0 0);
61
+ --chart-1: oklch(0.488 0.243 264.376);
62
+ --chart-2: oklch(0.696 0.17 162.48);
63
+ --chart-3: oklch(0.769 0.188 70.08);
64
+ --chart-4: oklch(0.627 0.265 303.9);
65
+ --chart-5: oklch(0.645 0.246 16.439);
66
+ --sidebar: oklch(0.205 0 0);
67
+ --sidebar-foreground: oklch(0.985 0 0);
68
+ --sidebar-primary: oklch(0.488 0.243 264.376);
69
+ --sidebar-primary-foreground: oklch(0.985 0 0);
70
+ --sidebar-accent: oklch(0.269 0 0);
71
+ --sidebar-accent-foreground: oklch(0.985 0 0);
72
+ --sidebar-border: oklch(0.269 0 0);
73
+ --sidebar-ring: oklch(0.439 0 0);
74
+ }
75
+
76
+ @theme inline {
77
+ --color-background: var(--background);
78
+ --color-foreground: var(--foreground);
79
+ --color-card: var(--card);
80
+ --color-card-foreground: var(--card-foreground);
81
+ --color-popover: var(--popover);
82
+ --color-popover-foreground: var(--popover-foreground);
83
+ --color-primary: var(--primary);
84
+ --color-primary-foreground: var(--primary-foreground);
85
+ --color-secondary: var(--secondary);
86
+ --color-secondary-foreground: var(--secondary-foreground);
87
+ --color-muted: var(--muted);
88
+ --color-muted-foreground: var(--muted-foreground);
89
+ --color-accent: var(--accent);
90
+ --color-accent-foreground: var(--accent-foreground);
91
+ --color-destructive: var(--destructive);
92
+ --color-destructive-foreground: var(--destructive-foreground);
93
+ --color-border: var(--border);
94
+ --color-input: var(--input);
95
+ --color-ring: var(--ring);
96
+ --color-chart-1: var(--chart-1);
97
+ --color-chart-2: var(--chart-2);
98
+ --color-chart-3: var(--chart-3);
99
+ --color-chart-4: var(--chart-4);
100
+ --color-chart-5: var(--chart-5);
101
+ --radius-sm: calc(var(--radius) - 4px);
102
+ --radius-md: calc(var(--radius) - 2px);
103
+ --radius-lg: var(--radius);
104
+ --radius-xl: calc(var(--radius) + 4px);
105
+ --color-sidebar: var(--sidebar);
106
+ --color-sidebar-foreground: var(--sidebar-foreground);
107
+ --color-sidebar-primary: var(--sidebar-primary);
108
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
109
+ --color-sidebar-accent: var(--sidebar-accent);
110
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
111
+ --color-sidebar-border: var(--sidebar-border);
112
+ --color-sidebar-ring: var(--sidebar-ring);
113
+ }
114
+
115
+ @layer base {
116
+ * {
117
+ @apply border-border outline-ring/50;
118
+ }
119
+ body {
120
+ @apply bg-background text-foreground;
121
+ }
122
+ }