@codefast/ui 0.0.4 → 0.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.
- package/dist/accordion.js +52 -1
- package/dist/accordion.js.map +1 -1
- package/dist/accordion.mjs +52 -1
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.d.mts +1 -3
- package/dist/alert-dialog.d.ts +1 -3
- package/dist/alert-dialog.js +106 -1
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +106 -1
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.js +54 -1
- package/dist/alert.js.map +1 -1
- package/dist/alert.mjs +54 -1
- package/dist/alert.mjs.map +1 -1
- package/dist/aspect-ratio.js +8 -1
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/aspect-ratio.mjs +8 -1
- package/dist/aspect-ratio.mjs.map +1 -1
- package/dist/avatar.js +47 -1
- package/dist/avatar.js.map +1 -1
- package/dist/avatar.mjs +47 -1
- package/dist/avatar.mjs.map +1 -1
- package/dist/badge.js +30 -1
- package/dist/badge.js.map +1 -1
- package/dist/badge.mjs +30 -1
- package/dist/badge.mjs.map +1 -1
- package/dist/breadcrumb.js +99 -1
- package/dist/breadcrumb.js.map +1 -1
- package/dist/breadcrumb.mjs +99 -1
- package/dist/breadcrumb.mjs.map +1 -1
- package/dist/button.d.mts +2 -2
- package/dist/button.d.ts +2 -2
- package/dist/button.js +9 -1
- package/dist/button.mjs +9 -1
- package/dist/calendar.js +82 -1
- package/dist/calendar.js.map +1 -1
- package/dist/calendar.mjs +82 -1
- package/dist/calendar.mjs.map +1 -1
- package/dist/card.js +66 -1
- package/dist/card.js.map +1 -1
- package/dist/card.mjs +66 -1
- package/dist/card.mjs.map +1 -1
- package/dist/carousel.js +193 -1
- package/dist/carousel.js.map +1 -1
- package/dist/carousel.mjs +193 -1
- package/dist/carousel.mjs.map +1 -1
- package/dist/checkbox.js +26 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.mjs +26 -1
- package/dist/checkbox.mjs.map +1 -1
- package/dist/chunk-4K26QLS2.js +52 -0
- package/dist/chunk-4K26QLS2.js.map +1 -0
- package/dist/chunk-5GHZ6EXI.js +41 -0
- package/dist/chunk-5GHZ6EXI.js.map +1 -0
- package/dist/chunk-EIHWTXQ4.mjs +112 -0
- package/dist/chunk-EIHWTXQ4.mjs.map +1 -0
- package/dist/chunk-G3NP7M2N.js +19 -0
- package/dist/chunk-G3NP7M2N.js.map +1 -0
- package/dist/chunk-LDYBRDAY.js +112 -0
- package/dist/chunk-LDYBRDAY.js.map +1 -0
- package/dist/chunk-PTD4AMHI.mjs +25 -0
- package/dist/{chunk-76AASLTX.mjs.map → chunk-PTD4AMHI.mjs.map} +1 -1
- package/dist/chunk-RTKEO347.js +25 -0
- package/dist/chunk-RTKEO347.js.map +1 -0
- package/dist/chunk-T52N6ZBP.mjs +41 -0
- package/dist/chunk-T52N6ZBP.mjs.map +1 -0
- package/dist/chunk-UG3URV2Z.mjs +19 -0
- package/dist/chunk-UG3URV2Z.mjs.map +1 -0
- package/dist/chunk-Z524G4RY.mjs +52 -0
- package/dist/chunk-Z524G4RY.mjs.map +1 -0
- package/dist/collapsible.js +12 -1
- package/dist/collapsible.js.map +1 -1
- package/dist/collapsible.mjs +12 -1
- package/dist/collapsible.mjs.map +1 -1
- package/dist/command.d.mts +8 -8
- package/dist/command.d.ts +8 -8
- package/dist/command.js +131 -1
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +131 -1
- package/dist/command.mjs.map +1 -1
- package/dist/context-menu.d.mts +2 -2
- package/dist/context-menu.d.ts +2 -2
- package/dist/context-menu.js +169 -1
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +169 -1
- package/dist/context-menu.mjs.map +1 -1
- package/dist/dialog.d.mts +1 -3
- package/dist/dialog.d.ts +1 -3
- package/dist/dialog.js +22 -1
- package/dist/dialog.mjs +22 -1
- package/dist/drawer.d.mts +1 -3
- package/dist/drawer.d.ts +1 -3
- package/dist/drawer.js +97 -1
- package/dist/drawer.js.map +1 -1
- package/dist/drawer.mjs +97 -1
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.d.mts +1 -2
- package/dist/dropdown-menu.d.ts +1 -2
- package/dist/dropdown-menu.js +157 -1
- package/dist/dropdown-menu.js.map +1 -1
- package/dist/dropdown-menu.mjs +157 -1
- package/dist/dropdown-menu.mjs.map +1 -1
- package/dist/form.js +117 -1
- package/dist/form.js.map +1 -1
- package/dist/form.mjs +117 -1
- package/dist/form.mjs.map +1 -1
- package/dist/hover-card.js +30 -1
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +30 -1
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.d.mts +2 -2
- package/dist/input-otp.d.ts +2 -2
- package/dist/input-otp.js +59 -1
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +59 -1
- package/dist/input-otp.mjs.map +1 -1
- package/dist/input.js +25 -1
- package/dist/input.js.map +1 -1
- package/dist/input.mjs +25 -1
- package/dist/input.mjs.map +1 -1
- package/dist/label.js +8 -1
- package/dist/label.mjs +8 -1
- package/dist/menubar.d.mts +1 -2
- package/dist/menubar.d.ts +1 -2
- package/dist/menubar.js +188 -1
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +188 -1
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.js +124 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +124 -1
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +123 -1
- package/dist/pagination.js.map +1 -1
- package/dist/pagination.mjs +123 -1
- package/dist/pagination.mjs.map +1 -1
- package/dist/popover.d.mts +2 -1
- package/dist/popover.d.ts +2 -1
- package/dist/popover.js +42 -1
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +42 -1
- package/dist/popover.mjs.map +1 -1
- package/dist/progress.js +33 -1
- package/dist/progress.js.map +1 -1
- package/dist/progress.mjs +33 -1
- package/dist/progress.mjs.map +1 -1
- package/dist/radio-group.js +46 -1
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.mjs +46 -1
- package/dist/radio-group.mjs.map +1 -1
- package/dist/resizable.js +47 -1
- package/dist/resizable.js.map +1 -1
- package/dist/resizable.mjs +47 -1
- package/dist/resizable.mjs.map +1 -1
- package/dist/scroll-area.js +44 -1
- package/dist/scroll-area.js.map +1 -1
- package/dist/scroll-area.mjs +44 -1
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/select.js +134 -1
- package/dist/select.js.map +1 -1
- package/dist/select.mjs +134 -1
- package/dist/select.mjs.map +1 -1
- package/dist/separator.js +29 -1
- package/dist/separator.js.map +1 -1
- package/dist/separator.mjs +29 -1
- package/dist/separator.mjs.map +1 -1
- package/dist/sheet.d.mts +1 -3
- package/dist/sheet.d.ts +1 -3
- package/dist/sheet.js +121 -1
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +121 -1
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.js +21 -1
- package/dist/skeleton.js.map +1 -1
- package/dist/skeleton.mjs +21 -1
- package/dist/skeleton.mjs.map +1 -1
- package/dist/slider.js +28 -1
- package/dist/slider.js.map +1 -1
- package/dist/slider.mjs +28 -1
- package/dist/slider.mjs.map +1 -1
- package/dist/sonner.js +34 -1
- package/dist/sonner.js.map +1 -1
- package/dist/sonner.mjs +34 -1
- package/dist/sonner.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/switch.js +25 -1
- package/dist/switch.js.map +1 -1
- package/dist/switch.mjs +25 -1
- package/dist/switch.mjs.map +1 -1
- package/dist/table.js +94 -1
- package/dist/table.js.map +1 -1
- package/dist/table.mjs +94 -1
- package/dist/table.mjs.map +1 -1
- package/dist/tabs.js +52 -1
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.mjs +52 -1
- package/dist/tabs.mjs.map +1 -1
- package/dist/textarea.js +24 -1
- package/dist/textarea.js.map +1 -1
- package/dist/textarea.mjs +24 -1
- package/dist/textarea.mjs.map +1 -1
- package/dist/toggle-group.js +49 -1
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle-group.mjs +49 -1
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/toggle.d.mts +1 -1
- package/dist/toggle.d.ts +1 -1
- package/dist/toggle.js +10 -1
- package/dist/toggle.mjs +10 -1
- package/dist/tooltip.d.mts +2 -3
- package/dist/tooltip.d.ts +2 -3
- package/dist/tooltip.js +41 -1
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +41 -1
- package/dist/tooltip.mjs.map +1 -1
- package/dist/utils.js +10 -1
- package/dist/utils.mjs +10 -1
- package/package.json +3 -3
- package/src/accordion.tsx +2 -6
- package/src/alert-dialog.tsx +4 -35
- package/src/alert.tsx +1 -1
- package/src/avatar.tsx +1 -1
- package/src/badge.tsx +1 -1
- package/src/breadcrumb.tsx +1 -1
- package/src/button.tsx +5 -5
- package/src/calendar.tsx +6 -7
- package/src/card.tsx +1 -1
- package/src/checkbox.tsx +1 -2
- package/src/command.tsx +6 -17
- package/src/context-menu.tsx +32 -44
- package/src/dialog.tsx +9 -37
- package/src/drawer.tsx +3 -27
- package/src/dropdown-menu.tsx +15 -44
- package/src/form.tsx +0 -1
- package/src/hover-card.tsx +12 -20
- package/src/input-otp.tsx +2 -2
- package/src/input.tsx +1 -1
- package/src/menubar.tsx +17 -42
- package/src/navigation-menu.tsx +6 -19
- package/src/pagination.tsx +2 -4
- package/src/popover.tsx +18 -12
- package/src/progress.tsx +3 -1
- package/src/radio-group.tsx +6 -4
- package/src/resizable.tsx +2 -5
- package/src/select.tsx +13 -22
- package/src/sheet.tsx +15 -59
- package/src/slider.tsx +1 -1
- package/src/sonner.tsx +4 -2
- package/src/switch.tsx +2 -8
- package/src/table.tsx +2 -2
- package/src/tabs.tsx +3 -4
- package/src/textarea.tsx +1 -1
- package/src/toggle.tsx +4 -7
- package/src/tooltip.tsx +23 -34
- package/dist/chunk-4ZL55G6C.js +0 -2
- package/dist/chunk-4ZL55G6C.js.map +0 -1
- package/dist/chunk-76AASLTX.mjs +0 -2
- package/dist/chunk-7UVSBFQU.js +0 -2
- package/dist/chunk-7UVSBFQU.js.map +0 -1
- package/dist/chunk-BP7PEVLB.js +0 -2
- package/dist/chunk-BP7PEVLB.js.map +0 -1
- package/dist/chunk-BPCLLQ62.mjs +0 -2
- package/dist/chunk-BPCLLQ62.mjs.map +0 -1
- package/dist/chunk-CAGY2ZSE.js +0 -2
- package/dist/chunk-CAGY2ZSE.js.map +0 -1
- package/dist/chunk-JTI7KCLO.mjs +0 -2
- package/dist/chunk-JTI7KCLO.mjs.map +0 -1
- package/dist/chunk-QZCQ42BP.js +0 -2
- package/dist/chunk-QZCQ42BP.js.map +0 -1
- package/dist/chunk-WZ4XIF6U.mjs +0 -2
- package/dist/chunk-WZ4XIF6U.mjs.map +0 -1
- package/dist/chunk-YQJHVJVX.mjs +0 -2
- package/dist/chunk-YQJHVJVX.mjs.map +0 -1
package/dist/table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/table.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/table.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AALJ,IAAM,QAAc,iBAGlB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,WAAU,iCACb;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,GACF,CACD;AACD,MAAM,cAAc;AAMpB,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,YAAY,cAAc;AAM1B,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;AAM1B,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAMvB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\nconst Table = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table\n ref={ref}\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n));\nTable.displayName = \"Table\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n));\nTableBody.displayName = \"TableBody\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className,\n )}\n {...props}\n />\n));\nTableFooter.displayName = \"TableFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className,\n )}\n {...props}\n />\n));\nTableRow.displayName = \"TableRow\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"text-muted-foreground h-10 px-3 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5\",\n className,\n )}\n {...props}\n />\n));\nTableHead.displayName = \"TableHead\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCell\n * -------------------------------------------------------------------------- */\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5\",\n className,\n )}\n {...props}\n />\n));\nTableCell.displayName = \"TableCell\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCaption\n * -------------------------------------------------------------------------- */\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n));\nTableCaption.displayName = \"TableCaption\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n"]}
|
package/dist/table.mjs
CHANGED
|
@@ -1,2 +1,95 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
+
|
|
5
|
+
// src/table.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
|
|
9
|
+
"table",
|
|
10
|
+
{
|
|
11
|
+
ref,
|
|
12
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
13
|
+
...props
|
|
14
|
+
}
|
|
15
|
+
) }));
|
|
16
|
+
Table.displayName = "Table";
|
|
17
|
+
var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
18
|
+
TableHeader.displayName = "TableHeader";
|
|
19
|
+
var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
20
|
+
"tbody",
|
|
21
|
+
{
|
|
22
|
+
ref,
|
|
23
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
24
|
+
...props
|
|
25
|
+
}
|
|
26
|
+
));
|
|
27
|
+
TableBody.displayName = "TableBody";
|
|
28
|
+
var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
29
|
+
"tfoot",
|
|
30
|
+
{
|
|
31
|
+
ref,
|
|
32
|
+
className: cn(
|
|
33
|
+
"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
|
|
34
|
+
className
|
|
35
|
+
),
|
|
36
|
+
...props
|
|
37
|
+
}
|
|
38
|
+
));
|
|
39
|
+
TableFooter.displayName = "TableFooter";
|
|
40
|
+
var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
41
|
+
"tr",
|
|
42
|
+
{
|
|
43
|
+
ref,
|
|
44
|
+
className: cn(
|
|
45
|
+
"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
|
|
46
|
+
className
|
|
47
|
+
),
|
|
48
|
+
...props
|
|
49
|
+
}
|
|
50
|
+
));
|
|
51
|
+
TableRow.displayName = "TableRow";
|
|
52
|
+
var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
53
|
+
"th",
|
|
54
|
+
{
|
|
55
|
+
ref,
|
|
56
|
+
className: cn(
|
|
57
|
+
"text-muted-foreground h-10 px-3 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5",
|
|
58
|
+
className
|
|
59
|
+
),
|
|
60
|
+
...props
|
|
61
|
+
}
|
|
62
|
+
));
|
|
63
|
+
TableHead.displayName = "TableHead";
|
|
64
|
+
var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
65
|
+
"td",
|
|
66
|
+
{
|
|
67
|
+
ref,
|
|
68
|
+
className: cn(
|
|
69
|
+
"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5",
|
|
70
|
+
className
|
|
71
|
+
),
|
|
72
|
+
...props
|
|
73
|
+
}
|
|
74
|
+
));
|
|
75
|
+
TableCell.displayName = "TableCell";
|
|
76
|
+
var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
77
|
+
"caption",
|
|
78
|
+
{
|
|
79
|
+
ref,
|
|
80
|
+
className: cn("text-muted-foreground mt-4 text-sm", className),
|
|
81
|
+
...props
|
|
82
|
+
}
|
|
83
|
+
));
|
|
84
|
+
TableCaption.displayName = "TableCaption";
|
|
85
|
+
export {
|
|
86
|
+
Table,
|
|
87
|
+
TableBody,
|
|
88
|
+
TableCaption,
|
|
89
|
+
TableCell,
|
|
90
|
+
TableFooter,
|
|
91
|
+
TableHead,
|
|
92
|
+
TableHeader,
|
|
93
|
+
TableRow
|
|
94
|
+
};
|
|
2
95
|
//# sourceMappingURL=table.mjs.map
|
package/dist/table.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\nconst Table = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table\n ref={ref}\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n));\nTable.displayName = \"Table\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n));\nTableBody.displayName = \"TableBody\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className,\n )}\n {...props}\n />\n));\nTableFooter.displayName = \"TableFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className,\n )}\n {...props}\n />\n));\nTableRow.displayName = \"TableRow\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"text-muted-foreground h-10 px-
|
|
1
|
+
{"version":3,"sources":["../src/table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Table\n * -------------------------------------------------------------------------- */\n\nconst Table = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n <div className=\"relative w-full overflow-auto\">\n <table\n ref={ref}\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n));\nTable.displayName = \"Table\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHeader\n * -------------------------------------------------------------------------- */\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableBody\n * -------------------------------------------------------------------------- */\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tbody\n ref={ref}\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n));\nTableBody.displayName = \"TableBody\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableFooter\n * -------------------------------------------------------------------------- */\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n <tfoot\n ref={ref}\n className={cn(\n \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n className,\n )}\n {...props}\n />\n));\nTableFooter.displayName = \"TableFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableRow\n * -------------------------------------------------------------------------- */\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n <tr\n ref={ref}\n className={cn(\n \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n className,\n )}\n {...props}\n />\n));\nTableRow.displayName = \"TableRow\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableHead\n * -------------------------------------------------------------------------- */\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <th\n ref={ref}\n className={cn(\n \"text-muted-foreground h-10 px-3 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5\",\n className,\n )}\n {...props}\n />\n));\nTableHead.displayName = \"TableHead\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCell\n * -------------------------------------------------------------------------- */\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n <td\n ref={ref}\n className={cn(\n \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5\",\n className,\n )}\n {...props}\n />\n));\nTableCell.displayName = \"TableCell\";\n\n/* -----------------------------------------------------------------------------\n * Component: TableCaption\n * -------------------------------------------------------------------------- */\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n <caption\n ref={ref}\n className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n {...props}\n />\n));\nTableCaption.displayName = \"TableCaption\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AALJ,IAAM,QAAc,iBAGlB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,WAAU,iCACb;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,GACF,CACD;AACD,MAAM,cAAc;AAMpB,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,WAAM,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,CAC1E;AACD,YAAY,cAAc;AAM1B,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;AAM1B,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAMvB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAMxB,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sCAAsC,SAAS;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc;","names":[]}
|
package/dist/tabs.js
CHANGED
|
@@ -1,2 +1,53 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
5
|
+
|
|
6
|
+
// src/tabs.tsx
|
|
7
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
8
|
+
var _reacttabs = require('@radix-ui/react-tabs'); var TabsPrimitive = _interopRequireWildcard(_reacttabs);
|
|
9
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
10
|
+
var Tabs = TabsPrimitive.Root;
|
|
11
|
+
var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
12
|
+
TabsPrimitive.List,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
16
|
+
"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1",
|
|
17
|
+
className
|
|
18
|
+
),
|
|
19
|
+
...props
|
|
20
|
+
}
|
|
21
|
+
));
|
|
22
|
+
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
23
|
+
var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24
|
+
TabsPrimitive.Trigger,
|
|
25
|
+
{
|
|
26
|
+
ref,
|
|
27
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
28
|
+
"focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
|
|
29
|
+
className
|
|
30
|
+
),
|
|
31
|
+
...props
|
|
32
|
+
}
|
|
33
|
+
));
|
|
34
|
+
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
35
|
+
var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
36
|
+
TabsPrimitive.Content,
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
40
|
+
"focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
41
|
+
className
|
|
42
|
+
),
|
|
43
|
+
...props
|
|
44
|
+
}
|
|
45
|
+
));
|
|
46
|
+
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
exports.Tabs = Tabs; exports.TabsContent = TabsContent; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger;
|
|
2
53
|
//# sourceMappingURL=tabs.js.map
|
package/dist/tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tabs.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/tabs.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAiB7B;AAVF,IAAM,OAAqB;AAM3B,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAA4B,mBAAK;AAM1C,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ;AAMhD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\nconst Tabs = TabsPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n TabsPrimitive.TabsListProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1\",\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsTrigger\n * -------------------------------------------------------------------------- */\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n TabsPrimitive.TabsTriggerProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm\",\n className,\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsContent\n * -------------------------------------------------------------------------- */\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n TabsPrimitive.TabsContentProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"]}
|
package/dist/tabs.mjs
CHANGED
|
@@ -1,2 +1,53 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
cn
|
|
4
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
5
|
+
|
|
6
|
+
// src/tabs.tsx
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
|
10
|
+
var Tabs = TabsPrimitive.Root;
|
|
11
|
+
var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
12
|
+
TabsPrimitive.List,
|
|
13
|
+
{
|
|
14
|
+
ref,
|
|
15
|
+
className: cn(
|
|
16
|
+
"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1",
|
|
17
|
+
className
|
|
18
|
+
),
|
|
19
|
+
...props
|
|
20
|
+
}
|
|
21
|
+
));
|
|
22
|
+
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
23
|
+
var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
24
|
+
TabsPrimitive.Trigger,
|
|
25
|
+
{
|
|
26
|
+
ref,
|
|
27
|
+
className: cn(
|
|
28
|
+
"focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
|
|
29
|
+
className
|
|
30
|
+
),
|
|
31
|
+
...props
|
|
32
|
+
}
|
|
33
|
+
));
|
|
34
|
+
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
35
|
+
var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
36
|
+
TabsPrimitive.Content,
|
|
37
|
+
{
|
|
38
|
+
ref,
|
|
39
|
+
className: cn(
|
|
40
|
+
"focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
41
|
+
className
|
|
42
|
+
),
|
|
43
|
+
...props
|
|
44
|
+
}
|
|
45
|
+
));
|
|
46
|
+
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
47
|
+
export {
|
|
48
|
+
Tabs,
|
|
49
|
+
TabsContent,
|
|
50
|
+
TabsList,
|
|
51
|
+
TabsTrigger
|
|
52
|
+
};
|
|
2
53
|
//# sourceMappingURL=tabs.mjs.map
|
package/dist/tabs.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\nconst Tabs = TabsPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n TabsPrimitive.TabsListProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-
|
|
1
|
+
{"version":3,"sources":["../src/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Tabs\n * -------------------------------------------------------------------------- */\n\nconst Tabs = TabsPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsList\n * -------------------------------------------------------------------------- */\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n TabsPrimitive.TabsListProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1\",\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsTrigger\n * -------------------------------------------------------------------------- */\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n TabsPrimitive.TabsTriggerProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm\",\n className,\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: TabsContent\n * -------------------------------------------------------------------------- */\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n TabsPrimitive.TabsContentProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"focus-visible:ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n className,\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,mBAAmB;AAiB7B;AAVF,IAAM,OAAqB;AAM3B,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAA4B,mBAAK;AAM1C,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ;AAMhD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAe;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA4B,sBAAQ;","names":[]}
|
package/dist/textarea.js
CHANGED
|
@@ -1,2 +1,25 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
|
|
2
|
+
|
|
3
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
4
|
+
|
|
5
|
+
// src/textarea.tsx
|
|
6
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
8
|
+
var Textarea = React.forwardRef(({ className, ...props }, ref) => {
|
|
9
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
10
|
+
"textarea",
|
|
11
|
+
{
|
|
12
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
13
|
+
"border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
14
|
+
className
|
|
15
|
+
),
|
|
16
|
+
ref,
|
|
17
|
+
...props
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
});
|
|
21
|
+
Textarea.displayName = "Textarea";
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
exports.Textarea = Textarea;
|
|
2
25
|
//# sourceMappingURL=textarea.js.map
|
package/dist/textarea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/textarea.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/textarea.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AALJ,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,SAAS,cAAc","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\nconst Textarea = React.forwardRef<\n HTMLTextAreaElement,\n React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea };\n"]}
|
package/dist/textarea.mjs
CHANGED
|
@@ -1,2 +1,25 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
+
|
|
5
|
+
// src/textarea.tsx
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
var Textarea = React.forwardRef(({ className, ...props }, ref) => {
|
|
9
|
+
return /* @__PURE__ */ jsx(
|
|
10
|
+
"textarea",
|
|
11
|
+
{
|
|
12
|
+
className: cn(
|
|
13
|
+
"border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
14
|
+
className
|
|
15
|
+
),
|
|
16
|
+
ref,
|
|
17
|
+
...props
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
});
|
|
21
|
+
Textarea.displayName = "Textarea";
|
|
22
|
+
export {
|
|
23
|
+
Textarea
|
|
24
|
+
};
|
|
2
25
|
//# sourceMappingURL=textarea.mjs.map
|
package/dist/textarea.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\nconst Textarea = React.forwardRef<\n HTMLTextAreaElement,\n React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-
|
|
1
|
+
{"version":3,"sources":["../src/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Textarea\n * -------------------------------------------------------------------------- */\n\nconst Textarea = React.forwardRef<\n HTMLTextAreaElement,\n React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\nTextarea.displayName = \"Textarea\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Textarea };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AAYnB;AALJ,IAAM,WAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,SAAS,cAAc;","names":[]}
|
package/dist/toggle-group.js
CHANGED
|
@@ -1,2 +1,50 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var _chunk5GHZ6EXIjs = require('./chunk-5GHZ6EXI.js');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
8
|
+
|
|
9
|
+
// src/toggle-group.tsx
|
|
10
|
+
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
11
|
+
var _reacttogglegroup = require('@radix-ui/react-toggle-group'); var ToggleGroupPrimitive = _interopRequireWildcard(_reacttogglegroup);
|
|
12
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
13
|
+
var ToggleGroupContext = React.createContext({
|
|
14
|
+
size: "default",
|
|
15
|
+
variant: "default"
|
|
16
|
+
});
|
|
17
|
+
var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18
|
+
ToggleGroupPrimitive.Root,
|
|
19
|
+
{
|
|
20
|
+
ref,
|
|
21
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0, "flex items-center justify-center gap-1", className),
|
|
22
|
+
...props,
|
|
23
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ToggleGroupContext.Provider, { value: { variant, size }, children })
|
|
24
|
+
}
|
|
25
|
+
));
|
|
26
|
+
ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
|
|
27
|
+
var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
28
|
+
const context = React.useContext(ToggleGroupContext);
|
|
29
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
30
|
+
ToggleGroupPrimitive.Item,
|
|
31
|
+
{
|
|
32
|
+
ref,
|
|
33
|
+
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
34
|
+
_chunk5GHZ6EXIjs.toggleVariants.call(void 0, {
|
|
35
|
+
variant: _nullishCoalesce(context.variant, () => ( variant)),
|
|
36
|
+
size: _nullishCoalesce(context.size, () => ( size))
|
|
37
|
+
}),
|
|
38
|
+
className
|
|
39
|
+
),
|
|
40
|
+
...props,
|
|
41
|
+
children
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
});
|
|
45
|
+
ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem;
|
|
2
50
|
//# sourceMappingURL=toggle-group.js.map
|
package/dist/toggle-group.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/toggle-group.tsx"],"names":[
|
|
1
|
+
{"version":3,"sources":["../src/toggle-group.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AA2BlC;AAnBJ,IAAM,qBAA2B,oBAAmC;AAAA,EAClE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAMD,IAAM,cAAoB,iBAIxB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,QACnD;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,IAChE,GAAG;AAAA,IAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,KAAK,GACjD,UACH;AAAA;AACF,CACD;AACD,YAAY,cAAmC,0BAAK;AAMpD,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3D,QAAM,UAAgB,iBAAW,kBAAkB;AAEnD,SACE;AAAA,IAAsB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,eAAe;AAAA,UACb,SAAS,QAAQ,WAAW;AAAA,UAC5B,MAAM,QAAQ,QAAQ;AAAA,QACxB,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,gBAAgB,cAAmC,0BAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { toggleVariants, type ToggleVariantsProps } from \"./toggle\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupContext = React.createContext<ToggleVariantsProps>({\n size: \"default\",\n variant: \"default\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroup = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n ToggleVariantsProps\n>(({ className, variant, size, children, ...props }, ref) => (\n <ToggleGroupPrimitive.Root\n ref={ref}\n className={cn(\"flex items-center justify-center gap-1\", className)}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n));\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupItem = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n ToggleGroupPrimitive.ToggleGroupItemProps & ToggleVariantsProps\n>(({ className, children, variant, size, ...props }, ref) => {\n const context = React.useContext(ToggleGroupContext);\n\n return (\n <ToggleGroupPrimitive.Item\n ref={ref}\n className={cn(\n toggleVariants({\n variant: context.variant ?? variant,\n size: context.size ?? size,\n }),\n className,\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n );\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem };\n"]}
|
package/dist/toggle-group.mjs
CHANGED
|
@@ -1,2 +1,50 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
toggleVariants
|
|
4
|
+
} from "./chunk-T52N6ZBP.mjs";
|
|
5
|
+
import {
|
|
6
|
+
cn
|
|
7
|
+
} from "./chunk-UG3URV2Z.mjs";
|
|
8
|
+
|
|
9
|
+
// src/toggle-group.tsx
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
12
|
+
import { jsx } from "react/jsx-runtime";
|
|
13
|
+
var ToggleGroupContext = React.createContext({
|
|
14
|
+
size: "default",
|
|
15
|
+
variant: "default"
|
|
16
|
+
});
|
|
17
|
+
var ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
18
|
+
ToggleGroupPrimitive.Root,
|
|
19
|
+
{
|
|
20
|
+
ref,
|
|
21
|
+
className: cn("flex items-center justify-center gap-1", className),
|
|
22
|
+
...props,
|
|
23
|
+
children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
|
|
24
|
+
}
|
|
25
|
+
));
|
|
26
|
+
ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
|
|
27
|
+
var ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
|
|
28
|
+
const context = React.useContext(ToggleGroupContext);
|
|
29
|
+
return /* @__PURE__ */ jsx(
|
|
30
|
+
ToggleGroupPrimitive.Item,
|
|
31
|
+
{
|
|
32
|
+
ref,
|
|
33
|
+
className: cn(
|
|
34
|
+
toggleVariants({
|
|
35
|
+
variant: context.variant ?? variant,
|
|
36
|
+
size: context.size ?? size
|
|
37
|
+
}),
|
|
38
|
+
className
|
|
39
|
+
),
|
|
40
|
+
...props,
|
|
41
|
+
children
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
});
|
|
45
|
+
ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
46
|
+
export {
|
|
47
|
+
ToggleGroup,
|
|
48
|
+
ToggleGroupItem
|
|
49
|
+
};
|
|
2
50
|
//# sourceMappingURL=toggle-group.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { toggleVariants, type ToggleVariantsProps } from \"./toggle\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupContext = React.createContext<ToggleVariantsProps>({\n size: \"default\",\n variant: \"default\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroup = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n ToggleVariantsProps\n>(({ className, variant, size, children, ...props }, ref) => (\n <ToggleGroupPrimitive.Root\n ref={ref}\n className={cn(\"flex items-center justify-center gap-1\", className)}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n));\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupItem = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n ToggleGroupPrimitive.ToggleGroupItemProps & ToggleVariantsProps\n>(({ className, children, variant, size, ...props }, ref) => {\n const context = React.useContext(ToggleGroupContext);\n\n return (\n <ToggleGroupPrimitive.Item\n ref={ref}\n className={cn(\n toggleVariants({\n variant: context.variant ?? variant,\n size: context.size ?? size,\n }),\n className,\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n );\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport { toggleVariants, type ToggleVariantsProps } from \"./toggle\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Context: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupContext = React.createContext<ToggleVariantsProps>({\n size: \"default\",\n variant: \"default\",\n});\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroup\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroup = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &\n ToggleVariantsProps\n>(({ className, variant, size, children, ...props }, ref) => (\n <ToggleGroupPrimitive.Root\n ref={ref}\n className={cn(\"flex items-center justify-center gap-1\", className)}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n));\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ToggleGroupItem\n * -------------------------------------------------------------------------- */\n\nconst ToggleGroupItem = React.forwardRef<\n React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n ToggleGroupPrimitive.ToggleGroupItemProps & ToggleVariantsProps\n>(({ className, children, variant, size, ...props }, ref) => {\n const context = React.useContext(ToggleGroupContext);\n\n return (\n <ToggleGroupPrimitive.Item\n ref={ref}\n className={cn(\n toggleVariants({\n variant: context.variant ?? variant,\n size: context.size ?? size,\n }),\n className,\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n );\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,0BAA0B;AA2BlC;AAnBJ,IAAM,qBAA2B,oBAAmC;AAAA,EAClE,MAAM;AAAA,EACN,SAAS;AACX,CAAC;AAMD,IAAM,cAAoB,iBAIxB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,GAAG,MAAM,GAAG,QACnD;AAAA,EAAsB;AAAA,EAArB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,0CAA0C,SAAS;AAAA,IAChE,GAAG;AAAA,IAEJ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAS,KAAK,GACjD,UACH;AAAA;AACF,CACD;AACD,YAAY,cAAmC,0BAAK;AAMpD,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,UAAU,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3D,QAAM,UAAgB,iBAAW,kBAAkB;AAEnD,SACE;AAAA,IAAsB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,eAAe;AAAA,UACb,SAAS,QAAQ,WAAW;AAAA,UAC5B,MAAM,QAAQ,QAAQ;AAAA,QACxB,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,gBAAgB,cAAmC,0BAAK;","names":[]}
|
package/dist/toggle.d.mts
CHANGED
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'cva';
|
|
|
4
4
|
|
|
5
5
|
declare const toggleVariants: (props?: ({
|
|
6
6
|
variant?: "default" | "outline" | undefined;
|
|
7
|
-
size?: "default" | "
|
|
7
|
+
size?: "default" | "sm" | "lg" | undefined;
|
|
8
8
|
} & ({
|
|
9
9
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
10
10
|
[x: string]: any;
|
package/dist/toggle.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'cva';
|
|
|
4
4
|
|
|
5
5
|
declare const toggleVariants: (props?: ({
|
|
6
6
|
variant?: "default" | "outline" | undefined;
|
|
7
|
-
size?: "default" | "
|
|
7
|
+
size?: "default" | "sm" | "lg" | undefined;
|
|
8
8
|
} & ({
|
|
9
9
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
|
|
10
10
|
[x: string]: any;
|
package/dist/toggle.js
CHANGED
|
@@ -1,2 +1,11 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
var _chunk5GHZ6EXIjs = require('./chunk-5GHZ6EXI.js');
|
|
6
|
+
require('./chunk-G3NP7M2N.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.Toggle = _chunk5GHZ6EXIjs.Toggle; exports.toggleVariants = _chunk5GHZ6EXIjs.toggleVariants;
|
|
2
11
|
//# sourceMappingURL=toggle.js.map
|