@uselets/ui 1.3.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +92 -1
- package/dist/chart-DHS2QeM8.d.ts +80 -0
- package/dist/cli/uselets.mjs.map +1 -1
- package/dist/components/accordion.d.ts +4 -5
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.d.ts +12 -13
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/alert.d.ts +5 -7
- package/dist/components/alert.js.map +1 -1
- package/dist/components/anchor.d.ts +3 -5
- package/dist/components/anchor.js.map +1 -1
- package/dist/components/area-chart.d.ts +58 -0
- package/dist/components/area-chart.js +2 -0
- package/dist/components/area-chart.js.map +1 -0
- package/dist/components/avatar.d.ts +6 -7
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.d.ts +7 -5
- package/dist/components/badge.js +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/bar-chart.d.ts +54 -0
- package/dist/components/bar-chart.js +2 -0
- package/dist/components/bar-chart.js.map +1 -0
- package/dist/components/breadcrumb.d.ts +7 -8
- package/dist/components/breadcrumb.js.map +1 -1
- package/dist/components/button-group.d.ts +5 -7
- package/dist/components/button-group.js.map +1 -1
- package/dist/components/button.d.ts +4 -6
- package/dist/components/button.js +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/calendar.d.ts +2 -3
- package/dist/components/calendar.js.map +1 -1
- package/dist/components/card.d.ts +7 -8
- package/dist/components/card.js.map +1 -1
- package/dist/components/carousel.d.ts +6 -7
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/carousel.spec.js +1 -1
- package/dist/components/carousel.spec.js.map +1 -1
- package/dist/components/center.d.ts +4 -6
- package/dist/components/center.js.map +1 -1
- package/dist/components/chart.d.ts +2 -263
- package/dist/components/chart.js +1 -1
- package/dist/components/chart.js.map +1 -1
- package/dist/components/checkbox.d.ts +2 -4
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/code.d.ts +1 -2
- package/dist/components/code.js.map +1 -1
- package/dist/components/collapsible.d.ts +3 -4
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/combobox.d.ts +15 -16
- package/dist/components/combobox.js +1 -1
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/command.d.ts +9 -10
- package/dist/components/command.js.map +1 -1
- package/dist/components/container.d.ts +2 -4
- package/dist/components/container.js.map +1 -1
- package/dist/components/data-table.d.ts +164 -0
- package/dist/components/data-table.js +2 -0
- package/dist/components/data-table.js.map +1 -0
- package/dist/components/date-range-picker.d.ts +11 -12
- package/dist/components/date-range-picker.js.map +1 -1
- package/dist/components/dialog.d.ts +11 -13
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/donut-chart.d.ts +22 -0
- package/dist/components/donut-chart.js +2 -0
- package/dist/components/donut-chart.js.map +1 -0
- package/dist/components/drawer.d.ts +12 -14
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/dropdown-menu.d.ts +15 -16
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropzone.d.ts +1 -2
- package/dist/components/dropzone.js.map +1 -1
- package/dist/components/empty.d.ts +8 -10
- package/dist/components/empty.js.map +1 -1
- package/dist/components/field.d.ts +12 -14
- package/dist/components/field.js.map +1 -1
- package/dist/components/field.spec.js +1 -1
- package/dist/components/field.spec.js.map +1 -1
- package/dist/components/flex.d.ts +3 -5
- package/dist/components/flex.js.map +1 -1
- package/dist/components/grid.d.ts +2 -3
- package/dist/components/grid.js.map +1 -1
- package/dist/components/group.d.ts +7 -5
- package/dist/components/group.js +1 -1
- package/dist/components/group.js.map +1 -1
- package/dist/components/heading.d.ts +3 -5
- package/dist/components/heading.js.map +1 -1
- package/dist/components/hover-card.d.ts +3 -4
- package/dist/components/hover-card.js.map +1 -1
- package/dist/components/input-group.d.ts +9 -11
- package/dist/components/input-group.js.map +1 -1
- package/dist/components/input-otp.d.ts +4 -5
- package/dist/components/input-otp.js.map +1 -1
- package/dist/components/input.d.ts +1 -2
- package/dist/components/input.js.map +1 -1
- package/dist/components/kbd.d.ts +2 -3
- package/dist/components/kbd.js.map +1 -1
- package/dist/components/label.d.ts +1 -2
- package/dist/components/label.js.map +1 -1
- package/dist/components/list.d.ts +6 -8
- package/dist/components/list.js.map +1 -1
- package/dist/components/mask-input.d.ts +25 -0
- package/dist/components/mask-input.js +2 -0
- package/dist/components/mask-input.js.map +1 -0
- package/dist/components/native-select.d.ts +3 -4
- package/dist/components/native-select.js.map +1 -1
- package/dist/components/navigation-menu.d.ts +9 -11
- package/dist/components/navigation-menu.js.map +1 -1
- package/dist/components/pagination.d.ts +7 -8
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/pie-chart.d.ts +58 -0
- package/dist/components/pie-chart.js +2 -0
- package/dist/components/pie-chart.js.map +1 -0
- package/dist/components/popover.d.ts +7 -8
- package/dist/components/popover.js.map +1 -1
- package/dist/components/progress.d.ts +1 -2
- package/dist/components/progress.js.map +1 -1
- package/dist/components/radio-group.d.ts +3 -5
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/resizable.d.ts +3 -4
- package/dist/components/resizable.js.map +1 -1
- package/dist/components/scroll-area.d.ts +2 -3
- package/dist/components/scroll-area.js.map +1 -1
- package/dist/components/select.d.ts +10 -11
- package/dist/components/select.js.map +1 -1
- package/dist/components/separator.d.ts +1 -2
- package/dist/components/separator.js.map +1 -1
- package/dist/components/sidebar.d.ts +25 -27
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/simple-grid.d.ts +1 -2
- package/dist/components/simple-grid.js.map +1 -1
- package/dist/components/skeleton.d.ts +1 -2
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/skeleton.spec.js +1 -1
- package/dist/components/skeleton.spec.js.map +1 -1
- package/dist/components/slider.d.ts +1 -2
- package/dist/components/slider.js.map +1 -1
- package/dist/components/sonner.d.ts +1 -2
- package/dist/components/sonner.js.map +1 -1
- package/dist/components/spinner.d.ts +2 -4
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/stack.d.ts +7 -5
- package/dist/components/stack.js +1 -1
- package/dist/components/stack.js.map +1 -1
- package/dist/components/switch.d.ts +1 -2
- package/dist/components/switch.js.map +1 -1
- package/dist/components/table.d.ts +29 -11
- package/dist/components/table.js +1 -1
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.d.ts +5 -7
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/text.d.ts +3 -5
- package/dist/components/text.js.map +1 -1
- package/dist/components/textarea.d.ts +1 -2
- package/dist/components/textarea.js.map +1 -1
- package/dist/components/theme.d.ts +2 -3
- package/dist/components/theme.js.map +1 -1
- package/dist/components/timeline.d.ts +6 -7
- package/dist/components/timeline.js.map +1 -1
- package/dist/components/toggle-group.d.ts +2 -3
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toggle.d.ts +2 -4
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tooltip.d.ts +5 -6
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/unstyled-button.d.ts +1 -2
- package/dist/components/unstyled-button.js.map +1 -1
- package/dist/components/visibility.d.ts +2 -3
- package/dist/components/visibility.js.map +1 -1
- package/dist/{dist-QvsLCO1I.js → dist-C35vdEt2.js} +45 -25
- package/dist/dist-C35vdEt2.js.map +1 -0
- package/dist/hooks/use-breakpoint-value.js.map +1 -1
- package/dist/hooks/use-breakpoint-value.spec.js +1 -1
- package/dist/hooks/use-breakpoint-value.spec.js.map +1 -1
- package/dist/hooks/use-breakpoint.js.map +1 -1
- package/dist/hooks/use-breakpoint.spec.js +1 -1
- package/dist/hooks/use-breakpoint.spec.js.map +1 -1
- package/dist/hooks/use-disclosure.js.map +1 -1
- package/dist/hooks/use-disclosure.spec.js +1 -1
- package/dist/hooks/use-disclosure.spec.js.map +1 -1
- package/dist/hooks/use-document-visibility.js.map +1 -1
- package/dist/hooks/use-document-visibility.spec.js +1 -1
- package/dist/hooks/use-document-visibility.spec.js.map +1 -1
- package/dist/hooks/use-idle.js.map +1 -1
- package/dist/hooks/use-idle.spec.js +1 -1
- package/dist/hooks/use-idle.spec.js.map +1 -1
- package/dist/hooks/use-interval.js.map +1 -1
- package/dist/hooks/use-interval.spec.js +1 -1
- package/dist/hooks/use-interval.spec.js.map +1 -1
- package/dist/hooks/use-local-storage.js.map +1 -1
- package/dist/hooks/use-local-storage.spec.js +1 -1
- package/dist/hooks/use-local-storage.spec.js.map +1 -1
- package/dist/hooks/use-mask.d.ts +9 -0
- package/dist/hooks/use-mask.js +2 -0
- package/dist/hooks/use-mask.js.map +1 -0
- package/dist/hooks/use-mobile.js.map +1 -1
- package/dist/hooks/use-mobile.spec.js +1 -1
- package/dist/hooks/use-mobile.spec.js.map +1 -1
- package/dist/index.d.ts +11 -3
- package/dist/index.js +1 -1
- package/dist/lib/badge.d.ts +20 -0
- package/dist/lib/badge.js +2 -0
- package/dist/lib/badge.js.map +1 -0
- package/dist/lib/button.js.map +1 -1
- package/dist/lib/color.js.map +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/magic-string.es-C-uSEkg2.js.map +1 -1
- package/dist/postcss.config.js.map +1 -1
- package/dist/{react.esm-D_dNEsWM.js → react.esm-BagSCtI3.js} +11 -2
- package/dist/{react.esm-D_dNEsWM.js.map → react.esm-BagSCtI3.js.map} +1 -1
- package/dist/skills/uselets-ui/SKILL.md +1 -0
- package/dist/skills/uselets-ui/references/component-catalog.md +32 -4
- package/dist/skills/uselets-ui/references/package-guide.md +136 -1
- package/dist/styles/theme.css +4 -0
- package/package.json +15 -13
- package/skills/uselets-ui/SKILL.md +1 -0
- package/skills/uselets-ui/references/component-catalog.md +32 -4
- package/skills/uselets-ui/references/package-guide.md +136 -1
- package/dist/dist-QvsLCO1I.js.map +0 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { n as __name } from "../chunk-CHh1Zzun.js";
|
|
2
2
|
import { Progress as Progress$1 } from "radix-ui";
|
|
3
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
3
|
import * as React from "react";
|
|
5
4
|
|
|
6
5
|
//#region src/components/progress.d.ts
|
|
@@ -9,7 +8,7 @@ declare function Progress({
|
|
|
9
8
|
className,
|
|
10
9
|
value,
|
|
11
10
|
...props
|
|
12
|
-
}: ProgressProps):
|
|
11
|
+
}: ProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
//#endregion
|
|
14
13
|
export { Progress, ProgressProps };
|
|
15
14
|
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","names":["ProgressPrimitive"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Progress as ProgressPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root>\n\nfunction Progress({ className, value, ...props }: ProgressProps) {\n return (\n <ProgressPrimitive.Root\n data-slot=\"progress\"\n className={cn('relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted', className)}\n {...props}\n >\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className=\"size-full flex-1 bg-primary transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n )\n}\n\nexport { Progress }\n"],"mappings":"8IAQA,SAAS,SAAS,CAAE,YAAW,QAAO,GAAG,GAAwB,CAC/D,OACE,EAACA,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EAAG,gFAAiF,
|
|
1
|
+
{"version":3,"file":"progress.js","names":["ProgressPrimitive"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Progress as ProgressPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root>\n\nfunction Progress({ className, value, ...props }: ProgressProps) {\n return (\n <ProgressPrimitive.Root\n data-slot=\"progress\"\n className={cn('relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted', className)}\n {...props}\n >\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className=\"size-full flex-1 bg-primary transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n )\n}\n\nexport { Progress }\n"],"mappings":"8IAQA,SAAS,SAAS,CAAE,YAAW,QAAO,GAAG,GAAwB,CAC/D,OACE,EAACA,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EAAG,gFAAiF,CAAS,EACxG,GAAI,WAEJ,EAACA,EAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,GAAI,CAC3D,CAAA,CACqB,CAAA,CAE5B"}
|
|
@@ -2,11 +2,9 @@ import { n as __name } from "../chunk-CHh1Zzun.js";
|
|
|
2
2
|
import { UIColor } from "../lib/color.js";
|
|
3
3
|
import { LabelProps } from "./label.js";
|
|
4
4
|
import { RadioGroup as RadioGroup$1 } from "radix-ui";
|
|
5
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
5
|
import { VariantProps } from "class-variance-authority";
|
|
7
6
|
import * as React from "react";
|
|
8
7
|
import { ReactNode } from "react";
|
|
9
|
-
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
10
8
|
|
|
11
9
|
//#region src/components/radio-group.d.ts
|
|
12
10
|
type RadioGroupProps = React.ComponentProps<typeof RadioGroup$1.Root> & {
|
|
@@ -15,7 +13,7 @@ type RadioGroupProps = React.ComponentProps<typeof RadioGroup$1.Root> & {
|
|
|
15
13
|
declare const radioGroupItemVariants: (props?: ({
|
|
16
14
|
color?: "primary" | "brand" | "gray" | "zinc" | "red" | "yellow" | "blue" | "indigo" | "pink" | "green" | null | undefined;
|
|
17
15
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
18
|
-
} &
|
|
16
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
17
|
type RadioGroupItemProps = React.ComponentProps<typeof RadioGroup$1.Item> & VariantProps<typeof radioGroupItemVariants> & {
|
|
20
18
|
color?: UIColor;
|
|
21
19
|
label?: ReactNode;
|
|
@@ -25,7 +23,7 @@ declare function RadioGroup({
|
|
|
25
23
|
className,
|
|
26
24
|
color,
|
|
27
25
|
...props
|
|
28
|
-
}: RadioGroupProps):
|
|
26
|
+
}: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
29
27
|
declare function RadioGroupItem({
|
|
30
28
|
className,
|
|
31
29
|
color,
|
|
@@ -34,7 +32,7 @@ declare function RadioGroupItem({
|
|
|
34
32
|
labelProps,
|
|
35
33
|
size,
|
|
36
34
|
...props
|
|
37
|
-
}: RadioGroupItemProps):
|
|
35
|
+
}: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
|
|
38
36
|
//#endregion
|
|
39
37
|
export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps };
|
|
40
38
|
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive","Label"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { type ReactNode, useId } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui'\n\nimport type { UIColor } from '../lib/color'\nimport { selectionControlColorVariants } from '../lib/color'\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\nimport { Label, type LabelProps } from './label'\n\nexport type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {\n color?: UIColor\n}\n\nconst radioGroupItemVariants = cva(\n [\n 'group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input outline-none',\n 'after:absolute after:-inset-x-3 after:-inset-y-2',\n 'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n 'disabled:cursor-not-allowed disabled:opacity-50',\n 'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20',\n 'aria-invalid:aria-checked:border-(--selection-control) dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n 'dark:bg-input/30',\n 'data-checked:border-(--selection-control) data-checked:bg-(--selection-control) data-checked:text-(--selection-control-foreground)'\n ],\n {\n variants: {\n color: selectionControlColorVariants,\n size: {\n sm: 'size-4',\n md: 'size-4.5',\n lg: 'size-5.5'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n }\n)\n\nconst radioGroupIndicatorVariants = cva('flex items-center justify-center', {\n variants: {\n size: {\n sm: 'size-4',\n md: 'size-4.5',\n lg: 'size-5.5'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n})\n\nconst radioGroupIndicatorDotVariants = cva('absolute top-1/2 left-1/2 rounded-full bg-primary-foreground', {\n variants: {\n size: {\n sm: 'size-1.5',\n md: 'size-2',\n lg: 'size-2.5'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n})\n\nconst radioGroupItemLabelVariants = cva('', {\n variants: {\n size: {\n sm: 'text-xs',\n md: 'text-sm',\n lg: 'text-xl'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n})\n\nexport type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item> &\n VariantProps<typeof radioGroupItemVariants> & {\n color?: UIColor\n label?: ReactNode\n labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>\n }\n\nfunction RadioGroup({ className, color = 'primary', ...props }: RadioGroupProps) {\n return (\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n data-color={color}\n className={cn('grid w-full gap-2', selectionControlColorVariants[color], className)}\n {...props}\n />\n )\n}\n\nfunction RadioGroupItem({ className, color, id, label, labelProps, size = 'md', ...props }: RadioGroupItemProps) {\n const generatedId = useId()\n const fieldControlId = useFieldControlId(id)\n const hasLabel = label !== undefined\n const resolvedId = fieldControlId ?? (hasLabel ? generatedId : undefined)\n const { className: labelClassName, ...labelRootProps } = labelProps ?? {}\n\n const item = (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n data-color={color}\n data-size={size}\n id={resolvedId}\n className={cn(radioGroupItemVariants({ color, size }), className)}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className={cn(radioGroupIndicatorVariants({ size }))}\n >\n <span className={cn(radioGroupIndicatorDotVariants({ size }), '-translate-x-1/2 -translate-y-1/2')} />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n\n if (!hasLabel) {\n return item\n }\n\n return (\n <div data-slot=\"radio-group-item-field\" className=\"flex items-center gap-2\">\n {item}\n <Label\n {...labelRootProps}\n htmlFor={resolvedId}\n className={cn(radioGroupItemLabelVariants({ size }), labelClassName)}\n >\n {label}\n </Label>\n </div>\n )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":"yXAgBA,MAAM,EAAyB,EAC7B,CACE,iHACA,mDACA,4EACA,kDACA,uFACA,uIACA,mBACA,
|
|
1
|
+
{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive","Label"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["import type * as React from 'react'\nimport { type ReactNode, useId } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui'\n\nimport type { UIColor } from '../lib/color'\nimport { selectionControlColorVariants } from '../lib/color'\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\nimport { Label, type LabelProps } from './label'\n\nexport type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {\n color?: UIColor\n}\n\nconst radioGroupItemVariants = cva(\n [\n 'group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border border-input outline-none',\n 'after:absolute after:-inset-x-3 after:-inset-y-2',\n 'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50',\n 'disabled:cursor-not-allowed disabled:opacity-50',\n 'aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20',\n 'aria-invalid:aria-checked:border-(--selection-control) dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n 'dark:bg-input/30',\n 'data-checked:border-(--selection-control) data-checked:bg-(--selection-control) data-checked:text-(--selection-control-foreground)'\n ],\n {\n variants: {\n color: selectionControlColorVariants,\n size: {\n sm: 'size-4',\n md: 'size-4.5',\n lg: 'size-5.5'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n }\n)\n\nconst radioGroupIndicatorVariants = cva('flex items-center justify-center', {\n variants: {\n size: {\n sm: 'size-4',\n md: 'size-4.5',\n lg: 'size-5.5'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n})\n\nconst radioGroupIndicatorDotVariants = cva('absolute top-1/2 left-1/2 rounded-full bg-primary-foreground', {\n variants: {\n size: {\n sm: 'size-1.5',\n md: 'size-2',\n lg: 'size-2.5'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n})\n\nconst radioGroupItemLabelVariants = cva('', {\n variants: {\n size: {\n sm: 'text-xs',\n md: 'text-sm',\n lg: 'text-xl'\n }\n },\n defaultVariants: {\n size: 'md'\n }\n})\n\nexport type RadioGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item> &\n VariantProps<typeof radioGroupItemVariants> & {\n color?: UIColor\n label?: ReactNode\n labelProps?: Omit<LabelProps, 'children' | 'htmlFor'>\n }\n\nfunction RadioGroup({ className, color = 'primary', ...props }: RadioGroupProps) {\n return (\n <RadioGroupPrimitive.Root\n data-slot=\"radio-group\"\n data-color={color}\n className={cn('grid w-full gap-2', selectionControlColorVariants[color], className)}\n {...props}\n />\n )\n}\n\nfunction RadioGroupItem({ className, color, id, label, labelProps, size = 'md', ...props }: RadioGroupItemProps) {\n const generatedId = useId()\n const fieldControlId = useFieldControlId(id)\n const hasLabel = label !== undefined\n const resolvedId = fieldControlId ?? (hasLabel ? generatedId : undefined)\n const { className: labelClassName, ...labelRootProps } = labelProps ?? {}\n\n const item = (\n <RadioGroupPrimitive.Item\n data-slot=\"radio-group-item\"\n data-color={color}\n data-size={size}\n id={resolvedId}\n className={cn(radioGroupItemVariants({ color, size }), className)}\n {...props}\n >\n <RadioGroupPrimitive.Indicator\n data-slot=\"radio-group-indicator\"\n className={cn(radioGroupIndicatorVariants({ size }))}\n >\n <span className={cn(radioGroupIndicatorDotVariants({ size }), '-translate-x-1/2 -translate-y-1/2')} />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n\n if (!hasLabel) {\n return item\n }\n\n return (\n <div data-slot=\"radio-group-item-field\" className=\"flex items-center gap-2\">\n {item}\n <Label\n {...labelRootProps}\n htmlFor={resolvedId}\n className={cn(radioGroupItemLabelVariants({ size }), labelClassName)}\n >\n {label}\n </Label>\n </div>\n )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":"yXAgBA,MAAM,EAAyB,EAC7B,CACE,iHACA,mDACA,4EACA,kDACA,uFACA,uIACA,mBACA,oIACF,EACA,CACE,SAAU,CACR,MAAO,EACP,KAAM,CACJ,GAAI,SACJ,GAAI,WACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,EAEM,EAA8B,EAAI,mCAAoC,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,WACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEK,EAAiC,EAAI,+DAAgE,CACzG,SAAU,CACR,KAAM,CACJ,GAAI,WACJ,GAAI,SACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEK,EAA8B,EAAI,GAAI,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EASD,SAAS,WAAW,CAAE,YAAW,QAAQ,UAAW,GAAG,GAA0B,CAC/E,OACE,EAACA,EAAoB,KAArB,CACE,YAAU,cACV,aAAY,EACZ,UAAW,EAAG,oBAAqB,EAA8B,GAAQ,CAAS,EAClF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,YAAW,QAAO,KAAI,QAAO,aAAY,OAAO,KAAM,GAAG,GAA8B,CAC/G,IAAM,EAAc,EAAM,EACpB,EAAiB,EAAkB,CAAE,EACrC,EAAW,IAAU,IAAA,GACrB,EAAa,IAAmB,EAAW,EAAc,IAAA,IACzD,CAAE,UAAW,EAAgB,GAAG,GAAmB,GAAc,CAAC,EAElE,EACJ,EAACA,EAAoB,KAArB,CACE,YAAU,mBACV,aAAY,EACZ,YAAW,EACX,GAAI,EACJ,UAAW,EAAG,EAAuB,CAAE,QAAO,MAAK,CAAC,EAAG,CAAS,EAChE,GAAI,WAEJ,EAACA,EAAoB,UAArB,CACE,YAAU,wBACV,UAAW,EAAG,EAA4B,CAAE,MAAK,CAAC,CAAC,WAEnD,EAAC,OAAD,CAAM,UAAW,EAAG,EAA+B,CAAE,MAAK,CAAC,EAAG,mCAAmC,CAAI,CAAA,CACxE,CAAA,CACP,CAAA,EAO5B,OAJK,EAKH,EAAC,MAAD,CAAK,YAAU,yBAAyB,UAAU,mCAAlD,CACG,EACD,EAACC,EAAD,CACE,GAAI,EACJ,QAAS,EACT,UAAW,EAAG,EAA4B,CAAE,MAAK,CAAC,EAAG,CAAc,WAElE,CACI,CAAA,CACJ,IAbE,CAeX"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { n as __name } from "../chunk-CHh1Zzun.js";
|
|
2
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
2
|
import * as ResizablePrimitive from "react-resizable-panels";
|
|
4
3
|
|
|
5
4
|
//#region src/components/resizable.d.ts
|
|
@@ -11,15 +10,15 @@ type ResizableHandleProps = ResizablePrimitive.SeparatorProps & {
|
|
|
11
10
|
declare function ResizablePanelGroup({
|
|
12
11
|
className,
|
|
13
12
|
...props
|
|
14
|
-
}: ResizablePanelGroupProps):
|
|
13
|
+
}: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
15
14
|
declare function ResizablePanel({
|
|
16
15
|
...props
|
|
17
|
-
}: ResizablePanelProps):
|
|
16
|
+
}: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
18
17
|
declare function ResizableHandle({
|
|
19
18
|
withHandle,
|
|
20
19
|
className,
|
|
21
20
|
...props
|
|
22
|
-
}: ResizableHandleProps):
|
|
21
|
+
}: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
23
22
|
//#endregion
|
|
24
23
|
export { ResizableHandle, ResizableHandleProps, ResizablePanel, ResizablePanelGroup, ResizablePanelGroupProps, ResizablePanelProps };
|
|
25
24
|
//# sourceMappingURL=resizable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizable.js","names":[],"sources":["../../src/components/resizable.tsx"],"sourcesContent":["import * as ResizablePrimitive from 'react-resizable-panels'\n\nimport { cn } from '../lib/utils'\n\nexport type ResizablePanelGroupProps = ResizablePrimitive.GroupProps\n\nexport type ResizablePanelProps = ResizablePrimitive.PanelProps\n\nexport type ResizableHandleProps = ResizablePrimitive.SeparatorProps & {\n withHandle?: boolean\n}\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps) {\n return (\n <ResizablePrimitive.Group\n data-slot=\"resizable-panel-group\"\n className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n {...props}\n />\n )\n}\n\nfunction ResizablePanel({ ...props }: ResizablePanelProps) {\n return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps) {\n return (\n <ResizablePrimitive.Separator\n data-slot=\"resizable-handle\"\n className={cn(\n 'relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n className\n )}\n {...props}\n >\n {withHandle && <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border\" />}\n </ResizablePrimitive.Separator>\n )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n"],"mappings":"mJAYA,SAAS,oBAAoB,CAAE,YAAW,GAAG,GAAmC,CAC9E,OACE,EAAC,EAAmB,MAApB,CACE,YAAU,wBACV,UAAW,EAAG,0DAA2D,
|
|
1
|
+
{"version":3,"file":"resizable.js","names":[],"sources":["../../src/components/resizable.tsx"],"sourcesContent":["import * as ResizablePrimitive from 'react-resizable-panels'\n\nimport { cn } from '../lib/utils'\n\nexport type ResizablePanelGroupProps = ResizablePrimitive.GroupProps\n\nexport type ResizablePanelProps = ResizablePrimitive.PanelProps\n\nexport type ResizableHandleProps = ResizablePrimitive.SeparatorProps & {\n withHandle?: boolean\n}\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps) {\n return (\n <ResizablePrimitive.Group\n data-slot=\"resizable-panel-group\"\n className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n {...props}\n />\n )\n}\n\nfunction ResizablePanel({ ...props }: ResizablePanelProps) {\n return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps) {\n return (\n <ResizablePrimitive.Separator\n data-slot=\"resizable-handle\"\n className={cn(\n 'relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n className\n )}\n {...props}\n >\n {withHandle && <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border\" />}\n </ResizablePrimitive.Separator>\n )\n}\n\nexport { ResizableHandle, ResizablePanel, ResizablePanelGroup }\n"],"mappings":"mJAYA,SAAS,oBAAoB,CAAE,YAAW,GAAG,GAAmC,CAC9E,OACE,EAAC,EAAmB,MAApB,CACE,YAAU,wBACV,UAAW,EAAG,0DAA2D,CAAS,EAClF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,eAAe,CAAE,GAAG,GAA8B,CACzD,OAAO,EAAC,EAAmB,MAApB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,gBAAgB,CAAE,aAAY,YAAW,GAAG,GAA+B,CAClF,OACE,EAAC,EAAmB,UAApB,CACE,YAAU,mBACV,UAAW,EACT,ukBACA,CACF,EACA,GAAI,WAEH,GAAc,EAAC,MAAD,CAAK,UAAU,iDAAmD,CAAA,CACrD,CAAA,CAElC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { n as __name } from "../chunk-CHh1Zzun.js";
|
|
2
2
|
import { ScrollArea as ScrollArea$1 } from "radix-ui";
|
|
3
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
3
|
import * as React from "react";
|
|
5
4
|
|
|
6
5
|
//#region src/components/scroll-area.d.ts
|
|
@@ -10,12 +9,12 @@ declare function ScrollArea({
|
|
|
10
9
|
className,
|
|
11
10
|
children,
|
|
12
11
|
...props
|
|
13
|
-
}: ScrollAreaProps):
|
|
12
|
+
}: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
14
13
|
declare function ScrollBar({
|
|
15
14
|
className,
|
|
16
15
|
orientation,
|
|
17
16
|
...props
|
|
18
|
-
}: ScrollBarProps):
|
|
17
|
+
}: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
|
|
19
18
|
//#endregion
|
|
20
19
|
export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollBarProps };
|
|
21
20
|
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root>\n\nexport type ScrollBarProps = React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n\nfunction ScrollArea({ className, children, ...props }: ScrollAreaProps) {\n return (\n <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative', className)} {...props}>\n <ScrollAreaPrimitive.Viewport\n data-slot=\"scroll-area-viewport\"\n className={cn(\n 'size-full rounded-[inherit] transition-[color,box-shadow] outline-none',\n 'focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1'\n )}\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n )\n}\n\nfunction ScrollBar({ className, orientation = 'vertical', ...props }: ScrollBarProps) {\n return (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n data-slot=\"scroll-area-scrollbar\"\n data-orientation={orientation}\n orientation={orientation}\n className={cn(\n 'flex touch-none p-px transition-colors select-none',\n 'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent',\n 'data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb\n data-slot=\"scroll-area-thumb\"\n className=\"relative flex-1 rounded-full bg-border\"\n />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n )\n}\n\nexport { ScrollArea, ScrollBar }\n"],"mappings":"0JAUA,SAAS,WAAW,CAAE,YAAW,WAAU,GAAG,GAA0B,CACtE,OACE,EAACA,EAAoB,KAArB,CAA0B,YAAU,cAAc,UAAW,EAAG,WAAY,
|
|
1
|
+
{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root>\n\nexport type ScrollBarProps = React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n\nfunction ScrollArea({ className, children, ...props }: ScrollAreaProps) {\n return (\n <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative', className)} {...props}>\n <ScrollAreaPrimitive.Viewport\n data-slot=\"scroll-area-viewport\"\n className={cn(\n 'size-full rounded-[inherit] transition-[color,box-shadow] outline-none',\n 'focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1'\n )}\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n )\n}\n\nfunction ScrollBar({ className, orientation = 'vertical', ...props }: ScrollBarProps) {\n return (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n data-slot=\"scroll-area-scrollbar\"\n data-orientation={orientation}\n orientation={orientation}\n className={cn(\n 'flex touch-none p-px transition-colors select-none',\n 'data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent',\n 'data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent',\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb\n data-slot=\"scroll-area-thumb\"\n className=\"relative flex-1 rounded-full bg-border\"\n />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n )\n}\n\nexport { ScrollArea, ScrollBar }\n"],"mappings":"0JAUA,SAAS,WAAW,CAAE,YAAW,WAAU,GAAG,GAA0B,CACtE,OACE,EAACA,EAAoB,KAArB,CAA0B,YAAU,cAAc,UAAW,EAAG,WAAY,CAAS,EAAG,GAAI,WAA5F,CACE,EAACA,EAAoB,SAArB,CACE,YAAU,uBACV,UAAW,EACT,yEACA,6EACF,EAEC,UAC2B,CAAA,EAC9B,EAAC,UAAD,CAAY,CAAA,EACZ,EAACA,EAAoB,OAArB,CAA6B,CAAA,CACL,GAE9B,CAEA,SAAS,UAAU,CAAE,YAAW,cAAc,WAAY,GAAG,GAAyB,CACpF,OACE,EAACA,EAAoB,oBAArB,CACE,YAAU,wBACV,mBAAkB,EACL,cACb,UAAW,EACT,qDACA,+GACA,qGACA,CACF,EACA,GAAI,WAEJ,EAACA,EAAoB,gBAArB,CACE,YAAU,oBACV,UAAU,wCACX,CAAA,CACsC,CAAA,CAE7C"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { n as __name } from "../chunk-CHh1Zzun.js";
|
|
2
2
|
import { Select as Select$1 } from "radix-ui";
|
|
3
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
3
|
import * as React from "react";
|
|
5
4
|
|
|
6
5
|
//#region src/components/select.d.ts
|
|
@@ -18,49 +17,49 @@ type SelectScrollUpButtonProps = React.ComponentProps<typeof Select$1.ScrollUpBu
|
|
|
18
17
|
type SelectScrollDownButtonProps = React.ComponentProps<typeof Select$1.ScrollDownButton>;
|
|
19
18
|
declare function Select({
|
|
20
19
|
...props
|
|
21
|
-
}: SelectProps):
|
|
20
|
+
}: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
22
21
|
declare function SelectGroup({
|
|
23
22
|
className,
|
|
24
23
|
...props
|
|
25
|
-
}: SelectGroupProps):
|
|
24
|
+
}: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
26
25
|
declare function SelectValue({
|
|
27
26
|
...props
|
|
28
|
-
}: SelectValueProps):
|
|
27
|
+
}: SelectValueProps): import("react/jsx-runtime").JSX.Element;
|
|
29
28
|
declare function SelectTrigger({
|
|
30
29
|
className,
|
|
31
30
|
id,
|
|
32
31
|
size,
|
|
33
32
|
children,
|
|
34
33
|
...props
|
|
35
|
-
}: SelectTriggerProps):
|
|
34
|
+
}: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
36
35
|
declare function SelectContent({
|
|
37
36
|
className,
|
|
38
37
|
children,
|
|
39
38
|
position,
|
|
40
39
|
align,
|
|
41
40
|
...props
|
|
42
|
-
}: SelectContentProps):
|
|
41
|
+
}: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
43
42
|
declare function SelectLabel({
|
|
44
43
|
className,
|
|
45
44
|
...props
|
|
46
|
-
}: SelectLabelProps):
|
|
45
|
+
}: SelectLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
47
46
|
declare function SelectItem({
|
|
48
47
|
className,
|
|
49
48
|
children,
|
|
50
49
|
...props
|
|
51
|
-
}: SelectItemProps):
|
|
50
|
+
}: SelectItemProps): import("react/jsx-runtime").JSX.Element;
|
|
52
51
|
declare function SelectSeparator({
|
|
53
52
|
className,
|
|
54
53
|
...props
|
|
55
|
-
}: SelectSeparatorProps):
|
|
54
|
+
}: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
56
55
|
declare function SelectScrollUpButton({
|
|
57
56
|
className,
|
|
58
57
|
...props
|
|
59
|
-
}: SelectScrollUpButtonProps):
|
|
58
|
+
}: SelectScrollUpButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
60
59
|
declare function SelectScrollDownButton({
|
|
61
60
|
className,
|
|
62
61
|
...props
|
|
63
|
-
}: SelectScrollDownButtonProps):
|
|
62
|
+
}: SelectScrollDownButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
64
63
|
//#endregion
|
|
65
64
|
export { Select, SelectContent, SelectContentProps, SelectGroup, SelectGroupProps, SelectItem, SelectItemProps, SelectLabel, SelectLabelProps, SelectProps, SelectScrollDownButton, SelectScrollDownButtonProps, SelectScrollUpButton, SelectScrollUpButtonProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };
|
|
66
65
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","names":["SelectPrimitive"],"sources":["../../src/components/select.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconCheck, IconChevronDown, IconChevronUp, IconSelector } from '@tabler/icons-react'\nimport { Select as SelectPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\n\nexport type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>\n\nexport type SelectGroupProps = React.ComponentProps<typeof SelectPrimitive.Group>\n\nexport type SelectValueProps = React.ComponentProps<typeof SelectPrimitive.Value>\n\nexport type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'md'\n}\n\nexport type SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content>\n\nexport type SelectLabelProps = React.ComponentProps<typeof SelectPrimitive.Label>\n\nexport type SelectItemProps = React.ComponentProps<typeof SelectPrimitive.Item>\n\nexport type SelectSeparatorProps = React.ComponentProps<typeof SelectPrimitive.Separator>\n\nexport type SelectScrollUpButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>\n\nexport type SelectScrollDownButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>\n\nfunction Select({ ...props }: SelectProps) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ className, ...props }: SelectGroupProps) {\n return <SelectPrimitive.Group data-slot=\"select-group\" className={cn('scroll-my-1 p-1', className)} {...props} />\n}\n\nfunction SelectValue({ ...props }: SelectValueProps) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({ className, id, size = 'md', children, ...props }: SelectTriggerProps) {\n const fieldControlId = useFieldControlId(id)\n\n return (\n <SelectPrimitive.Trigger\n id={fieldControlId}\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n 'border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-1.5 whitespace-nowrap rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none outline-none',\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n 'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n 'data-[size=md]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5',\n \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n 'disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <IconSelector className=\"text-muted-foreground size-4 pointer-events-none\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'item-aligned',\n align = 'center',\n ...props\n}: SelectContentProps) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n data-align-trigger={position === 'item-aligned'}\n className={cn(\n 'bg-popover text-popover-foreground ring-foreground/10 relative z-50 min-w-36 max-h-(--radix-select-content-available-height) rounded-lg shadow-md ring-1 duration-100 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto',\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n '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',\n 'data-[align-trigger=true]:animate-none',\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 data-position={position}\n className={cn(\n 'data-[position=popper]:h-(--radix-select-trigger-height)',\n 'data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)'\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({ className, ...props }: SelectLabelProps) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({ className, children, ...props }: SelectItemProps) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n 'relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none',\n '*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',\n \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n 'data-disabled:pointer-events-none data-disabled:opacity-50',\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <IconCheck className=\"pointer-events-none\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({ className, ...props }: SelectSeparatorProps) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'bg-popover z-10 flex cursor-default items-center justify-center py-1',\n \"[&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <IconChevronUp />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'bg-popover z-10 flex cursor-default items-center justify-center py-1',\n \"[&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <IconChevronDown />\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":"+SA8BA,SAAS,OAAO,CAAE,GAAG,GAAsB,CACzC,OAAO,EAACA,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,
|
|
1
|
+
{"version":3,"file":"select.js","names":["SelectPrimitive"],"sources":["../../src/components/select.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconCheck, IconChevronDown, IconChevronUp, IconSelector } from '@tabler/icons-react'\nimport { Select as SelectPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\nimport { useFieldControlId } from './field'\n\nexport type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>\n\nexport type SelectGroupProps = React.ComponentProps<typeof SelectPrimitive.Group>\n\nexport type SelectValueProps = React.ComponentProps<typeof SelectPrimitive.Value>\n\nexport type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'md'\n}\n\nexport type SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content>\n\nexport type SelectLabelProps = React.ComponentProps<typeof SelectPrimitive.Label>\n\nexport type SelectItemProps = React.ComponentProps<typeof SelectPrimitive.Item>\n\nexport type SelectSeparatorProps = React.ComponentProps<typeof SelectPrimitive.Separator>\n\nexport type SelectScrollUpButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>\n\nexport type SelectScrollDownButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>\n\nfunction Select({ ...props }: SelectProps) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ className, ...props }: SelectGroupProps) {\n return <SelectPrimitive.Group data-slot=\"select-group\" className={cn('scroll-my-1 p-1', className)} {...props} />\n}\n\nfunction SelectValue({ ...props }: SelectValueProps) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({ className, id, size = 'md', children, ...props }: SelectTriggerProps) {\n const fieldControlId = useFieldControlId(id)\n\n return (\n <SelectPrimitive.Trigger\n id={fieldControlId}\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n 'border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-1.5 whitespace-nowrap rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm transition-colors select-none outline-none',\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3',\n 'aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:ring-3 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n 'data-[size=md]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5',\n \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n 'disabled:cursor-not-allowed disabled:opacity-50',\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <IconSelector className=\"text-muted-foreground size-4 pointer-events-none\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'item-aligned',\n align = 'center',\n ...props\n}: SelectContentProps) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n data-align-trigger={position === 'item-aligned'}\n className={cn(\n 'bg-popover text-popover-foreground ring-foreground/10 relative z-50 min-w-36 max-h-(--radix-select-content-available-height) rounded-lg shadow-md ring-1 duration-100 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto',\n 'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n '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',\n 'data-[align-trigger=true]:animate-none',\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 data-position={position}\n className={cn(\n 'data-[position=popper]:h-(--radix-select-trigger-height)',\n 'data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)'\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({ className, ...props }: SelectLabelProps) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('text-muted-foreground px-1.5 py-1 text-xs', className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({ className, children, ...props }: SelectItemProps) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n 'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n 'relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none',\n '*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',\n \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n 'data-disabled:pointer-events-none data-disabled:opacity-50',\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <IconCheck className=\"pointer-events-none\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({ className, ...props }: SelectSeparatorProps) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn('bg-border -mx-1 my-1 h-px pointer-events-none', className)}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'bg-popover z-10 flex cursor-default items-center justify-center py-1',\n \"[&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <IconChevronUp />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'bg-popover z-10 flex cursor-default items-center justify-center py-1',\n \"[&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <IconChevronDown />\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":"+SA8BA,SAAS,OAAO,CAAE,GAAG,GAAsB,CACzC,OAAO,EAACA,EAAgB,KAAjB,CAAsB,YAAU,SAAS,GAAI,CAAQ,CAAA,CAC9D,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,UAAW,EAAG,kBAAmB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAClH,CAEA,SAAS,YAAY,CAAE,GAAG,GAA2B,CACnD,OAAO,EAACA,EAAgB,MAAjB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,cAAc,CAAE,YAAW,KAAI,OAAO,KAAM,WAAU,GAAG,GAA6B,CAC7F,IAAM,EAAiB,EAAkB,CAAE,EAE3C,OACE,EAACA,EAAgB,QAAjB,CACE,GAAI,EACJ,YAAU,iBACV,YAAW,EACX,UAAW,EACT,qQACA,4EACA,qKACA,4FACA,qJACA,oFACA,kDACA,CACF,EACA,GAAI,WAdN,CAgBG,EACD,EAACA,EAAgB,KAAjB,CAAsB,QAAA,YACpB,EAAC,EAAD,CAAc,UAAU,kDAAoD,CAAA,CACxD,CAAA,CACC,GAE7B,CAEA,SAAS,cAAc,CACrB,YACA,WACA,WAAW,eACX,QAAQ,SACR,GAAG,GACkB,CACrB,OACE,EAACA,EAAgB,OAAjB,CAAA,SACE,EAACA,EAAgB,QAAjB,CACE,YAAU,iBACV,qBAAoB,IAAa,eACjC,UAAW,EACT,2PACA,uIACA,8JACA,yCACA,IAAa,UACX,kIACF,CACF,EACU,WACH,QACP,GAAI,WAdN,CAgBE,EAAC,qBAAD,CAAuB,CAAA,EACvB,EAACA,EAAgB,SAAjB,CACE,gBAAe,EACf,UAAW,EACT,2DACA,2FACF,EAEC,UACuB,CAAA,EAC1B,EAAC,uBAAD,CAAyB,CAAA,CACF,GACH,CAAA,CAE5B,CAEA,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,WAAW,CAAE,YAAW,WAAU,GAAG,GAA0B,CACtE,OACE,EAACA,EAAgB,KAAjB,CACE,YAAU,cACV,UAAW,EACT,8GACA,0HACA,oEACA,oFACA,6DACA,CACF,EACA,GAAI,WAVN,CAYE,EAAC,OAAD,CAAM,UAAU,wFACd,EAACA,EAAgB,cAAjB,CAAA,SACE,EAAC,EAAD,CAAW,UAAU,qBAAuB,CAAA,CACf,CAAA,CAC3B,CAAA,EACN,EAACA,EAAgB,SAAjB,CAA2B,UAAmC,CAAA,CAC1C,GAE1B,CAEA,SAAS,gBAAgB,CAAE,YAAW,GAAG,GAA+B,CACtE,OACE,EAACA,EAAgB,UAAjB,CACE,YAAU,mBACV,UAAW,EAAG,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,qBAAqB,CAAE,YAAW,GAAG,GAAoC,CAChF,OACE,EAACA,EAAgB,eAAjB,CACE,YAAU,0BACV,UAAW,EACT,uEACA,uCACA,CACF,EACA,GAAI,WAEJ,EAAC,EAAD,CAAgB,CAAA,CACc,CAAA,CAEpC,CAEA,SAAS,uBAAuB,CAAE,YAAW,GAAG,GAAsC,CACpF,OACE,EAACA,EAAgB,iBAAjB,CACE,YAAU,4BACV,UAAW,EACT,uEACA,uCACA,CACF,EACA,GAAI,WAEJ,EAAC,EAAD,CAAkB,CAAA,CACc,CAAA,CAEtC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { n as __name } from "../chunk-CHh1Zzun.js";
|
|
2
2
|
import { Separator as Separator$1 } from "radix-ui";
|
|
3
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
3
|
import * as React from "react";
|
|
5
4
|
|
|
6
5
|
//#region src/components/separator.d.ts
|
|
@@ -10,7 +9,7 @@ declare function Separator({
|
|
|
10
9
|
orientation,
|
|
11
10
|
decorative,
|
|
12
11
|
...props
|
|
13
|
-
}: SeparatorProps):
|
|
12
|
+
}: SeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
14
13
|
//#endregion
|
|
15
14
|
export { Separator, SeparatorProps };
|
|
16
15
|
//# sourceMappingURL=separator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"separator.js","names":["SeparatorPrimitive"],"sources":["../../src/components/separator.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Separator as SeparatorPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type SeparatorProps = React.ComponentProps<typeof SeparatorPrimitive.Root>\n\nfunction Separator({ className, orientation = 'horizontal', decorative = true, ...props }: SeparatorProps) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":"+IAQA,SAAS,UAAU,CAAE,YAAW,cAAc,aAAc,aAAa,GAAM,GAAG,GAAyB,CACzG,OACE,EAACA,EAAmB,KAApB,CACE,YAAU,YACE,aACC,cACb,UAAW,EACT,+GACA,
|
|
1
|
+
{"version":3,"file":"separator.js","names":["SeparatorPrimitive"],"sources":["../../src/components/separator.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { Separator as SeparatorPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type SeparatorProps = React.ComponentProps<typeof SeparatorPrimitive.Root>\n\nfunction Separator({ className, orientation = 'horizontal', decorative = true, ...props }: SeparatorProps) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":"+IAQA,SAAS,UAAU,CAAE,YAAW,cAAc,aAAc,aAAa,GAAM,GAAG,GAAyB,CACzG,OACE,EAACA,EAAmB,KAApB,CACE,YAAU,YACE,aACC,cACb,UAAW,EACT,+GACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
|
|
@@ -3,10 +3,8 @@ import { Button } from "./button.js";
|
|
|
3
3
|
import { Separator } from "./separator.js";
|
|
4
4
|
import { Input } from "./input.js";
|
|
5
5
|
import { TooltipContent } from "./tooltip.js";
|
|
6
|
-
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
7
6
|
import { VariantProps } from "class-variance-authority";
|
|
8
7
|
import * as React from "react";
|
|
9
|
-
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
10
8
|
|
|
11
9
|
//#region src/components/sidebar.d.ts
|
|
12
10
|
type SidebarContextProps = {
|
|
@@ -55,7 +53,7 @@ declare function SidebarProvider({
|
|
|
55
53
|
style,
|
|
56
54
|
children,
|
|
57
55
|
...props
|
|
58
|
-
}: SidebarProviderProps):
|
|
56
|
+
}: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
59
57
|
declare function Sidebar({
|
|
60
58
|
side,
|
|
61
59
|
variant,
|
|
@@ -64,70 +62,70 @@ declare function Sidebar({
|
|
|
64
62
|
children,
|
|
65
63
|
dir,
|
|
66
64
|
...props
|
|
67
|
-
}: SidebarProps):
|
|
65
|
+
}: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
68
66
|
declare function SidebarTrigger({
|
|
69
67
|
className,
|
|
70
68
|
onClick,
|
|
71
69
|
...props
|
|
72
|
-
}: SidebarTriggerProps):
|
|
70
|
+
}: SidebarTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
73
71
|
declare function SidebarRail({
|
|
74
72
|
className,
|
|
75
73
|
...props
|
|
76
|
-
}: SidebarRailProps):
|
|
74
|
+
}: SidebarRailProps): import("react/jsx-runtime").JSX.Element;
|
|
77
75
|
declare function SidebarInset({
|
|
78
76
|
className,
|
|
79
77
|
...props
|
|
80
|
-
}: SidebarInsetProps):
|
|
78
|
+
}: SidebarInsetProps): import("react/jsx-runtime").JSX.Element;
|
|
81
79
|
declare function SidebarInput({
|
|
82
80
|
className,
|
|
83
81
|
...props
|
|
84
|
-
}: SidebarInputProps):
|
|
82
|
+
}: SidebarInputProps): import("react/jsx-runtime").JSX.Element;
|
|
85
83
|
declare function SidebarHeader({
|
|
86
84
|
className,
|
|
87
85
|
...props
|
|
88
|
-
}: SidebarHeaderProps):
|
|
86
|
+
}: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
89
87
|
declare function SidebarFooter({
|
|
90
88
|
className,
|
|
91
89
|
...props
|
|
92
|
-
}: SidebarFooterProps):
|
|
90
|
+
}: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
93
91
|
declare function SidebarSeparator({
|
|
94
92
|
className,
|
|
95
93
|
...props
|
|
96
|
-
}: SidebarSeparatorProps):
|
|
94
|
+
}: SidebarSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
97
95
|
declare function SidebarContent({
|
|
98
96
|
className,
|
|
99
97
|
...props
|
|
100
|
-
}: SidebarContentProps):
|
|
98
|
+
}: SidebarContentProps): import("react/jsx-runtime").JSX.Element;
|
|
101
99
|
declare function SidebarGroup({
|
|
102
100
|
className,
|
|
103
101
|
...props
|
|
104
|
-
}: SidebarGroupProps):
|
|
102
|
+
}: SidebarGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
105
103
|
declare function SidebarGroupLabel({
|
|
106
104
|
className,
|
|
107
105
|
asChild,
|
|
108
106
|
...props
|
|
109
|
-
}: SidebarGroupLabelProps):
|
|
107
|
+
}: SidebarGroupLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
110
108
|
declare function SidebarGroupAction({
|
|
111
109
|
className,
|
|
112
110
|
asChild,
|
|
113
111
|
...props
|
|
114
|
-
}: SidebarGroupActionProps):
|
|
112
|
+
}: SidebarGroupActionProps): import("react/jsx-runtime").JSX.Element;
|
|
115
113
|
declare function SidebarGroupContent({
|
|
116
114
|
className,
|
|
117
115
|
...props
|
|
118
|
-
}: SidebarGroupContentProps):
|
|
116
|
+
}: SidebarGroupContentProps): import("react/jsx-runtime").JSX.Element;
|
|
119
117
|
declare function SidebarMenu({
|
|
120
118
|
className,
|
|
121
119
|
...props
|
|
122
|
-
}: SidebarMenuProps):
|
|
120
|
+
}: SidebarMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
123
121
|
declare function SidebarMenuItem({
|
|
124
122
|
className,
|
|
125
123
|
...props
|
|
126
|
-
}: SidebarMenuItemProps):
|
|
124
|
+
}: SidebarMenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
127
125
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
128
|
-
variant?: "
|
|
126
|
+
variant?: "outline" | "default" | null | undefined;
|
|
129
127
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
130
|
-
} &
|
|
128
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
131
129
|
type SidebarMenuButtonProps = React.ComponentProps<'button'> & {
|
|
132
130
|
asChild?: boolean;
|
|
133
131
|
isActive?: boolean;
|
|
@@ -156,37 +154,37 @@ declare function SidebarMenuButton({
|
|
|
156
154
|
tooltip,
|
|
157
155
|
className,
|
|
158
156
|
...props
|
|
159
|
-
}: SidebarMenuButtonProps):
|
|
157
|
+
}: SidebarMenuButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
160
158
|
declare function SidebarMenuAction({
|
|
161
159
|
className,
|
|
162
160
|
asChild,
|
|
163
161
|
showOnHover,
|
|
164
162
|
...props
|
|
165
|
-
}: SidebarMenuActionProps):
|
|
163
|
+
}: SidebarMenuActionProps): import("react/jsx-runtime").JSX.Element;
|
|
166
164
|
declare function SidebarMenuBadge({
|
|
167
165
|
className,
|
|
168
166
|
...props
|
|
169
|
-
}: SidebarMenuBadgeProps):
|
|
167
|
+
}: SidebarMenuBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
170
168
|
declare function SidebarMenuSkeleton({
|
|
171
169
|
className,
|
|
172
170
|
showIcon,
|
|
173
171
|
...props
|
|
174
|
-
}: SidebarMenuSkeletonProps):
|
|
172
|
+
}: SidebarMenuSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
175
173
|
declare function SidebarMenuSub({
|
|
176
174
|
className,
|
|
177
175
|
...props
|
|
178
|
-
}: SidebarMenuSubProps):
|
|
176
|
+
}: SidebarMenuSubProps): import("react/jsx-runtime").JSX.Element;
|
|
179
177
|
declare function SidebarMenuSubItem({
|
|
180
178
|
className,
|
|
181
179
|
...props
|
|
182
|
-
}: SidebarMenuSubItemProps):
|
|
180
|
+
}: SidebarMenuSubItemProps): import("react/jsx-runtime").JSX.Element;
|
|
183
181
|
declare function SidebarMenuSubButton({
|
|
184
182
|
asChild,
|
|
185
183
|
size,
|
|
186
184
|
isActive,
|
|
187
185
|
className,
|
|
188
186
|
...props
|
|
189
|
-
}: SidebarMenuSubButtonProps):
|
|
187
|
+
}: SidebarMenuSubButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
190
188
|
//#endregion
|
|
191
189
|
export { Sidebar, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupContent, SidebarGroupContentProps, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSeparator, SidebarSeparatorProps, SidebarTrigger, SidebarTriggerProps, useSidebar };
|
|
192
190
|
//# sourceMappingURL=sidebar.d.ts.map
|