@lglab/compose-ui 0.28.0 → 0.30.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/dist/accordion.d.ts +49 -40
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +47 -45
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +93 -87
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +94 -111
- package/dist/alert-dialog.js.map +1 -0
- package/dist/autocomplete.d.ts +99 -96
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +92 -116
- package/dist/autocomplete.js.map +1 -0
- package/dist/avatar.d.ts +56 -47
- package/dist/avatar.d.ts.map +1 -0
- package/dist/avatar.js +66 -79
- package/dist/avatar.js.map +1 -0
- package/dist/badge.d.ts +48 -42
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +195 -202
- package/dist/badge.js.map +1 -0
- package/dist/button.d.ts +26 -21
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +24 -24
- package/dist/button.js.map +1 -0
- package/dist/card.d.ts +105 -99
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +105 -66
- package/dist/card.js.map +1 -0
- package/dist/checkbox-group.d.ts +16 -12
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +18 -14
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +25 -19
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +26 -32
- package/dist/checkbox.js.map +1 -0
- package/dist/collapsible.d.ts +32 -26
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +32 -32
- package/dist/collapsible.js.map +1 -0
- package/dist/combobox.d.ts +191 -182
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +176 -250
- package/dist/combobox.js.map +1 -0
- package/dist/components/table/filters.d.ts +29 -0
- package/dist/components/table/filters.d.ts.map +1 -0
- package/dist/components/table/filters.js +47 -0
- package/dist/components/table/filters.js.map +1 -0
- package/dist/components/table/primitives.d.ts +93 -0
- package/dist/components/table/primitives.d.ts.map +1 -0
- package/dist/components/table/primitives.js +129 -0
- package/dist/components/table/primitives.js.map +1 -0
- package/dist/components/table/sort.js +17 -0
- package/dist/components/table/sort.js.map +1 -0
- package/dist/components/table/types.d.ts +101 -0
- package/dist/components/table/types.d.ts.map +1 -0
- package/dist/context-menu.d.ts +151 -138
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +151 -173
- package/dist/context-menu.js.map +1 -0
- package/dist/dialog.d.ts +101 -92
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +101 -105
- package/dist/dialog.js.map +1 -0
- package/dist/drawer.d.ts +109 -99
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +120 -111
- package/dist/drawer.js.map +1 -0
- package/dist/field.d.ts +61 -54
- package/dist/field.d.ts.map +1 -0
- package/dist/field.js +58 -27
- package/dist/field.js.map +1 -0
- package/dist/fieldset.d.ts +24 -19
- package/dist/fieldset.d.ts.map +1 -0
- package/dist/fieldset.js +26 -18
- package/dist/fieldset.js.map +1 -0
- package/dist/form.d.ts +16 -12
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +18 -8
- package/dist/form.js.map +1 -0
- package/dist/index.d.ts +48 -2115
- package/dist/index.js +47 -318
- package/dist/input.d.ts +16 -12
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +19 -9
- package/dist/input.js.map +1 -0
- package/dist/lib/arrow-svg.js +28 -0
- package/dist/lib/arrow-svg.js.map +1 -0
- package/dist/lib/button-variants.d.ts +6 -0
- package/dist/lib/button-variants.d.ts.map +1 -0
- package/dist/lib/button-variants.js +31 -0
- package/dist/lib/button-variants.js.map +1 -0
- package/dist/lib/control-variants.d.ts +6 -0
- package/dist/lib/control-variants.d.ts.map +1 -0
- package/dist/lib/control-variants.js +38 -0
- package/dist/lib/control-variants.js.map +1 -0
- package/dist/lib/form-variants.js +11 -0
- package/dist/lib/form-variants.js.map +1 -0
- package/dist/lib/tooltip-variants.d.ts +5 -0
- package/dist/lib/tooltip-variants.d.ts.map +1 -0
- package/dist/lib/tooltip-variants.js +36 -0
- package/dist/lib/tooltip-variants.js.map +1 -0
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/menu.d.ts +151 -138
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +151 -146
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +168 -155
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +163 -169
- package/dist/menubar.js.map +1 -0
- package/dist/meter.d.ts +53 -43
- package/dist/meter.d.ts.map +1 -0
- package/dist/meter.js +59 -64
- package/dist/meter.js.map +1 -0
- package/dist/navigation-menu.d.ts +111 -96
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +117 -175
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +64 -54
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +61 -69
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +184 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +164 -0
- package/dist/pagination.js.map +1 -0
- package/dist/popover.d.ts +90 -82
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +85 -94
- package/dist/popover.js.map +1 -0
- package/dist/preview-card.d.ts +58 -54
- package/dist/preview-card.d.ts.map +1 -0
- package/dist/preview-card.js +57 -81
- package/dist/preview-card.js.map +1 -0
- package/dist/progress.d.ts +48 -40
- package/dist/progress.d.ts.map +1 -0
- package/dist/progress.js +46 -50
- package/dist/progress.js.map +1 -0
- package/dist/radio-group.d.ts +16 -12
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +18 -14
- package/dist/radio-group.js.map +1 -0
- package/dist/radio.d.ts +24 -19
- package/dist/radio.d.ts.map +1 -0
- package/dist/radio.js +25 -34
- package/dist/radio.js.map +1 -0
- package/dist/scroll-area.d.ts +57 -47
- package/dist/scroll-area.d.ts.map +1 -0
- package/dist/scroll-area.js +54 -56
- package/dist/scroll-area.js.map +1 -0
- package/dist/select.d.ts +146 -133
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +133 -167
- package/dist/select.js.map +1 -0
- package/dist/separator.d.ts +17 -12
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +19 -23
- package/dist/separator.js.map +1 -0
- package/dist/skeleton.d.ts +20 -0
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +27 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/slider.d.ts +56 -47
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +53 -62
- package/dist/slider.js.map +1 -0
- package/dist/styles/default.css +15 -1
- package/dist/switch.d.ts +24 -19
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +23 -39
- package/dist/switch.js.map +1 -0
- package/dist/table/index.d.ts +5 -0
- package/dist/table/index.js +5 -0
- package/dist/table/use-table.d.ts +9 -0
- package/dist/table/use-table.d.ts.map +1 -0
- package/dist/table/use-table.js +256 -0
- package/dist/table/use-table.js.map +1 -0
- package/dist/tabs.d.ts +60 -49
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +76 -84
- package/dist/tabs.js.map +1 -0
- package/dist/textarea.d.ts +15 -11
- package/dist/textarea.d.ts.map +1 -0
- package/dist/textarea.js +18 -14
- package/dist/textarea.js.map +1 -0
- package/dist/toast.d.ts +87 -81
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +79 -150
- package/dist/toast.js.map +1 -0
- package/dist/toggle-group.d.ts +34 -29
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +31 -34
- package/dist/toggle-group.js.map +1 -0
- package/dist/toggle.d.ts +24 -21
- package/dist/toggle.d.ts.map +1 -0
- package/dist/toggle.js +22 -15
- package/dist/toggle.js.map +1 -0
- package/dist/toolbar.d.ts +64 -56
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +57 -68
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +67 -62
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +65 -90
- package/dist/tooltip.js.map +1 -0
- package/package.json +25 -13
- package/dist/arrow-svg-C6zQTvgS.js +0 -40
- package/dist/button-variants-CbFMPwc8.js +0 -33
- package/dist/control-variants-Bwep4n0y.js +0 -37
- package/dist/form-variants-LJ8gIbk0.js +0 -9
- package/dist/utils-B6yFEsav.js +0 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preview-card.js","names":["BasePreviewCard"],"sources":["../src/components/preview-card.tsx"],"sourcesContent":["'use client'\n\nimport { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// PreviewCardRoot\n// ============================================================================\n\ntype PreviewCardRootProps = React.ComponentProps<typeof BasePreviewCard.Root>\n\nconst PreviewCardRoot = (props: PreviewCardRootProps) => {\n return <BasePreviewCard.Root {...props} />\n}\n\nPreviewCardRoot.displayName = 'PreviewCardRoot'\n\n// ============================================================================\n// PreviewCardTrigger\n// ============================================================================\n\ntype PreviewCardTriggerProps = React.ComponentProps<typeof BasePreviewCard.Trigger>\n\nconst PreviewCardTrigger = ({ className, ...props }: PreviewCardTriggerProps) => {\n return <BasePreviewCard.Trigger className={cn('underline', className)} {...props} />\n}\n\nPreviewCardTrigger.displayName = 'PreviewCardTrigger'\n\n// ============================================================================\n// PreviewCardPortal\n// ============================================================================\n\ntype PreviewCardPortalProps = React.ComponentProps<typeof BasePreviewCard.Portal>\n\nconst PreviewCardPortal = (props: PreviewCardPortalProps) => {\n return <BasePreviewCard.Portal {...props} />\n}\n\nPreviewCardPortal.displayName = 'PreviewCardPortal'\n\n// ============================================================================\n// PreviewCardBackdrop\n// ============================================================================\n\ntype PreviewCardBackdropProps = React.ComponentProps<typeof BasePreviewCard.Backdrop>\n\nconst PreviewCardBackdrop = ({ className, ...props }: PreviewCardBackdropProps) => {\n return (\n <BasePreviewCard.Backdrop\n className={cn(\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'transition-opacity duration-200',\n 'data-starting-style:opacity-0 data-ending-style:opacity-0',\n className,\n )}\n {...props}\n />\n )\n}\n\nPreviewCardBackdrop.displayName = 'PreviewCardBackdrop'\n\n// ============================================================================\n// PreviewCardPositioner\n// ============================================================================\n\ntype PreviewCardPositionerProps = React.ComponentProps<typeof BasePreviewCard.Positioner>\n\nconst PreviewCardPositioner = ({ className, ...props }: PreviewCardPositionerProps) => {\n return (\n <BasePreviewCard.Positioner\n className={cn(\n 'z-50 outline-none',\n 'h-(--positioner-height) w-(--positioner-width)',\n 'max-w-(--available-width)',\n 'transition-[top,left,right,bottom,transform]',\n 'duration-[0.35s]',\n 'ease-[cubic-bezier(0.22,1,0.36,1)]',\n 'data-instant:transition-none',\n className,\n )}\n sideOffset={8}\n {...props}\n />\n )\n}\n\nPreviewCardPositioner.displayName = 'PreviewCardPositioner'\n\n// ============================================================================\n// PreviewCardPopup\n// ============================================================================\n\ntype PreviewCardPopupProps = React.ComponentProps<typeof BasePreviewCard.Popup>\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => {\n return (\n <BasePreviewCard.Popup\n className={cn(\n 'rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative',\n 'h-(--popup-height,auto) w-(--popup-width,auto)',\n 'max-w-[320px]',\n 'origin-(--transform-origin)',\n 'border-border',\n 'transition-[transform,scale,opacity]',\n 'data-ending-style:scale-90 data-ending-style:opacity-0',\n 'data-starting-style:scale-90 data-starting-style:opacity-0',\n 'dark:shadow-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nPreviewCardPopup.displayName = 'PreviewCardPopup'\n\n// ============================================================================\n// PreviewCardArrow\n// ============================================================================\n\ntype PreviewCardArrowProps = React.ComponentProps<typeof BasePreviewCard.Arrow>\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => {\n return (\n <BasePreviewCard.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BasePreviewCard.Arrow>\n )\n}\n\nPreviewCardArrow.displayName = 'PreviewCardArrow'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n PreviewCardRoot,\n PreviewCardTrigger,\n PreviewCardPortal,\n PreviewCardBackdrop,\n PreviewCardPositioner,\n PreviewCardPopup,\n PreviewCardArrow,\n}\n\nexport type {\n PreviewCardRootProps,\n PreviewCardTriggerProps,\n PreviewCardPortalProps,\n PreviewCardBackdropProps,\n PreviewCardPositionerProps,\n PreviewCardPopupProps,\n PreviewCardArrowProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,mBAAmB,UAAgC;AACvD,QAAO,oBAACA,YAAgB,QAAK,GAAI,QAAS;;AAG5C,gBAAgB,cAAc;AAQ9B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QAAO,oBAACA,YAAgB;EAAQ,WAAW,GAAG,aAAa,UAAU;EAAE,GAAI;GAAS;;AAGtF,mBAAmB,cAAc;AAQjC,MAAM,qBAAqB,UAAkC;AAC3D,QAAO,oBAACA,YAAgB,UAAO,GAAI,QAAS;;AAG9C,kBAAkB,cAAc;AAQhC,MAAM,uBAAuB,EAAE,WAAW,GAAG,YAAsC;AACjF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAQlC,MAAM,yBAAyB,EAAE,WAAW,GAAG,YAAwC;AACrF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,qBACA,kDACA,6BACA,gDACA,oBACA,sCACA,gCACA,UACD;EACD,YAAY;EACZ,GAAI;GACJ;;AAIN,sBAAsB,cAAc;AAQpC,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,gFACA,kDACA,iBACA,+BACA,iBACA,wCACA,0DACA,8DACA,oBACA,UACD;EACD,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,sNACA,UACD;EACD,GAAI;YAEJ,oBAAC,aAAW;GACU;;AAI5B,iBAAiB,cAAc"}
|
package/dist/progress.d.ts
CHANGED
|
@@ -1,40 +1,48 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime68 from "react/jsx-runtime";
|
|
3
|
+
import { Progress } from "@base-ui/react/progress";
|
|
4
|
+
|
|
5
|
+
//#region src/components/progress.d.ts
|
|
6
|
+
type ProgressRootProps = React.ComponentProps<typeof Progress.Root>;
|
|
7
|
+
declare const ProgressRoot: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: ProgressRootProps): react_jsx_runtime68.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
type ProgressTrackProps = React.ComponentProps<typeof Progress.Track>;
|
|
15
|
+
declare const ProgressTrack: {
|
|
16
|
+
({
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: ProgressTrackProps): react_jsx_runtime68.JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
type ProgressIndicatorProps = React.ComponentProps<typeof Progress.Indicator>;
|
|
23
|
+
declare const ProgressIndicator: {
|
|
24
|
+
({
|
|
25
|
+
className,
|
|
26
|
+
...props
|
|
27
|
+
}: ProgressIndicatorProps): react_jsx_runtime68.JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
type ProgressValueProps = React.ComponentProps<typeof Progress.Value>;
|
|
31
|
+
declare const ProgressValue: {
|
|
32
|
+
({
|
|
33
|
+
className,
|
|
34
|
+
...props
|
|
35
|
+
}: ProgressValueProps): react_jsx_runtime68.JSX.Element;
|
|
36
|
+
displayName: string;
|
|
37
|
+
};
|
|
38
|
+
type ProgressLabelProps = React.ComponentProps<typeof Progress.Label>;
|
|
39
|
+
declare const ProgressLabel: {
|
|
40
|
+
({
|
|
41
|
+
className,
|
|
42
|
+
...props
|
|
43
|
+
}: ProgressLabelProps): react_jsx_runtime68.JSX.Element;
|
|
44
|
+
displayName: string;
|
|
45
|
+
};
|
|
46
|
+
//#endregion
|
|
47
|
+
export { ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
|
|
48
|
+
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.d.ts","names":[],"sources":["../src/components/progress.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAE5D;;;;KAAyC,oBAAiB,mBAAA,CAAA,GAAA,CAAA;EAF3D,WAAA,EAAA,MAAA;CAAiB;KAYjB,kBAAA,GAAqB,KAAA,CAAM,cAZkC,CAAA,OAYZ,QAAA,CAAa,KAZD,CAAA;cAc5D,aAdyB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,kBAdH,CAAA,EAcqB,mBAAA,CAAA,GAAA,CAAA,OAdrB;EAEvC,WAAA,EAAA,MAEL;CAAA;KA4BI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAEjE,iBAhCyC,EAAA;;IAAiB,SAAA;IAAA,GAAA;EAAA,CAAA,EAgCZ,sBAhCY,CAAA,EAgCU,mBAAA,CAAA,GAAA,CAAA,OAhCV;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAkD3D,kBAAA,GAAqB,KAAA,CAAM,cAxCT,CAAA,OAwC+B,QAAA,CAAa,KAxC5C,CAAA;cA0CjB,aA1C6D,EAAA;;IAAzC,SAAM;IAAA,GAAA;EAAA,CAAA,EA0CgB,kBA1ChB,CAAA,EA0CkC,mBAAA,CAAA,GAAA,CAAA,OA1ClC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAyDzC,kBAAA,GAAqB,KAAA,CAAM,cA7C/B,CAAA,OA6CqD,QAAA,CAAa,KA7ClE,CAAA;cA+CK;;IAzD0C,SAAA;IAAA,GAAA;EAAA,CAAA,EAyDA,kBAzDA,CAAA,EAyDkB,mBAAA,CAAA,GAAA,CAAA,OAzDlB;aAAkB,EAAA,MAAA;CAAA"}
|
package/dist/progress.js
CHANGED
|
@@ -1,51 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
...e
|
|
15
|
-
}
|
|
16
|
-
);
|
|
17
|
-
l.displayName = "ProgressTrack";
|
|
18
|
-
const n = ({ className: r, ...e }) => /* @__PURE__ */ s(
|
|
19
|
-
o.Indicator,
|
|
20
|
-
{
|
|
21
|
-
className: a(
|
|
22
|
-
"h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
|
|
23
|
-
r
|
|
24
|
-
),
|
|
25
|
-
...e
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
n.displayName = "ProgressIndicator";
|
|
29
|
-
const m = ({ className: r, ...e }) => /* @__PURE__ */ s(
|
|
30
|
-
o.Value,
|
|
31
|
-
{
|
|
32
|
-
className: a("text-sm font-medium text-foreground", r),
|
|
33
|
-
...e
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
m.displayName = "ProgressValue";
|
|
37
|
-
const u = ({ className: r, ...e }) => /* @__PURE__ */ s(
|
|
38
|
-
o.Label,
|
|
39
|
-
{
|
|
40
|
-
className: a("text-sm font-medium text-foreground", r),
|
|
41
|
-
...e
|
|
42
|
-
}
|
|
43
|
-
);
|
|
44
|
-
u.displayName = "ProgressLabel";
|
|
45
|
-
export {
|
|
46
|
-
n as ProgressIndicator,
|
|
47
|
-
u as ProgressLabel,
|
|
48
|
-
t as ProgressRoot,
|
|
49
|
-
l as ProgressTrack,
|
|
50
|
-
m as ProgressValue
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Progress } from "@base-ui/react/progress";
|
|
7
|
+
|
|
8
|
+
//#region src/components/progress.tsx
|
|
9
|
+
const ProgressRoot = ({ className, ...props }) => {
|
|
10
|
+
return /* @__PURE__ */ jsx(Progress.Root, {
|
|
11
|
+
className: cn("w-full", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
51
14
|
};
|
|
15
|
+
ProgressRoot.displayName = "ProgressRoot";
|
|
16
|
+
const ProgressTrack = ({ className, ...props }) => {
|
|
17
|
+
return /* @__PURE__ */ jsx(Progress.Track, {
|
|
18
|
+
className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
ProgressTrack.displayName = "ProgressTrack";
|
|
23
|
+
const ProgressIndicator = ({ className, ...props }) => {
|
|
24
|
+
return /* @__PURE__ */ jsx(Progress.Indicator, {
|
|
25
|
+
className: cn("h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo", className),
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
ProgressIndicator.displayName = "ProgressIndicator";
|
|
30
|
+
const ProgressValue = ({ className, ...props }) => {
|
|
31
|
+
return /* @__PURE__ */ jsx(Progress.Value, {
|
|
32
|
+
className: cn("text-sm font-medium text-foreground", className),
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
ProgressValue.displayName = "ProgressValue";
|
|
37
|
+
const ProgressLabel = ({ className, ...props }) => {
|
|
38
|
+
return /* @__PURE__ */ jsx(Progress.Label, {
|
|
39
|
+
className: cn("text-sm font-medium text-foreground", className),
|
|
40
|
+
...props
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
ProgressLabel.displayName = "ProgressLabel";
|
|
44
|
+
|
|
45
|
+
//#endregion
|
|
46
|
+
export { ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue };
|
|
47
|
+
//# sourceMappingURL=progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.js","names":["BaseProgress"],"sources":["../src/components/progress.tsx"],"sourcesContent":["'use client'\n\nimport { Progress as BaseProgress } from '@base-ui/react/progress'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ProgressRoot\n// ============================================================================\n\ntype ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n return <BaseProgress.Root className={cn('w-full', className)} {...props} />\n}\n\nProgressRoot.displayName = 'ProgressRoot'\n\n// ============================================================================\n// ProgressTrack\n// ============================================================================\n\ntype ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => {\n return (\n <BaseProgress.Track\n className={cn(\n 'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressTrack.displayName = 'ProgressTrack'\n\n// ============================================================================\n// ProgressIndicator\n// ============================================================================\n\ntype ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => {\n return (\n <BaseProgress.Indicator\n className={cn(\n 'h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressIndicator.displayName = 'ProgressIndicator'\n\n// ============================================================================\n// ProgressValue\n// ============================================================================\n\ntype ProgressValueProps = React.ComponentProps<typeof BaseProgress.Value>\n\nconst ProgressValue = ({ className, ...props }: ProgressValueProps) => {\n return (\n <BaseProgress.Value\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressValue.displayName = 'ProgressValue'\n\n// ============================================================================\n// ProgressLabel\n// ============================================================================\n\ntype ProgressLabelProps = React.ComponentProps<typeof BaseProgress.Label>\n\nconst ProgressLabel = ({ className, ...props }: ProgressLabelProps) => {\n return (\n <BaseProgress.Label\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressLabel.displayName = 'ProgressLabel'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel }\n\nexport type {\n ProgressRootProps,\n ProgressTrackProps,\n ProgressIndicatorProps,\n ProgressValueProps,\n ProgressLabelProps,\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAACA,SAAa;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;GAAS;;AAG7E,aAAa,cAAc;AAQ3B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,kEACA,UACD;EACD,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,6EACA,UACD;EACD,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc"}
|
package/dist/radio-group.d.ts
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime75 from "react/jsx-runtime";
|
|
3
|
+
import { RadioGroup } from "@base-ui/react/radio-group";
|
|
4
|
+
|
|
5
|
+
//#region src/components/radio-group.d.ts
|
|
6
|
+
type RadioGroupRootProps = React.ComponentProps<typeof RadioGroup>;
|
|
7
|
+
declare const RadioGroupRoot: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: RadioGroupRootProps): react_jsx_runtime75.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { RadioGroupRoot, type RadioGroupRootProps };
|
|
16
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../src/components/radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB;cAEjD;;;;KAA2C,sBAAmB,mBAAA,CAAA,GAAA,CAAA;EAF/D,WAAA,EAAA,MAAA;CAAmB"}
|
package/dist/radio-group.js
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
)
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
i as RadioGroupRoot
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { RadioGroup } from "@base-ui/react/radio-group";
|
|
7
|
+
|
|
8
|
+
//#region src/components/radio-group.tsx
|
|
9
|
+
const RadioGroupRoot = ({ className, ...props }) => {
|
|
10
|
+
return /* @__PURE__ */ jsx(RadioGroup, {
|
|
11
|
+
className: cn("flex flex-col items-start gap-2", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
15
14
|
};
|
|
15
|
+
RadioGroupRoot.displayName = "RadioGroupRoot";
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
export { RadioGroupRoot };
|
|
19
|
+
//# sourceMappingURL=radio-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.js","names":["BaseRadioGroup"],"sources":["../src/components/radio-group.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// RadioGroupRoot\n// ============================================================================\n\ntype RadioGroupRootProps = React.ComponentProps<typeof BaseRadioGroup>\n\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupRootProps) => {\n return (\n <BaseRadioGroup\n className={cn('flex flex-col items-start gap-2', className)}\n {...props}\n />\n )\n}\n\nRadioGroupRoot.displayName = 'RadioGroupRoot'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { RadioGroupRoot }\n\nexport type { RadioGroupRootProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA;EACC,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,eAAe,cAAc"}
|
package/dist/radio.d.ts
CHANGED
|
@@ -1,19 +1,24 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime73 from "react/jsx-runtime";
|
|
3
|
+
import { Radio } from "@base-ui/react/radio";
|
|
4
|
+
|
|
5
|
+
//#region src/components/radio.d.ts
|
|
6
|
+
type RadioRootProps = React.ComponentProps<typeof Radio.Root>;
|
|
7
|
+
declare const RadioRoot: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: RadioRootProps): react_jsx_runtime73.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
type RadioIndicatorProps = React.ComponentProps<typeof Radio.Indicator>;
|
|
15
|
+
declare const RadioIndicator: {
|
|
16
|
+
({
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: RadioIndicatorProps): react_jsx_runtime73.JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
//#endregion
|
|
23
|
+
export { RadioIndicator, type RadioIndicatorProps, RadioRoot, type RadioRootProps };
|
|
24
|
+
//# sourceMappingURL=radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.d.ts","names":[],"sources":["../src/components/radio.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,cAAA,GAAiB,KAAA,CAAM,sBAAsB,KAAA,CAAU;cAEtD;;;;KAAsC,iBAAc,mBAAA,CAAA,GAAA,CAAA;EAFrD,WAAA,EAAA,MAAc;CAAA;KAwBd,mBAAA,GAAsB,KAAA,CAAM,cAxB2B,CAAA,OAwBL,KAAA,CAAU,SAxBL,CAAA;cA0BtD,cA1BsB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA0BO,mBA1BP,CAAA,EA0B0B,mBAAA,CAAA,GAAA,CAAA,OA1B1B;EAEpC,WAAA,EAcL,MAAA;CAAA"}
|
package/dist/radio.js
CHANGED
|
@@ -1,35 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
o
|
|
15
|
-
),
|
|
16
|
-
...e
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
t.displayName = "RadioRoot";
|
|
20
|
-
const d = ({ className: o, ...e }) => /* @__PURE__ */ r(
|
|
21
|
-
i.Indicator,
|
|
22
|
-
{
|
|
23
|
-
className: a(
|
|
24
|
-
"size-2 rounded-full bg-primary-foreground",
|
|
25
|
-
"data-unchecked:hidden",
|
|
26
|
-
o
|
|
27
|
-
),
|
|
28
|
-
...e
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
d.displayName = "RadioIndicator";
|
|
32
|
-
export {
|
|
33
|
-
d as RadioIndicator,
|
|
34
|
-
t as RadioRoot
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Radio } from "@base-ui/react/radio";
|
|
7
|
+
|
|
8
|
+
//#region src/components/radio.tsx
|
|
9
|
+
const RadioRoot = ({ className, ...props }) => {
|
|
10
|
+
return /* @__PURE__ */ jsx(Radio.Root, {
|
|
11
|
+
className: cn("flex size-5 items-center justify-center rounded-full border border-input bg-transparent", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "data-checked:border-primary data-checked:bg-primary", "data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
35
14
|
};
|
|
15
|
+
RadioRoot.displayName = "RadioRoot";
|
|
16
|
+
const RadioIndicator = ({ className, ...props }) => {
|
|
17
|
+
return /* @__PURE__ */ jsx(Radio.Indicator, {
|
|
18
|
+
className: cn("size-2 rounded-full bg-primary-foreground", "data-unchecked:hidden", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
RadioIndicator.displayName = "RadioIndicator";
|
|
23
|
+
|
|
24
|
+
//#endregion
|
|
25
|
+
export { RadioIndicator, RadioRoot };
|
|
26
|
+
//# sourceMappingURL=radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.js","names":["BaseRadio"],"sources":["../src/components/radio.tsx"],"sourcesContent":["'use client'\n\nimport { Radio as BaseRadio } from '@base-ui/react/radio'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// RadioRoot\n// ============================================================================\n\ntype RadioRootProps = React.ComponentProps<typeof BaseRadio.Root>\n\nconst RadioRoot = ({ className, ...props }: RadioRootProps) => {\n return (\n <BaseRadio.Root\n className={cn(\n 'flex size-5 items-center justify-center rounded-full border border-input bg-transparent',\n 'transition-colors duration-150',\n 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n 'data-checked:border-primary data-checked:bg-primary',\n 'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n className,\n )}\n {...props}\n />\n )\n}\n\nRadioRoot.displayName = 'RadioRoot'\n\n// ============================================================================\n// RadioIndicator\n// ============================================================================\n\ntype RadioIndicatorProps = React.ComponentProps<typeof BaseRadio.Indicator>\n\nconst RadioIndicator = ({ className, ...props }: RadioIndicatorProps) => {\n return (\n <BaseRadio.Indicator\n className={cn(\n 'size-2 rounded-full bg-primary-foreground',\n 'data-unchecked:hidden',\n className,\n )}\n {...props}\n />\n )\n}\n\nRadioIndicator.displayName = 'RadioIndicator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { RadioRoot, RadioIndicator }\n\nexport type { RadioRootProps, RadioIndicatorProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAACA,MAAU;EACT,WAAW,GACT,2FACA,kCACA,qFACA,uDACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc;AAQxB,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA,MAAU;EACT,WAAW,GACT,6CACA,yBACA,UACD;EACD,GAAI;GACJ;;AAIN,eAAe,cAAc"}
|
package/dist/scroll-area.d.ts
CHANGED
|
@@ -1,47 +1,57 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { ScrollArea } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime91 from "react/jsx-runtime";
|
|
3
|
+
import { ScrollArea } from "@base-ui/react/scroll-area";
|
|
4
|
+
|
|
5
|
+
//#region src/components/scroll-area.d.ts
|
|
6
|
+
type ScrollAreaRootProps = React.ComponentProps<typeof ScrollArea.Root>;
|
|
7
|
+
declare const ScrollAreaRoot: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: ScrollAreaRootProps): react_jsx_runtime91.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollArea.Viewport>;
|
|
15
|
+
declare const ScrollAreaViewport: {
|
|
16
|
+
({
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: ScrollAreaViewportProps): react_jsx_runtime91.JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
type ScrollAreaContentProps = React.ComponentProps<typeof ScrollArea.Content>;
|
|
23
|
+
declare const ScrollAreaContent: {
|
|
24
|
+
({
|
|
25
|
+
className,
|
|
26
|
+
...props
|
|
27
|
+
}: ScrollAreaContentProps): react_jsx_runtime91.JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
type ScrollAreaScrollbarProps = React.ComponentProps<typeof ScrollArea.Scrollbar>;
|
|
31
|
+
declare const ScrollAreaScrollbar: {
|
|
32
|
+
({
|
|
33
|
+
className,
|
|
34
|
+
orientation,
|
|
35
|
+
...props
|
|
36
|
+
}: ScrollAreaScrollbarProps): react_jsx_runtime91.JSX.Element;
|
|
37
|
+
displayName: string;
|
|
38
|
+
};
|
|
39
|
+
type ScrollAreaThumbProps = React.ComponentProps<typeof ScrollArea.Thumb>;
|
|
40
|
+
declare const ScrollAreaThumb: {
|
|
41
|
+
({
|
|
42
|
+
className,
|
|
43
|
+
...props
|
|
44
|
+
}: ScrollAreaThumbProps): react_jsx_runtime91.JSX.Element;
|
|
45
|
+
displayName: string;
|
|
46
|
+
};
|
|
47
|
+
type ScrollAreaCornerProps = React.ComponentProps<typeof ScrollArea.Corner>;
|
|
48
|
+
declare const ScrollAreaCorner: {
|
|
49
|
+
({
|
|
50
|
+
className,
|
|
51
|
+
...props
|
|
52
|
+
}: ScrollAreaCornerProps): react_jsx_runtime91.JSX.Element;
|
|
53
|
+
displayName: string;
|
|
54
|
+
};
|
|
55
|
+
//#endregion
|
|
56
|
+
export { ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps };
|
|
57
|
+
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEhE;;;;KAA2C,sBAAmB,mBAAA,CAAA,GAAA,CAAA;EAF/D,WAAA,EAAA,MAAA;CAAmB;KAQnB,uBAAA,GAA0B,KAAA,CAAM,cARiC,CAAA,OAQX,UAAA,CAAe,QARJ,CAAA;cAUhE,kBAV2B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAUM,uBAVN,CAAA,EAU6B,mBAAA,CAAA,GAAA,CAAA,OAV7B;EAEzC,WAAA,EAAA,MAEL;CAAA;KAiBI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEnE,iBArB2C,EAAA;;IAAmB,SAAA;IAAA,GAAA;EAAA,CAAA,EAqBhB,sBArBgB,CAAA,EAqBM,mBAAA,CAAA,GAAA,CAAA,OArBN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA2B/D,wBAAA,GAA2B,KAAA,CAAM,cArBV,CAAA,OAqBgC,UAAA,CAAe,SArB/C,CAAA;cAuBtB,mBAvBoE,EAAA;;IAA3C,SAAM;IAAA,WAAA;IAAA,GAAA;EAAA,CAAA,EA2BlC,wBA3BkC,CAAA,EA2BV,mBAAA,CAAA,GAAA,CAAA,OA3BU;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KA6C9C,oBAAA,GAAuB,KAAA,CAAM,cApCjC,CAAA,OAoCuD,UAAA,CAAe,KApCtE,CAAA;cAsCK;;IA7C+C,SAAA;IAAA,GAAA;EAAA,CAAA,EA6CH,oBA7CG,CAAA,EA6CiB,mBAAA,CAAA,GAAA,CAAA,OA7CjB;aAAuB,EAAA,MAAA;CAAA;AAAA,KA4DvE,qBAAA,GAAwB,KAAA,CAAM,cAjDR,CAAA,OAiD8B,UAAA,CAAe,MAjD7C,CAAA;cAmDrB,gBAnDqB,EAAA;;IAA+B,SAAA;IAAe,GAAA;EAAA,CAAA,EAmDtB,qBAnDsB,CAAA,EAmDD,mBAAA,CAAA,GAAA,CAAA,OAnDC;aAArC,EAAA,MAAA;CAAc"}
|
package/dist/scroll-area.js
CHANGED
|
@@ -1,57 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
);
|
|
14
|
-
n.displayName = "ScrollAreaViewport";
|
|
15
|
-
const s = ({ className: l, ...r }) => /* @__PURE__ */ e(o.Content, { className: a("min-w-full", l), ...r });
|
|
16
|
-
s.displayName = "ScrollAreaContent";
|
|
17
|
-
const m = ({
|
|
18
|
-
className: l,
|
|
19
|
-
orientation: r = "vertical",
|
|
20
|
-
...t
|
|
21
|
-
}) => /* @__PURE__ */ e(
|
|
22
|
-
o.Scrollbar,
|
|
23
|
-
{
|
|
24
|
-
className: a(
|
|
25
|
-
"flex touch-none select-none p-0.5 transition-colors duration-200 ease-out",
|
|
26
|
-
"data-hovering:bg-muted/50",
|
|
27
|
-
r === "vertical" && "h-full w-2.5",
|
|
28
|
-
r === "horizontal" && "h-2.5 w-full flex-col",
|
|
29
|
-
l
|
|
30
|
-
),
|
|
31
|
-
orientation: r,
|
|
32
|
-
...t
|
|
33
|
-
}
|
|
34
|
-
);
|
|
35
|
-
m.displayName = "ScrollAreaScrollbar";
|
|
36
|
-
const u = ({ className: l, ...r }) => /* @__PURE__ */ e(
|
|
37
|
-
o.Thumb,
|
|
38
|
-
{
|
|
39
|
-
className: a(
|
|
40
|
-
"relative flex-1 rounded-full bg-border transition-colors",
|
|
41
|
-
"hover:bg-muted-foreground/50",
|
|
42
|
-
l
|
|
43
|
-
),
|
|
44
|
-
...r
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
u.displayName = "ScrollAreaThumb";
|
|
48
|
-
const i = ({ className: l, ...r }) => /* @__PURE__ */ e(o.Corner, { className: a("bg-muted/50", l), ...r });
|
|
49
|
-
i.displayName = "ScrollAreaCorner";
|
|
50
|
-
export {
|
|
51
|
-
s as ScrollAreaContent,
|
|
52
|
-
i as ScrollAreaCorner,
|
|
53
|
-
c as ScrollAreaRoot,
|
|
54
|
-
m as ScrollAreaScrollbar,
|
|
55
|
-
u as ScrollAreaThumb,
|
|
56
|
-
n as ScrollAreaViewport
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { ScrollArea } from "@base-ui/react/scroll-area";
|
|
7
|
+
|
|
8
|
+
//#region src/components/scroll-area.tsx
|
|
9
|
+
const ScrollAreaRoot = ({ className, ...props }) => {
|
|
10
|
+
return /* @__PURE__ */ jsx(ScrollArea.Root, {
|
|
11
|
+
className: cn("relative", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
57
14
|
};
|
|
15
|
+
ScrollAreaRoot.displayName = "ScrollAreaRoot";
|
|
16
|
+
const ScrollAreaViewport = ({ className, ...props }) => {
|
|
17
|
+
return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
|
|
18
|
+
className: cn("h-full overscroll-contain pr-3", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
ScrollAreaViewport.displayName = "ScrollAreaViewport";
|
|
23
|
+
const ScrollAreaContent = ({ className, ...props }) => {
|
|
24
|
+
return /* @__PURE__ */ jsx(ScrollArea.Content, {
|
|
25
|
+
className: cn("min-w-full", className),
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
ScrollAreaContent.displayName = "ScrollAreaContent";
|
|
30
|
+
const ScrollAreaScrollbar = ({ className, orientation = "vertical", ...props }) => {
|
|
31
|
+
return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
|
|
32
|
+
className: cn("flex touch-none select-none p-0.5 transition-colors duration-200 ease-out", "data-hovering:bg-muted/50", orientation === "vertical" && "h-full w-2.5", orientation === "horizontal" && "h-2.5 w-full flex-col", className),
|
|
33
|
+
orientation,
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
|
|
38
|
+
const ScrollAreaThumb = ({ className, ...props }) => {
|
|
39
|
+
return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
|
|
40
|
+
className: cn("relative flex-1 rounded-full bg-border transition-colors", "hover:bg-muted-foreground/50", className),
|
|
41
|
+
...props
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
ScrollAreaThumb.displayName = "ScrollAreaThumb";
|
|
45
|
+
const ScrollAreaCorner = ({ className, ...props }) => {
|
|
46
|
+
return /* @__PURE__ */ jsx(ScrollArea.Corner, {
|
|
47
|
+
className: cn("bg-muted/50", className),
|
|
48
|
+
...props
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
ScrollAreaCorner.displayName = "ScrollAreaCorner";
|
|
52
|
+
|
|
53
|
+
//#endregion
|
|
54
|
+
export { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };
|
|
55
|
+
//# sourceMappingURL=scroll-area.js.map
|