@walidsj/react-ui 0.1.5 → 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 +199 -6
- package/dist/accordion-nzbtc3_2.js +40 -0
- package/dist/accordion-nzbtc3_2.js.map +1 -0
- package/dist/alert-BQzMceKI.js +43 -0
- package/dist/alert-BQzMceKI.js.map +1 -0
- package/dist/alert-dialog-_E4de7AY.js +75 -0
- package/dist/alert-dialog-_E4de7AY.js.map +1 -0
- package/dist/aspect-ratio-CIVD_tCo.js +18 -0
- package/dist/aspect-ratio-CIVD_tCo.js.map +1 -0
- package/dist/autocomplete-CVD8GTVR.js +62 -0
- package/dist/autocomplete-CVD8GTVR.js.map +1 -0
- package/dist/avatar-1d_t2tas.js +42 -0
- package/dist/avatar-1d_t2tas.js.map +1 -0
- package/dist/breadcrumb-BGVDD5TT.js +57 -0
- package/dist/breadcrumb-BGVDD5TT.js.map +1 -0
- package/dist/{button-CYdt-JvA.js → button-BsqAkDSO.js} +9 -8
- package/dist/button-BsqAkDSO.js.map +1 -0
- package/dist/button-group-DPbwNPnT.js +16 -0
- package/dist/button-group-DPbwNPnT.js.map +1 -0
- package/dist/checkbox-DG9a1K_o.js +22 -0
- package/dist/checkbox-DG9a1K_o.js.map +1 -0
- package/dist/checkbox-group-DnC_1XMf.js +13 -0
- package/dist/checkbox-group-DnC_1XMf.js.map +1 -0
- package/dist/cn-Ccwc28Yd.js +1 -0
- package/dist/collapsible-odw6ynaJ.js +24 -0
- package/dist/collapsible-odw6ynaJ.js.map +1 -0
- package/dist/combobox-BjSMdUz_.js +98 -0
- package/dist/combobox-BjSMdUz_.js.map +1 -0
- package/dist/components/accordion/accordion.d.ts +11 -0
- package/dist/components/accordion/index.d.ts +1 -0
- package/dist/components/accordion/index.js +1 -0
- package/dist/components/alert/alert.d.ts +12 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/alert/index.js +1 -0
- package/dist/components/alert-dialog/alert-dialog.d.ts +21 -0
- package/dist/components/alert-dialog/index.d.ts +2 -0
- package/dist/components/alert-dialog/index.js +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.d.ts +6 -0
- package/dist/components/aspect-ratio/index.d.ts +2 -0
- package/dist/components/aspect-ratio/index.js +1 -0
- package/dist/components/autocomplete/autocomplete.d.ts +15 -0
- package/dist/components/autocomplete/index.d.ts +1 -0
- package/dist/components/autocomplete/index.js +1 -0
- package/dist/components/avatar/avatar-group.d.ts +3 -0
- package/dist/components/avatar/avatar.d.ts +9 -0
- package/dist/components/avatar/index.d.ts +2 -0
- package/dist/components/avatar/index.js +1 -0
- package/dist/components/badge/badge.d.ts +12 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +11 -0
- package/dist/components/breadcrumb/index.d.ts +1 -0
- package/dist/components/breadcrumb/index.js +1 -0
- package/dist/components/button/button.d.ts +1 -2
- package/dist/components/button/index.js +1 -1
- package/dist/components/button-group/button-group.d.ts +6 -0
- package/dist/components/button-group/index.d.ts +2 -0
- package/dist/components/button-group/index.js +1 -0
- package/dist/components/card/card.d.ts +7 -0
- package/dist/components/card/index.d.ts +1 -0
- package/dist/components/checkbox/checkbox.d.ts +3 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/checkbox/index.js +1 -0
- package/dist/components/checkbox-group/checkbox-group.d.ts +3 -0
- package/dist/components/checkbox-group/index.d.ts +1 -0
- package/dist/components/checkbox-group/index.js +1 -0
- package/dist/components/collapsible/collapsible.d.ts +9 -0
- package/dist/components/collapsible/index.d.ts +1 -0
- package/dist/components/collapsible/index.js +1 -0
- package/dist/components/combobox/combobox.d.ts +29 -0
- package/dist/components/combobox/index.d.ts +2 -0
- package/dist/components/combobox/index.js +1 -0
- package/dist/components/container/container.d.ts +1 -0
- package/dist/components/container/index.d.ts +1 -0
- package/dist/components/container/index.js +1 -0
- package/dist/components/context-menu/context-menu.d.ts +22 -0
- package/dist/components/context-menu/index.d.ts +1 -0
- package/dist/components/context-menu/index.js +1 -0
- package/dist/components/description-list/description-list.d.ts +4 -0
- package/dist/components/description-list/index.d.ts +1 -0
- package/dist/components/description-list/index.js +1 -0
- package/dist/components/dialog/dialog.d.ts +13 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/dialog/index.js +1 -0
- package/dist/components/drawer/drawer.d.ts +15 -0
- package/dist/components/drawer/index.d.ts +1 -0
- package/dist/components/drawer/index.js +1 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +12 -0
- package/dist/components/dropdown-menu/index.d.ts +1 -0
- package/dist/components/dropdown-menu/index.js +1 -0
- package/dist/components/empty/empty.d.ts +4 -0
- package/dist/components/empty/index.d.ts +1 -0
- package/dist/components/empty/index.js +1 -0
- package/dist/components/field/field.d.ts +11 -0
- package/dist/components/field/index.d.ts +1 -0
- package/dist/components/field/index.js +1 -0
- package/dist/components/fieldset/fieldset.d.ts +8 -0
- package/dist/components/fieldset/index.d.ts +1 -0
- package/dist/components/fieldset/index.js +1 -0
- package/dist/components/form/form.d.ts +3 -0
- package/dist/components/form/index.d.ts +1 -0
- package/dist/components/form/index.js +1 -0
- package/dist/components/icon-button/icon-button.d.ts +7 -0
- package/dist/components/icon-button/index.d.ts +2 -0
- package/dist/components/icon-button/index.js +1 -0
- package/dist/components/inline-code/index.d.ts +1 -0
- package/dist/components/inline-code/index.js +1 -0
- package/dist/components/inline-code/inline-code.d.ts +1 -0
- package/dist/components/input/index.js +1 -1
- package/dist/components/input-group/index.d.ts +1 -0
- package/dist/components/input-group/index.js +1 -0
- package/dist/components/input-group/input-group.d.ts +3 -0
- package/dist/components/kbd/index.d.ts +1 -0
- package/dist/components/kbd/index.js +1 -0
- package/dist/components/kbd/kbd.d.ts +1 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/label/label.d.ts +6 -0
- package/dist/components/link/index.d.ts +1 -0
- package/dist/components/link/index.js +1 -0
- package/dist/components/link/link.d.ts +1 -0
- package/dist/components/menubar/index.d.ts +1 -0
- package/dist/components/menubar/index.js +1 -0
- package/dist/components/menubar/menubar.d.ts +16 -0
- package/dist/components/meter/index.d.ts +2 -0
- package/dist/components/meter/index.js +1 -0
- package/dist/components/meter/meter.d.ts +13 -0
- package/dist/components/navigation-menu/index.d.ts +1 -0
- package/dist/components/navigation-menu/index.js +1 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +21 -0
- package/dist/components/number-field/index.d.ts +1 -0
- package/dist/components/number-field/index.js +1 -0
- package/dist/components/number-field/number-field.d.ts +13 -0
- package/dist/components/otp-field/index.d.ts +1 -0
- package/dist/components/otp-field/index.js +1 -0
- package/dist/components/otp-field/otp-field.d.ts +10 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/pagination/index.js +1 -0
- package/dist/components/pagination/pagination.d.ts +23 -0
- package/dist/components/popover/index.d.ts +1 -0
- package/dist/components/popover/index.js +1 -0
- package/dist/components/popover/popover.d.ts +13 -0
- package/dist/components/preview-card/index.d.ts +1 -0
- package/dist/components/preview-card/index.js +1 -0
- package/dist/components/preview-card/preview-card.d.ts +11 -0
- package/dist/components/progress/index.d.ts +1 -0
- package/dist/components/progress/index.js +1 -0
- package/dist/components/progress/progress.d.ts +3 -0
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/radio/index.js +1 -0
- package/dist/components/radio/radio.d.ts +3 -0
- package/dist/components/radio-group/index.d.ts +1 -0
- package/dist/components/radio-group/index.js +1 -0
- package/dist/components/radio-group/radio-group.d.ts +9 -0
- package/dist/components/scroll-area/index.d.ts +1 -0
- package/dist/components/scroll-area/index.js +1 -0
- package/dist/components/scroll-area/scroll-area.d.ts +3 -0
- package/dist/components/select/index.d.ts +1 -0
- package/dist/components/select/index.js +1 -0
- package/dist/components/select/select.d.ts +13 -0
- package/dist/components/separator/index.d.ts +2 -0
- package/dist/components/separator/separator.d.ts +6 -0
- package/dist/components/sheet/index.d.ts +2 -0
- package/dist/components/sheet/index.js +1 -0
- package/dist/components/sheet/sheet.d.ts +23 -0
- package/dist/components/sidebar/index.d.ts +1 -0
- package/dist/components/sidebar/index.js +1 -0
- package/dist/components/sidebar/sidebar.d.ts +10 -0
- package/dist/components/skeleton/index.d.ts +1 -0
- package/dist/components/skeleton/index.js +1 -0
- package/dist/components/skeleton/skeleton.d.ts +1 -0
- package/dist/components/slider/index.d.ts +1 -0
- package/dist/components/slider/index.js +1 -0
- package/dist/components/slider/slider.d.ts +3 -0
- package/dist/components/spinner/index.d.ts +2 -0
- package/dist/components/spinner/index.js +1 -0
- package/dist/components/spinner/spinner.d.ts +7 -0
- package/dist/components/status-indicator/index.d.ts +2 -0
- package/dist/components/status-indicator/index.js +1 -0
- package/dist/components/status-indicator/status-indicator.d.ts +6 -0
- package/dist/components/switch/index.d.ts +1 -0
- package/dist/components/switch/index.js +1 -0
- package/dist/components/switch/switch.d.ts +3 -0
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/table/index.js +1 -0
- package/dist/components/table/table.d.ts +9 -0
- package/dist/components/tabs/index.d.ts +1 -0
- package/dist/components/tabs/index.js +1 -0
- package/dist/components/tabs/tabs.d.ts +12 -0
- package/dist/components/textarea/index.js +1 -1
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/toast/index.js +1 -0
- package/dist/components/toast/toast.d.ts +15 -0
- package/dist/components/toggle/index.d.ts +1 -0
- package/dist/components/toggle/index.js +1 -0
- package/dist/components/toggle/toggle.d.ts +3 -0
- package/dist/components/toggle-group/index.d.ts +1 -0
- package/dist/components/toggle-group/index.js +1 -0
- package/dist/components/toggle-group/toggle-group.d.ts +9 -0
- package/dist/components/toolbar/index.d.ts +1 -0
- package/dist/components/toolbar/index.js +1 -0
- package/dist/components/toolbar/toolbar.d.ts +16 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/tooltip/index.js +1 -0
- package/dist/components/tooltip/tooltip.d.ts +9 -0
- package/dist/components/visually-hidden/index.d.ts +2 -0
- package/dist/components/visually-hidden/index.js +1 -0
- package/dist/components/visually-hidden/visually-hidden.d.ts +6 -0
- package/dist/container-BiCW_jGj.js +14 -0
- package/dist/container-BiCW_jGj.js.map +1 -0
- package/dist/context-menu-paRijJ7d.js +86 -0
- package/dist/context-menu-paRijJ7d.js.map +1 -0
- package/dist/description-list-DDfz-rHA.js +32 -0
- package/dist/description-list-DDfz-rHA.js.map +1 -0
- package/dist/dialog-wnHwh4r8.js +39 -0
- package/dist/dialog-wnHwh4r8.js.map +1 -0
- package/dist/{cn-BtC0eFBk.js → dist-hY1s01yz.js} +2 -3
- package/dist/dist-hY1s01yz.js.map +1 -0
- package/dist/drawer-C27gyXYB.js +59 -0
- package/dist/drawer-C27gyXYB.js.map +1 -0
- package/dist/dropdown-menu-nea36MKM.js +36 -0
- package/dist/dropdown-menu-nea36MKM.js.map +1 -0
- package/dist/empty-Cqrg0Hyt.js +32 -0
- package/dist/empty-Cqrg0Hyt.js.map +1 -0
- package/dist/field-C-2eNSGZ.js +31 -0
- package/dist/field-C-2eNSGZ.js.map +1 -0
- package/dist/fieldset-Cgl_KnGa.js +20 -0
- package/dist/fieldset-Cgl_KnGa.js.map +1 -0
- package/dist/form-CLslJWE_.js +13 -0
- package/dist/form-CLslJWE_.js.map +1 -0
- package/dist/icon-button-lHWx7t_U.js +19 -0
- package/dist/icon-button-lHWx7t_U.js.map +1 -0
- package/dist/index.d.ts +74 -0
- package/dist/index.js +166 -4
- package/dist/index.js.map +1 -0
- package/dist/inline-code-UqU5cSaC.js +14 -0
- package/dist/inline-code-UqU5cSaC.js.map +1 -0
- package/dist/{input-CAZTJfrq.js → input-D9nJXDHP.js} +5 -4
- package/dist/input-D9nJXDHP.js.map +1 -0
- package/dist/input-group-DgRdsJK8.js +23 -0
- package/dist/input-group-DgRdsJK8.js.map +1 -0
- package/dist/kbd-Bd9mF-xm.js +14 -0
- package/dist/kbd-Bd9mF-xm.js.map +1 -0
- package/dist/link-D-SpYJsE.js +14 -0
- package/dist/link-D-SpYJsE.js.map +1 -0
- package/dist/menubar-11VKbNs2.js +50 -0
- package/dist/menubar-11VKbNs2.js.map +1 -0
- package/dist/meter-Bn8OYigA.js +33 -0
- package/dist/meter-Bn8OYigA.js.map +1 -0
- package/dist/navigation-menu-DP7r2PP-.js +71 -0
- package/dist/navigation-menu-DP7r2PP-.js.map +1 -0
- package/dist/number-field-YJ_58VU5.js +47 -0
- package/dist/number-field-YJ_58VU5.js.map +1 -0
- package/dist/otp-field-DZmagJ_O.js +29 -0
- package/dist/otp-field-DZmagJ_O.js.map +1 -0
- package/dist/pagination-CSAJn5Ph.js +106 -0
- package/dist/pagination-CSAJn5Ph.js.map +1 -0
- package/dist/popover-COYlKfkf.js +39 -0
- package/dist/popover-COYlKfkf.js.map +1 -0
- package/dist/preview-card-ByyvdPvk.js +36 -0
- package/dist/preview-card-ByyvdPvk.js.map +1 -0
- package/dist/progress-CGxVjwpG.js +17 -0
- package/dist/progress-CGxVjwpG.js.map +1 -0
- package/dist/radio-CT-p4jz7.js +17 -0
- package/dist/radio-CT-p4jz7.js.map +1 -0
- package/dist/radio-group-OdNChchU.js +25 -0
- package/dist/radio-group-OdNChchU.js.map +1 -0
- package/dist/scroll-area-oMOK10-G.js +29 -0
- package/dist/scroll-area-oMOK10-G.js.map +1 -0
- package/dist/select--Rn5DQaC.js +54 -0
- package/dist/select--Rn5DQaC.js.map +1 -0
- package/dist/sheet-B6-iNDZG.js +66 -0
- package/dist/sheet-B6-iNDZG.js.map +1 -0
- package/dist/sidebar-C9YE73TS.js +82 -0
- package/dist/sidebar-C9YE73TS.js.map +1 -0
- package/dist/skeleton-CmJK1ao2.js +15 -0
- package/dist/skeleton-CmJK1ao2.js.map +1 -0
- package/dist/slider-Fhbdti2X.js +20 -0
- package/dist/slider-Fhbdti2X.js.map +1 -0
- package/dist/spinner-Xgsj2ClX.js +21 -0
- package/dist/spinner-Xgsj2ClX.js.map +1 -0
- package/dist/status-indicator-DnM1Iu7D.js +24 -0
- package/dist/status-indicator-DnM1Iu7D.js.map +1 -0
- package/dist/style.css +1634 -192
- package/dist/switch-C-i7Mmdd.js +14 -0
- package/dist/switch-C-i7Mmdd.js.map +1 -0
- package/dist/table-CH0H16pL.js +75 -0
- package/dist/table-CH0H16pL.js.map +1 -0
- package/dist/tabs-VnWSV0RD.js +33 -0
- package/dist/tabs-VnWSV0RD.js.map +1 -0
- package/dist/{textarea-BrjTLlfm.js → textarea-oT7xw8CO.js} +5 -4
- package/dist/textarea-oT7xw8CO.js.map +1 -0
- package/dist/toast-BkDQhrZ5.js +56 -0
- package/dist/toast-BkDQhrZ5.js.map +1 -0
- package/dist/toggle-CNd5ja2h.js +13 -0
- package/dist/toggle-CNd5ja2h.js.map +1 -0
- package/dist/toggle-group-B8vnkGCk.js +21 -0
- package/dist/toggle-group-B8vnkGCk.js.map +1 -0
- package/dist/toolbar-BVA36_dH.js +50 -0
- package/dist/toolbar-BVA36_dH.js.map +1 -0
- package/dist/tooltip-a7t8wv2L.js +24 -0
- package/dist/tooltip-a7t8wv2L.js.map +1 -0
- package/dist/visually-hidden-C8KngZTo.js +14 -0
- package/dist/visually-hidden-C8KngZTo.js.map +1 -0
- package/package.json +223 -1
- package/dist/button-CYdt-JvA.js.map +0 -1
- package/dist/cn-BtC0eFBk.js.map +0 -1
- package/dist/input-CAZTJfrq.js.map +0 -1
- package/dist/textarea-BrjTLlfm.js.map +0 -1
|
@@ -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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Field } from "@base-ui/react/field";
|
|
4
|
+
// src/components/field/field.tsx
|
|
5
|
+
var FieldRoot = Field.Root;
|
|
6
|
+
function FieldLabel({ className, ...props }) {
|
|
7
|
+
return /* @__PURE__ */ jsx(Field.Label, {
|
|
8
|
+
...props,
|
|
9
|
+
className: cn("text-foreground text-sm font-medium", className)
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function FieldDescription({ className, ...props }) {
|
|
13
|
+
return /* @__PURE__ */ jsx(Field.Description, {
|
|
14
|
+
...props,
|
|
15
|
+
className: cn("text-muted-foreground text-sm", className)
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
function FieldError({ className, ...props }) {
|
|
19
|
+
return /* @__PURE__ */ jsx(Field.Error, {
|
|
20
|
+
...props,
|
|
21
|
+
className: cn("text-danger text-sm", className)
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
var Field$1 = Object.assign(FieldRoot, {
|
|
25
|
+
Label: FieldLabel,
|
|
26
|
+
Description: FieldDescription,
|
|
27
|
+
Error: FieldError
|
|
28
|
+
});
|
|
29
|
+
export { Field$1 as t };
|
|
30
|
+
|
|
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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Fieldset } from "@base-ui/react/fieldset";
|
|
4
|
+
// src/components/fieldset/fieldset.tsx
|
|
5
|
+
function FieldsetRoot({ className, ...props }) {
|
|
6
|
+
return /* @__PURE__ */ jsx(Fieldset.Root, {
|
|
7
|
+
...props,
|
|
8
|
+
className: cn("flex min-w-0 flex-col gap-4", className)
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
function FieldsetLegend({ className, ...props }) {
|
|
12
|
+
return /* @__PURE__ */ jsx(Fieldset.Legend, {
|
|
13
|
+
...props,
|
|
14
|
+
className: cn("text-foreground mb-1 text-sm font-semibold", className)
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
var Fieldset$1 = Object.assign(FieldsetRoot, { Legend: FieldsetLegend });
|
|
18
|
+
export { Fieldset$1 as t };
|
|
19
|
+
|
|
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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Form } from "@base-ui/react/form";
|
|
4
|
+
// src/components/form/form.tsx
|
|
5
|
+
function Form$1({ className, ...props }) {
|
|
6
|
+
return /* @__PURE__ */ jsx(Form, {
|
|
7
|
+
...props,
|
|
8
|
+
className: cn("flex w-full flex-col gap-4", className)
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
export { Form$1 as t };
|
|
12
|
+
|
|
13
|
+
//# sourceMappingURL=form-CLslJWE_.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-CLslJWE_.js","names":["Form","BaseForm"],"sources":["../src/components/form/form.tsx"],"sourcesContent":["import { Form as BaseForm } from \"@base-ui/react/form\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport function Form<FormValues extends Record<string, any> = Record<string, any>>({ className, ...props }: ComponentProps<typeof BaseForm<FormValues>>) {\n return <BaseForm<FormValues> {...props} className={cn(\"flex w-full flex-col gap-4\", className)} />;\n}\n"],"mappings":";;;;AAIA,SAAgBA,OAAmE,EAAE,WAAW,GAAG,SAAsD;CACvJ,OAAO,oBAACC,MAAD;EAAsB,GAAI;EAAO,WAAW,GAAG,8BAA8B,SAAS;CAAI,CAAA;AACnG"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { t as Button } from "./button-BsqAkDSO.js";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
// src/components/icon-button/icon-button.tsx
|
|
5
|
+
var iconButtonSizeClasses = {
|
|
6
|
+
sm: "size-8 p-0",
|
|
7
|
+
md: "size-10 p-0",
|
|
8
|
+
lg: "size-12 p-0"
|
|
9
|
+
};
|
|
10
|
+
function IconButton({ className, size = "md", ...props }) {
|
|
11
|
+
return /* @__PURE__ */ jsx(Button, {
|
|
12
|
+
...props,
|
|
13
|
+
size,
|
|
14
|
+
className: cn("shrink-0", iconButtonSizeClasses[size], className)
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
export { IconButton as t };
|
|
18
|
+
|
|
19
|
+
//# sourceMappingURL=icon-button-lHWx7t_U.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button-lHWx7t_U.js","names":[],"sources":["../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { type ButtonProps, Button } from \"../button\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type IconButtonProps = Omit<ButtonProps, \"aria-label\" | \"children\"> & {\n \"aria-label\": string;\n children: ReactNode;\n};\n\nconst iconButtonSizeClasses = {\n sm: \"size-8 p-0\",\n md: \"size-10 p-0\",\n lg: \"size-12 p-0\",\n} as const;\n\nexport function IconButton({ className, size = \"md\", ...props }: IconButtonProps) {\n return (\n <Button\n {...props}\n size={size}\n className={cn(\"shrink-0\", iconButtonSizeClasses[size], className)}\n />\n );\n}\n"],"mappings":";;;;AASA,IAAM,wBAAwB;CAC5B,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,WAAW,EAAE,WAAW,OAAO,MAAM,GAAG,SAA0B;CAChF,OACE,oBAAC,QAAD;EACE,GAAI;EACE;EACN,WAAW,GAAG,YAAY,sBAAsB,OAAO,SAAS;CACjE,CAAA;AAEL"}
|
package/dist/index.d.ts
CHANGED
|
@@ -4,3 +4,77 @@ export type { InputProps, InputSize } from './components/input';
|
|
|
4
4
|
export { Input } from './components/input';
|
|
5
5
|
export type { TextareaProps, TextareaSize } from './components/textarea';
|
|
6
6
|
export { Textarea } from './components/textarea';
|
|
7
|
+
export type { BadgeProps, BadgeVariant } from './components/badge';
|
|
8
|
+
export { Badge } from './components/badge';
|
|
9
|
+
export { Card } from './components/card';
|
|
10
|
+
export type { LabelProps } from './components/label';
|
|
11
|
+
export { Label } from './components/label';
|
|
12
|
+
export type { SeparatorProps } from './components/separator';
|
|
13
|
+
export { Separator } from './components/separator';
|
|
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
|
+
export { Switch } from './components/switch';
|
|
19
|
+
export { Checkbox } from './components/checkbox';
|
|
20
|
+
export { Select } from './components/select';
|
|
21
|
+
export { Accordion } from './components/accordion';
|
|
22
|
+
export { Avatar, AvatarGroup } from './components/avatar';
|
|
23
|
+
export type { AlertProps } from './components/alert';
|
|
24
|
+
export { Alert } from './components/alert';
|
|
25
|
+
export { Table } from './components/table';
|
|
26
|
+
export { Progress } from './components/progress';
|
|
27
|
+
export { Skeleton } from './components/skeleton';
|
|
28
|
+
export { Popover } from './components/popover';
|
|
29
|
+
export { RadioGroup } from './components/radio-group';
|
|
30
|
+
export { Radio } from './components/radio';
|
|
31
|
+
export { AspectRatio } from './components/aspect-ratio';
|
|
32
|
+
export type { AspectRatioProps } from './components/aspect-ratio';
|
|
33
|
+
export { Kbd } from './components/kbd';
|
|
34
|
+
export { Empty } from './components/empty';
|
|
35
|
+
export { InlineCode } from './components/inline-code';
|
|
36
|
+
export { Spinner } from './components/spinner';
|
|
37
|
+
export type { SpinnerProps, SpinnerSize } from './components/spinner';
|
|
38
|
+
export { ButtonGroup } from './components/button-group';
|
|
39
|
+
export type { ButtonGroupOrientation, ButtonGroupProps } from './components/button-group';
|
|
40
|
+
export { VisuallyHidden } from './components/visually-hidden';
|
|
41
|
+
export type { VisuallyHiddenProps } from './components/visually-hidden';
|
|
42
|
+
export { Sidebar } from './components/sidebar';
|
|
43
|
+
export { IconButton } from './components/icon-button';
|
|
44
|
+
export type { IconButtonProps } from './components/icon-button';
|
|
45
|
+
export { DescriptionList } from './components/description-list';
|
|
46
|
+
export { StatusIndicator } from './components/status-indicator';
|
|
47
|
+
export type { StatusIndicatorProps, StatusIndicatorVariant } from './components/status-indicator';
|
|
48
|
+
export { InputGroup } from './components/input-group';
|
|
49
|
+
export { Link } from './components/link';
|
|
50
|
+
export { ToggleGroup } from './components/toggle-group';
|
|
51
|
+
export { Breadcrumb } from './components/breadcrumb';
|
|
52
|
+
export { Field } from './components/field';
|
|
53
|
+
export { Slider } from './components/slider';
|
|
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';
|
|
60
|
+
export { ScrollArea } from './components/scroll-area';
|
|
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';
|
|
65
|
+
export type { ComboboxContentProps } from './components/combobox';
|
|
66
|
+
export { Meter } from './components/meter';
|
|
67
|
+
export type { MeterProps, MeterVariant } from './components/meter';
|
|
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';
|
|
75
|
+
export { CheckboxGroup } from './components/checkbox-group';
|
|
76
|
+
export { PreviewCard } from './components/preview-card';
|
|
77
|
+
export { Drawer } from './components/drawer';
|
|
78
|
+
export { Toggle } from './components/toggle';
|
|
79
|
+
export { Form } from './components/form';
|
|
80
|
+
export { Container } from './components/container';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,166 @@
|
|
|
1
|
-
import { t as
|
|
2
|
-
import { t as
|
|
3
|
-
import { t as
|
|
4
|
-
|
|
1
|
+
import { t as cva } from "./dist-hY1s01yz.js";
|
|
2
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
3
|
+
import { t as Button } from "./button-BsqAkDSO.js";
|
|
4
|
+
import { t as Input } from "./input-D9nJXDHP.js";
|
|
5
|
+
import { t as Textarea } from "./textarea-oT7xw8CO.js";
|
|
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
|
+
import { t as Switch } from "./switch-C-i7Mmdd.js";
|
|
11
|
+
import { t as Checkbox } from "./checkbox-DG9a1K_o.js";
|
|
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
|
+
import { t as Progress } from "./progress-CGxVjwpG.js";
|
|
18
|
+
import { t as Skeleton } from "./skeleton-CmJK1ao2.js";
|
|
19
|
+
import { t as Popover } from "./popover-COYlKfkf.js";
|
|
20
|
+
import { t as RadioGroup } from "./radio-group-OdNChchU.js";
|
|
21
|
+
import { t as Radio } from "./radio-CT-p4jz7.js";
|
|
22
|
+
import { t as AspectRatio } from "./aspect-ratio-CIVD_tCo.js";
|
|
23
|
+
import { t as Kbd } from "./kbd-Bd9mF-xm.js";
|
|
24
|
+
import { t as Empty } from "./empty-Cqrg0Hyt.js";
|
|
25
|
+
import { t as InlineCode } from "./inline-code-UqU5cSaC.js";
|
|
26
|
+
import { t as Spinner } from "./spinner-Xgsj2ClX.js";
|
|
27
|
+
import { t as ButtonGroup } from "./button-group-DPbwNPnT.js";
|
|
28
|
+
import { t as VisuallyHidden } from "./visually-hidden-C8KngZTo.js";
|
|
29
|
+
import { t as Sidebar } from "./sidebar-C9YE73TS.js";
|
|
30
|
+
import { t as IconButton } from "./icon-button-lHWx7t_U.js";
|
|
31
|
+
import { t as DescriptionList } from "./description-list-DDfz-rHA.js";
|
|
32
|
+
import { t as StatusIndicator } from "./status-indicator-DnM1Iu7D.js";
|
|
33
|
+
import { t as InputGroup } from "./input-group-DgRdsJK8.js";
|
|
34
|
+
import { t as Link } from "./link-D-SpYJsE.js";
|
|
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
|
+
import { t as Slider } from "./slider-Fhbdti2X.js";
|
|
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
|
+
import { t as ScrollArea } from "./scroll-area-oMOK10-G.js";
|
|
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
|
+
import { t as Meter } from "./meter-Bn8OYigA.js";
|
|
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
|
+
import { t as CheckboxGroup } from "./checkbox-group-DnC_1XMf.js";
|
|
56
|
+
import { t as PreviewCard } from "./preview-card-ByyvdPvk.js";
|
|
57
|
+
import { t as Drawer } from "./drawer-C27gyXYB.js";
|
|
58
|
+
import { t as Toggle } from "./toggle-CNd5ja2h.js";
|
|
59
|
+
import { t as Form } from "./form-CLslJWE_.js";
|
|
60
|
+
import { t as Container } from "./container-BiCW_jGj.js";
|
|
61
|
+
import { forwardRef } from "react";
|
|
62
|
+
import { jsx } from "react/jsx-runtime";
|
|
63
|
+
import { Separator as Separator$1 } from "@base-ui/react/separator";
|
|
64
|
+
// src/components/badge/badge.tsx
|
|
65
|
+
var badgeVariants = cva("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", {
|
|
66
|
+
variants: {
|
|
67
|
+
variant: {
|
|
68
|
+
default: "bg-primary text-primary-foreground",
|
|
69
|
+
secondary: "bg-secondary text-secondary-foreground",
|
|
70
|
+
outline: "border-border bg-background text-foreground",
|
|
71
|
+
accent: "bg-accent text-accent-foreground",
|
|
72
|
+
success: "bg-success text-success-foreground",
|
|
73
|
+
warning: "bg-warning text-warning-foreground",
|
|
74
|
+
danger: "bg-danger text-danger-foreground"
|
|
75
|
+
},
|
|
76
|
+
size: {
|
|
77
|
+
sm: "px-2 py-px text-[11px] leading-4",
|
|
78
|
+
md: "px-2.5 py-0.5 text-xs leading-5",
|
|
79
|
+
lg: "px-3 py-1 text-sm leading-5"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
defaultVariants: {
|
|
83
|
+
variant: "default",
|
|
84
|
+
size: "md"
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
var Badge = forwardRef(function Badge({ className, variant = "default", size = "md", ...props }, ref) {
|
|
88
|
+
return /* @__PURE__ */ jsx("span", {
|
|
89
|
+
...props,
|
|
90
|
+
ref,
|
|
91
|
+
className: cn(badgeVariants({
|
|
92
|
+
variant,
|
|
93
|
+
size
|
|
94
|
+
}), className)
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
// src/components/card/card.tsx
|
|
98
|
+
var CardHeader = forwardRef(function CardHeader({ className, ...props }, ref) {
|
|
99
|
+
return /* @__PURE__ */ jsx("div", {
|
|
100
|
+
...props,
|
|
101
|
+
ref,
|
|
102
|
+
className: cn("flex flex-col gap-1.5 p-6", className)
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
var CardTitle = forwardRef(function CardTitle({ className, ...props }, ref) {
|
|
106
|
+
return /* @__PURE__ */ jsx("h3", {
|
|
107
|
+
...props,
|
|
108
|
+
ref,
|
|
109
|
+
className: cn("text-foreground text-lg leading-none font-semibold tracking-tight", className)
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
var CardDescription = forwardRef(function CardDescription({ className, ...props }, ref) {
|
|
113
|
+
return /* @__PURE__ */ jsx("p", {
|
|
114
|
+
...props,
|
|
115
|
+
ref,
|
|
116
|
+
className: cn("text-muted-foreground text-sm", className)
|
|
117
|
+
});
|
|
118
|
+
});
|
|
119
|
+
var CardContent = forwardRef(function CardContent({ className, ...props }, ref) {
|
|
120
|
+
return /* @__PURE__ */ jsx("div", {
|
|
121
|
+
...props,
|
|
122
|
+
ref,
|
|
123
|
+
className: cn("p-6 pt-0", className)
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
var CardFooter = forwardRef(function CardFooter({ className, ...props }, ref) {
|
|
127
|
+
return /* @__PURE__ */ jsx("div", {
|
|
128
|
+
...props,
|
|
129
|
+
ref,
|
|
130
|
+
className: cn("flex items-center p-6 pt-0", className)
|
|
131
|
+
});
|
|
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
|
+
});
|
|
146
|
+
// src/components/label/label.tsx
|
|
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");
|
|
148
|
+
var Label = forwardRef(function Label({ className, ...props }, ref) {
|
|
149
|
+
return /* @__PURE__ */ jsx("label", {
|
|
150
|
+
...props,
|
|
151
|
+
ref,
|
|
152
|
+
className: cn(labelVariants(), className)
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
// src/components/separator/separator.tsx
|
|
156
|
+
var Separator = forwardRef(function Separator({ className, orientation = "horizontal", ...props }, ref) {
|
|
157
|
+
return /* @__PURE__ */ jsx(Separator$1, {
|
|
158
|
+
...props,
|
|
159
|
+
ref,
|
|
160
|
+
orientation,
|
|
161
|
+
className: cn("bg-border shrink-0", orientation === "horizontal" ? "h-px w-full" : "h-full w-px", className)
|
|
162
|
+
});
|
|
163
|
+
});
|
|
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 };
|
|
165
|
+
|
|
166
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +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\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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
// src/components/inline-code/inline-code.tsx
|
|
5
|
+
var InlineCode = forwardRef(function InlineCode({ className, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsx("code", {
|
|
7
|
+
...props,
|
|
8
|
+
ref,
|
|
9
|
+
className: cn("border-border bg-muted text-foreground rounded-ui-sm border px-1.5 py-0.5 font-mono text-[0.875em]", className)
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
export { InlineCode as t };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=inline-code-UqU5cSaC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-code-UqU5cSaC.js","names":[],"sources":["../src/components/inline-code/inline-code.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const InlineCode = forwardRef<HTMLElement, ComponentPropsWithoutRef<\"code\">>(\n function InlineCode({ className, ...props }, ref) {\n return (\n <code\n {...props}\n ref={ref}\n className={cn(\n \"border-border bg-muted text-foreground rounded-ui-sm border px-1.5 py-0.5 font-mono text-[0.875em]\",\n className,\n )}\n />\n );\n },\n);\n"],"mappings":";;;;AAGA,IAAa,aAAa,WACxB,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,sGACA,SACF;CACD,CAAA;AAEL,CACF"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { t as cva } from "./dist-hY1s01yz.js";
|
|
2
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
3
|
import { forwardRef } from "react";
|
|
3
4
|
import { jsx } from "react/jsx-runtime";
|
|
4
5
|
import { Input } from "@base-ui/react/input";
|
|
5
6
|
// src/components/input/input.tsx
|
|
6
|
-
var inputVariants = cva("rounded-ui-md border-border bg-background text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/
|
|
7
|
+
var inputVariants = cva("rounded-ui-md border-border bg-background text-foreground placeholder:text-muted-foreground aria-invalid:border-danger focus-visible:border-ring focus-visible:ring-ring/40 flex w-full border py-2 transition-colors outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50", {
|
|
7
8
|
variants: {
|
|
8
9
|
size: {
|
|
9
10
|
sm: "h-8 px-2.5 text-sm",
|
|
@@ -11,7 +12,7 @@ var inputVariants = cva("rounded-ui-md border-border bg-background text-foregrou
|
|
|
11
12
|
lg: "h-12 px-4 text-base"
|
|
12
13
|
},
|
|
13
14
|
invalid: {
|
|
14
|
-
true: "border-danger focus-visible:ring-danger/30",
|
|
15
|
+
true: "border-danger focus-visible:border-danger focus-visible:ring-danger/30",
|
|
15
16
|
false: ""
|
|
16
17
|
}
|
|
17
18
|
},
|
|
@@ -33,4 +34,4 @@ var Input$1 = forwardRef(function Input$2({ className, invalid = false, size = "
|
|
|
33
34
|
});
|
|
34
35
|
export { Input$1 as t };
|
|
35
36
|
|
|
36
|
-
//# sourceMappingURL=input-
|
|
37
|
+
//# sourceMappingURL=input-D9nJXDHP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-D9nJXDHP.js","names":["Input","BaseInput"],"sources":["../src/components/input/input.tsx"],"sourcesContent":["import { Input as BaseInput } from \"@base-ui/react/input\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { type ComponentPropsWithoutRef, forwardRef, type Ref } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst inputVariants = cva(\n \"rounded-ui-md border-border bg-background text-foreground placeholder:text-muted-foreground aria-invalid:border-danger focus-visible:border-ring focus-visible:ring-ring/40 flex w-full border py-2 transition-colors outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50\",\n {\n variants: {\n size: {\n sm: \"h-8 px-2.5 text-sm\",\n md: \"h-10 px-3 text-sm\",\n lg: \"h-12 px-4 text-base\",\n },\n invalid: {\n true: \"border-danger focus-visible:border-danger focus-visible:ring-danger/30\",\n false: \"\",\n },\n },\n defaultVariants: {\n size: \"md\",\n invalid: false,\n },\n },\n);\n\nexport type InputSize = NonNullable<VariantProps<typeof inputVariants>[\"size\"]>;\n\nexport interface InputProps\n extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n invalid?: boolean;\n size?: InputSize;\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n {\n className,\n invalid = false,\n size = \"md\",\n \"aria-invalid\": ariaInvalid,\n ...props\n },\n ref,\n) {\n return (\n <BaseInput\n {...props}\n ref={ref as Ref<HTMLElement>}\n aria-invalid={invalid || ariaInvalid}\n className={cn(inputVariants({ size, invalid }), className)}\n />\n );\n});\n"],"mappings":";;;;;;AAKA,IAAM,gBAAgB,IACpB,2SACA;CACE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,SAAS;GACP,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,SAAS;CACX;AACF,CACF;AAUA,IAAaA,UAAQ,WAAyC,SAASA,QACrE,EACE,WACA,UAAU,OACV,OAAO,MACP,gBAAgB,aAChB,GAAG,SAEL,KACA;CACA,OACE,oBAACC,OAAD;EACE,GAAI;EACC;EACL,gBAAc,WAAW;EACzB,WAAW,GAAG,cAAc;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;CAC1D,CAAA;AAEL,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
// src/components/input-group/input-group.tsx
|
|
5
|
+
var InputGroupRoot = forwardRef(function InputGroupRoot({ className, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsx("div", {
|
|
7
|
+
...props,
|
|
8
|
+
ref,
|
|
9
|
+
className: cn("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", className)
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
var InputGroupAddon = forwardRef(function InputGroupAddon({ className, ...props }, ref) {
|
|
13
|
+
return /* @__PURE__ */ jsx("span", {
|
|
14
|
+
...props,
|
|
15
|
+
ref,
|
|
16
|
+
"aria-hidden": props["aria-label"] ? void 0 : true,
|
|
17
|
+
className: cn("text-muted-foreground inline-flex shrink-0 items-center text-sm", className)
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
var InputGroup = Object.assign(InputGroupRoot, { Addon: InputGroupAddon });
|
|
21
|
+
export { InputGroup as t };
|
|
22
|
+
|
|
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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
// src/components/kbd/kbd.tsx
|
|
5
|
+
var Kbd = forwardRef(function Kbd({ className, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsx("kbd", {
|
|
7
|
+
...props,
|
|
8
|
+
ref,
|
|
9
|
+
className: cn("border-border bg-muted text-muted-foreground inline-flex min-h-5 items-center justify-center rounded-ui-sm border px-1.5 font-mono text-xs leading-none font-medium", className)
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
export { Kbd as t };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=kbd-Bd9mF-xm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kbd-Bd9mF-xm.js","names":[],"sources":["../src/components/kbd/kbd.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Kbd = forwardRef<HTMLElement, ComponentPropsWithoutRef<\"kbd\">>(\n function Kbd({ className, ...props }, ref) {\n return (\n <kbd\n {...props}\n ref={ref}\n className={cn(\n \"border-border bg-muted text-muted-foreground inline-flex min-h-5 items-center justify-center rounded-ui-sm border px-1.5 font-mono text-xs leading-none font-medium\",\n className,\n )}\n />\n );\n },\n);\n"],"mappings":";;;;AAGA,IAAa,MAAM,WACjB,SAAS,IAAI,EAAE,WAAW,GAAG,SAAS,KAAK;CACzC,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,uKACA,SACF;CACD,CAAA;AAEL,CACF"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
// src/components/link/link.tsx
|
|
5
|
+
var Link = forwardRef(function Link({ className, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsx("a", {
|
|
7
|
+
...props,
|
|
8
|
+
ref,
|
|
9
|
+
className: cn("text-link decoration-link/40 hover:text-link-foreground hover:decoration-link focus-visible:ring-ring rounded-sm underline underline-offset-4 outline-none focus-visible:ring-2", className)
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
export { Link as t };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=link-D-SpYJsE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-D-SpYJsE.js","names":[],"sources":["../src/components/link/link.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const Link = forwardRef<HTMLAnchorElement, ComponentPropsWithoutRef<\"a\">>(\n function Link({ className, ...props }, ref) {\n return (\n <a\n {...props}\n ref={ref}\n className={cn(\n \"text-link decoration-link/40 hover:text-link-foreground hover:decoration-link focus-visible:ring-ring rounded-sm underline underline-offset-4 outline-none focus-visible:ring-2\",\n className,\n )}\n />\n );\n },\n);\n"],"mappings":";;;;AAGA,IAAa,OAAO,WAClB,SAAS,KAAK,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1C,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,mLACA,SACF;CACD,CAAA;AAEL,CACF"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Menu } from "@base-ui/react/menu";
|
|
4
|
+
import { Menubar } from "@base-ui/react/menubar";
|
|
5
|
+
// src/components/menubar/menubar.tsx
|
|
6
|
+
function MenubarRoot({ className, ...props }) {
|
|
7
|
+
return /* @__PURE__ */ jsx(Menubar, {
|
|
8
|
+
...props,
|
|
9
|
+
className: cn("rounded-ui-md border-border bg-background flex w-fit items-center gap-1 border p-1", className)
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
var MenubarMenu = Menu.Root;
|
|
13
|
+
function MenubarTrigger({ className, ...props }) {
|
|
14
|
+
return /* @__PURE__ */ jsx(Menu.Trigger, {
|
|
15
|
+
...props,
|
|
16
|
+
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)
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function MenubarContent({ className, ...props }) {
|
|
20
|
+
return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
|
|
21
|
+
sideOffset: 4,
|
|
22
|
+
className: "z-50 outline-none",
|
|
23
|
+
children: /* @__PURE__ */ jsx(Menu.Popup, {
|
|
24
|
+
...props,
|
|
25
|
+
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)
|
|
26
|
+
})
|
|
27
|
+
}) });
|
|
28
|
+
}
|
|
29
|
+
function MenubarItem({ className, ...props }) {
|
|
30
|
+
return /* @__PURE__ */ jsx(Menu.Item, {
|
|
31
|
+
...props,
|
|
32
|
+
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)
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function MenubarSeparator({ className, ...props }) {
|
|
36
|
+
return /* @__PURE__ */ jsx(Menu.Separator, {
|
|
37
|
+
...props,
|
|
38
|
+
className: cn("bg-border -mx-1 my-1 h-px", className)
|
|
39
|
+
});
|
|
40
|
+
}
|
|
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 };
|
|
49
|
+
|
|
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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { t as cva } from "./dist-hY1s01yz.js";
|
|
2
|
+
import { t as cn } from "./cn-Ccwc28Yd.js";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { Meter } from "@base-ui/react/meter";
|
|
5
|
+
// src/components/meter/meter.tsx
|
|
6
|
+
var meterIndicatorVariants = cva("h-full rounded-full transition-[width]", {
|
|
7
|
+
variants: { variant: {
|
|
8
|
+
primary: "bg-primary",
|
|
9
|
+
success: "bg-success-foreground",
|
|
10
|
+
warning: "bg-warning-foreground",
|
|
11
|
+
danger: "bg-danger"
|
|
12
|
+
} },
|
|
13
|
+
defaultVariants: { variant: "primary" }
|
|
14
|
+
});
|
|
15
|
+
function Meter$1({ className, label, variant = "primary", ...props }) {
|
|
16
|
+
return /* @__PURE__ */ jsxs(Meter.Root, {
|
|
17
|
+
...props,
|
|
18
|
+
className: cn("flex w-full flex-col gap-2", className),
|
|
19
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
20
|
+
className: "flex items-baseline justify-between gap-3",
|
|
21
|
+
children: [label === void 0 ? /* @__PURE__ */ jsx("span", {}) : /* @__PURE__ */ jsx(Meter.Label, {
|
|
22
|
+
className: "text-foreground text-sm font-medium",
|
|
23
|
+
children: label
|
|
24
|
+
}), /* @__PURE__ */ jsx(Meter.Value, { className: "text-muted-foreground text-sm tabular-nums" })]
|
|
25
|
+
}), /* @__PURE__ */ jsx(Meter.Track, {
|
|
26
|
+
className: "bg-muted h-2 overflow-hidden rounded-full",
|
|
27
|
+
children: /* @__PURE__ */ jsx(Meter.Indicator, { className: cn(meterIndicatorVariants({ variant })) })
|
|
28
|
+
})]
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
export { Meter$1 as t };
|
|
32
|
+
|
|
33
|
+
//# sourceMappingURL=meter-Bn8OYigA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"meter-Bn8OYigA.js","names":["Meter","BaseMeter"],"sources":["../src/components/meter/meter.tsx"],"sourcesContent":["import { Meter as BaseMeter } from \"@base-ui/react/meter\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nconst meterIndicatorVariants = cva(\"h-full rounded-full transition-[width]\", {\n variants: {\n variant: {\n primary: \"bg-primary\",\n success: \"bg-success-foreground\",\n warning: \"bg-warning-foreground\",\n danger: \"bg-danger\",\n },\n },\n defaultVariants: { variant: \"primary\" },\n});\n\nexport type MeterVariant = NonNullable<VariantProps<typeof meterIndicatorVariants>[\"variant\"]>;\n\nexport interface MeterProps extends ComponentProps<typeof BaseMeter.Root> {\n label?: ReactNode;\n variant?: MeterVariant;\n}\n\nexport function Meter({ className, label, variant = \"primary\", ...props }: MeterProps) {\n return (\n <BaseMeter.Root {...props} className={cn(\"flex w-full flex-col gap-2\", className)}>\n <div className=\"flex items-baseline justify-between gap-3\">\n {label === undefined ? <span /> : <BaseMeter.Label className=\"text-foreground text-sm font-medium\">{label}</BaseMeter.Label>}\n <BaseMeter.Value className=\"text-muted-foreground text-sm tabular-nums\" />\n </div>\n <BaseMeter.Track className=\"bg-muted h-2 overflow-hidden rounded-full\">\n <BaseMeter.Indicator className={cn(meterIndicatorVariants({ variant }))} />\n </BaseMeter.Track>\n </BaseMeter.Root>\n );\n}\n"],"mappings":";;;;;AAKA,IAAM,yBAAyB,IAAI,0CAA0C;CAC3E,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ;CACV,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CAAC;AASD,SAAgBA,QAAM,EAAE,WAAW,OAAO,UAAU,WAAW,GAAG,SAAqB;CACrF,OACE,qBAACC,MAAU,MAAX;EAAgB,GAAI;EAAO,WAAW,GAAG,8BAA8B,SAAS;EAAhF,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,UAAU,KAAA,IAAY,oBAAC,QAAD,CAAO,CAAA,IAAI,oBAACA,MAAU,OAAX;IAAiB,WAAU;IAAuC,UAAA;GAAuB,CAAA,GAC3H,oBAACA,MAAU,OAAX,EAAiB,WAAU,6CAA8C,CAAA,CACtE;EACL,CAAA,GAAA,oBAACA,MAAU,OAAX;GAAiB,WAAU;GACzB,UAAA,oBAACA,MAAU,WAAX,EAAqB,WAAW,GAAG,uBAAuB,EAAE,QAAQ,CAAC,CAAC,EAAI,CAAA;EAC3D,CAAA,CACH;;AAEpB"}
|