@wheelhouse/ui 0.2.2 → 0.2.4
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/blocks/columns/columns-types.d.ts +40 -0
- package/dist/blocks/columns/columns-types.d.ts.map +1 -0
- package/dist/blocks/columns/columns-types.js +10 -0
- package/dist/blocks/columns/columns-utils.d.ts +13 -0
- package/dist/blocks/columns/columns-utils.d.ts.map +1 -0
- package/dist/blocks/columns/columns-utils.js +85 -0
- package/dist/blocks/columns/columns.d.ts +3 -0
- package/dist/blocks/columns/columns.d.ts.map +1 -0
- package/dist/blocks/columns/columns.js +79 -0
- package/dist/blocks/columns/columns.stories.d.ts +12 -0
- package/dist/blocks/columns/columns.stories.d.ts.map +1 -0
- package/dist/blocks/columns/columns.stories.js +67 -0
- package/dist/blocks/columns/index.d.ts +6 -0
- package/dist/blocks/columns/index.d.ts.map +1 -0
- package/dist/blocks/columns/index.js +3 -0
- package/dist/blocks/date-selector/date-selector-context.d.ts.map +1 -0
- package/dist/blocks/date-selector/date-selector-default-i18n.d.ts +10 -0
- package/dist/blocks/date-selector/date-selector-default-i18n.d.ts.map +1 -0
- package/dist/blocks/date-selector/date-selector-default-i18n.js +29 -0
- package/dist/blocks/date-selector/date-selector-i18n-resources.d.ts +11 -0
- package/dist/blocks/date-selector/date-selector-i18n-resources.d.ts.map +1 -0
- package/dist/blocks/date-selector/date-selector-i18n-resources.js +248 -0
- package/dist/blocks/date-selector/date-selector-i18n.shared.d.ts +12 -0
- package/dist/blocks/date-selector/date-selector-i18n.shared.d.ts.map +1 -0
- package/dist/blocks/date-selector/date-selector-i18n.shared.js +84 -0
- package/dist/{components → blocks}/date-selector/date-selector-parts.d.ts +9 -0
- package/dist/blocks/date-selector/date-selector-parts.d.ts.map +1 -0
- package/dist/{components → blocks}/date-selector/date-selector-parts.js +21 -6
- package/dist/{components → blocks}/date-selector/date-selector-types.d.ts +70 -0
- package/dist/blocks/date-selector/date-selector-types.d.ts.map +1 -0
- package/dist/{components → blocks}/date-selector/date-selector-types.js +22 -0
- package/dist/blocks/date-selector/date-selector-value.d.ts +81 -0
- package/dist/blocks/date-selector/date-selector-value.d.ts.map +1 -0
- package/dist/blocks/date-selector/date-selector-value.js +423 -0
- package/dist/{components → blocks}/date-selector/date-selector.d.ts +1 -1
- package/dist/blocks/date-selector/date-selector.d.ts.map +1 -0
- package/dist/blocks/date-selector/date-selector.js +191 -0
- package/dist/{components → blocks}/date-selector/date-selector.stories.d.ts +14 -0
- package/dist/blocks/date-selector/date-selector.stories.d.ts.map +1 -0
- package/dist/blocks/date-selector/date-selector.stories.js +299 -0
- package/dist/blocks/date-selector/index.d.ts +11 -0
- package/dist/blocks/date-selector/index.d.ts.map +1 -0
- package/dist/blocks/date-selector/index.js +8 -0
- package/dist/{components → blocks}/date-selector/use-date-selector.d.ts +4 -3
- package/dist/blocks/date-selector/use-date-selector.d.ts.map +1 -0
- package/dist/{components → blocks}/date-selector/use-date-selector.js +14 -8
- package/dist/blocks/floating-menu-widget/floating-menu-widget.d.ts +26 -0
- package/dist/blocks/floating-menu-widget/floating-menu-widget.d.ts.map +1 -0
- package/dist/blocks/floating-menu-widget/floating-menu-widget.js +200 -0
- package/dist/blocks/floating-menu-widget/floating-menu-widget.stories.d.ts +15 -0
- package/dist/blocks/floating-menu-widget/floating-menu-widget.stories.d.ts.map +1 -0
- package/dist/blocks/floating-menu-widget/floating-menu-widget.stories.js +22 -0
- package/dist/blocks/floating-menu-widget/index.d.ts +3 -0
- package/dist/blocks/floating-menu-widget/index.d.ts.map +1 -0
- package/dist/blocks/floating-menu-widget/index.js +1 -0
- package/dist/blocks/index.d.ts +5 -0
- package/dist/blocks/index.d.ts.map +1 -0
- package/dist/blocks/index.js +4 -0
- package/dist/blocks/navigation/index.d.ts +5 -0
- package/dist/blocks/navigation/index.d.ts.map +1 -0
- package/dist/blocks/navigation/index.js +2 -0
- package/dist/blocks/navigation/navigation-types.d.ts +60 -0
- package/dist/blocks/navigation/navigation-types.d.ts.map +1 -0
- package/dist/blocks/navigation/navigation-types.js +1 -0
- package/dist/blocks/navigation/navigation.d.ts +9 -0
- package/dist/blocks/navigation/navigation.d.ts.map +1 -0
- package/dist/blocks/navigation/navigation.demo.d.ts +4 -0
- package/dist/blocks/navigation/navigation.demo.d.ts.map +1 -0
- package/dist/blocks/navigation/navigation.demo.js +46 -0
- package/dist/blocks/navigation/navigation.js +98 -0
- package/dist/blocks/navigation/navigation.stories.d.ts +14 -0
- package/dist/blocks/navigation/navigation.stories.d.ts.map +1 -0
- package/dist/blocks/navigation/navigation.stories.js +16 -0
- package/dist/components/accordion/accordion.stories.js +1 -1
- package/dist/components/alert/alert.stories.js +1 -1
- package/dist/components/alert-dialog/alert-dialog.stories.js +1 -1
- package/dist/components/aspect-ratio/aspect-ratio.stories.js +1 -1
- package/dist/components/avatar/avatar.stories.js +1 -1
- package/dist/components/badge/badge.stories.js +1 -1
- package/dist/components/breadcrumb/breadcrumb.stories.js +1 -1
- package/dist/components/button/button.d.ts +18 -11
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +27 -14
- package/dist/components/button/button.stories.d.ts +11 -0
- package/dist/components/button/button.stories.d.ts.map +1 -1
- package/dist/components/button/button.stories.js +85 -1
- package/dist/components/button-group/button-group.d.ts +10 -4
- package/dist/components/button-group/button-group.d.ts.map +1 -1
- package/dist/components/button-group/button-group.js +15 -3
- package/dist/components/button-group/button-group.stories.js +1 -1
- package/dist/components/button-group/index.d.ts +2 -2
- package/dist/components/button-group/index.d.ts.map +1 -1
- package/dist/components/button-group/index.js +1 -1
- package/dist/components/calendar/calendar.stories.js +1 -1
- package/dist/components/card/card.stories.js +1 -1
- package/dist/components/checkbox/checkbox.stories.js +1 -1
- package/dist/components/collapsible/collapsible.stories.js +1 -1
- package/dist/components/combobox/combobox.stories.js +1 -1
- package/dist/components/command/command.stories.js +1 -1
- package/dist/components/context-menu/context-menu.stories.js +1 -1
- package/dist/components/dialog/dialog.stories.js +1 -1
- package/dist/components/direction/direction.stories.js +1 -1
- package/dist/components/drawer/drawer.stories.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +9 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.js +4 -1
- package/dist/components/dropdown-menu/dropdown-menu.stories.js +1 -1
- package/dist/components/dropdown-menu/index.d.ts +2 -2
- package/dist/components/dropdown-menu/index.d.ts.map +1 -1
- package/dist/components/dropdown-menu/index.js +1 -1
- package/dist/components/empty/empty.stories.js +1 -1
- package/dist/components/field/field.stories.js +1 -1
- package/dist/components/filters/filter-date-metric-value.d.ts +32 -0
- package/dist/components/filters/filter-date-metric-value.d.ts.map +1 -0
- package/dist/components/filters/filter-date-metric-value.js +406 -0
- package/dist/components/filters/filter-fields-listing-demo.d.ts +12 -0
- package/dist/components/filters/filter-fields-listing-demo.d.ts.map +1 -0
- package/dist/components/filters/filter-fields-listing-demo.js +565 -0
- package/dist/components/filters/filters-defaults.d.ts +4 -0
- package/dist/components/filters/filters-defaults.d.ts.map +1 -1
- package/dist/components/filters/filters-defaults.js +59 -1
- package/dist/components/filters/filters-i18n-resources.d.ts +277 -0
- package/dist/components/filters/filters-i18n-resources.d.ts.map +1 -0
- package/dist/components/filters/filters-i18n-resources.js +276 -0
- package/dist/components/filters/filters-i18n.shared.d.ts +16 -0
- package/dist/components/filters/filters-i18n.shared.d.ts.map +1 -0
- package/dist/components/filters/filters-i18n.shared.js +111 -0
- package/dist/components/filters/filters-types.d.ts +40 -1
- package/dist/components/filters/filters-types.d.ts.map +1 -1
- package/dist/components/filters/filters-utils.d.ts +28 -1
- package/dist/components/filters/filters-utils.d.ts.map +1 -1
- package/dist/components/filters/filters-utils.js +102 -0
- package/dist/components/filters/filters.d.ts +21 -3
- package/dist/components/filters/filters.d.ts.map +1 -1
- package/dist/components/filters/filters.js +493 -290
- package/dist/components/filters/filters.stories.d.ts +107 -2
- package/dist/components/filters/filters.stories.d.ts.map +1 -1
- package/dist/components/filters/filters.stories.js +224 -30
- package/dist/components/filters/index.d.ts +4 -1
- package/dist/components/filters/index.d.ts.map +1 -1
- package/dist/components/filters/index.js +4 -1
- package/dist/components/frame/frame.stories.js +1 -1
- package/dist/components/hover-card/hover-card.stories.js +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -2
- package/dist/components/input/input.stories.js +1 -1
- package/dist/components/input-group/input-group.stories.js +1 -1
- package/dist/components/item/item.stories.js +1 -1
- package/dist/components/kbd/kbd.stories.js +1 -1
- package/dist/components/label/label.stories.js +1 -1
- package/dist/components/menubar/menubar.stories.js +1 -1
- package/dist/components/native-select/native-select.stories.js +1 -1
- package/dist/components/navigation-menu/navigation-menu.stories.js +1 -1
- package/dist/components/pagination/pagination.stories.js +1 -1
- package/dist/components/popover/index.d.ts +1 -0
- package/dist/components/popover/index.d.ts.map +1 -1
- package/dist/components/popover/index.js +1 -0
- package/dist/components/popover/popover-handle.d.ts +6 -0
- package/dist/components/popover/popover-handle.d.ts.map +1 -0
- package/dist/components/popover/popover-handle.js +6 -0
- package/dist/components/popover/popover.d.ts +41 -7
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +50 -3
- package/dist/components/popover/popover.stories.js +1 -1
- package/dist/components/progress/progress.js +1 -1
- package/dist/components/progress/progress.stories.d.ts +11 -2
- package/dist/components/progress/progress.stories.d.ts.map +1 -1
- package/dist/components/progress/progress.stories.js +78 -5
- package/dist/components/radio-group/radio-group.stories.js +1 -1
- package/dist/components/resizable/resizable.stories.js +1 -1
- package/dist/components/scroll-area/scroll-area.stories.js +1 -1
- package/dist/components/select/select.stories.js +1 -1
- package/dist/components/separator/separator.stories.js +1 -1
- package/dist/components/sheet/sheet.stories.js +1 -1
- package/dist/components/sidebar/index.d.ts +2 -0
- package/dist/components/sidebar/index.d.ts.map +1 -0
- package/dist/components/sidebar/index.js +1 -0
- package/dist/components/sidebar/sidebar.d.ts +64 -0
- package/dist/components/sidebar/sidebar.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar.js +255 -0
- package/dist/components/sidebar/sidebar.stories.d.ts +20 -0
- package/dist/components/sidebar/sidebar.stories.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar.stories.js +184 -0
- package/dist/components/skeleton/index.d.ts +3 -0
- package/dist/components/skeleton/index.d.ts.map +1 -0
- package/dist/components/skeleton/index.js +1 -0
- package/dist/components/skeleton/skeleton.d.ts +7 -0
- package/dist/components/skeleton/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton/skeleton.js +8 -0
- package/dist/components/slider/slider.stories.js +1 -1
- package/dist/components/sonner/sonner.stories.js +1 -1
- package/dist/components/sortable/sortable.stories.js +1 -1
- package/dist/components/spinner/spinner.stories.js +1 -1
- package/dist/components/status-indicator/status-indicator.stories.js +1 -1
- package/dist/components/switch/switch.stories.js +1 -1
- package/dist/components/tabs/tabs.stories.js +1 -1
- package/dist/components/text/text.stories.js +1 -1
- package/dist/components/textarea/textarea.stories.js +1 -1
- package/dist/components/toggle/toggle.stories.js +1 -1
- package/dist/components/toggle-group/toggle-group.stories.js +1 -1
- package/dist/components/tooltip/tooltip.stories.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/llms.txt +10 -5
- package/package.json +8 -4
- package/dist/components/date-selector/date-selector-context.d.ts.map +0 -1
- package/dist/components/date-selector/date-selector-parts.d.ts.map +0 -1
- package/dist/components/date-selector/date-selector-types.d.ts.map +0 -1
- package/dist/components/date-selector/date-selector-value.d.ts +0 -47
- package/dist/components/date-selector/date-selector-value.d.ts.map +0 -1
- package/dist/components/date-selector/date-selector-value.js +0 -183
- package/dist/components/date-selector/date-selector.d.ts.map +0 -1
- package/dist/components/date-selector/date-selector.js +0 -144
- package/dist/components/date-selector/date-selector.stories.d.ts.map +0 -1
- package/dist/components/date-selector/date-selector.stories.js +0 -144
- package/dist/components/date-selector/index.d.ts +0 -7
- package/dist/components/date-selector/index.d.ts.map +0 -1
- package/dist/components/date-selector/index.js +0 -5
- package/dist/components/date-selector/use-date-selector.d.ts.map +0 -1
- package/dist/components/navigation-pattern-1/index.d.ts +0 -3
- package/dist/components/navigation-pattern-1/index.d.ts.map +0 -1
- package/dist/components/navigation-pattern-1/index.js +0 -1
- package/dist/components/navigation-pattern-1/pattern-1.config.d.ts +0 -47
- package/dist/components/navigation-pattern-1/pattern-1.config.d.ts.map +0 -1
- package/dist/components/navigation-pattern-1/pattern-1.config.js +0 -55
- package/dist/components/navigation-pattern-1/pattern-1.d.ts +0 -7
- package/dist/components/navigation-pattern-1/pattern-1.d.ts.map +0 -1
- package/dist/components/navigation-pattern-1/pattern-1.js +0 -83
- package/dist/components/navigation-pattern-1/pattern-1.stories.d.ts +0 -16
- package/dist/components/navigation-pattern-1/pattern-1.stories.d.ts.map +0 -1
- package/dist/components/navigation-pattern-1/pattern-1.stories.js +0 -20
- /package/dist/{components → blocks}/date-selector/date-selector-context.d.ts +0 -0
- /package/dist/{components → blocks}/date-selector/date-selector-context.js +0 -0
|
@@ -1,20 +1,54 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
3
|
-
type
|
|
4
|
-
/**
|
|
3
|
+
type PositionerFieldsOmittedFromPopup = Pick<PopoverPrimitive.Positioner.Props, 'anchor' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'positionMethod' | 'collisionBoundary' | 'collisionPadding' | 'sticky' | 'arrowPadding' | 'disableAnchorTracking' | 'collisionAvoidance'>;
|
|
4
|
+
/** @see [Base UI Popover — Root](https://base-ui.com/react/components/popover) */
|
|
5
5
|
export type PopoverProps = PopoverPrimitive.Root.Props;
|
|
6
6
|
declare function Popover({ ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
/**
|
|
7
|
+
/** @see [Base UI Popover — Trigger](https://base-ui.com/react/components/popover) */
|
|
8
8
|
export type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;
|
|
9
9
|
declare function PopoverTrigger({ ...props }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
/**
|
|
11
|
-
export type
|
|
12
|
-
declare function
|
|
10
|
+
/** @see [Base UI Popover — Portal](https://base-ui.com/react/components/popover) */
|
|
11
|
+
export type PopoverPortalProps = PopoverPrimitive.Portal.Props;
|
|
12
|
+
declare function PopoverPortal({ ...props }: PopoverPortalProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
/** @see [Base UI Popover — Positioner](https://base-ui.com/react/components/popover) */
|
|
14
|
+
export type PopoverPositionerProps = PopoverPrimitive.Positioner.Props;
|
|
15
|
+
declare function PopoverPositioner({ className, ...props }: PopoverPrimitive.Positioner.Props): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
/** @see [Base UI Popover — Popup](https://base-ui.com/react/components/popover) */
|
|
17
|
+
export type PopoverPopupProps = PopoverPrimitive.Popup.Props;
|
|
18
|
+
declare function PopoverPopup({ className, ...props }: PopoverPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
/** @see [Base UI Popover — Arrow](https://base-ui.com/react/components/popover) */
|
|
20
|
+
export type PopoverArrowProps = PopoverPrimitive.Arrow.Props;
|
|
21
|
+
declare function PopoverArrow({ ...props }: PopoverArrowProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
/** @see [Base UI Popover — Backdrop](https://base-ui.com/react/components/popover) */
|
|
23
|
+
export type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;
|
|
24
|
+
declare function PopoverBackdrop({ ...props }: PopoverBackdropProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
/** @see [Base UI Popover — Close](https://base-ui.com/react/components/popover) */
|
|
26
|
+
export type PopoverCloseProps = PopoverPrimitive.Close.Props;
|
|
27
|
+
declare function PopoverClose({ ...props }: PopoverCloseProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
/** @see [Base UI Popover — Viewport](https://base-ui.com/react/components/popover) */
|
|
29
|
+
export type PopoverViewportProps = PopoverPrimitive.Viewport.Props;
|
|
30
|
+
declare function PopoverViewport({ ...props }: PopoverViewportProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
/**
|
|
32
|
+
* Shorthand: `Portal` → `Positioner` → `Popup` with design-system surface styles on the popup.
|
|
33
|
+
* Pass any `Popover.Popup` prop; positioning props (`anchor`, `side`, …) are forwarded to `Positioner`.
|
|
34
|
+
* Use `positionerProps` / `portalProps` / `positionerClassName` for full control.
|
|
35
|
+
*/
|
|
36
|
+
export type PopoverContentProps = Omit<PopoverPrimitive.Popup.Props, keyof PositionerFieldsOmittedFromPopup> & Partial<PositionerFieldsOmittedFromPopup> & {
|
|
37
|
+
portalProps?: Omit<PopoverPrimitive.Portal.Props, 'children'>;
|
|
38
|
+
positionerProps?: Partial<PopoverPrimitive.Positioner.Props>;
|
|
39
|
+
/** Merged into `Popover.Positioner` after defaults (`isolate z-50`). */
|
|
40
|
+
positionerClassName?: string;
|
|
41
|
+
/** Forwarded to `Popover.Portal` (can also be set inside `portalProps`). */
|
|
42
|
+
keepMounted?: PopoverPrimitive.Portal.Props['keepMounted'];
|
|
43
|
+
};
|
|
44
|
+
declare function PopoverContent({ portalProps, positionerProps, positionerClassName, keepMounted, className, children, ...rest }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
|
|
13
45
|
export type PopoverHeaderProps = React.ComponentProps<'div'>;
|
|
14
46
|
declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
/** @see [Base UI Popover — Title](https://base-ui.com/react/components/popover) */
|
|
15
48
|
export type PopoverTitleProps = PopoverPrimitive.Title.Props;
|
|
16
49
|
declare function PopoverTitle({ className, ...props }: PopoverTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
/** @see [Base UI Popover — Description](https://base-ui.com/react/components/popover) */
|
|
17
51
|
export type PopoverDescriptionProps = PopoverPrimitive.Description.Props;
|
|
18
52
|
declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export { Popover,
|
|
53
|
+
export { Popover, PopoverTrigger, PopoverPortal, PopoverPositioner, PopoverPopup, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverViewport, PopoverContent, PopoverHeader, PopoverTitle, PopoverDescription, };
|
|
20
54
|
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,14 +3,61 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
5
5
|
import { cn } from '../../lib/utils';
|
|
6
|
+
const POPUP_SURFACE_CLASS = 'z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95';
|
|
7
|
+
/** Keys handled by `Popover.Positioner` when passed to `PopoverContent` (remaining props go to `Popover.Popup`). */
|
|
8
|
+
const POPOVER_CONTENT_POSITIONER_KEYS = new Set([
|
|
9
|
+
'anchor',
|
|
10
|
+
'side',
|
|
11
|
+
'sideOffset',
|
|
12
|
+
'align',
|
|
13
|
+
'alignOffset',
|
|
14
|
+
'positionMethod',
|
|
15
|
+
'collisionBoundary',
|
|
16
|
+
'collisionPadding',
|
|
17
|
+
'sticky',
|
|
18
|
+
'arrowPadding',
|
|
19
|
+
'disableAnchorTracking',
|
|
20
|
+
'collisionAvoidance',
|
|
21
|
+
]);
|
|
6
22
|
function Popover({ ...props }) {
|
|
7
23
|
return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
|
|
8
24
|
}
|
|
9
25
|
function PopoverTrigger({ ...props }) {
|
|
10
26
|
return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
11
27
|
}
|
|
12
|
-
function
|
|
13
|
-
return
|
|
28
|
+
function PopoverPortal({ ...props }) {
|
|
29
|
+
return _jsx(PopoverPrimitive.Portal, { "data-slot": "popover-portal", ...props });
|
|
30
|
+
}
|
|
31
|
+
function PopoverPositioner({ className, ...props }) {
|
|
32
|
+
return _jsx(PopoverPrimitive.Positioner, { className: cn('isolate z-50', className), "data-slot": "popover-positioner", ...props });
|
|
33
|
+
}
|
|
34
|
+
function PopoverPopup({ className, ...props }) {
|
|
35
|
+
return _jsx(PopoverPrimitive.Popup, { className: cn(POPUP_SURFACE_CLASS, className), "data-slot": "popover-popup", ...props });
|
|
36
|
+
}
|
|
37
|
+
function PopoverArrow({ ...props }) {
|
|
38
|
+
return _jsx(PopoverPrimitive.Arrow, { "data-slot": "popover-arrow", ...props });
|
|
39
|
+
}
|
|
40
|
+
function PopoverBackdrop({ ...props }) {
|
|
41
|
+
return _jsx(PopoverPrimitive.Backdrop, { "data-slot": "popover-backdrop", ...props });
|
|
42
|
+
}
|
|
43
|
+
function PopoverClose({ ...props }) {
|
|
44
|
+
return _jsx(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
|
|
45
|
+
}
|
|
46
|
+
function PopoverViewport({ ...props }) {
|
|
47
|
+
return _jsx(PopoverPrimitive.Viewport, { "data-slot": "popover-viewport", ...props });
|
|
48
|
+
}
|
|
49
|
+
function PopoverContent({ portalProps, positionerProps, positionerClassName, keepMounted, className, children, ...rest }) {
|
|
50
|
+
const positionerBag = {};
|
|
51
|
+
const popupBag = { ...rest };
|
|
52
|
+
for (const key of POPOVER_CONTENT_POSITIONER_KEYS) {
|
|
53
|
+
if (key in popupBag) {
|
|
54
|
+
positionerBag[key] = popupBag[key];
|
|
55
|
+
delete popupBag[key];
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
const { keepMounted: keepMountedPortal, ...restPortal } = portalProps ?? {};
|
|
59
|
+
const mergedKeepMounted = keepMounted ?? keepMountedPortal;
|
|
60
|
+
return (_jsx(PopoverPrimitive.Portal, { keepMounted: mergedKeepMounted, ...restPortal, children: _jsx(PopoverPrimitive.Positioner, { ...positionerBag, ...positionerProps, className: cn('isolate z-50', positionerClassName, positionerProps?.className), children: _jsx(PopoverPrimitive.Popup, { className: cn(POPUP_SURFACE_CLASS, className), ...popupBag, children: children }) }) }));
|
|
14
61
|
}
|
|
15
62
|
function PopoverHeader({ className, ...props }) {
|
|
16
63
|
return _jsx("div", { "data-slot": "popover-header", className: cn('flex flex-col gap-0.5 text-sm', className), ...props });
|
|
@@ -21,4 +68,4 @@ function PopoverTitle({ className, ...props }) {
|
|
|
21
68
|
function PopoverDescription({ className, ...props }) {
|
|
22
69
|
return _jsx(PopoverPrimitive.Description, { "data-slot": "popover-description", className: cn('text-muted-foreground', className), ...props });
|
|
23
70
|
}
|
|
24
|
-
export { Popover,
|
|
71
|
+
export { Popover, PopoverTrigger, PopoverPortal, PopoverPositioner, PopoverPopup, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverViewport, PopoverContent, PopoverHeader, PopoverTitle, PopoverDescription, };
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Button } from '../button';
|
|
3
3
|
import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './popover';
|
|
4
4
|
const meta = {
|
|
5
|
-
title: '
|
|
5
|
+
title: 'Components/Popover',
|
|
6
6
|
tags: ['autodocs'],
|
|
7
7
|
parameters: {
|
|
8
8
|
layout: 'centered',
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
4
4
|
import { cn } from '../../lib/utils';
|
|
5
5
|
function Progress({ className, children, value, ...props }) {
|
|
6
|
-
return (_jsxs(ProgressPrimitive.Root, { value: value, "data-slot": "progress", className: cn('flex flex-wrap gap-
|
|
6
|
+
return (_jsxs(ProgressPrimitive.Root, { value: value, "data-slot": "progress", className: cn('flex w-full min-w-0 flex-wrap gap-1.5', className), ...props, children: [children, _jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) })] }));
|
|
7
7
|
}
|
|
8
8
|
function ProgressTrack({ className, ...props }) {
|
|
9
9
|
return (_jsx(ProgressPrimitive.Track, { className: cn('relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted', className), "data-slot": "progress-track", ...props }));
|
|
@@ -3,7 +3,16 @@ import { Progress } from './progress';
|
|
|
3
3
|
declare const meta: Meta<typeof Progress>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
|
-
|
|
7
|
-
export declare const
|
|
6
|
+
/** Mirrors [ReUI — Basic progress](https://reui.io/components/progress). */
|
|
7
|
+
export declare const BasicProgress: Story;
|
|
8
|
+
/** Thinner track via `className` on the root (no `size` prop on the component). */
|
|
9
|
+
export declare const SmallProgress: Story;
|
|
10
|
+
export declare const LargeProgress: Story;
|
|
11
|
+
export declare const StatusMessages: Story;
|
|
12
|
+
export declare const FileUploadList: Story;
|
|
13
|
+
export declare const WithSlider: Story;
|
|
14
|
+
export declare const MultiStep: Story;
|
|
15
|
+
/** `value={null}` — animated indeterminate state (not one of the eight ReUI gallery titles, but part of the component API). */
|
|
8
16
|
export declare const Indeterminate: Story;
|
|
17
|
+
export declare const CustomColors: Story;
|
|
9
18
|
//# sourceMappingURL=progress.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,QAAQ,EAAgC,MAAM,YAAY,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,4EAA4E;AAC5E,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAC;AA2BF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAkDF,eAAO,MAAM,SAAS,EAAE,KAGvB,CAAC;AAEF,+HAA+H;AAC/H,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC"}
|
|
@@ -1,29 +1,102 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card';
|
|
4
|
+
import { Label } from '../label';
|
|
5
|
+
import { Slider } from '../slider';
|
|
2
6
|
import { Progress, ProgressLabel, ProgressValue } from './progress';
|
|
7
|
+
import { cn } from '../../lib/utils';
|
|
3
8
|
const meta = {
|
|
4
|
-
title: '
|
|
9
|
+
title: 'Components/Progress',
|
|
5
10
|
component: Progress,
|
|
6
11
|
tags: ['autodocs'],
|
|
7
12
|
parameters: {
|
|
8
13
|
layout: 'centered',
|
|
9
14
|
},
|
|
10
15
|
decorators: [
|
|
11
|
-
(Story) => (_jsx("div", { className: "flex w-full max-w-
|
|
16
|
+
(Story) => (_jsx("div", { className: "mx-auto flex w-full max-w-md min-w-80 flex-col gap-4 px-4", children: _jsx(Story, {}) })),
|
|
12
17
|
],
|
|
13
18
|
};
|
|
14
19
|
export default meta;
|
|
15
|
-
|
|
20
|
+
/** Mirrors [ReUI — Basic progress](https://reui.io/components/progress). */
|
|
21
|
+
export const BasicProgress = {
|
|
22
|
+
name: 'Basic progress',
|
|
16
23
|
args: {
|
|
17
24
|
value: 45,
|
|
18
25
|
'aria-label': 'Progress',
|
|
19
26
|
},
|
|
20
27
|
};
|
|
21
|
-
|
|
22
|
-
|
|
28
|
+
/** Thinner track via `className` on the root (no `size` prop on the component). */
|
|
29
|
+
export const SmallProgress = {
|
|
30
|
+
name: 'Small progress',
|
|
31
|
+
args: {
|
|
32
|
+
value: 62,
|
|
33
|
+
'aria-label': 'Progress',
|
|
34
|
+
className: '[&_[data-slot=progress-track]]:h-0.5',
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
export const LargeProgress = {
|
|
38
|
+
name: 'Large progress',
|
|
39
|
+
args: {
|
|
40
|
+
value: 38,
|
|
41
|
+
'aria-label': 'Progress',
|
|
42
|
+
className: '[&_[data-slot=progress-track]]:h-2.5',
|
|
43
|
+
},
|
|
23
44
|
};
|
|
45
|
+
export const StatusMessages = {
|
|
46
|
+
name: 'Progress bar with status messages',
|
|
47
|
+
render: () => (_jsx(Progress, { value: 68, children: _jsxs("div", { className: "flex w-full min-w-0 flex-col gap-1", children: [_jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [_jsx(ProgressLabel, { children: "Deploying" }), _jsx(ProgressValue, {})] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Build finished \u2014 uploading assets to the CDN\u2026" })] }) })),
|
|
48
|
+
};
|
|
49
|
+
export const FileUploadList = {
|
|
50
|
+
name: 'File upload list with progress & status',
|
|
51
|
+
render: () => {
|
|
52
|
+
const files = [
|
|
53
|
+
{ name: 'report.pdf', value: 100, status: 'Complete' },
|
|
54
|
+
{ name: 'screenshot.png', value: 72, status: 'Uploading' },
|
|
55
|
+
{ name: 'archive.zip', value: 14, status: 'Queued' },
|
|
56
|
+
];
|
|
57
|
+
return (_jsxs(Card, { size: "sm", children: [_jsxs(CardHeader, { className: "pb-0", children: [_jsx(CardTitle, { children: "Uploads" }), _jsx(CardDescription, { children: "3 files \u00B7 2.4 MB total" })] }), _jsx(CardContent, { className: "flex flex-col gap-2", children: files.map((file) => (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex min-w-0 items-baseline justify-between gap-2 text-sm", children: [_jsx("span", { className: "truncate font-medium", children: file.name }), _jsx("span", { className: "shrink-0 text-muted-foreground tabular-nums", children: file.status })] }), _jsx(Progress, { value: file.value, "aria-label": `${file.name} upload progress`, className: "gap-2 [&_[data-slot=progress-track]]:h-1", children: _jsxs("span", { className: "sr-only", children: [file.name, ": ", file.value, "% complete"] }) })] }, file.name))) })] }));
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
function ProgressWithSliderDemo() {
|
|
61
|
+
const [value, setValue] = useState(40);
|
|
62
|
+
return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Progress, { value: value, "aria-labelledby": "progress-with-slider-label", children: _jsxs("div", { className: "flex w-full min-w-0 items-center", children: [_jsx(ProgressLabel, { id: "progress-with-slider-label", children: "Completion" }), _jsx(ProgressValue, {})] }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "progress-slider-control", children: "Adjust value" }), _jsx(Slider, { id: "progress-slider-control", value: value, onValueChange: (v) => setValue(typeof v === 'number' ? v : (v[0] ?? 0)), min: 0, max: 100, "aria-valuetext": `${value} percent` })] })] }));
|
|
63
|
+
}
|
|
64
|
+
export const WithSlider = {
|
|
65
|
+
name: 'Progress bar with slider',
|
|
66
|
+
render: () => _jsx(ProgressWithSliderDemo, {}),
|
|
67
|
+
};
|
|
68
|
+
function MultiStepDemo() {
|
|
69
|
+
const total = 4;
|
|
70
|
+
const [current, setCurrent] = useState(1);
|
|
71
|
+
const pct = Math.round(((current - 1) / (total - 1)) * 100);
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
const id = window.setInterval(() => {
|
|
74
|
+
setCurrent((step) => (step >= total ? 1 : step + 1));
|
|
75
|
+
}, 2200);
|
|
76
|
+
return () => window.clearInterval(id);
|
|
77
|
+
}, []);
|
|
78
|
+
return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("ol", { className: "flex w-full list-none items-center gap-1 p-0", "aria-label": "Onboarding steps", children: Array.from({ length: total }, (_, i) => {
|
|
79
|
+
const step = i + 1;
|
|
80
|
+
const state = step < current ? 'complete' : step === current ? 'current' : 'upcoming';
|
|
81
|
+
return (_jsxs("li", { className: cn('flex min-w-0 items-center gap-1', step !== 1 ? 'flex-1' : ''), children: [i > 0 ? _jsx("span", { className: "h-px min-w-2 flex-1 bg-border", "aria-hidden": true }) : null, _jsx("span", { className: state === 'complete'
|
|
82
|
+
? 'flex size-8 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-medium text-primary-foreground'
|
|
83
|
+
: state === 'current'
|
|
84
|
+
? 'flex size-8 shrink-0 items-center justify-center rounded-full bg-primary/15 text-xs font-medium text-primary ring-2 ring-primary ring-offset-2 ring-offset-background'
|
|
85
|
+
: 'flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground', children: state === 'complete' ? '✓' : step })] }, step));
|
|
86
|
+
}) }), _jsx(Progress, { value: pct, "aria-label": `Step ${current} of ${total}`, children: _jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [_jsxs(ProgressLabel, { children: ["Step ", current, " of ", total] }), _jsx(ProgressValue, {})] }) })] }));
|
|
87
|
+
}
|
|
88
|
+
export const MultiStep = {
|
|
89
|
+
name: 'Multi-step progress indicator',
|
|
90
|
+
render: () => _jsx(MultiStepDemo, {}),
|
|
91
|
+
};
|
|
92
|
+
/** `value={null}` — animated indeterminate state (not one of the eight ReUI gallery titles, but part of the component API). */
|
|
24
93
|
export const Indeterminate = {
|
|
25
94
|
args: {
|
|
26
95
|
value: null,
|
|
27
96
|
'aria-label': 'Loading',
|
|
28
97
|
},
|
|
29
98
|
};
|
|
99
|
+
export const CustomColors = {
|
|
100
|
+
name: 'Progress bar with custom colors',
|
|
101
|
+
render: () => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Progress, { value: 80, "aria-label": "Storage used", className: "[&_[data-slot=progress-indicator]]:bg-emerald-600", children: _jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [_jsx(ProgressLabel, { children: "Storage" }), _jsx(ProgressValue, {})] }) }), _jsx(Progress, { value: 45, "aria-label": "API quota", className: "[&_[data-slot=progress-indicator]]:bg-amber-500", children: _jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [_jsx(ProgressLabel, { children: "API quota" }), _jsx(ProgressValue, {})] }) }), _jsx(Progress, { value: 92, "aria-label": "Error budget", className: "[&_[data-slot=progress-indicator]]:bg-destructive", children: _jsxs("div", { className: "flex w-full min-w-0 items-center gap-2", children: [_jsx(ProgressLabel, { children: "Error budget" }), _jsx(ProgressValue, {})] }) })] })),
|
|
102
|
+
};
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Label } from '../label';
|
|
3
3
|
import { RadioGroup, RadioGroupItem } from './radio-group';
|
|
4
4
|
const meta = {
|
|
5
|
-
title: '
|
|
5
|
+
title: 'Components/RadioGroup',
|
|
6
6
|
component: RadioGroup,
|
|
7
7
|
tags: ['autodocs'],
|
|
8
8
|
parameters: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './resizable';
|
|
3
3
|
const meta = {
|
|
4
|
-
title: '
|
|
4
|
+
title: 'Components/Resizable',
|
|
5
5
|
tags: ['autodocs'],
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: 'padded',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from './select';
|
|
3
3
|
const meta = {
|
|
4
|
-
title: '
|
|
4
|
+
title: 'Components/Select',
|
|
5
5
|
component: Select,
|
|
6
6
|
tags: ['autodocs'],
|
|
7
7
|
parameters: {
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Button } from '../button';
|
|
3
3
|
import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './sheet';
|
|
4
4
|
const meta = {
|
|
5
|
-
title: '
|
|
5
|
+
title: 'Components/Sheet',
|
|
6
6
|
component: Sheet,
|
|
7
7
|
tags: ['autodocs'],
|
|
8
8
|
parameters: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './sidebar';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { Button } from '../button';
|
|
5
|
+
import { Input } from '../input';
|
|
6
|
+
import { Separator } from '../separator';
|
|
7
|
+
import { TooltipContent } from '../tooltip';
|
|
8
|
+
type SidebarContextProps = {
|
|
9
|
+
state: 'expanded' | 'collapsed';
|
|
10
|
+
open: boolean;
|
|
11
|
+
setOpen: (open: boolean) => void;
|
|
12
|
+
openMobile: boolean;
|
|
13
|
+
setOpenMobile: (open: boolean) => void;
|
|
14
|
+
isMobile: boolean;
|
|
15
|
+
toggleSidebar: () => void;
|
|
16
|
+
};
|
|
17
|
+
declare function useSidebar(): SidebarContextProps;
|
|
18
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
|
|
19
|
+
defaultOpen?: boolean;
|
|
20
|
+
open?: boolean;
|
|
21
|
+
onOpenChange?: (open: boolean) => void;
|
|
22
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: React.ComponentProps<'div'> & {
|
|
24
|
+
side?: 'left' | 'right';
|
|
25
|
+
variant?: 'sidebar' | 'floating' | 'inset';
|
|
26
|
+
collapsible?: 'offcanvas' | 'icon' | 'none';
|
|
27
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function SidebarInset({ className, ...props }: React.ComponentProps<'main'>): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<'div'> & React.ComponentProps<'div'>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
38
|
+
declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<'button'> & React.ComponentProps<'button'>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
39
|
+
declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
43
|
+
variant?: "default" | "outline" | null | undefined;
|
|
44
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
45
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
46
|
+
declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<'button'> & React.ComponentProps<'button'> & {
|
|
47
|
+
isActive?: boolean;
|
|
48
|
+
tooltip?: string | React.ComponentProps<typeof TooltipContent>;
|
|
49
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<'button'> & React.ComponentProps<'button'> & {
|
|
51
|
+
showOnHover?: boolean;
|
|
52
|
+
}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
53
|
+
declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
|
|
55
|
+
showIcon?: boolean;
|
|
56
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): import("react/jsx-runtime").JSX.Element;
|
|
58
|
+
declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<'a'> & React.ComponentProps<'a'> & {
|
|
60
|
+
size?: 'sm' | 'md';
|
|
61
|
+
isActive?: boolean;
|
|
62
|
+
}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
63
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
|
|
64
|
+
//# sourceMappingURL=sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar.tsx"],"names":[],"mappings":"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"}
|