lynote-ui 0.0.2 → 0.0.3
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 +110 -9
- package/dist/accordion/index.d.ts +1 -1
- package/dist/accordion/index.js +4 -4
- package/dist/accordion/index.js.map +1 -1
- package/dist/accordion/index.mjs +4 -4
- package/dist/accordion/index.mjs.map +1 -1
- package/dist/alert/index.d.ts +1 -1
- package/dist/alert/index.js +5 -5
- package/dist/alert/index.js.map +1 -1
- package/dist/alert/index.mjs +5 -5
- package/dist/alert/index.mjs.map +1 -1
- package/dist/alert-dialog/index.js +8 -8
- package/dist/alert-dialog/index.js.map +1 -1
- package/dist/alert-dialog/index.mjs +8 -8
- package/dist/alert-dialog/index.mjs.map +1 -1
- package/dist/aspect-ratio/index.js +2 -2
- package/dist/aspect-ratio/index.js.map +1 -1
- package/dist/aspect-ratio/index.mjs +2 -2
- package/dist/aspect-ratio/index.mjs.map +1 -1
- package/dist/avatar/index.d.ts +1 -1
- package/dist/avatar/index.js +6 -6
- package/dist/avatar/index.js.map +1 -1
- package/dist/avatar/index.mjs +6 -6
- package/dist/avatar/index.mjs.map +1 -1
- package/dist/badge/index.js +2 -2
- package/dist/badge/index.js.map +1 -1
- package/dist/badge/index.mjs +2 -2
- package/dist/badge/index.mjs.map +1 -1
- package/dist/breadcrumb/index.d.ts +1 -1
- package/dist/breadcrumb/index.js +3 -3
- package/dist/breadcrumb/index.js.map +1 -1
- package/dist/breadcrumb/index.mjs +3 -3
- package/dist/breadcrumb/index.mjs.map +1 -1
- package/dist/button/index.js +8 -8
- package/dist/button/index.js.map +1 -1
- package/dist/button/index.mjs +8 -8
- package/dist/button/index.mjs.map +1 -1
- package/dist/button-group/index.js +3 -3
- package/dist/button-group/index.js.map +1 -1
- package/dist/button-group/index.mjs +3 -3
- package/dist/button-group/index.mjs.map +1 -1
- package/dist/calendar/index.js +4 -4
- package/dist/calendar/index.js.map +1 -1
- package/dist/calendar/index.mjs +4 -4
- package/dist/calendar/index.mjs.map +1 -1
- package/dist/card/index.d.ts +1 -1
- package/dist/card/index.js +6 -6
- package/dist/card/index.js.map +1 -1
- package/dist/card/index.mjs +6 -6
- package/dist/card/index.mjs.map +1 -1
- package/dist/carousel/index.d.ts +1 -1
- package/dist/carousel/index.js +3 -3
- package/dist/carousel/index.js.map +1 -1
- package/dist/carousel/index.mjs +3 -3
- package/dist/carousel/index.mjs.map +1 -1
- package/dist/chart/index.d.ts +1 -1
- package/dist/chart/index.js +7 -7
- package/dist/chart/index.js.map +1 -1
- package/dist/chart/index.mjs +7 -7
- package/dist/chart/index.mjs.map +1 -1
- package/dist/checkbox/index.js +2 -2
- package/dist/checkbox/index.js.map +1 -1
- package/dist/checkbox/index.mjs +2 -2
- package/dist/checkbox/index.mjs.map +1 -1
- package/dist/collapsible/index.d.ts +1 -1
- package/dist/collapsible/index.js.map +1 -1
- package/dist/collapsible/index.mjs.map +1 -1
- package/dist/combobox/index.d.ts +1 -1
- package/dist/combobox/index.js +10 -10
- package/dist/combobox/index.js.map +1 -1
- package/dist/combobox/index.mjs +10 -10
- package/dist/combobox/index.mjs.map +1 -1
- package/dist/command/index.d.ts +1 -1
- package/dist/command/index.js +10 -10
- package/dist/command/index.js.map +1 -1
- package/dist/command/index.mjs +10 -10
- package/dist/command/index.mjs.map +1 -1
- package/dist/context-menu/index.d.ts +1 -1
- package/dist/context-menu/index.js +9 -9
- package/dist/context-menu/index.js.map +1 -1
- package/dist/context-menu/index.mjs +9 -9
- package/dist/context-menu/index.mjs.map +1 -1
- package/dist/date-picker/index.js.map +1 -1
- package/dist/date-picker/index.mjs.map +1 -1
- package/dist/dialog/index.js +7 -7
- package/dist/dialog/index.js.map +1 -1
- package/dist/dialog/index.mjs +7 -7
- package/dist/dialog/index.mjs.map +1 -1
- package/dist/drawer/index.d.ts +1 -1
- package/dist/drawer/index.js +6 -6
- package/dist/drawer/index.js.map +1 -1
- package/dist/drawer/index.mjs +6 -6
- package/dist/drawer/index.mjs.map +1 -1
- package/dist/dropdown-menu/index.d.ts +1 -1
- package/dist/dropdown-menu/index.js +10 -10
- package/dist/dropdown-menu/index.js.map +1 -1
- package/dist/dropdown-menu/index.mjs +10 -10
- package/dist/dropdown-menu/index.mjs.map +1 -1
- package/dist/empty/index.d.ts +1 -1
- package/dist/empty/index.js +5 -5
- package/dist/empty/index.js.map +1 -1
- package/dist/empty/index.mjs +5 -5
- package/dist/empty/index.mjs.map +1 -1
- package/dist/field/index.d.ts +1 -1
- package/dist/field/index.js +9 -9
- package/dist/field/index.js.map +1 -1
- package/dist/field/index.mjs +9 -9
- package/dist/field/index.mjs.map +1 -1
- package/dist/form/index.js +1 -1
- package/dist/form/index.mjs +1 -1
- package/dist/{form-DaFoHvkT.mjs → form-DLd4sOko.mjs} +2 -2
- package/dist/form-DLd4sOko.mjs.map +1 -0
- package/dist/{form-CJuxZz3w.js → form-h_cJBAwg.js} +2 -2
- package/dist/form-h_cJBAwg.js.map +1 -0
- package/dist/hover-card/index.d.ts +1 -1
- package/dist/hover-card/index.js +2 -2
- package/dist/hover-card/index.js.map +1 -1
- package/dist/hover-card/index.mjs +2 -2
- package/dist/hover-card/index.mjs.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/dist/input/index.js +2 -2
- package/dist/input/index.js.map +1 -1
- package/dist/input/index.mjs +2 -2
- package/dist/input/index.mjs.map +1 -1
- package/dist/input-group/index.d.ts +1 -1
- package/dist/input-group/index.js +8 -8
- package/dist/input-group/index.js.map +1 -1
- package/dist/input-group/index.mjs +8 -8
- package/dist/input-group/index.mjs.map +1 -1
- package/dist/input-otp/index.js +1 -1
- package/dist/input-otp/index.js.map +1 -1
- package/dist/input-otp/index.mjs +1 -1
- package/dist/input-otp/index.mjs.map +1 -1
- package/dist/item/index.d.ts +1 -1
- package/dist/item/index.js +8 -8
- package/dist/item/index.js.map +1 -1
- package/dist/item/index.mjs +8 -8
- package/dist/item/index.mjs.map +1 -1
- package/dist/kbd/index.js +2 -2
- package/dist/kbd/index.js.map +1 -1
- package/dist/kbd/index.mjs +2 -2
- package/dist/kbd/index.mjs.map +1 -1
- package/dist/label/index.js +2 -2
- package/dist/label/index.js.map +1 -1
- package/dist/label/index.mjs +2 -2
- package/dist/label/index.mjs.map +1 -1
- package/dist/menubar/index.d.ts +1 -1
- package/dist/menubar/index.js +11 -11
- package/dist/menubar/index.js.map +1 -1
- package/dist/menubar/index.mjs +11 -11
- package/dist/menubar/index.mjs.map +1 -1
- package/dist/native-select/index.js +3 -3
- package/dist/native-select/index.js.map +1 -1
- package/dist/native-select/index.mjs +3 -3
- package/dist/native-select/index.mjs.map +1 -1
- package/dist/navigation-menu/index.d.ts +1 -1
- package/dist/navigation-menu/index.js +10 -10
- package/dist/navigation-menu/index.js.map +1 -1
- package/dist/navigation-menu/index.mjs +10 -10
- package/dist/navigation-menu/index.mjs.map +1 -1
- package/dist/pagination/index.js +1 -1
- package/dist/pagination/index.js.map +1 -1
- package/dist/pagination/index.mjs +1 -1
- package/dist/pagination/index.mjs.map +1 -1
- package/dist/popover/index.d.ts +7 -10
- package/dist/popover/index.js +19 -21
- package/dist/popover/index.js.map +1 -1
- package/dist/popover/index.mjs +18 -19
- package/dist/popover/index.mjs.map +1 -1
- package/dist/progress/index.d.ts +1 -1
- package/dist/progress/index.js +4 -4
- package/dist/progress/index.js.map +1 -1
- package/dist/progress/index.mjs +4 -4
- package/dist/progress/index.mjs.map +1 -1
- package/dist/radio-group/index.js +3 -3
- package/dist/radio-group/index.js.map +1 -1
- package/dist/radio-group/index.mjs +3 -3
- package/dist/radio-group/index.mjs.map +1 -1
- package/dist/resizable/index.js +3 -3
- package/dist/resizable/index.js.map +1 -1
- package/dist/resizable/index.mjs +3 -3
- package/dist/resizable/index.mjs.map +1 -1
- package/dist/scroll-area/index.js +4 -4
- package/dist/scroll-area/index.js.map +1 -1
- package/dist/scroll-area/index.mjs +4 -4
- package/dist/scroll-area/index.mjs.map +1 -1
- package/dist/select/index.js +9 -9
- package/dist/select/index.js.map +1 -1
- package/dist/select/index.mjs +9 -9
- package/dist/select/index.mjs.map +1 -1
- package/dist/separator/index.js +2 -2
- package/dist/separator/index.js.map +1 -1
- package/dist/separator/index.mjs +2 -2
- package/dist/separator/index.mjs.map +1 -1
- package/dist/sheet/index.d.ts +1 -1
- package/dist/sheet/index.js +6 -6
- package/dist/sheet/index.js.map +1 -1
- package/dist/sheet/index.mjs +6 -6
- package/dist/sheet/index.mjs.map +1 -1
- package/dist/sidebar/index.js +1 -1
- package/dist/sidebar/index.mjs +1 -1
- package/dist/{sidebar-DypRvfnS.mjs → sidebar-Ddt6hBj_.mjs} +21 -21
- package/dist/sidebar-Ddt6hBj_.mjs.map +1 -0
- package/dist/{sidebar-DlE_DZYH.js → sidebar-E9uledix.js} +21 -21
- package/dist/sidebar-E9uledix.js.map +1 -0
- package/dist/skeleton/index.js +2 -2
- package/dist/skeleton/index.js.map +1 -1
- package/dist/skeleton/index.mjs +2 -2
- package/dist/skeleton/index.mjs.map +1 -1
- package/dist/slider/index.js +5 -5
- package/dist/slider/index.js.map +1 -1
- package/dist/slider/index.mjs +5 -5
- package/dist/slider/index.mjs.map +1 -1
- package/dist/sonner-BbeMMXzI.js.map +1 -1
- package/dist/sonner-CRcX7M_W.mjs.map +1 -1
- package/dist/spinner/index.js +1 -1
- package/dist/spinner/index.js.map +1 -1
- package/dist/spinner/index.mjs +1 -1
- package/dist/spinner/index.mjs.map +1 -1
- package/dist/switch/index.js +3 -3
- package/dist/switch/index.js.map +1 -1
- package/dist/switch/index.mjs +3 -3
- package/dist/switch/index.mjs.map +1 -1
- package/dist/table/index.d.ts +1 -1
- package/dist/table/index.js +6 -6
- package/dist/table/index.js.map +1 -1
- package/dist/table/index.mjs +6 -6
- package/dist/table/index.mjs.map +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/tabs/index.js +4 -4
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +4 -4
- package/dist/tabs/index.mjs.map +1 -1
- package/dist/textarea/index.js +2 -2
- package/dist/textarea/index.js.map +1 -1
- package/dist/textarea/index.mjs +2 -2
- package/dist/textarea/index.mjs.map +1 -1
- package/dist/toggle/index.js +3 -3
- package/dist/toggle/index.js.map +1 -1
- package/dist/toggle/index.mjs +3 -3
- package/dist/toggle/index.mjs.map +1 -1
- package/dist/toggle-group/index.js +3 -3
- package/dist/toggle-group/index.js.map +1 -1
- package/dist/toggle-group/index.mjs +3 -3
- package/dist/toggle-group/index.mjs.map +1 -1
- package/dist/tooltip/index.d.ts +1 -1
- package/dist/tooltip/index.js +3 -3
- package/dist/tooltip/index.js.map +1 -1
- package/dist/tooltip/index.mjs +3 -3
- package/dist/tooltip/index.mjs.map +1 -1
- package/dist/{utils-D5ml961t.js → utils-BGuEr0aP.js} +2 -2
- package/dist/utils-BGuEr0aP.js.map +1 -0
- package/dist/{utils-Dc9Lnfye.mjs → utils-TtTqRIUX.mjs} +2 -2
- package/dist/utils-TtTqRIUX.mjs.map +1 -0
- package/package.json +2 -28
- package/dist/form-CJuxZz3w.js.map +0 -1
- package/dist/form-DaFoHvkT.mjs.map +0 -1
- package/dist/hooks/use-mobile.d.ts +0 -1
- package/dist/lib/cva.d.ts +0 -1
- package/dist/lib/index.d.ts +0 -2
- package/dist/lib/utils.d.ts +0 -2
- package/dist/sidebar-DlE_DZYH.js.map +0 -1
- package/dist/sidebar-DypRvfnS.mjs.map +0 -1
- package/dist/style.css +0 -6285
- package/dist/utils-D5ml961t.js.map +0 -1
- package/dist/utils-Dc9Lnfye.mjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as cn } from "../utils-
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
1
|
+
import { t as cn } from "../utils-TtTqRIUX.mjs";
|
|
3
2
|
import { ChevronDownIcon } from "lucide-react";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
|
|
6
6
|
//#region src/navigation-menu/index.tsx
|
|
@@ -26,7 +26,7 @@ function NavigationMenuItem({ className, ...props }) {
|
|
|
26
26
|
...props
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
|
-
var navigationMenuTriggerStyle = cva("group/navigation-menu-trigger
|
|
29
|
+
var navigationMenuTriggerStyle = cva("group/navigation-menu-trigger hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium outline-none transition-all focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");
|
|
30
30
|
function NavigationMenuTrigger({ className, children, ...props }) {
|
|
31
31
|
return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
|
|
32
32
|
"data-slot": "navigation-menu-trigger",
|
|
@@ -36,7 +36,7 @@ function NavigationMenuTrigger({ className, children, ...props }) {
|
|
|
36
36
|
children,
|
|
37
37
|
" ",
|
|
38
38
|
/* @__PURE__ */ jsx(ChevronDownIcon, {
|
|
39
|
-
className: "
|
|
39
|
+
className: "group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180 relative top-px ml-1 size-3 transition duration-300",
|
|
40
40
|
"aria-hidden": "true"
|
|
41
41
|
})
|
|
42
42
|
]
|
|
@@ -45,7 +45,7 @@ function NavigationMenuTrigger({ className, children, ...props }) {
|
|
|
45
45
|
function NavigationMenuContent({ className, ...props }) {
|
|
46
46
|
return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
|
|
47
47
|
"data-slot": "navigation-menu-content",
|
|
48
|
-
className: cn("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%]
|
|
48
|
+
className: cn("data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300", className),
|
|
49
49
|
...props
|
|
50
50
|
});
|
|
51
51
|
}
|
|
@@ -55,10 +55,10 @@ function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8,
|
|
|
55
55
|
sideOffset,
|
|
56
56
|
align,
|
|
57
57
|
alignOffset,
|
|
58
|
-
className: cn("
|
|
58
|
+
className: cn("h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) data-instant:transition-none isolate z-50 transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:top-[-10px]", className),
|
|
59
59
|
...props,
|
|
60
60
|
children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
|
|
61
|
-
className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width)
|
|
61
|
+
className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 relative rounded-lg shadow outline-none ring-1 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]",
|
|
62
62
|
children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" })
|
|
63
63
|
})
|
|
64
64
|
}) });
|
|
@@ -66,16 +66,16 @@ function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8,
|
|
|
66
66
|
function NavigationMenuLink({ className, ...props }) {
|
|
67
67
|
return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
|
|
68
68
|
"data-slot": "navigation-menu-link",
|
|
69
|
-
className: cn("
|
|
69
|
+
className: cn("hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm outline-none transition-all focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
70
70
|
...props
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
function NavigationMenuIndicator({ className, ...props }) {
|
|
74
74
|
return /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
|
|
75
75
|
"data-slot": "navigation-menu-indicator",
|
|
76
|
-
className: cn("
|
|
76
|
+
className: cn("z-1 data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full flex h-1.5 items-end justify-center overflow-hidden", className),
|
|
77
77
|
...props,
|
|
78
|
-
children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm
|
|
78
|
+
children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
81
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/navigation-menu/index.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/navigation-menu/index.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\";\nimport { cva } from \"class-variance-authority\";\n\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cn } from \"../../lib\";\n\nfunction NavigationMenu({\n align = \"start\",\n className,\n children,\n ...props\n}: NavigationMenuPrimitive.Root.Props &\n Pick<NavigationMenuPrimitive.Positioner.Props, \"align\">) {\n return (\n <NavigationMenuPrimitive.Root\n data-slot=\"navigation-menu\"\n className={cn(\n \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n className,\n )}\n {...props}\n >\n {children}\n <NavigationMenuPositioner align={align} />\n </NavigationMenuPrimitive.Root>\n );\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>) {\n return (\n <NavigationMenuPrimitive.List\n data-slot=\"navigation-menu-list\"\n className={cn(\n \"group flex flex-1 list-none items-center justify-center gap-0\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>) {\n return (\n <NavigationMenuPrimitive.Item\n data-slot=\"navigation-menu-item\"\n className={cn(\"relative\", className)}\n {...props}\n />\n );\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium outline-none transition-all focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50\",\n);\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n return (\n <NavigationMenuPrimitive.Trigger\n data-slot=\"navigation-menu-trigger\"\n className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDownIcon\n className=\"group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180 relative top-px ml-1 size-3 transition duration-300\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n );\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: NavigationMenuPrimitive.Content.Props) {\n return (\n <NavigationMenuPrimitive.Content\n data-slot=\"navigation-menu-content\"\n className={cn(\n \"data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuPositioner({\n className,\n side = \"bottom\",\n sideOffset = 8,\n align = \"start\",\n alignOffset = 0,\n ...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n return (\n <NavigationMenuPrimitive.Portal>\n <NavigationMenuPrimitive.Positioner\n side={side}\n sideOffset={sideOffset}\n align={align}\n alignOffset={alignOffset}\n className={cn(\n \"h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) data-instant:transition-none isolate z-50 transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-[side=bottom]:before:left-0 data-[side=bottom]:before:right-0 data-[side=bottom]:before:top-[-10px]\",\n className,\n )}\n {...props}\n >\n <NavigationMenuPrimitive.Popup className=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) h-(--popup-height) w-(--popup-width) origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0 relative rounded-lg shadow outline-none ring-1 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]\">\n <NavigationMenuPrimitive.Viewport className=\"relative size-full overflow-hidden\" />\n </NavigationMenuPrimitive.Popup>\n </NavigationMenuPrimitive.Positioner>\n </NavigationMenuPrimitive.Portal>\n );\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: NavigationMenuPrimitive.Link.Props) {\n return (\n <NavigationMenuPrimitive.Link\n data-slot=\"navigation-menu-link\"\n className={cn(\n \"hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm outline-none transition-all focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) {\n return (\n <NavigationMenuPrimitive.Icon\n data-slot=\"navigation-menu-indicator\"\n className={cn(\n \"z-1 data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full flex h-1.5 items-end justify-center overflow-hidden\",\n className,\n )}\n {...props}\n >\n <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n </NavigationMenuPrimitive.Icon>\n );\n}\n\nexport {\n NavigationMenu,\n NavigationMenuContent,\n NavigationMenuIndicator,\n NavigationMenuItem,\n NavigationMenuLink,\n NavigationMenuList,\n NavigationMenuPositioner,\n NavigationMenuTrigger,\n navigationMenuTriggerStyle,\n};\n"],"mappings":";;;;;;AAMA,SAAS,eAAe,EACtB,QAAQ,SACR,WACA,UACA,GAAG,SAEsD;AACzD,QACE,qBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,oFACA,UACD;EACD,GAAI;YANN,CAQG,UACD,oBAAC,0BAAD,EAAiC,OAAS,CAAA,CACb;;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;EACJ,CAAA;;AAIN,IAAM,6BAA6B,IACjC,qbACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SACqC;AACxC,QACE,qBAAC,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;YAHN;GAKG;GAAU;GACX,oBAAC,iBAAD;IACE,WAAU;IACV,eAAY;IACZ,CAAA;GAC8B;;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SACqC;AACxC,QACE,oBAAC,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GACT,inDACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,yBAAyB,EAChC,WACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,GAAG,SACwC;AAC3C,QACE,oBAAC,iBAAwB,QAAzB,EAAA,UACE,oBAAC,iBAAwB,YAAzB;EACQ;EACM;EACL;EACM;EACb,WAAW,GACT,sTACA,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAwB,OAAzB;GAA+B,WAAU;aACvC,oBAAC,iBAAwB,UAAzB,EAAkC,WAAU,sCAAuC,CAAA;GACrD,CAAA;EACG,CAAA,EACN,CAAA;;AAIrC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,yVACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SACgE;AACnE,QACE,oBAAC,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,8LACA,UACD;EACD,GAAI;YAEJ,oBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA;EAC7D,CAAA"}
|
package/dist/pagination/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
2
|
const require_chunk = require("../chunk-CoQrYLCe.js");
|
|
3
|
-
const require_utils = require("../utils-
|
|
3
|
+
const require_utils = require("../utils-BGuEr0aP.js");
|
|
4
4
|
const require_button = require("../button/index.js");
|
|
5
5
|
let lucide_react = require("lucide-react");
|
|
6
6
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon,\n} from \"lucide-react\";\nimport { cn } from \"../../lib\";\nimport { Button } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex items-center gap-0.5\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={cn(className)}\n nativeButton={false}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n }\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"pl-1.5!\", className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pr-1.5!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <MoreHorizontalIcon />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"mappings":";;;;;;;;;AAUA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,cAAA,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,iBAAA,GAAA,kBAAA,KAAC,eAAA,QAAD;EACE,SAAS,WAAW,YAAY;EAC1B;EACN,WAAW,cAAA,GAAG,UAAU;EACxB,cAAc;EACd,QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;GACE,gBAAc,WAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa;GACb,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SAC+D;AAClE,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,cAAA,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAAC,aAAA,iBAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,CAChC;;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SAC+D;AAClE,QACE,iBAAA,GAAA,kBAAA,MAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,cAAA,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,iBAAA,GAAA,kBAAA,KAAC,aAAA,kBAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,cAAA,GACT,gFACA,UACD;EACD,GAAI;YAPN,CASE,iBAAA,GAAA,kBAAA,KAAC,aAAA,oBAAD,EAAsB,CAAA,EACtB,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as cn } from "../utils-
|
|
1
|
+
import { t as cn } from "../utils-TtTqRIUX.mjs";
|
|
2
2
|
import { Button } from "../button/index.mjs";
|
|
3
3
|
import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/pagination/index.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n MoreHorizontalIcon,\n} from \"lucide-react\";\nimport { cn } from \"../../lib\";\nimport { Button } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({\n className,\n ...props\n}: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex items-center gap-0.5\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n className,\n isActive,\n size = \"icon\",\n ...props\n}: PaginationLinkProps) {\n return (\n <Button\n variant={isActive ? \"outline\" : \"ghost\"}\n size={size}\n className={cn(className)}\n nativeButton={false}\n render={\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n data-active={isActive}\n {...props}\n />\n }\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n text = \"Previous\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"pl-1.5!\", className)}\n {...props}\n >\n <ChevronLeftIcon data-icon=\"inline-start\" />\n <span className=\"hidden sm:block\">{text}</span>\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n text = \"Next\",\n ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"pr-1.5!\", className)}\n {...props}\n >\n <span className=\"hidden sm:block\">{text}</span>\n <ChevronRightIcon data-icon=\"inline-end\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\n \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <MoreHorizontalIcon />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"mappings":";;;;;;AAUA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,oBAAC,MAAD;EAAI,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,oBAAC,QAAD;EACE,SAAS,WAAW,YAAY;EAC1B;EACN,WAAW,GAAG,UAAU;EACxB,cAAc;EACd,QACE,oBAAC,KAAD;GACE,gBAAc,WAAW,SAAS,KAAA;GAClC,aAAU;GACV,eAAa;GACb,GAAI;GACJ,CAAA;EAEJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SAC+D;AAClE,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,iBAAD,EAAiB,aAAU,gBAAiB,CAAA,EAC5C,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,CAChC;;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SAC+D;AAClE,QACE,qBAAC,gBAAD;EACE,cAAW;EACX,MAAK;EACL,WAAW,GAAG,WAAW,UAAU;EACnC,GAAI;YAJN,CAME,oBAAC,QAAD;GAAM,WAAU;aAAmB;GAAY,CAAA,EAC/C,oBAAC,kBAAD,EAAkB,aAAU,cAAe,CAAA,CAC5B;;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,qBAAC,QAAD;EACE,eAAA;EACA,aAAU;EACV,WAAW,GACT,gFACA,UACD;EACD,GAAI;YAPN,CASE,oBAAC,oBAAD,EAAsB,CAAA,EACtB,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC"}
|
package/dist/popover/index.d.ts
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
import { Popover as PopoverPrimitive } from '
|
|
1
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
declare function Popover({ ...props }:
|
|
4
|
-
declare function PopoverTrigger({ ...props }:
|
|
5
|
-
declare function PopoverContent({ className, align,
|
|
6
|
-
portal?: boolean;
|
|
7
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function Popover({ ...props }: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
|
|
9
6
|
declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
declare function PopoverTitle({ className, ...props }:
|
|
11
|
-
declare function PopoverDescription({ className, ...props }:
|
|
12
|
-
export { Popover,
|
|
7
|
+
declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
package/dist/popover/index.js
CHANGED
|
@@ -1,38 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
3
|
const require_chunk = require("../chunk-CoQrYLCe.js");
|
|
3
|
-
const require_utils = require("../utils-
|
|
4
|
+
const require_utils = require("../utils-BGuEr0aP.js");
|
|
4
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
6
|
let react = require("react");
|
|
6
7
|
react = require_chunk.__toESM(react);
|
|
7
|
-
let
|
|
8
|
+
let _base_ui_react_popover = require("@base-ui/react/popover");
|
|
8
9
|
//#region src/popover/index.tsx
|
|
9
10
|
function Popover({ ...props }) {
|
|
10
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
11
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Root, {
|
|
11
12
|
"data-slot": "popover",
|
|
12
13
|
...props
|
|
13
14
|
});
|
|
14
15
|
}
|
|
15
16
|
function PopoverTrigger({ ...props }) {
|
|
16
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
17
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Trigger, {
|
|
17
18
|
"data-slot": "popover-trigger",
|
|
18
19
|
...props
|
|
19
20
|
});
|
|
20
21
|
}
|
|
21
|
-
function PopoverContent({ className, align = "center",
|
|
22
|
-
|
|
23
|
-
"data-slot": "popover-content",
|
|
22
|
+
function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
|
|
23
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Positioner, {
|
|
24
24
|
align,
|
|
25
|
+
alignOffset,
|
|
26
|
+
side,
|
|
25
27
|
sideOffset,
|
|
26
|
-
className:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"data-slot": "popover-anchor",
|
|
34
|
-
...props
|
|
35
|
-
});
|
|
28
|
+
className: "isolate z-50",
|
|
29
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Popup, {
|
|
30
|
+
"data-slot": "popover-content",
|
|
31
|
+
className: require_utils.cn("origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100", className),
|
|
32
|
+
...props
|
|
33
|
+
})
|
|
34
|
+
}) });
|
|
36
35
|
}
|
|
37
36
|
function PopoverHeader({ className, ...props }) {
|
|
38
37
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
@@ -42,14 +41,14 @@ function PopoverHeader({ className, ...props }) {
|
|
|
42
41
|
});
|
|
43
42
|
}
|
|
44
43
|
function PopoverTitle({ className, ...props }) {
|
|
45
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
44
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Title, {
|
|
46
45
|
"data-slot": "popover-title",
|
|
47
|
-
className: require_utils.cn("font-medium", className),
|
|
46
|
+
className: require_utils.cn("font-heading font-medium", className),
|
|
48
47
|
...props
|
|
49
48
|
});
|
|
50
49
|
}
|
|
51
50
|
function PopoverDescription({ className, ...props }) {
|
|
52
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
51
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_popover.Popover.Description, {
|
|
53
52
|
"data-slot": "popover-description",
|
|
54
53
|
className: require_utils.cn("text-muted-foreground", className),
|
|
55
54
|
...props
|
|
@@ -57,7 +56,6 @@ function PopoverDescription({ className, ...props }) {
|
|
|
57
56
|
}
|
|
58
57
|
//#endregion
|
|
59
58
|
exports.Popover = Popover;
|
|
60
|
-
exports.PopoverAnchor = PopoverAnchor;
|
|
61
59
|
exports.PopoverContent = PopoverContent;
|
|
62
60
|
exports.PopoverDescription = PopoverDescription;
|
|
63
61
|
exports.PopoverHeader = PopoverHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n ...props\n}: PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Positioner>\n </PopoverPrimitive.Portal>\n );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"font-heading font-medium\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverPrimitive.Description.Props) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Popover,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n};\n"],"mappings":";;;;;;;;;AAOA,SAAS,QAAQ,EAAE,GAAG,SAAsC;AAC1D,QAAO,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA;;AAGjE,SAAS,eAAe,EAAE,GAAG,SAAyC;AACpE,QAAO,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,GAAG,SAKA;AACH,QACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,QAAlB,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,OAAlB;GACE,aAAU;GACV,WAAW,cAAA,GACT,ujBACA,UACD;GACD,GAAI;GACJ,CAAA;EAC0B,CAAA,EACN,CAAA;;AAI9B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,OAAlB;EACE,aAAU;EACV,WAAW,cAAA,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,QAAiB,aAAlB;EACE,aAAU;EACV,WAAW,cAAA,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA"}
|
package/dist/popover/index.mjs
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { t as cn } from "../utils-TtTqRIUX.mjs";
|
|
2
3
|
import { jsx } from "react/jsx-runtime";
|
|
3
4
|
import "react";
|
|
4
|
-
import { Popover as Popover$1 } from "
|
|
5
|
+
import { Popover as Popover$1 } from "@base-ui/react/popover";
|
|
5
6
|
//#region src/popover/index.tsx
|
|
6
7
|
function Popover({ ...props }) {
|
|
7
8
|
return /* @__PURE__ */ jsx(Popover$1.Root, {
|
|
@@ -15,21 +16,19 @@ function PopoverTrigger({ ...props }) {
|
|
|
15
16
|
...props
|
|
16
17
|
});
|
|
17
18
|
}
|
|
18
|
-
function PopoverContent({ className, align = "center",
|
|
19
|
-
|
|
20
|
-
"data-slot": "popover-content",
|
|
19
|
+
function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
|
|
20
|
+
return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
|
|
21
21
|
align,
|
|
22
|
+
alignOffset,
|
|
23
|
+
side,
|
|
22
24
|
sideOffset,
|
|
23
|
-
className:
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"data-slot": "popover-anchor",
|
|
31
|
-
...props
|
|
32
|
-
});
|
|
25
|
+
className: "isolate z-50",
|
|
26
|
+
children: /* @__PURE__ */ jsx(Popover$1.Popup, {
|
|
27
|
+
"data-slot": "popover-content",
|
|
28
|
+
className: cn("origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100", className),
|
|
29
|
+
...props
|
|
30
|
+
})
|
|
31
|
+
}) });
|
|
33
32
|
}
|
|
34
33
|
function PopoverHeader({ className, ...props }) {
|
|
35
34
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -39,20 +38,20 @@ function PopoverHeader({ className, ...props }) {
|
|
|
39
38
|
});
|
|
40
39
|
}
|
|
41
40
|
function PopoverTitle({ className, ...props }) {
|
|
42
|
-
return /* @__PURE__ */ jsx(
|
|
41
|
+
return /* @__PURE__ */ jsx(Popover$1.Title, {
|
|
43
42
|
"data-slot": "popover-title",
|
|
44
|
-
className: cn("font-medium", className),
|
|
43
|
+
className: cn("font-heading font-medium", className),
|
|
45
44
|
...props
|
|
46
45
|
});
|
|
47
46
|
}
|
|
48
47
|
function PopoverDescription({ className, ...props }) {
|
|
49
|
-
return /* @__PURE__ */ jsx(
|
|
48
|
+
return /* @__PURE__ */ jsx(Popover$1.Description, {
|
|
50
49
|
"data-slot": "popover-description",
|
|
51
50
|
className: cn("text-muted-foreground", className),
|
|
52
51
|
...props
|
|
53
52
|
});
|
|
54
53
|
}
|
|
55
54
|
//#endregion
|
|
56
|
-
export { Popover,
|
|
55
|
+
export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
|
|
57
56
|
|
|
58
57
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/popover/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n ...props\n}: PopoverPrimitive.Popup.Props &\n Pick<\n PopoverPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Positioner\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"origin-(--transform-origin) bg-popover text-popover-foreground ring-foreground/10 outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100\",\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Positioner>\n </PopoverPrimitive.Portal>\n );\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"font-heading font-medium\", className)}\n {...props}\n />\n );\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverPrimitive.Description.Props) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Popover,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n};\n"],"mappings":";;;;;;AAOA,SAAS,QAAQ,EAAE,GAAG,SAAsC;AAC1D,QAAO,oBAAC,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA;;AAGjE,SAAS,eAAe,EAAE,GAAG,SAAyC;AACpE,QAAO,oBAAC,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,GAAG,SAKA;AACH,QACE,oBAAC,UAAiB,QAAlB,EAAA,UACE,oBAAC,UAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;YAEV,oBAAC,UAAiB,OAAlB;GACE,aAAU;GACV,WAAW,GACT,ujBACA,UACD;GACD,GAAI;GACJ,CAAA;EAC0B,CAAA,EACN,CAAA;;AAI9B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAuC;AAC3E,QACE,oBAAC,UAAiB,OAAlB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,oBAAC,UAAiB,aAAlB;EACE,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;EACJ,CAAA"}
|
package/dist/progress/index.d.ts
CHANGED
|
@@ -4,4 +4,4 @@ declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.
|
|
|
4
4
|
declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export { Progress,
|
|
7
|
+
export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, };
|
package/dist/progress/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
require("../chunk-CoQrYLCe.js");
|
|
4
|
-
const require_utils = require("../utils-
|
|
4
|
+
const require_utils = require("../utils-BGuEr0aP.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let _base_ui_react_progress = require("@base-ui/react/progress");
|
|
7
7
|
//#region src/progress/index.tsx
|
|
@@ -16,7 +16,7 @@ function Progress({ className, children, value, ...props }) {
|
|
|
16
16
|
}
|
|
17
17
|
function ProgressTrack({ className, ...props }) {
|
|
18
18
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_progress.Progress.Track, {
|
|
19
|
-
className: require_utils.cn("relative flex h-1 w-full items-center overflow-x-hidden rounded-full
|
|
19
|
+
className: require_utils.cn("bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full", className),
|
|
20
20
|
"data-slot": "progress-track",
|
|
21
21
|
...props
|
|
22
22
|
});
|
|
@@ -24,7 +24,7 @@ function ProgressTrack({ className, ...props }) {
|
|
|
24
24
|
function ProgressIndicator({ className, ...props }) {
|
|
25
25
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_progress.Progress.Indicator, {
|
|
26
26
|
"data-slot": "progress-indicator",
|
|
27
|
-
className: require_utils.cn("h-full
|
|
27
|
+
className: require_utils.cn("bg-primary h-full transition-all", className),
|
|
28
28
|
...props
|
|
29
29
|
});
|
|
30
30
|
}
|
|
@@ -37,7 +37,7 @@ function ProgressLabel({ className, ...props }) {
|
|
|
37
37
|
}
|
|
38
38
|
function ProgressValue({ className, ...props }) {
|
|
39
39
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_progress.Progress.Value, {
|
|
40
|
-
className: require_utils.cn("ml-auto text-sm
|
|
40
|
+
className: require_utils.cn("text-muted-foreground ml-auto text-sm tabular-nums", className),
|
|
41
41
|
"data-slot": "progress-value",
|
|
42
42
|
...props
|
|
43
43
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { cn } from \"../../lib\";\n\nfunction Progress({\n className,\n children,\n value,\n ...props\n}: ProgressPrimitive.Root.Props) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n );\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full\",\n className,\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n );\n}\n\nfunction ProgressIndicator({\n className,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\"bg-primary h-full transition-all\", className)}\n {...props}\n />\n );\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n );\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"text-muted-foreground ml-auto text-sm tabular-nums\",\n className,\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n );\n}\n\nexport {\n Progress,\n ProgressIndicator,\n ProgressLabel,\n ProgressTrack,\n ProgressValue,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,SAAS,EAChB,WACA,UACA,OACA,GAAG,SAC4B;AAC/B,QACE,iBAAA,GAAA,kBAAA,MAAC,wBAAA,SAAkB,MAAnB;EACS;EACP,aAAU;EACV,WAAW,cAAA,GAAG,wBAAwB,UAAU;EAChD,GAAI;YAJN,CAMG,UACD,iBAAA,GAAA,kBAAA,KAAC,eAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAqB,CAAA,EACP,CAAA,CACO;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GACT,iFACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,WAAnB;EACE,aAAU;EACV,WAAW,cAAA,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAkB,OAAnB;EACE,WAAW,cAAA,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA"}
|
package/dist/progress/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { t as cn } from "../utils-
|
|
2
|
+
import { t as cn } from "../utils-TtTqRIUX.mjs";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { Progress as Progress$1 } from "@base-ui/react/progress";
|
|
5
5
|
//#region src/progress/index.tsx
|
|
@@ -14,7 +14,7 @@ function Progress({ className, children, value, ...props }) {
|
|
|
14
14
|
}
|
|
15
15
|
function ProgressTrack({ className, ...props }) {
|
|
16
16
|
return /* @__PURE__ */ jsx(Progress$1.Track, {
|
|
17
|
-
className: cn("relative flex h-1 w-full items-center overflow-x-hidden rounded-full
|
|
17
|
+
className: cn("bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full", className),
|
|
18
18
|
"data-slot": "progress-track",
|
|
19
19
|
...props
|
|
20
20
|
});
|
|
@@ -22,7 +22,7 @@ function ProgressTrack({ className, ...props }) {
|
|
|
22
22
|
function ProgressIndicator({ className, ...props }) {
|
|
23
23
|
return /* @__PURE__ */ jsx(Progress$1.Indicator, {
|
|
24
24
|
"data-slot": "progress-indicator",
|
|
25
|
-
className: cn("h-full
|
|
25
|
+
className: cn("bg-primary h-full transition-all", className),
|
|
26
26
|
...props
|
|
27
27
|
});
|
|
28
28
|
}
|
|
@@ -35,7 +35,7 @@ function ProgressLabel({ className, ...props }) {
|
|
|
35
35
|
}
|
|
36
36
|
function ProgressValue({ className, ...props }) {
|
|
37
37
|
return /* @__PURE__ */ jsx(Progress$1.Value, {
|
|
38
|
-
className: cn("ml-auto text-sm
|
|
38
|
+
className: cn("text-muted-foreground ml-auto text-sm tabular-nums", className),
|
|
39
39
|
"data-slot": "progress-value",
|
|
40
40
|
...props
|
|
41
41
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../src/progress/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { cn } from \"../../lib\";\n\nfunction Progress({\n className,\n children,\n value,\n ...props\n}: ProgressPrimitive.Root.Props) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n );\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full\",\n className,\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n );\n}\n\nfunction ProgressIndicator({\n className,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\"bg-primary h-full transition-all\", className)}\n {...props}\n />\n );\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n );\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"text-muted-foreground ml-auto text-sm tabular-nums\",\n className,\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n );\n}\n\nexport {\n Progress,\n ProgressIndicator,\n ProgressLabel,\n ProgressTrack,\n ProgressValue,\n};\n"],"mappings":";;;;;AAMA,SAAS,SAAS,EAChB,WACA,UACA,OACA,GAAG,SAC4B;AAC/B,QACE,qBAAC,WAAkB,MAAnB;EACS;EACP,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;YAJN,CAMG,UACD,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAqB,CAAA,EACP,CAAA,CACO;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GACT,iFACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,oBAAC,WAAkB,WAAnB;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAAC,WAAkB,OAAnB;EACE,WAAW,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
require("../chunk-CoQrYLCe.js");
|
|
4
|
-
const require_utils = require("../utils-
|
|
4
|
+
const require_utils = require("../utils-BGuEr0aP.js");
|
|
5
5
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
6
|
let _base_ui_react_radio = require("@base-ui/react/radio");
|
|
7
7
|
let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
|
|
@@ -16,12 +16,12 @@ function RadioGroup({ className, ...props }) {
|
|
|
16
16
|
function RadioGroupItem({ className, ...props }) {
|
|
17
17
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Root, {
|
|
18
18
|
"data-slot": "radio-group-item",
|
|
19
|
-
className: require_utils.cn("group/radio-group-item
|
|
19
|
+
className: require_utils.cn("group/radio-group-item border-input focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
20
20
|
...props,
|
|
21
21
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_radio.Radio.Indicator, {
|
|
22
22
|
"data-slot": "radio-group-indicator",
|
|
23
23
|
className: "flex size-4 items-center justify-center",
|
|
24
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute
|
|
24
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "bg-primary-foreground absolute left-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full" })
|
|
25
25
|
})
|
|
26
26
|
});
|
|
27
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/radio-group/index.tsx"],"sourcesContent":["\"use client\"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/radio-group/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\n\nimport { cn } from \"../../lib\";\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n return (\n <RadioGroupPrimitive\n data-slot=\"radio-group\"\n className={cn(\"grid w-full gap-2\", className)}\n {...props}\n />\n );\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n return (\n <RadioPrimitive.Root\n data-slot=\"radio-group-item\"\n className={cn(\n \"group/radio-group-item border-input focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <RadioPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className=\"flex size-4 items-center justify-center\"\n >\n <span className=\"bg-primary-foreground absolute left-1/2 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full\" />\n </RadioPrimitive.Indicator>\n </RadioPrimitive.Root>\n );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAoC;AACtE,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAA,YAAD;EACE,aAAU;EACV,WAAW,cAAA,GAAG,qBAAqB,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAoC;AAC1E,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,cAAA,GACT,unBACA,UACD;EACD,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,qBAAA,MAAe,WAAhB;GACE,aAAU;GACV,WAAU;aAEV,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAU,yGAA0G,CAAA;GACjG,CAAA;EACP,CAAA"}
|