@databricks/appkit-ui 0.1.4 → 0.2.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/AGENTS.md +89 -12
- package/CLAUDE.md +89 -12
- package/NOTICE.md +4 -0
- package/README.md +21 -15
- package/dist/js/arrow/arrow-client.js.map +1 -1
- package/dist/js/arrow/lazy-arrow.js.map +1 -1
- package/dist/js/sse/connect-sse.js.map +1 -1
- package/dist/react/charts/area/index.d.ts +2 -2
- package/dist/react/charts/bar/index.d.ts +2 -2
- package/dist/react/charts/base.d.ts +2 -2
- package/dist/react/charts/base.js.map +1 -1
- package/dist/react/charts/create-chart.d.ts +2 -2
- package/dist/react/charts/create-chart.js +2 -1
- package/dist/react/charts/create-chart.js.map +1 -1
- package/dist/react/charts/heatmap/index.d.ts +2 -2
- package/dist/react/charts/line/index.d.ts +2 -2
- package/dist/react/charts/normalize.d.ts +1 -1
- package/dist/react/charts/normalize.js +1 -1
- package/dist/react/charts/normalize.js.map +1 -1
- package/dist/react/charts/pie/index.d.ts +3 -3
- package/dist/react/charts/radar/index.d.ts +2 -2
- package/dist/react/charts/scatter/index.d.ts +2 -2
- package/dist/react/charts/theme.js.map +1 -1
- package/dist/react/charts/types.d.ts +5 -0
- package/dist/react/charts/types.d.ts.map +1 -1
- package/dist/react/charts/types.js.map +1 -1
- package/dist/react/charts/utils.js.map +1 -1
- package/dist/react/charts/wrapper.d.ts +4 -2
- package/dist/react/charts/wrapper.d.ts.map +1 -1
- package/dist/react/charts/wrapper.js +4 -2
- package/dist/react/charts/wrapper.js.map +1 -1
- package/dist/react/hooks/types.d.ts +2 -0
- package/dist/react/hooks/types.d.ts.map +1 -1
- package/dist/react/hooks/use-analytics-query.js +9 -3
- package/dist/react/hooks/use-analytics-query.js.map +1 -1
- package/dist/react/hooks/use-chart-data.d.ts +2 -0
- package/dist/react/hooks/use-chart-data.d.ts.map +1 -1
- package/dist/react/hooks/use-chart-data.js +3 -2
- package/dist/react/hooks/use-chart-data.js.map +1 -1
- package/dist/react/hooks/use-mobile.js +3 -3
- package/dist/react/hooks/use-mobile.js.map +1 -1
- package/dist/react/index.d.ts +3 -1
- package/dist/react/index.js +3 -1
- package/dist/react/lib/utils.d.ts +7 -0
- package/dist/react/lib/utils.d.ts.map +1 -0
- package/dist/react/portal-container-context.d.ts +48 -0
- package/dist/react/portal-container-context.d.ts.map +1 -0
- package/dist/react/portal-container-context.js +51 -0
- package/dist/react/portal-container-context.js.map +1 -0
- package/dist/react/table/data-table.d.ts +2 -2
- package/dist/react/table/data-table.d.ts.map +1 -1
- package/dist/react/table/table-wrapper.js +3 -2
- package/dist/react/table/table-wrapper.js.map +1 -1
- package/dist/react/table/types.d.ts.map +1 -1
- package/dist/react/ui/accordion.d.ts +6 -6
- package/dist/react/ui/accordion.d.ts.map +1 -1
- package/dist/react/ui/alert-dialog.d.ts +14 -13
- package/dist/react/ui/alert-dialog.d.ts.map +1 -1
- package/dist/react/ui/alert-dialog.js +3 -1
- package/dist/react/ui/alert-dialog.js.map +1 -1
- package/dist/react/ui/alert.d.ts +5 -5
- package/dist/react/ui/alert.d.ts.map +1 -1
- package/dist/react/ui/aspect-ratio.d.ts +2 -2
- package/dist/react/ui/avatar.d.ts +5 -5
- package/dist/react/ui/avatar.d.ts.map +1 -1
- package/dist/react/ui/badge.d.ts +6 -6
- package/dist/react/ui/badge.d.ts.map +1 -1
- package/dist/react/ui/breadcrumb.d.ts +10 -10
- package/dist/react/ui/breadcrumb.d.ts.map +1 -1
- package/dist/react/ui/button-group.d.ts +6 -6
- package/dist/react/ui/button.d.ts +6 -6
- package/dist/react/ui/button.d.ts.map +1 -1
- package/dist/react/ui/calendar.d.ts +6 -6
- package/dist/react/ui/calendar.d.ts.map +1 -1
- package/dist/react/ui/calendar.js +3 -3
- package/dist/react/ui/calendar.js.map +1 -1
- package/dist/react/ui/card.d.ts +9 -9
- package/dist/react/ui/card.d.ts.map +1 -1
- package/dist/react/ui/carousel.d.ts +7 -7
- package/dist/react/ui/carousel.d.ts.map +1 -1
- package/dist/react/ui/carousel.js +11 -11
- package/dist/react/ui/carousel.js.map +1 -1
- package/dist/react/ui/chart.d.ts +52 -16
- package/dist/react/ui/chart.d.ts.map +1 -1
- package/dist/react/ui/chart.js +23 -7
- package/dist/react/ui/chart.js.map +1 -1
- package/dist/react/ui/checkbox.d.ts +3 -3
- package/dist/react/ui/checkbox.d.ts.map +1 -1
- package/dist/react/ui/checkbox.js +1 -1
- package/dist/react/ui/checkbox.js.map +1 -1
- package/dist/react/ui/collapsible.d.ts +4 -4
- package/dist/react/ui/command.d.ts +12 -12
- package/dist/react/ui/command.d.ts.map +1 -1
- package/dist/react/ui/context-menu.d.ts +21 -20
- package/dist/react/ui/context-menu.d.ts.map +1 -1
- package/dist/react/ui/context-menu.js +11 -6
- package/dist/react/ui/context-menu.js.map +1 -1
- package/dist/react/ui/dialog.d.ts +14 -13
- package/dist/react/ui/dialog.d.ts.map +1 -1
- package/dist/react/ui/dialog.js +3 -1
- package/dist/react/ui/dialog.js.map +1 -1
- package/dist/react/ui/drawer.d.ts +13 -12
- package/dist/react/ui/drawer.d.ts.map +1 -1
- package/dist/react/ui/drawer.js +3 -1
- package/dist/react/ui/drawer.js.map +1 -1
- package/dist/react/ui/dropdown-menu.d.ts +21 -20
- package/dist/react/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/react/ui/dropdown-menu.js +12 -7
- package/dist/react/ui/dropdown-menu.js.map +1 -1
- package/dist/react/ui/empty.d.ts +7 -7
- package/dist/react/ui/field.d.ts +11 -11
- package/dist/react/ui/form.d.ts +9 -9
- package/dist/react/ui/form.d.ts.map +1 -1
- package/dist/react/ui/form.js +6 -6
- package/dist/react/ui/form.js.map +1 -1
- package/dist/react/ui/hover-card.d.ts +5 -5
- package/dist/react/ui/hover-card.d.ts.map +1 -1
- package/dist/react/ui/hover-card.js +2 -0
- package/dist/react/ui/hover-card.js.map +1 -1
- package/dist/react/ui/input-group.d.ts +11 -11
- package/dist/react/ui/input-group.d.ts.map +1 -1
- package/dist/react/ui/input-otp.d.ts +8 -8
- package/dist/react/ui/input-otp.d.ts.map +1 -1
- package/dist/react/ui/input-otp.js +2 -2
- package/dist/react/ui/input-otp.js.map +1 -1
- package/dist/react/ui/input.d.ts +3 -3
- package/dist/react/ui/input.d.ts.map +1 -1
- package/dist/react/ui/item.d.ts +16 -16
- package/dist/react/ui/item.d.ts.map +1 -1
- package/dist/react/ui/kbd.d.ts +3 -3
- package/dist/react/ui/label.d.ts +3 -3
- package/dist/react/ui/label.d.ts.map +1 -1
- package/dist/react/ui/menubar.d.ts +22 -21
- package/dist/react/ui/menubar.d.ts.map +1 -1
- package/dist/react/ui/menubar.js +3 -1
- package/dist/react/ui/menubar.js.map +1 -1
- package/dist/react/ui/navigation-menu.d.ts +11 -11
- package/dist/react/ui/navigation-menu.d.ts.map +1 -1
- package/dist/react/ui/pagination.d.ts +10 -10
- package/dist/react/ui/pagination.d.ts.map +1 -1
- package/dist/react/ui/popover.d.ts +6 -6
- package/dist/react/ui/popover.d.ts.map +1 -1
- package/dist/react/ui/popover.js +11 -7
- package/dist/react/ui/popover.js.map +1 -1
- package/dist/react/ui/progress.d.ts +3 -3
- package/dist/react/ui/progress.d.ts.map +1 -1
- package/dist/react/ui/radio-group.d.ts +4 -4
- package/dist/react/ui/radio-group.d.ts.map +1 -1
- package/dist/react/ui/resizable.d.ts +6 -6
- package/dist/react/ui/resizable.d.ts.map +1 -1
- package/dist/react/ui/scroll-area.d.ts +4 -4
- package/dist/react/ui/scroll-area.d.ts.map +1 -1
- package/dist/react/ui/select.d.ts +13 -13
- package/dist/react/ui/select.d.ts.map +1 -1
- package/dist/react/ui/select.js +19 -15
- package/dist/react/ui/select.js.map +1 -1
- package/dist/react/ui/separator.d.ts +3 -3
- package/dist/react/ui/separator.d.ts.map +1 -1
- package/dist/react/ui/sheet.d.ts +11 -11
- package/dist/react/ui/sheet.d.ts.map +1 -1
- package/dist/react/ui/sheet.js +3 -1
- package/dist/react/ui/sheet.js.map +1 -1
- package/dist/react/ui/sidebar.d.ts +34 -34
- package/dist/react/ui/sidebar.d.ts.map +1 -1
- package/dist/react/ui/sidebar.js +10 -10
- package/dist/react/ui/sidebar.js.map +1 -1
- package/dist/react/ui/skeleton.d.ts +2 -2
- package/dist/react/ui/slider.d.ts +3 -3
- package/dist/react/ui/slider.d.ts.map +1 -1
- package/dist/react/ui/slider.js +2 -2
- package/dist/react/ui/slider.js.map +1 -1
- package/dist/react/ui/sonner.d.ts +2 -2
- package/dist/react/ui/spinner.d.ts +2 -2
- package/dist/react/ui/switch.d.ts +3 -3
- package/dist/react/ui/switch.d.ts.map +1 -1
- package/dist/react/ui/table.d.ts +10 -10
- package/dist/react/ui/table.d.ts.map +1 -1
- package/dist/react/ui/tabs.d.ts +6 -6
- package/dist/react/ui/tabs.d.ts.map +1 -1
- package/dist/react/ui/textarea.d.ts +3 -3
- package/dist/react/ui/textarea.d.ts.map +1 -1
- package/dist/react/ui/toggle-group.d.ts +5 -5
- package/dist/react/ui/toggle-group.d.ts.map +1 -1
- package/dist/react/ui/toggle-group.js +3 -3
- package/dist/react/ui/toggle-group.js.map +1 -1
- package/dist/react/ui/toggle.d.ts +3 -3
- package/dist/react/ui/toggle.d.ts.map +1 -1
- package/dist/react/ui/tooltip.d.ts +6 -6
- package/dist/react/ui/tooltip.d.ts.map +1 -1
- package/dist/react/ui/tooltip.js +11 -7
- package/dist/react/ui/tooltip.js.map +1 -1
- package/dist/shared/src/sql/helpers.js.map +1 -1
- package/llms.txt +89 -12
- package/package.json +1 -1
package/dist/react/ui/select.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useResolvedPortalContainer } from "../portal-container-context.js";
|
|
1
2
|
import { cn } from "../lib/utils.js";
|
|
2
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
4
|
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
@@ -35,21 +36,24 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
|
|
|
35
36
|
});
|
|
36
37
|
}
|
|
37
38
|
function SelectContent({ className, children, position = "popper", align = "center", ...props }) {
|
|
38
|
-
return /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
39
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
|
|
40
|
+
container: useResolvedPortalContainer(),
|
|
41
|
+
children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
|
|
42
|
+
"data-slot": "select-content",
|
|
43
|
+
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
|
|
44
|
+
position,
|
|
45
|
+
align,
|
|
46
|
+
...props,
|
|
47
|
+
children: [
|
|
48
|
+
/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
|
|
49
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
|
|
50
|
+
className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
|
|
51
|
+
children
|
|
52
|
+
}),
|
|
53
|
+
/* @__PURE__ */ jsx(SelectScrollDownButton, {})
|
|
54
|
+
]
|
|
55
|
+
})
|
|
56
|
+
});
|
|
53
57
|
}
|
|
54
58
|
function SelectLabel({ className, ...props }) {
|
|
55
59
|
return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","names":[],"sources":["../../../src/react/ui/select.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\";\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n align = \"center\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className,\n )}\n position={position}\n align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.js","names":[],"sources":["../../../src/react/ui/select.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\";\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n align = \"center\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal container={useResolvedPortalContainer()}>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className,\n )}\n position={position}\n align={align}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;AACD,QACE,qBAAC,gBAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT,gzBACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,gBAAgB;GAAK;aACpB,oBAAC,mBAAgB,WAAU,sBAAsB;IAC5B;GACC;;AAI9B,SAAS,cAAc,EACrB,WACA,UACA,WAAW,UACX,QAAQ,UACR,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB;EAAO,WAAW,4BAA4B;YAC7D,qBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,ijBACA,aAAa,YACX,mIACF,UACD;GACS;GACH;GACP,GAAI;;IAEJ,oBAAC,yBAAuB;IACxB,oBAAC,gBAAgB;KACf,WAAW,GACT,OACA,aAAa,YACX,sGACH;KAEA;MACwB;IAC3B,oBAAC,2BAAyB;;IACF;GACH;;AAI7B,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACiD;AACpD,QACE,qBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,6aACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,gBAAgB,2BACf,oBAAC,aAAU,WAAU,WAAW,GACF;IAC3B,EACP,oBAAC,gBAAgB,YAAU,WAAoC;GAC1C;;AAI3B,SAAS,gBAAgB,EACvB,WACA,GAAG,SACsD;AACzD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;AAC9D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,wDACA,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAc,WAAU,WAAW;GACL;;AAIrC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,wDACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAgB,WAAU,WAAW;GACL"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import * as react_jsx_runtime200 from "react/jsx-runtime";
|
|
3
3
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
4
4
|
|
|
5
5
|
//#region src/react/ui/separator.d.ts
|
|
@@ -8,7 +8,7 @@ declare function Separator({
|
|
|
8
8
|
orientation,
|
|
9
9
|
decorative,
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof SeparatorPrimitive.Root>):
|
|
11
|
+
}: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime200.JSX.Element;
|
|
12
12
|
//#endregion
|
|
13
13
|
export { Separator };
|
|
14
14
|
//# sourceMappingURL=separator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/react/ui/separator.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,SAAA;;;;;GAKN,
|
|
1
|
+
{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/react/ui/separator.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,SAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,kBAAA,CAAmB,QAAK,oBAAA,CAAA,GAAA,CAAA"}
|
package/dist/react/ui/sheet.d.ts
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import * as react_jsx_runtime220 from "react/jsx-runtime";
|
|
3
3
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/react/ui/sheet.d.ts
|
|
6
6
|
declare function Sheet({
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof SheetPrimitive.Root>):
|
|
8
|
+
}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime220.JSX.Element;
|
|
9
9
|
declare function SheetTrigger({
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof SheetPrimitive.Trigger>):
|
|
11
|
+
}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime220.JSX.Element;
|
|
12
12
|
declare function SheetClose({
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<typeof SheetPrimitive.Close>):
|
|
14
|
+
}: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime220.JSX.Element;
|
|
15
15
|
declare function SheetContent({
|
|
16
16
|
className,
|
|
17
17
|
children,
|
|
18
18
|
side,
|
|
19
19
|
...props
|
|
20
|
-
}: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
20
|
+
}: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
21
21
|
side?: "top" | "right" | "bottom" | "left";
|
|
22
|
-
}):
|
|
22
|
+
}): react_jsx_runtime220.JSX.Element;
|
|
23
23
|
declare function SheetHeader({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<"div">):
|
|
26
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime220.JSX.Element;
|
|
27
27
|
declare function SheetFooter({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: React.ComponentProps<"div">):
|
|
30
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime220.JSX.Element;
|
|
31
31
|
declare function SheetTitle({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof SheetPrimitive.Title>):
|
|
34
|
+
}: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime220.JSX.Element;
|
|
35
35
|
declare function SheetDescription({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<typeof SheetPrimitive.Description>):
|
|
38
|
+
}: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime220.JSX.Element;
|
|
39
39
|
//#endregion
|
|
40
40
|
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
|
|
41
41
|
//# sourceMappingURL=sheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,KAAA;;GAAoB,OAAA,CAAM,sBAAsB,cAAA,CAAe,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIpE,YAAA;;GAEN,OAAA,CAAM,sBAAsB,cAAA,CAAe,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAI7C,UAAA;;GAEN,OAAA,CAAM,sBAAsB,cAAA,CAAe,SAAM,oBAAA,CAAA,GAAA,CAAA;AAlBK,iBAmDhD,YAAA,CA7CK;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAkDX,OAAA,CAAM,cAlDK,CAAA,OAkDiB,cAAA,CAAe,OAlDhC,CAAA,GAAA;EAAA,IAAA,CAAA,EAAA,KAAA,GAAA,OAAA,GAAA,QAAA,GAAA,MAAA;IAoDb,oBAAA,CAAA,GAAA,CAAA,OApDuE;iBAkF/D,WAAA,CAlF0B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkFW,OAAA,CAAM,cAlFjB,CAAA,KAAA,CAAA,CAAA,EAkFsC,oBAAA,CAAA,GAAA,CAAA,OAlFtC;iBA4F1B,WAAA,CA5FoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4F/B,OAAA,CAAM,cA5FyB,CAAA,KAAA,CAAA,CAAA,EA4FJ,oBAAA,CAAA,GAAA,CAAA,OA5FI;iBAsGpE,UAAA,CAtGoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyG1E,OAAA,CAAM,cAzGoE,CAAA,OAyG9C,cAAA,CAAe,KAzG+B,CAAA,CAAA,EAyGzB,oBAAA,CAAA,GAAA,CAAA,OAzGyB;AAAA,iBAmHpE,gBAAA,CA/GY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkHlB,OAAA,CAAM,cAlHY,CAAA,OAkHU,cAAA,CAAe,WAlHzB,CAAA,CAAA,EAkHqC,oBAAA,CAAA,GAAA,CAAA,OAlHrC"}
|
package/dist/react/ui/sheet.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useResolvedPortalContainer } from "../portal-container-context.js";
|
|
1
2
|
import { cn } from "../lib/utils.js";
|
|
2
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
4
|
import { XIcon } from "lucide-react";
|
|
@@ -22,9 +23,10 @@ function SheetClose({ ...props }) {
|
|
|
22
23
|
...props
|
|
23
24
|
});
|
|
24
25
|
}
|
|
25
|
-
function SheetPortal({ ...props }) {
|
|
26
|
+
function SheetPortal({ container, ...props }) {
|
|
26
27
|
return /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
|
|
27
28
|
"data-slot": "sheet-portal",
|
|
29
|
+
container: useResolvedPortalContainer(container),
|
|
28
30
|
...props
|
|
29
31
|
});
|
|
30
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.js","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal
|
|
1
|
+
{"version":3,"file":"sheet.js","names":[],"sources":["../../../src/react/ui/sheet.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n container,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return (\n <SheetPrimitive.Portal\n data-slot=\"sheet-portal\"\n container={useResolvedPortalContainer(container)}\n {...props}\n />\n );\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n side === \"right\" &&\n \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n side === \"left\" &&\n \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n side === \"top\" &&\n \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n side === \"bottom\" &&\n \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n className,\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n <XIcon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn(\"text-foreground font-semibold\", className)}\n {...props}\n />\n );\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n );\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAAC,eAAe;EAAK,aAAU;EAAQ,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,eAAe;EAAQ,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,WAAW,EAClB,GAAG,SACiD;AACpD,QAAO,oBAAC,eAAe;EAAM,aAAU;EAAc,GAAI;GAAS;;AAGpE,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,GAAG,SAGF;AACD,QACE,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,8MACA,SAAS,WACP,oIACF,SAAS,UACP,iIACF,SAAS,SACP,4GACF,SAAS,YACP,qHACF,UACD;EACD,GAAI;aAEH,UACD,qBAAC,eAAe;GAAM,WAAU;cAC9B,oBAAC,SAAM,WAAU,WAAW,EAC5B,oBAAC;IAAK,WAAU;cAAU;KAAY;IACjB;GACA,IACb;;AAIlB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,GAAG,SACiD;AACpD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}
|
|
@@ -2,8 +2,8 @@ import { Button } from "./button.js";
|
|
|
2
2
|
import { Separator } from "./separator.js";
|
|
3
3
|
import { Input } from "./input.js";
|
|
4
4
|
import { TooltipContent } from "./tooltip.js";
|
|
5
|
-
import * as React from "react";
|
|
6
|
-
import * as
|
|
5
|
+
import * as React$1 from "react";
|
|
6
|
+
import * as react_jsx_runtime232 from "react/jsx-runtime";
|
|
7
7
|
import { VariantProps } from "class-variance-authority";
|
|
8
8
|
import * as class_variance_authority_types10 from "class-variance-authority/types";
|
|
9
9
|
|
|
@@ -26,11 +26,11 @@ declare function SidebarProvider({
|
|
|
26
26
|
style,
|
|
27
27
|
children,
|
|
28
28
|
...props
|
|
29
|
-
}: React.ComponentProps<"div"> & {
|
|
29
|
+
}: React$1.ComponentProps<"div"> & {
|
|
30
30
|
defaultOpen?: boolean;
|
|
31
31
|
open?: boolean;
|
|
32
32
|
onOpenChange?: (open: boolean) => void;
|
|
33
|
-
}):
|
|
33
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
34
34
|
declare function Sidebar({
|
|
35
35
|
side,
|
|
36
36
|
variant,
|
|
@@ -38,74 +38,74 @@ declare function Sidebar({
|
|
|
38
38
|
className,
|
|
39
39
|
children,
|
|
40
40
|
...props
|
|
41
|
-
}: React.ComponentProps<"div"> & {
|
|
41
|
+
}: React$1.ComponentProps<"div"> & {
|
|
42
42
|
side?: "left" | "right";
|
|
43
43
|
variant?: "sidebar" | "floating" | "inset";
|
|
44
44
|
collapsible?: "offcanvas" | "icon" | "none";
|
|
45
|
-
}):
|
|
45
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
46
46
|
declare function SidebarTrigger({
|
|
47
47
|
className,
|
|
48
48
|
onClick,
|
|
49
49
|
...props
|
|
50
|
-
}: React.ComponentProps<typeof Button>):
|
|
50
|
+
}: React$1.ComponentProps<typeof Button>): react_jsx_runtime232.JSX.Element;
|
|
51
51
|
declare function SidebarRail({
|
|
52
52
|
className,
|
|
53
53
|
...props
|
|
54
|
-
}: React.ComponentProps<"button">):
|
|
54
|
+
}: React$1.ComponentProps<"button">): react_jsx_runtime232.JSX.Element;
|
|
55
55
|
declare function SidebarInset({
|
|
56
56
|
className,
|
|
57
57
|
...props
|
|
58
|
-
}: React.ComponentProps<"main">):
|
|
58
|
+
}: React$1.ComponentProps<"main">): react_jsx_runtime232.JSX.Element;
|
|
59
59
|
declare function SidebarInput({
|
|
60
60
|
className,
|
|
61
61
|
...props
|
|
62
|
-
}: React.ComponentProps<typeof Input>):
|
|
62
|
+
}: React$1.ComponentProps<typeof Input>): react_jsx_runtime232.JSX.Element;
|
|
63
63
|
declare function SidebarHeader({
|
|
64
64
|
className,
|
|
65
65
|
...props
|
|
66
|
-
}: React.ComponentProps<"div">):
|
|
66
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
|
|
67
67
|
declare function SidebarFooter({
|
|
68
68
|
className,
|
|
69
69
|
...props
|
|
70
|
-
}: React.ComponentProps<"div">):
|
|
70
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
|
|
71
71
|
declare function SidebarSeparator({
|
|
72
72
|
className,
|
|
73
73
|
...props
|
|
74
|
-
}: React.ComponentProps<typeof Separator>):
|
|
74
|
+
}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime232.JSX.Element;
|
|
75
75
|
declare function SidebarContent({
|
|
76
76
|
className,
|
|
77
77
|
...props
|
|
78
|
-
}: React.ComponentProps<"div">):
|
|
78
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
|
|
79
79
|
declare function SidebarGroup({
|
|
80
80
|
className,
|
|
81
81
|
...props
|
|
82
|
-
}: React.ComponentProps<"div">):
|
|
82
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
|
|
83
83
|
declare function SidebarGroupLabel({
|
|
84
84
|
className,
|
|
85
85
|
asChild,
|
|
86
86
|
...props
|
|
87
|
-
}: React.ComponentProps<"div"> & {
|
|
87
|
+
}: React$1.ComponentProps<"div"> & {
|
|
88
88
|
asChild?: boolean;
|
|
89
|
-
}):
|
|
89
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
90
90
|
declare function SidebarGroupAction({
|
|
91
91
|
className,
|
|
92
92
|
asChild,
|
|
93
93
|
...props
|
|
94
|
-
}: React.ComponentProps<"button"> & {
|
|
94
|
+
}: React$1.ComponentProps<"button"> & {
|
|
95
95
|
asChild?: boolean;
|
|
96
|
-
}):
|
|
96
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
97
97
|
declare function SidebarGroupContent({
|
|
98
98
|
className,
|
|
99
99
|
...props
|
|
100
|
-
}: React.ComponentProps<"div">):
|
|
100
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
|
|
101
101
|
declare function SidebarMenu({
|
|
102
102
|
className,
|
|
103
103
|
...props
|
|
104
|
-
}: React.ComponentProps<"ul">):
|
|
104
|
+
}: React$1.ComponentProps<"ul">): react_jsx_runtime232.JSX.Element;
|
|
105
105
|
declare function SidebarMenuItem({
|
|
106
106
|
className,
|
|
107
107
|
...props
|
|
108
|
-
}: React.ComponentProps<"li">):
|
|
108
|
+
}: React$1.ComponentProps<"li">): react_jsx_runtime232.JSX.Element;
|
|
109
109
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
110
110
|
variant?: "default" | "outline" | null | undefined;
|
|
111
111
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
@@ -118,50 +118,50 @@ declare function SidebarMenuButton({
|
|
|
118
118
|
tooltip,
|
|
119
119
|
className,
|
|
120
120
|
...props
|
|
121
|
-
}: React.ComponentProps<"button"> & {
|
|
121
|
+
}: React$1.ComponentProps<"button"> & {
|
|
122
122
|
asChild?: boolean;
|
|
123
123
|
isActive?: boolean;
|
|
124
|
-
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
125
|
-
} & VariantProps<typeof sidebarMenuButtonVariants>):
|
|
124
|
+
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
125
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime232.JSX.Element;
|
|
126
126
|
declare function SidebarMenuAction({
|
|
127
127
|
className,
|
|
128
128
|
asChild,
|
|
129
129
|
showOnHover,
|
|
130
130
|
...props
|
|
131
|
-
}: React.ComponentProps<"button"> & {
|
|
131
|
+
}: React$1.ComponentProps<"button"> & {
|
|
132
132
|
asChild?: boolean;
|
|
133
133
|
showOnHover?: boolean;
|
|
134
|
-
}):
|
|
134
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
135
135
|
declare function SidebarMenuBadge({
|
|
136
136
|
className,
|
|
137
137
|
...props
|
|
138
|
-
}: React.ComponentProps<"div">):
|
|
138
|
+
}: React$1.ComponentProps<"div">): react_jsx_runtime232.JSX.Element;
|
|
139
139
|
declare function SidebarMenuSkeleton({
|
|
140
140
|
className,
|
|
141
141
|
showIcon,
|
|
142
142
|
...props
|
|
143
|
-
}: React.ComponentProps<"div"> & {
|
|
143
|
+
}: React$1.ComponentProps<"div"> & {
|
|
144
144
|
showIcon?: boolean;
|
|
145
|
-
}):
|
|
145
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
146
146
|
declare function SidebarMenuSub({
|
|
147
147
|
className,
|
|
148
148
|
...props
|
|
149
|
-
}: React.ComponentProps<"ul">):
|
|
149
|
+
}: React$1.ComponentProps<"ul">): react_jsx_runtime232.JSX.Element;
|
|
150
150
|
declare function SidebarMenuSubItem({
|
|
151
151
|
className,
|
|
152
152
|
...props
|
|
153
|
-
}: React.ComponentProps<"li">):
|
|
153
|
+
}: React$1.ComponentProps<"li">): react_jsx_runtime232.JSX.Element;
|
|
154
154
|
declare function SidebarMenuSubButton({
|
|
155
155
|
asChild,
|
|
156
156
|
size,
|
|
157
157
|
isActive,
|
|
158
158
|
className,
|
|
159
159
|
...props
|
|
160
|
-
}: React.ComponentProps<"a"> & {
|
|
160
|
+
}: React$1.ComponentProps<"a"> & {
|
|
161
161
|
asChild?: boolean;
|
|
162
162
|
size?: "sm" | "md";
|
|
163
163
|
isActive?: boolean;
|
|
164
|
-
}):
|
|
164
|
+
}): react_jsx_runtime232.JSX.Element;
|
|
165
165
|
//#endregion
|
|
166
166
|
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
|
|
167
167
|
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../../src/react/ui/sidebar.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;KAkCK,mBAAA;;;;EAAA,UAAA,EAAA,OAAA;EAYI,aAAU,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EASV,QAAA,EAAA,OAAA;EAAe,aAAA,EAAA,GAAA,GAAA,IAAA;;iBATf,UAAA,CAAA,CAWD,EAXW,mBAWX;iBAFC,eAAA,CAGO;EAAA,WAAA;EAAA,IAAA,EADR,QACQ;EAAA,YAAA,EAAA,WAAA;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EAKb,
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../../src/react/ui/sidebar.tsx"],"sourcesContent":[],"mappings":"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"}
|
package/dist/react/ui/sidebar.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "
|
|
|
8
8
|
import { useIsMobile } from "../hooks/use-mobile.js";
|
|
9
9
|
import { Skeleton } from "./skeleton.js";
|
|
10
10
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
|
|
11
|
-
import * as React from "react";
|
|
11
|
+
import * as React$1 from "react";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { PanelLeftIcon } from "lucide-react";
|
|
14
14
|
import { Slot } from "@radix-ui/react-slot";
|
|
@@ -21,31 +21,31 @@ const SIDEBAR_WIDTH = "16rem";
|
|
|
21
21
|
const SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
22
22
|
const SIDEBAR_WIDTH_ICON = "3rem";
|
|
23
23
|
const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
24
|
-
const SidebarContext = React.createContext(null);
|
|
24
|
+
const SidebarContext = React$1.createContext(null);
|
|
25
25
|
function useSidebar() {
|
|
26
|
-
const context = React.useContext(SidebarContext);
|
|
26
|
+
const context = React$1.useContext(SidebarContext);
|
|
27
27
|
if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
|
|
28
28
|
return context;
|
|
29
29
|
}
|
|
30
30
|
function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
|
|
31
31
|
const isMobile = useIsMobile();
|
|
32
|
-
const [openMobile, setOpenMobile] = React.useState(false);
|
|
33
|
-
const [_open, _setOpen] = React.useState(defaultOpen);
|
|
32
|
+
const [openMobile, setOpenMobile] = React$1.useState(false);
|
|
33
|
+
const [_open, _setOpen] = React$1.useState(defaultOpen);
|
|
34
34
|
const open = openProp ?? _open;
|
|
35
|
-
const setOpen = React.useCallback((value) => {
|
|
35
|
+
const setOpen = React$1.useCallback((value) => {
|
|
36
36
|
const openState = typeof value === "function" ? value(open) : value;
|
|
37
37
|
if (setOpenProp) setOpenProp(openState);
|
|
38
38
|
else _setOpen(openState);
|
|
39
39
|
document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
|
|
40
40
|
}, [setOpenProp, open]);
|
|
41
|
-
const toggleSidebar = React.useCallback(() => {
|
|
41
|
+
const toggleSidebar = React$1.useCallback(() => {
|
|
42
42
|
return isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);
|
|
43
43
|
}, [
|
|
44
44
|
isMobile,
|
|
45
45
|
setOpen,
|
|
46
46
|
setOpenMobile
|
|
47
47
|
]);
|
|
48
|
-
React.useEffect(() => {
|
|
48
|
+
React$1.useEffect(() => {
|
|
49
49
|
const handleKeyDown = (event) => {
|
|
50
50
|
if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
|
|
51
51
|
event.preventDefault();
|
|
@@ -56,7 +56,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
|
|
|
56
56
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
57
57
|
}, [toggleSidebar]);
|
|
58
58
|
const state = open ? "expanded" : "collapsed";
|
|
59
|
-
const contextValue = React.useMemo(() => ({
|
|
59
|
+
const contextValue = React$1.useMemo(() => ({
|
|
60
60
|
state,
|
|
61
61
|
open,
|
|
62
62
|
setOpen,
|
|
@@ -329,7 +329,7 @@ function SidebarMenuBadge({ className, ...props }) {
|
|
|
329
329
|
});
|
|
330
330
|
}
|
|
331
331
|
function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
|
|
332
|
-
const width = React.useMemo(() => {
|
|
332
|
+
const width = React$1.useMemo(() => {
|
|
333
333
|
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
334
334
|
}, []);
|
|
335
335
|
return /* @__PURE__ */ jsxs("div", {
|