@walidsj/react-ui 0.2.0 → 0.3.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.
- package/README.md +52 -37
- package/dist/{accordion-Da0Y5c3W.js → accordion-nzbtc3_2.js} +8 -3
- package/dist/accordion-nzbtc3_2.js.map +1 -0
- package/dist/{alert-D7lYqDGZ.js → alert-BQzMceKI.js} +7 -3
- package/dist/alert-BQzMceKI.js.map +1 -0
- package/dist/{alert-dialog-BSyPkfNR.js → alert-dialog-_E4de7AY.js} +13 -3
- package/dist/alert-dialog-_E4de7AY.js.map +1 -0
- package/dist/{autocomplete-D_OafKFC.js → autocomplete-CVD8GTVR.js} +10 -3
- package/dist/autocomplete-CVD8GTVR.js.map +1 -0
- package/dist/{avatar-CgtyIpnX.js → avatar-1d_t2tas.js} +9 -4
- package/dist/avatar-1d_t2tas.js.map +1 -0
- package/dist/{breadcrumb-ieuPHz2w.js → breadcrumb-BGVDD5TT.js} +10 -3
- package/dist/breadcrumb-BGVDD5TT.js.map +1 -0
- package/dist/{collapsible-CaAEi_w7.js → collapsible-odw6ynaJ.js} +7 -3
- package/dist/collapsible-odw6ynaJ.js.map +1 -0
- package/dist/{combobox-CDRnBR2S.js → combobox-BjSMdUz_.js} +17 -3
- package/dist/combobox-BjSMdUz_.js.map +1 -0
- package/dist/components/accordion/accordion.d.ts +9 -4
- package/dist/components/accordion/index.d.ts +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/alert/alert.d.ts +4 -3
- package/dist/components/alert/index.d.ts +1 -1
- package/dist/components/alert/index.js +1 -1
- package/dist/components/alert-dialog/alert-dialog.d.ts +16 -9
- package/dist/components/alert-dialog/index.d.ts +1 -1
- package/dist/components/alert-dialog/index.js +1 -1
- package/dist/components/autocomplete/autocomplete.d.ts +13 -6
- package/dist/components/autocomplete/index.d.ts +1 -1
- package/dist/components/autocomplete/index.js +1 -1
- package/dist/components/avatar/avatar-group.d.ts +3 -2
- package/dist/components/avatar/avatar.d.ts +7 -3
- package/dist/components/avatar/index.d.ts +2 -2
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/breadcrumb/breadcrumb.d.ts +10 -6
- package/dist/components/breadcrumb/index.d.ts +1 -1
- package/dist/components/breadcrumb/index.js +1 -1
- package/dist/components/card/card.d.ts +7 -6
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/collapsible/collapsible.d.ts +7 -3
- package/dist/components/collapsible/index.d.ts +1 -1
- package/dist/components/collapsible/index.js +1 -1
- package/dist/components/combobox/combobox.d.ts +22 -13
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/context-menu/context-menu.d.ts +20 -10
- package/dist/components/context-menu/index.d.ts +1 -1
- package/dist/components/context-menu/index.js +1 -1
- package/dist/components/description-list/description-list.d.ts +4 -3
- package/dist/components/description-list/index.d.ts +1 -1
- package/dist/components/description-list/index.js +1 -1
- package/dist/components/dialog/dialog.d.ts +11 -6
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/drawer/drawer.d.ts +13 -8
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +10 -5
- package/dist/components/dropdown-menu/index.d.ts +1 -1
- package/dist/components/dropdown-menu/index.js +1 -1
- package/dist/components/empty/empty.d.ts +4 -3
- package/dist/components/empty/index.d.ts +1 -1
- package/dist/components/empty/index.js +1 -1
- package/dist/components/field/field.d.ts +9 -4
- package/dist/components/field/index.d.ts +1 -1
- package/dist/components/field/index.js +1 -1
- package/dist/components/fieldset/fieldset.d.ts +6 -2
- package/dist/components/fieldset/index.d.ts +1 -1
- package/dist/components/fieldset/index.js +1 -1
- package/dist/components/input-group/index.d.ts +1 -1
- package/dist/components/input-group/index.js +1 -1
- package/dist/components/input-group/input-group.d.ts +3 -2
- package/dist/components/menubar/index.d.ts +1 -1
- package/dist/components/menubar/index.js +1 -1
- package/dist/components/menubar/menubar.d.ts +13 -6
- package/dist/components/navigation-menu/index.d.ts +1 -1
- package/dist/components/navigation-menu/index.js +1 -1
- package/dist/components/navigation-menu/navigation-menu.d.ts +19 -10
- package/dist/components/number-field/index.d.ts +1 -1
- package/dist/components/number-field/index.js +1 -1
- package/dist/components/number-field/number-field.d.ts +11 -5
- package/dist/components/otp-field/index.d.ts +1 -1
- package/dist/components/otp-field/index.js +1 -1
- package/dist/components/otp-field/otp-field.d.ts +8 -3
- package/dist/components/pagination/index.d.ts +1 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/pagination/pagination.d.ts +11 -7
- package/dist/components/popover/index.d.ts +1 -1
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/popover.d.ts +11 -6
- package/dist/components/preview-card/index.d.ts +1 -1
- package/dist/components/preview-card/index.js +1 -1
- package/dist/components/preview-card/preview-card.d.ts +9 -4
- package/dist/components/radio-group/index.d.ts +1 -1
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/radio-group/radio-group.d.ts +6 -2
- package/dist/components/select/index.d.ts +1 -1
- package/dist/components/select/index.js +1 -1
- package/dist/components/select/select.d.ts +11 -6
- package/dist/components/sheet/index.d.ts +1 -1
- package/dist/components/sheet/index.js +1 -1
- package/dist/components/sheet/sheet.d.ts +12 -8
- package/dist/components/sidebar/index.d.ts +1 -1
- package/dist/components/sidebar/index.js +1 -1
- package/dist/components/sidebar/sidebar.d.ts +10 -9
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/table.d.ts +9 -8
- package/dist/components/tabs/index.d.ts +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/tabs.d.ts +10 -4
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/toast/toast.d.ts +10 -7
- package/dist/components/toggle-group/index.d.ts +1 -1
- package/dist/components/toggle-group/index.js +1 -1
- package/dist/components/toggle-group/toggle-group.d.ts +6 -2
- package/dist/components/toolbar/index.d.ts +1 -1
- package/dist/components/toolbar/index.js +1 -1
- package/dist/components/toolbar/toolbar.d.ts +14 -6
- package/dist/components/tooltip/index.d.ts +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip.d.ts +7 -4
- package/dist/{context-menu-Bgjfb3Vn.js → context-menu-paRijJ7d.js} +14 -3
- package/dist/context-menu-paRijJ7d.js.map +1 -0
- package/dist/{description-list-DsadmGs0.js → description-list-DDfz-rHA.js} +7 -3
- package/dist/description-list-DDfz-rHA.js.map +1 -0
- package/dist/{dialog-55wgLYTM.js → dialog-wnHwh4r8.js} +10 -3
- package/dist/dialog-wnHwh4r8.js.map +1 -0
- package/dist/{drawer-C00GsyiF.js → drawer-C27gyXYB.js} +12 -3
- package/dist/drawer-C27gyXYB.js.map +1 -0
- package/dist/{dropdown-menu-Bdv_CYy4.js → dropdown-menu-nea36MKM.js} +9 -3
- package/dist/dropdown-menu-nea36MKM.js.map +1 -0
- package/dist/{empty-BQnRtQAg.js → empty-Cqrg0Hyt.js} +7 -3
- package/dist/empty-Cqrg0Hyt.js.map +1 -0
- package/dist/{field-CmdqOHUg.js → field-C-2eNSGZ.js} +8 -3
- package/dist/field-C-2eNSGZ.js.map +1 -0
- package/dist/{fieldset-DyFySEr8.js → fieldset-Cgl_KnGa.js} +4 -3
- package/dist/fieldset-Cgl_KnGa.js.map +1 -0
- package/dist/index.d.ts +38 -35
- package/dist/index.js +48 -42
- package/dist/index.js.map +1 -1
- package/dist/{input-group-wc-i4msT.js → input-group-DgRdsJK8.js} +4 -3
- package/dist/input-group-DgRdsJK8.js.map +1 -0
- package/dist/{menubar-Dsu8-ZDe.js → menubar-11VKbNs2.js} +10 -3
- package/dist/menubar-11VKbNs2.js.map +1 -0
- package/dist/{navigation-menu-DsyXq41S.js → navigation-menu-DP7r2PP-.js} +14 -3
- package/dist/navigation-menu-DP7r2PP-.js.map +1 -0
- package/dist/{number-field-B1tNwdKz.js → number-field-YJ_58VU5.js} +9 -3
- package/dist/number-field-YJ_58VU5.js.map +1 -0
- package/dist/{otp-field-Cptj2cmZ.js → otp-field-DZmagJ_O.js} +7 -3
- package/dist/otp-field-DZmagJ_O.js.map +1 -0
- package/dist/{pagination-2XGW4DoY.js → pagination-CSAJn5Ph.js} +11 -3
- package/dist/pagination-CSAJn5Ph.js.map +1 -0
- package/dist/{popover-D5LdFHVS.js → popover-COYlKfkf.js} +10 -3
- package/dist/popover-COYlKfkf.js.map +1 -0
- package/dist/{preview-card-Cmds7aMj.js → preview-card-ByyvdPvk.js} +8 -3
- package/dist/preview-card-ByyvdPvk.js.map +1 -0
- package/dist/{radio-group-C2eDfEYd.js → radio-group-OdNChchU.js} +4 -3
- package/dist/radio-group-OdNChchU.js.map +1 -0
- package/dist/{select-CRy8QX_0.js → select--Rn5DQaC.js} +10 -3
- package/dist/select--Rn5DQaC.js.map +1 -0
- package/dist/{sheet-BVDn2j7O.js → sheet-B6-iNDZG.js} +12 -3
- package/dist/sheet-B6-iNDZG.js.map +1 -0
- package/dist/{sidebar-CHBlzB0E.js → sidebar-C9YE73TS.js} +13 -3
- package/dist/sidebar-C9YE73TS.js.map +1 -0
- package/dist/{table-BG-OtXYI.js → table-CH0H16pL.js} +12 -3
- package/dist/table-CH0H16pL.js.map +1 -0
- package/dist/{tabs-BsDJVa2q.js → tabs-VnWSV0RD.js} +8 -3
- package/dist/tabs-VnWSV0RD.js.map +1 -0
- package/dist/{toast-BtHOJV7_.js → toast-BkDQhrZ5.js} +11 -3
- package/dist/toast-BkDQhrZ5.js.map +1 -0
- package/dist/{toggle-group-NHZGXljI.js → toggle-group-B8vnkGCk.js} +4 -3
- package/dist/toggle-group-B8vnkGCk.js.map +1 -0
- package/dist/{toolbar-DJDrGUV_.js → toolbar-BVA36_dH.js} +10 -3
- package/dist/toolbar-BVA36_dH.js.map +1 -0
- package/dist/{tooltip-B07nkHWG.js → tooltip-a7t8wv2L.js} +8 -3
- package/dist/tooltip-a7t8wv2L.js.map +1 -0
- package/package.json +1 -1
- package/dist/accordion-Da0Y5c3W.js.map +0 -1
- package/dist/alert-D7lYqDGZ.js.map +0 -1
- package/dist/alert-dialog-BSyPkfNR.js.map +0 -1
- package/dist/autocomplete-D_OafKFC.js.map +0 -1
- package/dist/avatar-CgtyIpnX.js.map +0 -1
- package/dist/breadcrumb-ieuPHz2w.js.map +0 -1
- package/dist/collapsible-CaAEi_w7.js.map +0 -1
- package/dist/combobox-CDRnBR2S.js.map +0 -1
- package/dist/context-menu-Bgjfb3Vn.js.map +0 -1
- package/dist/description-list-DsadmGs0.js.map +0 -1
- package/dist/dialog-55wgLYTM.js.map +0 -1
- package/dist/drawer-C00GsyiF.js.map +0 -1
- package/dist/dropdown-menu-Bdv_CYy4.js.map +0 -1
- package/dist/empty-BQnRtQAg.js.map +0 -1
- package/dist/field-CmdqOHUg.js.map +0 -1
- package/dist/fieldset-DyFySEr8.js.map +0 -1
- package/dist/input-group-wc-i4msT.js.map +0 -1
- package/dist/menubar-Dsu8-ZDe.js.map +0 -1
- package/dist/navigation-menu-DsyXq41S.js.map +0 -1
- package/dist/number-field-B1tNwdKz.js.map +0 -1
- package/dist/otp-field-Cptj2cmZ.js.map +0 -1
- package/dist/pagination-2XGW4DoY.js.map +0 -1
- package/dist/popover-D5LdFHVS.js.map +0 -1
- package/dist/preview-card-Cmds7aMj.js.map +0 -1
- package/dist/radio-group-C2eDfEYd.js.map +0 -1
- package/dist/select-CRy8QX_0.js.map +0 -1
- package/dist/sheet-BVDn2j7O.js.map +0 -1
- package/dist/sidebar-CHBlzB0E.js.map +0 -1
- package/dist/table-BG-OtXYI.js.map +0 -1
- package/dist/tabs-BsDJVa2q.js.map +0 -1
- package/dist/toast-BtHOJV7_.js.map +0 -1
- package/dist/toggle-group-NHZGXljI.js.map +0 -1
- package/dist/toolbar-DJDrGUV_.js.map +0 -1
- package/dist/tooltip-B07nkHWG.js.map +0 -1
|
@@ -2,7 +2,7 @@ import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
// src/components/empty/empty.tsx
|
|
5
|
-
var
|
|
5
|
+
var EmptyRoot = forwardRef(function EmptyRoot({ className, ...props }, ref) {
|
|
6
6
|
return /* @__PURE__ */ jsx("div", {
|
|
7
7
|
...props,
|
|
8
8
|
ref,
|
|
@@ -23,6 +23,10 @@ var EmptyDescription = forwardRef(function EmptyDescription({ className, ...prop
|
|
|
23
23
|
className: cn("text-muted-foreground max-w-sm text-sm", className)
|
|
24
24
|
});
|
|
25
25
|
});
|
|
26
|
-
|
|
26
|
+
var Empty = Object.assign(EmptyRoot, {
|
|
27
|
+
Title: EmptyTitle,
|
|
28
|
+
Description: EmptyDescription
|
|
29
|
+
});
|
|
30
|
+
export { Empty as t };
|
|
27
31
|
|
|
28
|
-
//# sourceMappingURL=empty-
|
|
32
|
+
//# sourceMappingURL=empty-Cqrg0Hyt.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-Cqrg0Hyt.js","names":[],"sources":["../src/components/empty/empty.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst EmptyRoot = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n function EmptyRoot({ className, ...props }, ref) {\n return (\n <div\n {...props}\n ref={ref}\n className={cn(\"flex min-h-40 flex-col items-center justify-center gap-2 text-center\", className)}\n />\n );\n },\n);\n\nconst EmptyTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h3\">>(\n function EmptyTitle({ className, ...props }, ref) {\n return <h3 {...props} ref={ref} className={cn(\"text-foreground text-base font-semibold\", className)} />;\n },\n);\n\nconst EmptyDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n function EmptyDescription({ className, ...props }, ref) {\n return <p {...props} ref={ref} className={cn(\"text-muted-foreground max-w-sm text-sm\", className)} />;\n },\n);\n\nexport const Empty = Object.assign(EmptyRoot, { Title: EmptyTitle, Description: EmptyDescription });\n"],"mappings":";;;;AAGA,IAAM,YAAY,WAChB,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,wEAAwE,SAAS;CAChG,CAAA;AAEL,CACF;AAEA,IAAM,aAAa,WACjB,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,2CAA2C,SAAS;CAAI,CAAA;AACxG,CACF;AAEA,IAAM,mBAAmB,WACvB,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OAAO,oBAAC,KAAD;EAAG,GAAI;EAAY;EAAK,WAAW,GAAG,0CAA0C,SAAS;CAAI,CAAA;AACtG,CACF;AAEA,IAAa,QAAQ,OAAO,OAAO,WAAW;CAAE,OAAO;CAAY,aAAa;AAAiB,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Field } from "@base-ui/react/field";
|
|
4
4
|
// src/components/field/field.tsx
|
|
5
|
-
var
|
|
5
|
+
var FieldRoot = Field.Root;
|
|
6
6
|
function FieldLabel({ className, ...props }) {
|
|
7
7
|
return /* @__PURE__ */ jsx(Field.Label, {
|
|
8
8
|
...props,
|
|
@@ -21,6 +21,11 @@ function FieldError({ className, ...props }) {
|
|
|
21
21
|
className: cn("text-danger text-sm", className)
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
|
|
24
|
+
var Field$1 = Object.assign(FieldRoot, {
|
|
25
|
+
Label: FieldLabel,
|
|
26
|
+
Description: FieldDescription,
|
|
27
|
+
Error: FieldError
|
|
28
|
+
});
|
|
29
|
+
export { Field$1 as t };
|
|
25
30
|
|
|
26
|
-
//# sourceMappingURL=field-
|
|
31
|
+
//# sourceMappingURL=field-C-2eNSGZ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field-C-2eNSGZ.js","names":["BaseField","Field"],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst FieldRoot = BaseField.Root;\n\nfunction FieldLabel({ className, ...props }: ComponentProps<typeof BaseField.Label>) {\n return <BaseField.Label {...props} className={cn(\"text-foreground text-sm font-medium\", className)} />;\n}\n\nfunction FieldDescription({ className, ...props }: ComponentProps<typeof BaseField.Description>) {\n return <BaseField.Description {...props} className={cn(\"text-muted-foreground text-sm\", className)} />;\n}\n\nfunction FieldError({ className, ...props }: ComponentProps<typeof BaseField.Error>) {\n return <BaseField.Error {...props} className={cn(\"text-danger text-sm\", className)} />;\n}\n\nexport const Field = Object.assign(FieldRoot, { Label: FieldLabel, Description: FieldDescription, Error: FieldError });\n"],"mappings":";;;;AAIA,IAAM,YAAYA,MAAU;AAE5B,SAAS,WAAW,EAAE,WAAW,GAAG,SAAiD;CACnF,OAAO,oBAACA,MAAU,OAAX;EAAiB,GAAI;EAAO,WAAW,GAAG,uCAAuC,SAAS;CAAI,CAAA;AACvG;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAuD;CAC/F,OAAO,oBAACA,MAAU,aAAX;EAAuB,GAAI;EAAO,WAAW,GAAG,iCAAiC,SAAS;CAAI,CAAA;AACvG;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAiD;CACnF,OAAO,oBAACA,MAAU,OAAX;EAAiB,GAAI;EAAO,WAAW,GAAG,uBAAuB,SAAS;CAAI,CAAA;AACvF;AAEA,IAAaC,UAAQ,OAAO,OAAO,WAAW;CAAE,OAAO;CAAY,aAAa;CAAkB,OAAO;AAAW,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { Fieldset } from "@base-ui/react/fieldset";
|
|
4
4
|
// src/components/fieldset/fieldset.tsx
|
|
5
|
-
function
|
|
5
|
+
function FieldsetRoot({ className, ...props }) {
|
|
6
6
|
return /* @__PURE__ */ jsx(Fieldset.Root, {
|
|
7
7
|
...props,
|
|
8
8
|
className: cn("flex min-w-0 flex-col gap-4", className)
|
|
@@ -14,6 +14,7 @@ function FieldsetLegend({ className, ...props }) {
|
|
|
14
14
|
className: cn("text-foreground mb-1 text-sm font-semibold", className)
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
|
-
|
|
17
|
+
var Fieldset$1 = Object.assign(FieldsetRoot, { Legend: FieldsetLegend });
|
|
18
|
+
export { Fieldset$1 as t };
|
|
18
19
|
|
|
19
|
-
//# sourceMappingURL=fieldset-
|
|
20
|
+
//# sourceMappingURL=fieldset-Cgl_KnGa.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fieldset-Cgl_KnGa.js","names":["BaseFieldset","Fieldset"],"sources":["../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nfunction FieldsetRoot({ className, ...props }: ComponentProps<typeof BaseFieldset.Root>) {\n return <BaseFieldset.Root {...props} className={cn(\"flex min-w-0 flex-col gap-4\", className)} />;\n}\n\nfunction FieldsetLegend({ className, ...props }: ComponentProps<typeof BaseFieldset.Legend>) {\n return <BaseFieldset.Legend {...props} className={cn(\"text-foreground mb-1 text-sm font-semibold\", className)} />;\n}\n\nexport const Fieldset = Object.assign(FieldsetRoot, { Legend: FieldsetLegend });\n"],"mappings":";;;;AAIA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmD;CACvF,OAAO,oBAACA,SAAa,MAAd;EAAmB,GAAI;EAAO,WAAW,GAAG,+BAA+B,SAAS;CAAI,CAAA;AACjG;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqD;CAC3F,OAAO,oBAACA,SAAa,QAAd;EAAqB,GAAI;EAAO,WAAW,GAAG,8CAA8C,SAAS;CAAI,CAAA;AAClH;AAEA,IAAaC,aAAW,OAAO,OAAO,cAAc,EAAE,QAAQ,eAAe,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -6,32 +6,32 @@ export type { TextareaProps, TextareaSize } from './components/textarea';
|
|
|
6
6
|
export { Textarea } from './components/textarea';
|
|
7
7
|
export type { BadgeProps, BadgeVariant } from './components/badge';
|
|
8
8
|
export { Badge } from './components/badge';
|
|
9
|
-
export { Card
|
|
9
|
+
export { Card } from './components/card';
|
|
10
10
|
export type { LabelProps } from './components/label';
|
|
11
11
|
export { Label } from './components/label';
|
|
12
12
|
export type { SeparatorProps } from './components/separator';
|
|
13
13
|
export { Separator } from './components/separator';
|
|
14
|
-
export { Tabs
|
|
15
|
-
export { Dialog
|
|
16
|
-
export { DropdownMenu
|
|
17
|
-
export { Tooltip
|
|
14
|
+
export { Tabs } from './components/tabs';
|
|
15
|
+
export { Dialog } from './components/dialog';
|
|
16
|
+
export { DropdownMenu } from './components/dropdown-menu';
|
|
17
|
+
export { Tooltip } from './components/tooltip';
|
|
18
18
|
export { Switch } from './components/switch';
|
|
19
19
|
export { Checkbox } from './components/checkbox';
|
|
20
|
-
export { Select
|
|
21
|
-
export { Accordion
|
|
22
|
-
export { Avatar,
|
|
20
|
+
export { Select } from './components/select';
|
|
21
|
+
export { Accordion } from './components/accordion';
|
|
22
|
+
export { Avatar, AvatarGroup } from './components/avatar';
|
|
23
23
|
export type { AlertProps } from './components/alert';
|
|
24
|
-
export { Alert
|
|
25
|
-
export { Table
|
|
24
|
+
export { Alert } from './components/alert';
|
|
25
|
+
export { Table } from './components/table';
|
|
26
26
|
export { Progress } from './components/progress';
|
|
27
27
|
export { Skeleton } from './components/skeleton';
|
|
28
|
-
export { Popover
|
|
29
|
-
export { RadioGroup
|
|
28
|
+
export { Popover } from './components/popover';
|
|
29
|
+
export { RadioGroup } from './components/radio-group';
|
|
30
30
|
export { Radio } from './components/radio';
|
|
31
31
|
export { AspectRatio } from './components/aspect-ratio';
|
|
32
32
|
export type { AspectRatioProps } from './components/aspect-ratio';
|
|
33
33
|
export { Kbd } from './components/kbd';
|
|
34
|
-
export { Empty
|
|
34
|
+
export { Empty } from './components/empty';
|
|
35
35
|
export { InlineCode } from './components/inline-code';
|
|
36
36
|
export { Spinner } from './components/spinner';
|
|
37
37
|
export type { SpinnerProps, SpinnerSize } from './components/spinner';
|
|
@@ -39,39 +39,42 @@ export { ButtonGroup } from './components/button-group';
|
|
|
39
39
|
export type { ButtonGroupOrientation, ButtonGroupProps } from './components/button-group';
|
|
40
40
|
export { VisuallyHidden } from './components/visually-hidden';
|
|
41
41
|
export type { VisuallyHiddenProps } from './components/visually-hidden';
|
|
42
|
-
export { Sidebar
|
|
42
|
+
export { Sidebar } from './components/sidebar';
|
|
43
43
|
export { IconButton } from './components/icon-button';
|
|
44
44
|
export type { IconButtonProps } from './components/icon-button';
|
|
45
|
-
export {
|
|
45
|
+
export { DescriptionList } from './components/description-list';
|
|
46
46
|
export { StatusIndicator } from './components/status-indicator';
|
|
47
47
|
export type { StatusIndicatorProps, StatusIndicatorVariant } from './components/status-indicator';
|
|
48
|
-
export { InputGroup
|
|
48
|
+
export { InputGroup } from './components/input-group';
|
|
49
49
|
export { Link } from './components/link';
|
|
50
|
-
export { ToggleGroup
|
|
51
|
-
export { Breadcrumb
|
|
52
|
-
export { Field
|
|
50
|
+
export { ToggleGroup } from './components/toggle-group';
|
|
51
|
+
export { Breadcrumb } from './components/breadcrumb';
|
|
52
|
+
export { Field } from './components/field';
|
|
53
53
|
export { Slider } from './components/slider';
|
|
54
|
-
export { NumberField
|
|
55
|
-
export { Collapsible
|
|
56
|
-
export { AlertDialog
|
|
57
|
-
export {
|
|
54
|
+
export { NumberField } from './components/number-field';
|
|
55
|
+
export { Collapsible } from './components/collapsible';
|
|
56
|
+
export { AlertDialog } from './components/alert-dialog';
|
|
57
|
+
export type { AlertDialogActionProps } from './components/alert-dialog';
|
|
58
|
+
export { Sheet } from './components/sheet';
|
|
59
|
+
export type { SheetContentProps, SheetSide } from './components/sheet';
|
|
58
60
|
export { ScrollArea } from './components/scroll-area';
|
|
59
|
-
export { Toast,
|
|
60
|
-
export { Pagination
|
|
61
|
-
export {
|
|
61
|
+
export { Toast, ToastProvider, Toaster, useToastManager, } from './components/toast';
|
|
62
|
+
export { Pagination } from './components/pagination';
|
|
63
|
+
export type { PaginationLinkProps, PaginationLinkSize } from './components/pagination';
|
|
64
|
+
export { Combobox } from './components/combobox';
|
|
62
65
|
export type { ComboboxContentProps } from './components/combobox';
|
|
63
66
|
export { Meter } from './components/meter';
|
|
64
67
|
export type { MeterProps, MeterVariant } from './components/meter';
|
|
65
|
-
export { Toolbar
|
|
66
|
-
export { ContextMenu
|
|
67
|
-
export { OTPField
|
|
68
|
-
export { Autocomplete
|
|
69
|
-
export { Fieldset
|
|
70
|
-
export { Menubar
|
|
71
|
-
export { NavigationMenu
|
|
68
|
+
export { Toolbar } from './components/toolbar';
|
|
69
|
+
export { ContextMenu } from './components/context-menu';
|
|
70
|
+
export { OTPField } from './components/otp-field';
|
|
71
|
+
export { Autocomplete } from './components/autocomplete';
|
|
72
|
+
export { Fieldset } from './components/fieldset';
|
|
73
|
+
export { Menubar } from './components/menubar';
|
|
74
|
+
export { NavigationMenu } from './components/navigation-menu';
|
|
72
75
|
export { CheckboxGroup } from './components/checkbox-group';
|
|
73
|
-
export { PreviewCard
|
|
74
|
-
export { Drawer
|
|
76
|
+
export { PreviewCard } from './components/preview-card';
|
|
77
|
+
export { Drawer } from './components/drawer';
|
|
75
78
|
export { Toggle } from './components/toggle';
|
|
76
79
|
export { Form } from './components/form';
|
|
77
80
|
export { Container } from './components/container';
|
package/dist/index.js
CHANGED
|
@@ -3,58 +3,58 @@ import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
|
3
3
|
import { t as Button } from "./button-BsqAkDSO.js";
|
|
4
4
|
import { t as Input } from "./input-D9nJXDHP.js";
|
|
5
5
|
import { t as Textarea } from "./textarea-oT7xw8CO.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
6
|
+
import { t as Tabs } from "./tabs-VnWSV0RD.js";
|
|
7
|
+
import { t as Dialog } from "./dialog-wnHwh4r8.js";
|
|
8
|
+
import { t as DropdownMenu } from "./dropdown-menu-nea36MKM.js";
|
|
9
|
+
import { t as Tooltip } from "./tooltip-a7t8wv2L.js";
|
|
10
10
|
import { t as Switch } from "./switch-C-i7Mmdd.js";
|
|
11
11
|
import { t as Checkbox } from "./checkbox-DG9a1K_o.js";
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
12
|
+
import { t as Select } from "./select--Rn5DQaC.js";
|
|
13
|
+
import { t as Accordion } from "./accordion-nzbtc3_2.js";
|
|
14
|
+
import { n as Avatar, t as AvatarGroup } from "./avatar-1d_t2tas.js";
|
|
15
|
+
import { t as Alert } from "./alert-BQzMceKI.js";
|
|
16
|
+
import { t as Table } from "./table-CH0H16pL.js";
|
|
17
17
|
import { t as Progress } from "./progress-CGxVjwpG.js";
|
|
18
18
|
import { t as Skeleton } from "./skeleton-CmJK1ao2.js";
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
19
|
+
import { t as Popover } from "./popover-COYlKfkf.js";
|
|
20
|
+
import { t as RadioGroup } from "./radio-group-OdNChchU.js";
|
|
21
21
|
import { t as Radio } from "./radio-CT-p4jz7.js";
|
|
22
22
|
import { t as AspectRatio } from "./aspect-ratio-CIVD_tCo.js";
|
|
23
23
|
import { t as Kbd } from "./kbd-Bd9mF-xm.js";
|
|
24
|
-
import {
|
|
24
|
+
import { t as Empty } from "./empty-Cqrg0Hyt.js";
|
|
25
25
|
import { t as InlineCode } from "./inline-code-UqU5cSaC.js";
|
|
26
26
|
import { t as Spinner } from "./spinner-Xgsj2ClX.js";
|
|
27
27
|
import { t as ButtonGroup } from "./button-group-DPbwNPnT.js";
|
|
28
28
|
import { t as VisuallyHidden } from "./visually-hidden-C8KngZTo.js";
|
|
29
|
-
import {
|
|
29
|
+
import { t as Sidebar } from "./sidebar-C9YE73TS.js";
|
|
30
30
|
import { t as IconButton } from "./icon-button-lHWx7t_U.js";
|
|
31
|
-
import {
|
|
31
|
+
import { t as DescriptionList } from "./description-list-DDfz-rHA.js";
|
|
32
32
|
import { t as StatusIndicator } from "./status-indicator-DnM1Iu7D.js";
|
|
33
|
-
import {
|
|
33
|
+
import { t as InputGroup } from "./input-group-DgRdsJK8.js";
|
|
34
34
|
import { t as Link } from "./link-D-SpYJsE.js";
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
35
|
+
import { t as ToggleGroup } from "./toggle-group-B8vnkGCk.js";
|
|
36
|
+
import { t as Breadcrumb } from "./breadcrumb-BGVDD5TT.js";
|
|
37
|
+
import { t as Field } from "./field-C-2eNSGZ.js";
|
|
38
38
|
import { t as Slider } from "./slider-Fhbdti2X.js";
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
39
|
+
import { t as NumberField } from "./number-field-YJ_58VU5.js";
|
|
40
|
+
import { t as Collapsible } from "./collapsible-odw6ynaJ.js";
|
|
41
|
+
import { t as AlertDialog } from "./alert-dialog-_E4de7AY.js";
|
|
42
|
+
import { t as Sheet } from "./sheet-B6-iNDZG.js";
|
|
43
43
|
import { t as ScrollArea } from "./scroll-area-oMOK10-G.js";
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
44
|
+
import { i as useToastManager, n as ToastProvider, r as Toaster, t as Toast } from "./toast-BkDQhrZ5.js";
|
|
45
|
+
import { t as Pagination } from "./pagination-CSAJn5Ph.js";
|
|
46
|
+
import { t as Combobox } from "./combobox-BjSMdUz_.js";
|
|
47
47
|
import { t as Meter } from "./meter-Bn8OYigA.js";
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
48
|
+
import { t as Toolbar } from "./toolbar-BVA36_dH.js";
|
|
49
|
+
import { t as ContextMenu } from "./context-menu-paRijJ7d.js";
|
|
50
|
+
import { t as OTPField } from "./otp-field-DZmagJ_O.js";
|
|
51
|
+
import { t as Autocomplete } from "./autocomplete-CVD8GTVR.js";
|
|
52
|
+
import { t as Fieldset } from "./fieldset-Cgl_KnGa.js";
|
|
53
|
+
import { t as Menubar } from "./menubar-11VKbNs2.js";
|
|
54
|
+
import { t as NavigationMenu } from "./navigation-menu-DP7r2PP-.js";
|
|
55
55
|
import { t as CheckboxGroup } from "./checkbox-group-DnC_1XMf.js";
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
56
|
+
import { t as PreviewCard } from "./preview-card-ByyvdPvk.js";
|
|
57
|
+
import { t as Drawer } from "./drawer-C27gyXYB.js";
|
|
58
58
|
import { t as Toggle } from "./toggle-CNd5ja2h.js";
|
|
59
59
|
import { t as Form } from "./form-CLslJWE_.js";
|
|
60
60
|
import { t as Container } from "./container-BiCW_jGj.js";
|
|
@@ -95,13 +95,6 @@ var Badge = forwardRef(function Badge({ className, variant = "default", size = "
|
|
|
95
95
|
});
|
|
96
96
|
});
|
|
97
97
|
// src/components/card/card.tsx
|
|
98
|
-
var Card = forwardRef(function Card({ className, ...props }, ref) {
|
|
99
|
-
return /* @__PURE__ */ jsx("div", {
|
|
100
|
-
...props,
|
|
101
|
-
ref,
|
|
102
|
-
className: cn("rounded-ui-lg border-border bg-card text-card-foreground flex flex-col border shadow-[0_2px_8px_rgb(0,0,0,0.04)]", className)
|
|
103
|
-
});
|
|
104
|
-
});
|
|
105
98
|
var CardHeader = forwardRef(function CardHeader({ className, ...props }, ref) {
|
|
106
99
|
return /* @__PURE__ */ jsx("div", {
|
|
107
100
|
...props,
|
|
@@ -137,6 +130,19 @@ var CardFooter = forwardRef(function CardFooter({ className, ...props }, ref) {
|
|
|
137
130
|
className: cn("flex items-center p-6 pt-0", className)
|
|
138
131
|
});
|
|
139
132
|
});
|
|
133
|
+
var Card = Object.assign(forwardRef(function Card({ className, ...props }, ref) {
|
|
134
|
+
return /* @__PURE__ */ jsx("div", {
|
|
135
|
+
...props,
|
|
136
|
+
ref,
|
|
137
|
+
className: cn("rounded-ui-lg border-border bg-card text-card-foreground flex flex-col border shadow-[0_2px_8px_rgb(0,0,0,0.04)]", className)
|
|
138
|
+
});
|
|
139
|
+
}), {
|
|
140
|
+
Header: CardHeader,
|
|
141
|
+
Title: CardTitle,
|
|
142
|
+
Description: CardDescription,
|
|
143
|
+
Content: CardContent,
|
|
144
|
+
Footer: CardFooter
|
|
145
|
+
});
|
|
140
146
|
// src/components/label/label.tsx
|
|
141
147
|
var labelVariants = cva("text-foreground inline-flex items-center gap-2 text-sm leading-none font-medium select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50");
|
|
142
148
|
var Label = forwardRef(function Label({ className, ...props }, ref) {
|
|
@@ -155,6 +161,6 @@ var Separator = forwardRef(function Separator({ className, orientation = "horizo
|
|
|
155
161
|
className: cn("bg-border shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className)
|
|
156
162
|
});
|
|
157
163
|
});
|
|
158
|
-
export { Accordion,
|
|
164
|
+
export { Accordion, Alert, AlertDialog, AspectRatio, Autocomplete, Avatar, AvatarGroup, Badge, Breadcrumb, Button, ButtonGroup, Card, Checkbox, CheckboxGroup, Collapsible, Combobox, Container, ContextMenu, DescriptionList, Dialog, Drawer, DropdownMenu, Empty, Field, Fieldset, Form, IconButton, InlineCode, Input, InputGroup, Kbd, Label, Link, Menubar, Meter, NavigationMenu, NumberField, OTPField, Pagination, Popover, PreviewCard, Progress, Radio, RadioGroup, ScrollArea, Select, Separator, Sheet, Sidebar, Skeleton, Slider, Spinner, StatusIndicator, Switch, Table, Tabs, Textarea, Toast, ToastProvider, Toaster, Toggle, ToggleGroup, Toolbar, Tooltip, VisuallyHidden, useToastManager };
|
|
159
165
|
|
|
160
166
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["BaseSeparator"],"sources":["../src/components/badge/badge.tsx","../src/components/card/card.tsx","../src/components/label/label.tsx","../src/components/separator/separator.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst badgeVariants = cva(\n \"rounded-full inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent px-2.5 py-0.5 text-xs leading-5 font-medium whitespace-nowrap transition-colors focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground\",\n secondary: \"bg-secondary text-secondary-foreground\",\n outline: \"border-border bg-background text-foreground\",\n accent: \"bg-accent text-accent-foreground\",\n success: \"bg-success text-success-foreground\",\n warning: \"bg-warning text-warning-foreground\",\n danger: \"bg-danger text-danger-foreground\",\n },\n size: {\n sm: \"px-2 py-px text-[11px] leading-4\",\n md: \"px-2.5 py-0.5 text-xs leading-5\",\n lg: \"px-3 py-1 text-sm leading-5\",\n },\n },\n defaultVariants: { variant: \"default\", size: \"md\" },\n },\n);\n\nexport type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>[\"variant\"]>;\nexport type BadgeSize = NonNullable<VariantProps<typeof badgeVariants>[\"size\"]>;\nexport interface BadgeProps extends ComponentPropsWithoutRef<\"span\">, VariantProps<typeof badgeVariants> {}\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n { className, variant = \"default\", size = \"md\", ...props }, ref,\n) {\n return <span {...props} ref={ref} className={cn(badgeVariants({ variant, size }), className)} />;\n});\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\
|
|
1
|
+
{"version":3,"file":"index.js","names":["BaseSeparator"],"sources":["../src/components/badge/badge.tsx","../src/components/card/card.tsx","../src/components/label/label.tsx","../src/components/separator/separator.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst badgeVariants = cva(\n \"rounded-full inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border border-transparent px-2.5 py-0.5 text-xs leading-5 font-medium whitespace-nowrap transition-colors focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground\",\n secondary: \"bg-secondary text-secondary-foreground\",\n outline: \"border-border bg-background text-foreground\",\n accent: \"bg-accent text-accent-foreground\",\n success: \"bg-success text-success-foreground\",\n warning: \"bg-warning text-warning-foreground\",\n danger: \"bg-danger text-danger-foreground\",\n },\n size: {\n sm: \"px-2 py-px text-[11px] leading-4\",\n md: \"px-2.5 py-0.5 text-xs leading-5\",\n lg: \"px-3 py-1 text-sm leading-5\",\n },\n },\n defaultVariants: { variant: \"default\", size: \"md\" },\n },\n);\n\nexport type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>[\"variant\"]>;\nexport type BadgeSize = NonNullable<VariantProps<typeof badgeVariants>[\"size\"]>;\nexport interface BadgeProps extends ComponentPropsWithoutRef<\"span\">, VariantProps<typeof badgeVariants> {}\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n { className, variant = \"default\", size = \"md\", ...props }, ref,\n) {\n return <span {...props} ref={ref} className={cn(badgeVariants({ variant, size }), className)} />;\n});\n","import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst CardHeader = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n function CardHeader({ className, ...props }, ref) {\n return <div {...props} ref={ref} className={cn(\"flex flex-col gap-1.5 p-6\", className)} />;\n },\n);\n\nconst CardTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h3\">>(\n function CardTitle({ className, ...props }, ref) {\n return <h3 {...props} ref={ref} className={cn(\"text-foreground text-lg leading-none font-semibold tracking-tight\", className)} />;\n },\n);\n\nconst CardDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n function CardDescription({ className, ...props }, ref) {\n return <p {...props} ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} />;\n },\n);\n\nconst CardContent = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n function CardContent({ className, ...props }, ref) {\n return <div {...props} ref={ref} className={cn(\"p-6 pt-0\", className)} />;\n },\n);\n\nconst CardFooter = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n function CardFooter({ className, ...props }, ref) {\n return <div {...props} ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} />;\n },\n);\n\nexport const Card = Object.assign(\n forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(function Card(\n { className, ...props },\n ref,\n ) {\n return <div {...props} ref={ref} className={cn(\"rounded-ui-lg border-border bg-card text-card-foreground flex flex-col border shadow-[0_2px_8px_rgb(0,0,0,0.04)]\", className)} />;\n }),\n {\n Header: CardHeader,\n Title: CardTitle,\n Description: CardDescription,\n Content: CardContent,\n Footer: CardFooter,\n },\n);\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst labelVariants = cva(\n \"text-foreground inline-flex items-center gap-2 text-sm leading-none font-medium select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n);\n\nexport type LabelProps = ComponentPropsWithoutRef<\"label\"> &\n VariantProps<typeof labelVariants>;\n\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(\n function Label({ className, ...props }, ref) {\n return <label {...props} ref={ref} className={cn(labelVariants(), className)} />;\n },\n);\n","import { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<typeof BaseSeparator> {\n orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n function Separator({ className, orientation = \"horizontal\", ...props }, ref) {\n return (\n <BaseSeparator\n {...props}\n ref={ref}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n />\n );\n },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,gBAAgB,IACpB,2SACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACX,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACT,QAAQ;EACV;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAK;AACpD,CACF;AAMA,IAAa,QAAQ,WAAwC,SAAS,MACpE,EAAE,WAAW,UAAU,WAAW,OAAO,MAAM,GAAG,SAAS,KAC3D;CACA,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAY;EAAK,WAAW,GAAG,cAAc;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;CAAI,CAAA;AACjG,CAAC;;AChCD,IAAM,aAAa,WACjB,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,6BAA6B,SAAS;CAAI,CAAA;AAC3F,CACF;AAEA,IAAM,YAAY,WAChB,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,qEAAqE,SAAS;CAAI,CAAA;AAClI,CACF;AAEA,IAAM,kBAAkB,WACtB,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OAAO,oBAAC,KAAD;EAAG,GAAI;EAAY;EAAK,WAAW,GAAG,iCAAiC,SAAS;CAAI,CAAA;AAC7F,CACF;AAEA,IAAM,cAAc,WAClB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,YAAY,SAAS;CAAI,CAAA;AAC1E,CACF;AAEA,IAAM,aAAa,WACjB,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,8BAA8B,SAAS;CAAI,CAAA;AAC5F,CACF;AAEA,IAAa,OAAO,OAAO,OACzB,WAA4D,SAAS,KACnE,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,oHAAoH,SAAS;CAAI,CAAA;AAClL,CAAC,GACD;CACE,QAAQ;CACR,OAAO;CACP,aAAa;CACb,SAAS;CACT,QAAQ;AACV,CACF;;AC3CA,IAAM,gBAAgB,IACpB,uJACF;AAKA,IAAa,QAAQ,WACnB,SAAS,MAAM,EAAE,WAAW,GAAG,SAAS,KAAK;CAC3C,OAAO,oBAAC,SAAD;EAAO,GAAI;EAAY;EAAK,WAAW,GAAG,cAAc,GAAG,SAAS;CAAI,CAAA;AACjF,CACF;;ACPA,IAAa,YAAY,WACvB,SAAS,UAAU,EAAE,WAAW,cAAc,cAAc,GAAG,SAAS,KAAK;CAC3E,OACE,oBAACA,aAAD;EACE,GAAI;EACC;EACQ;EACb,WAAW,GACT,sBACA,gBAAgB,eAAe,gBAAgB,eAC/C,SACF;CACD,CAAA;AAEL,CACF"}
|
|
@@ -2,7 +2,7 @@ import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
// src/components/input-group/input-group.tsx
|
|
5
|
-
var
|
|
5
|
+
var InputGroupRoot = forwardRef(function InputGroupRoot({ className, ...props }, ref) {
|
|
6
6
|
return /* @__PURE__ */ jsx("div", {
|
|
7
7
|
...props,
|
|
8
8
|
ref,
|
|
@@ -17,6 +17,7 @@ var InputGroupAddon = forwardRef(function InputGroupAddon({ className, ...props
|
|
|
17
17
|
className: cn("text-muted-foreground inline-flex shrink-0 items-center text-sm", className)
|
|
18
18
|
});
|
|
19
19
|
});
|
|
20
|
-
|
|
20
|
+
var InputGroup = Object.assign(InputGroupRoot, { Addon: InputGroupAddon });
|
|
21
|
+
export { InputGroup as t };
|
|
21
22
|
|
|
22
|
-
//# sourceMappingURL=input-group-
|
|
23
|
+
//# sourceMappingURL=input-group-DgRdsJK8.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-group-DgRdsJK8.js","names":[],"sources":["../src/components/input-group/input-group.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst InputGroupRoot = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n function InputGroupRoot({ className, ...props }, ref) {\n return (\n <div\n {...props}\n ref={ref}\n className={cn(\n \"rounded-ui-md border-border bg-background focus-within:border-ring focus-within:ring-ring/40 flex min-h-10 w-full items-center gap-2 border px-3 transition-colors focus-within:ring-2\",\n className,\n )}\n />\n );\n },\n);\n\nconst InputGroupAddon = forwardRef<HTMLSpanElement, ComponentPropsWithoutRef<\"span\">>(\n function InputGroupAddon({ className, ...props }, ref) {\n return (\n <span\n {...props}\n ref={ref}\n aria-hidden={props[\"aria-label\"] ? undefined : true}\n className={cn(\"text-muted-foreground inline-flex shrink-0 items-center text-sm\", className)}\n />\n );\n },\n);\n\nexport const InputGroup = Object.assign(InputGroupRoot, { Addon: InputGroupAddon });\n"],"mappings":";;;;AAGA,IAAM,iBAAiB,WACrB,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,0LACA,SACF;CACD,CAAA;AAEL,CACF;AAEA,IAAM,kBAAkB,WACtB,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,eAAa,MAAM,gBAAgB,KAAA,IAAY;EAC/C,WAAW,GAAG,mEAAmE,SAAS;CAC3F,CAAA;AAEL,CACF;AAEA,IAAa,aAAa,OAAO,OAAO,gBAAgB,EAAE,OAAO,gBAAgB,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { Menu } from "@base-ui/react/menu";
|
|
4
4
|
import { Menubar } from "@base-ui/react/menubar";
|
|
5
5
|
// src/components/menubar/menubar.tsx
|
|
6
|
-
function
|
|
6
|
+
function MenubarRoot({ className, ...props }) {
|
|
7
7
|
return /* @__PURE__ */ jsx(Menubar, {
|
|
8
8
|
...props,
|
|
9
9
|
className: cn("rounded-ui-md border-border bg-background flex w-fit items-center gap-1 border p-1", className)
|
|
@@ -38,6 +38,13 @@ function MenubarSeparator({ className, ...props }) {
|
|
|
38
38
|
className: cn("bg-border -mx-1 my-1 h-px", className)
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
|
-
|
|
41
|
+
var Menubar$1 = Object.assign(MenubarRoot, {
|
|
42
|
+
Menu: MenubarMenu,
|
|
43
|
+
Trigger: MenubarTrigger,
|
|
44
|
+
Content: MenubarContent,
|
|
45
|
+
Item: MenubarItem,
|
|
46
|
+
Separator: MenubarSeparator
|
|
47
|
+
});
|
|
48
|
+
export { Menubar$1 as t };
|
|
42
49
|
|
|
43
|
-
//# sourceMappingURL=menubar-
|
|
50
|
+
//# sourceMappingURL=menubar-11VKbNs2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar-11VKbNs2.js","names":["BaseMenubar","Menubar"],"sources":["../src/components/menubar/menubar.tsx"],"sourcesContent":["import { Menu } from \"@base-ui/react/menu\";\nimport { Menubar as BaseMenubar } from \"@base-ui/react/menubar\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nfunction MenubarRoot({ className, ...props }: ComponentProps<typeof BaseMenubar>) {\n return <BaseMenubar {...props} className={cn(\"rounded-ui-md border-border bg-background flex w-fit items-center gap-1 border p-1\", className)} />;\n}\n\nconst MenubarMenu = Menu.Root;\n\nfunction MenubarTrigger({ className, ...props }: ComponentProps<typeof Menu.Trigger>) {\n return <Menu.Trigger {...props} className={cn(\"rounded-ui-sm text-foreground data-[pressed]:bg-muted hover:bg-muted focus-visible:ring-ring h-8 px-3 text-sm outline-none focus-visible:ring-2\", className)} />;\n}\n\nfunction MenubarContent({ className, ...props }: ComponentProps<typeof Menu.Popup>) {\n return <Menu.Portal><Menu.Positioner sideOffset={4} className=\"z-50 outline-none\"><Menu.Popup {...props} className={cn(\"rounded-ui-lg border-border bg-background text-foreground min-w-40 border p-1 shadow-[0_8px_30px_rgb(0,0,0,0.12)] outline-none\", className)} /></Menu.Positioner></Menu.Portal>;\n}\n\nfunction MenubarItem({ className, ...props }: ComponentProps<typeof Menu.Item>) {\n return <Menu.Item {...props} className={cn(\"rounded-ui-sm focus:bg-muted focus:text-foreground relative flex cursor-default items-center gap-2 px-2 py-1.5 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50\", className)} />;\n}\n\nfunction MenubarSeparator({ className, ...props }: ComponentProps<typeof Menu.Separator>) {\n return <Menu.Separator {...props} className={cn(\"bg-border -mx-1 my-1 h-px\", className)} />;\n}\n\nexport const Menubar = Object.assign(MenubarRoot, {\n Menu: MenubarMenu,\n Trigger: MenubarTrigger,\n Content: MenubarContent,\n Item: MenubarItem,\n Separator: MenubarSeparator,\n});\n"],"mappings":";;;;;AAKA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6C;CAChF,OAAO,oBAACA,SAAD;EAAa,GAAI;EAAO,WAAW,GAAG,sFAAsF,SAAS;CAAI,CAAA;AAClJ;AAEA,IAAM,cAAc,KAAK;AAEzB,SAAS,eAAe,EAAE,WAAW,GAAG,SAA8C;CACpF,OAAO,oBAAC,KAAK,SAAN;EAAc,GAAI;EAAO,WAAW,GAAG,mJAAmJ,SAAS;CAAI,CAAA;AAChN;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAA4C;CAClF,OAAO,oBAAC,KAAK,QAAN,EAAA,UAAa,oBAAC,KAAK,YAAN;EAAiB,YAAY;EAAG,WAAU;EAAoB,UAAA,oBAAC,KAAK,OAAN;GAAY,GAAI;GAAO,WAAW,GAAG,kIAAkI,SAAS;EAAI,CAAA;CAAkB,CAAA,EAAc,CAAA;AACxS;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2C;CAC9E,OAAO,oBAAC,KAAK,MAAN;EAAW,GAAI;EAAO,WAAW,GAAG,8MAA8M,SAAS;CAAI,CAAA;AACxQ;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgD;CACxF,OAAO,oBAAC,KAAK,WAAN;EAAgB,GAAI;EAAO,WAAW,GAAG,6BAA6B,SAAS;CAAI,CAAA;AAC5F;AAEA,IAAaC,YAAU,OAAO,OAAO,aAAa;CAChD,MAAM;CACN,SAAS;CACT,SAAS;CACT,MAAM;CACN,WAAW;AACb,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { IconChevronDown } from "@tabler/icons-react";
|
|
4
4
|
import { NavigationMenu } from "@base-ui/react/navigation-menu";
|
|
5
5
|
// src/components/navigation-menu/navigation-menu.tsx
|
|
6
|
-
function
|
|
6
|
+
function NavigationMenuRoot({ className, ...props }) {
|
|
7
7
|
return /* @__PURE__ */ jsx(NavigationMenu.Root, {
|
|
8
8
|
...props,
|
|
9
9
|
className: cn("relative z-10 flex w-max items-center", className)
|
|
@@ -55,6 +55,17 @@ function NavigationMenuViewport({ className, ...props }) {
|
|
|
55
55
|
}
|
|
56
56
|
var NavigationMenuPortal = NavigationMenu.Portal;
|
|
57
57
|
var NavigationMenuPositioner = NavigationMenu.Positioner;
|
|
58
|
-
|
|
58
|
+
var NavigationMenu$1 = Object.assign(NavigationMenuRoot, {
|
|
59
|
+
List: NavigationMenuList,
|
|
60
|
+
Item: NavigationMenuItem,
|
|
61
|
+
Trigger: NavigationMenuTrigger,
|
|
62
|
+
Content: NavigationMenuContent,
|
|
63
|
+
Link: NavigationMenuLink,
|
|
64
|
+
Viewport: NavigationMenuViewport,
|
|
65
|
+
Portal: NavigationMenuPortal,
|
|
66
|
+
Positioner: NavigationMenuPositioner,
|
|
67
|
+
Popup: NavigationMenuPopup
|
|
68
|
+
});
|
|
69
|
+
export { NavigationMenu$1 as t };
|
|
59
70
|
|
|
60
|
-
//# sourceMappingURL=navigation-menu-
|
|
71
|
+
//# sourceMappingURL=navigation-menu-DP7r2PP-.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu-DP7r2PP-.js","names":["BaseNavigationMenu","NavigationMenu"],"sources":["../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport { IconChevronDown } from \"@tabler/icons-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nfunction NavigationMenuRoot({ className, ...props }: ComponentProps<typeof BaseNavigationMenu.Root>) {\n return <BaseNavigationMenu.Root {...props} className={cn(\"relative z-10 flex w-max items-center\", className)} />;\n}\n\nfunction NavigationMenuList({ className, ...props }: ComponentProps<typeof BaseNavigationMenu.List>) {\n return <BaseNavigationMenu.List {...props} className={cn(\"flex items-center gap-1\", className)} />;\n}\n\nconst NavigationMenuItem = BaseNavigationMenu.Item;\n\nfunction NavigationMenuTrigger({ className, children, ...props }: ComponentProps<typeof BaseNavigationMenu.Trigger>) {\n return <BaseNavigationMenu.Trigger {...props} className={cn(\"rounded-ui-md text-foreground data-[popup-open]:bg-muted hover:bg-muted focus-visible:ring-ring inline-flex h-9 items-center gap-2 px-3 text-sm font-medium outline-none focus-visible:ring-2\", className)}>{children}<BaseNavigationMenu.Icon className=\"text-muted-foreground flex transition-transform data-[popup-open]:rotate-180\"><IconChevronDown size={16} aria-hidden=\"true\" /></BaseNavigationMenu.Icon></BaseNavigationMenu.Trigger>;\n}\n\nfunction NavigationMenuContent({ className, ...props }: ComponentProps<typeof BaseNavigationMenu.Content>) {\n return <BaseNavigationMenu.Content {...props} className={cn(\"rounded-ui-md bg-background text-foreground p-4\", className)} />;\n}\n\nfunction NavigationMenuLink({ className, ...props }: ComponentProps<typeof BaseNavigationMenu.Link>) {\n return <BaseNavigationMenu.Link {...props} className={cn(\"rounded-ui-sm text-foreground hover:bg-muted focus-visible:ring-ring block p-3 text-sm outline-none focus-visible:ring-2\", className)} />;\n}\n\nfunction NavigationMenuPopup({ className, ...props }: ComponentProps<typeof BaseNavigationMenu.Popup>) {\n return <BaseNavigationMenu.Popup {...props} className={cn(\"rounded-ui-lg border-border bg-background min-w-56 border shadow-[0_8px_30px_rgb(0,0,0,0.12)] outline-none\", className)} />;\n}\n\nfunction NavigationMenuViewport({ className, ...props }: ComponentProps<typeof BaseNavigationMenu.Viewport>) {\n return <BaseNavigationMenu.Viewport {...props} className={cn(\"relative h-full w-full overflow-hidden\", className)} />;\n}\n\nconst NavigationMenuPortal = BaseNavigationMenu.Portal;\nconst NavigationMenuPositioner = BaseNavigationMenu.Positioner;\n\nexport const NavigationMenu = Object.assign(NavigationMenuRoot, {\n List: NavigationMenuList,\n Item: NavigationMenuItem,\n Trigger: NavigationMenuTrigger,\n Content: NavigationMenuContent,\n Link: NavigationMenuLink,\n Viewport: NavigationMenuViewport,\n Portal: NavigationMenuPortal,\n Positioner: NavigationMenuPositioner,\n Popup: NavigationMenuPopup,\n});\n"],"mappings":";;;;;AAKA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAyD;CACnG,OAAO,oBAACA,eAAmB,MAApB;EAAyB,GAAI;EAAO,WAAW,GAAG,yCAAyC,SAAS;CAAI,CAAA;AACjH;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAyD;CACnG,OAAO,oBAACA,eAAmB,MAApB;EAAyB,GAAI;EAAO,WAAW,GAAG,2BAA2B,SAAS;CAAI,CAAA;AACnG;AAEA,IAAM,qBAAqBA,eAAmB;AAE9C,SAAS,sBAAsB,EAAE,WAAW,UAAU,GAAG,SAA4D;CACnH,OAAO,qBAACA,eAAmB,SAApB;EAA4B,GAAI;EAAO,WAAW,GAAG,iMAAiM,SAAS;EAA/P,UAAA,CAAmQ,UAAS,oBAACA,eAAmB,MAApB;GAAyB,WAAU;GAA+E,UAAA,oBAAC,iBAAD;IAAiB,MAAM;IAAI,eAAY;GAAQ,CAAA;EAA0B,CAAA,CAA6B;;AAC7e;AAEA,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAA4D;CACzG,OAAO,oBAACA,eAAmB,SAApB;EAA4B,GAAI;EAAO,WAAW,GAAG,mDAAmD,SAAS;CAAI,CAAA;AAC9H;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAyD;CACnG,OAAO,oBAACA,eAAmB,MAApB;EAAyB,GAAI;EAAO,WAAW,GAAG,4HAA4H,SAAS;CAAI,CAAA;AACpM;AAEA,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAA0D;CACrG,OAAO,oBAACA,eAAmB,OAApB;EAA0B,GAAI;EAAO,WAAW,GAAG,8GAA8G,SAAS;CAAI,CAAA;AACvL;AAEA,SAAS,uBAAuB,EAAE,WAAW,GAAG,SAA6D;CAC3G,OAAO,oBAACA,eAAmB,UAApB;EAA6B,GAAI;EAAO,WAAW,GAAG,0CAA0C,SAAS;CAAI,CAAA;AACtH;AAEA,IAAM,uBAAuBA,eAAmB;AAChD,IAAM,2BAA2BA,eAAmB;AAEpD,IAAaC,mBAAiB,OAAO,OAAO,oBAAoB;CAC9D,MAAM;CACN,MAAM;CACN,SAAS;CACT,SAAS;CACT,MAAM;CACN,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,OAAO;AACT,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { IconMinus, IconPlus } from "@tabler/icons-react";
|
|
4
4
|
import { NumberField } from "@base-ui/react/number-field";
|
|
5
5
|
// src/components/number-field/number-field.tsx
|
|
6
|
-
var
|
|
6
|
+
var NumberFieldRoot = NumberField.Root;
|
|
7
7
|
function NumberFieldGroup({ className, ...props }) {
|
|
8
8
|
return /* @__PURE__ */ jsx(NumberField.Group, {
|
|
9
9
|
...props,
|
|
@@ -36,6 +36,12 @@ function NumberFieldDecrement({ className, ...props }) {
|
|
|
36
36
|
})
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
|
-
|
|
39
|
+
var NumberField$1 = Object.assign(NumberFieldRoot, {
|
|
40
|
+
Group: NumberFieldGroup,
|
|
41
|
+
Input: NumberFieldInput,
|
|
42
|
+
Increment: NumberFieldIncrement,
|
|
43
|
+
Decrement: NumberFieldDecrement
|
|
44
|
+
});
|
|
45
|
+
export { NumberField$1 as t };
|
|
40
46
|
|
|
41
|
-
//# sourceMappingURL=number-field-
|
|
47
|
+
//# sourceMappingURL=number-field-YJ_58VU5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-field-YJ_58VU5.js","names":["BaseNumberField","NumberField"],"sources":["../src/components/number-field/number-field.tsx"],"sourcesContent":["import { NumberField as BaseNumberField } from \"@base-ui/react/number-field\";\nimport { IconMinus, IconPlus } from \"@tabler/icons-react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst NumberFieldRoot = BaseNumberField.Root;\n\nfunction NumberFieldGroup({ className, ...props }: ComponentProps<typeof BaseNumberField.Group>) {\n return <BaseNumberField.Group {...props} className={cn(\"rounded-ui-md border-border bg-background focus-within:border-ring focus-within:ring-ring/40 flex h-10 items-center border outline-none focus-within:ring-2\", className)} />;\n}\n\nfunction NumberFieldInput({ className, ...props }: ComponentProps<typeof BaseNumberField.Input>) {\n return <BaseNumberField.Input {...props} className={cn(\"text-foreground min-w-0 flex-1 bg-transparent px-3 text-sm outline-none\", className)} />;\n}\n\nfunction NumberFieldIncrement({ className, ...props }: ComponentProps<typeof BaseNumberField.Increment>) {\n return <BaseNumberField.Increment {...props} className={cn(\"border-border text-muted-foreground hover:bg-muted flex h-full items-center justify-center border-l px-3\", className)}><IconPlus size={16} aria-hidden=\"true\" /></BaseNumberField.Increment>;\n}\n\nfunction NumberFieldDecrement({ className, ...props }: ComponentProps<typeof BaseNumberField.Decrement>) {\n return <BaseNumberField.Decrement {...props} className={cn(\"border-border text-muted-foreground hover:bg-muted flex h-full items-center justify-center border-r px-3\", className)}><IconMinus size={16} aria-hidden=\"true\" /></BaseNumberField.Decrement>;\n}\n\nexport const NumberField = Object.assign(NumberFieldRoot, {\n Group: NumberFieldGroup,\n Input: NumberFieldInput,\n Increment: NumberFieldIncrement,\n Decrement: NumberFieldDecrement,\n});\n"],"mappings":";;;;;AAKA,IAAM,kBAAkBA,YAAgB;AAExC,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAuD;CAC/F,OAAO,oBAACA,YAAgB,OAAjB;EAAuB,GAAI;EAAO,WAAW,GAAG,+JAA+J,SAAS;CAAI,CAAA;AACrO;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAuD;CAC/F,OAAO,oBAACA,YAAgB,OAAjB;EAAuB,GAAI;EAAO,WAAW,GAAG,2EAA2E,SAAS;CAAI,CAAA;AACjJ;AAEA,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAA2D;CACvG,OAAO,oBAACA,YAAgB,WAAjB;EAA2B,GAAI;EAAO,WAAW,GAAG,4GAA4G,SAAS;EAAG,UAAA,oBAAC,UAAD;GAAU,MAAM;GAAI,eAAY;EAAQ,CAAA;CAA4B,CAAA;AACzP;AAEA,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAA2D;CACvG,OAAO,oBAACA,YAAgB,WAAjB;EAA2B,GAAI;EAAO,WAAW,GAAG,4GAA4G,SAAS;EAAG,UAAA,oBAAC,WAAD;GAAW,MAAM;GAAI,eAAY;EAAQ,CAAA;CAA4B,CAAA;AAC1P;AAEA,IAAaC,gBAAc,OAAO,OAAO,iBAAiB;CACxD,OAAO;CACP,OAAO;CACP,WAAW;CACX,WAAW;AACb,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { OTPField } from "@base-ui/react/otp-field";
|
|
4
4
|
// src/components/otp-field/otp-field.tsx
|
|
5
|
-
function
|
|
5
|
+
function OTPFieldRoot({ className, ...props }) {
|
|
6
6
|
return /* @__PURE__ */ jsx(OTPField.Root, {
|
|
7
7
|
...props,
|
|
8
8
|
className: cn("flex items-center gap-2", className)
|
|
@@ -20,6 +20,10 @@ function OTPFieldSeparator({ className, ...props }) {
|
|
|
20
20
|
className: cn("bg-border h-px w-3", className)
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
|
-
|
|
23
|
+
var OTPField$1 = Object.assign(OTPFieldRoot, {
|
|
24
|
+
Input: OTPFieldInput,
|
|
25
|
+
Separator: OTPFieldSeparator
|
|
26
|
+
});
|
|
27
|
+
export { OTPField$1 as t };
|
|
24
28
|
|
|
25
|
-
//# sourceMappingURL=otp-field-
|
|
29
|
+
//# sourceMappingURL=otp-field-DZmagJ_O.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"otp-field-DZmagJ_O.js","names":["BaseOTPField","OTPField"],"sources":["../src/components/otp-field/otp-field.tsx"],"sourcesContent":["import { OTPField as BaseOTPField } from \"@base-ui/react/otp-field\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nfunction OTPFieldRoot({ className, ...props }: ComponentProps<typeof BaseOTPField.Root>) {\n return <BaseOTPField.Root {...props} className={cn(\"flex items-center gap-2\", className)} />;\n}\n\nfunction OTPFieldInput({ className, ...props }: ComponentProps<typeof BaseOTPField.Input>) {\n return <BaseOTPField.Input {...props} className={cn(\"rounded-ui-md border-border bg-background text-foreground aria-invalid:border-danger focus-visible:border-ring focus-visible:ring-ring/40 size-11 border text-center text-lg font-medium outline-none focus-visible:ring-2\", className)} />;\n}\n\nfunction OTPFieldSeparator({ className, ...props }: ComponentProps<typeof BaseOTPField.Separator>) {\n return <BaseOTPField.Separator {...props} className={cn(\"bg-border h-px w-3\", className)} />;\n}\n\nexport const OTPField = Object.assign(OTPFieldRoot, {\n Input: OTPFieldInput,\n Separator: OTPFieldSeparator,\n});\n"],"mappings":";;;;AAIA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmD;CACvF,OAAO,oBAACA,SAAa,MAAd;EAAmB,GAAI;EAAO,WAAW,GAAG,2BAA2B,SAAS;CAAI,CAAA;AAC7F;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAoD;CACzF,OAAO,oBAACA,SAAa,OAAd;EAAoB,GAAI;EAAO,WAAW,GAAG,8NAA8N,SAAS;CAAI,CAAA;AACjS;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAwD;CACjG,OAAO,oBAACA,SAAa,WAAd;EAAwB,GAAI;EAAO,WAAW,GAAG,sBAAsB,SAAS;CAAI,CAAA;AAC7F;AAEA,IAAaC,aAAW,OAAO,OAAO,cAAc;CAClD,OAAO;CACP,WAAW;AACb,CAAC"}
|
|
@@ -21,7 +21,7 @@ var paginationLinkVariants = cva("rounded-ui-md focus-visible:ring-ring focus-vi
|
|
|
21
21
|
size: "default"
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
var
|
|
24
|
+
var PaginationRoot = forwardRef(function Pagination({ className, "aria-label": ariaLabel = "pagination", ...props }, ref) {
|
|
25
25
|
return /* @__PURE__ */ jsx("nav", {
|
|
26
26
|
...props,
|
|
27
27
|
ref,
|
|
@@ -93,6 +93,14 @@ function PaginationEllipsis({ className, ...props }) {
|
|
|
93
93
|
})]
|
|
94
94
|
});
|
|
95
95
|
}
|
|
96
|
-
|
|
96
|
+
var Pagination = Object.assign(PaginationRoot, {
|
|
97
|
+
Content: PaginationContent,
|
|
98
|
+
Item: PaginationItem,
|
|
99
|
+
Link: PaginationLink,
|
|
100
|
+
Previous: PaginationPrevious,
|
|
101
|
+
Next: PaginationNext,
|
|
102
|
+
Ellipsis: PaginationEllipsis
|
|
103
|
+
});
|
|
104
|
+
export { Pagination as t };
|
|
97
105
|
|
|
98
|
-
//# sourceMappingURL=pagination-
|
|
106
|
+
//# sourceMappingURL=pagination-CSAJn5Ph.js.map
|