ixia-ui-react 1.8.0 → 2.0.0

package/dist/resizeable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseResizableSeparator","BaseResizablePanel","BaseResizableGroup"],"sources":["../../src/components/resizeable/resizeable-handle.tsx","../../src/components/resizeable/resizeable-panel.tsx","../../src/components/resizeable/resizeable-panel-group.tsx"],"sourcesContent":["import { Separator as BaseResizableSeparator } from 'react-resizable-panels'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ResizeableHandleProps } from './resizeable.types'\n\nexport function ResizeableHandle({\n  withHandle = false,\n  className,\n  ...props\n}: ResizeableHandleProps) {\n  return (\n    <BaseResizableSeparator\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-[0px] after:left-1/2 after:w-px after:-translate-x-1/2 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full after:aria-[orientation=horizontal]:left-[0px] after:aria-[orientation=horizontal]:h-px after:aria-[orientation=horizontal]:w-full after:aria-[orientation=horizontal]:translate-x-[0px] after:aria-[orientation=horizontal]:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n        className,\n      )}\n      data-slot=\"resizable-handle\"\n      {...props}\n    >\n      {withHandle && <div className=\"z-10 flex h-md w-3xs shrink-0 rounded-lg bg-border-strong\" />}\n    </BaseResizableSeparator>\n  )\n}\n","import { Panel as BaseResizablePanel } from 'react-resizable-panels'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ResizeablePanelProps } from './resizeable.types'\n\nexport function ResizeablePanel({ className, ...props }: ResizeablePanelProps) {\n  return <BaseResizablePanel className={cn('', className)} data-slot=\"resizable-panel\" {...props} />\n}\n","import { Group as BaseResizableGroup } from 'react-resizable-panels'\n\nimport { cn } from '@/utils/cn'\n\nimport type { ResizeablePanelGroupProps } from './resizeable.types'\n\nexport function ResizeablePanelGroup({ className, ...props }: ResizeablePanelGroupProps) {\n  return (\n    <BaseResizableGroup\n      className={cn('flex h-full aria-[orientation=vertical]:flex-col', className)}\n      data-slot=\"resizable-panel-group\"\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;AAMA,SAAgB,iBAAiB,EAC/B,aAAa,OACb,WACA,GAAG,SACqB;CACxB,OACE,oBAACA,WAAD;EACE,WAAW,GACT,khBACA,SACF;EACA,aAAU;EACV,GAAI;EAEH,UAAA,cAAc,oBAAC,OAAD,EAAK,WAAU,4DAA6D,CAAA;CACrE,CAAA;AAE5B;;ACjBA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAA+B;CAC7E,OAAO,oBAACC,OAAD;EAAoB,WAAW,GAAG,IAAI,SAAS;EAAG,aAAU;EAAkB,GAAI;CAAQ,CAAA;AACnG;;ACFA,SAAgB,qBAAqB,EAAE,WAAW,GAAG,SAAoC;CACvF,OACE,oBAACC,OAAD;EACE,WAAW,GAAG,oDAAoD,SAAS;EAC3E,aAAU;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/scroll-area/index.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
+declare const scrollAreaVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+  variant?: "default" | "ghost" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ScrollAreaProps = ComponentProps<typeof ScrollArea$1.Root> & VariantProps<typeof scrollAreaVariants>;
+export declare function ScrollArea({ orientation, variant, className, children, ref, ...props }: ScrollAreaProps): import("react").JSX.Element;
+export type { ScrollAreaProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/scroll-area/index.js

@@ -0,0 +1,51 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
+// src/components/scroll-area/scroll-area.types.ts
+const scrollAreaVariants = cva("overflow-hidden rounded-xl", {
+	defaultVariants: {
+		orientation: "vertical",
+		variant: "default"
+	},
+	variants: {
+		orientation: {
+			horizontal: "h-full",
+			vertical: ""
+		},
+		variant: {
+			default: "bg-surface-low **:data-viewport:rounded-xl **:data-viewport:bg-surface-low **:data-viewport:p-sm **:data-viewport:inset-shadow-2xs **:data-viewport:before:pointer-events-none **:data-viewport:before:absolute **:data-viewport:before:top-0 **:data-viewport:before:left-0 **:data-viewport:before:block **:data-viewport:before:h-[min(40px,var(--scroll-area-overflow-y-start))] **:data-viewport:before:w-full **:data-viewport:before:bg-linear-to-b **:data-viewport:before:from-shadow **:data-viewport:before:to-transparent **:data-viewport:before:transition-[height] **:data-viewport:before:duration-100 **:data-viewport:before:ease-out **:data-viewport:before:content-[\"\"] **:data-viewport:before:[--scroll-area-overflow-y-start:inherit] **:data-viewport:after:pointer-events-none **:data-viewport:after:absolute **:data-viewport:after:bottom-0 **:data-viewport:after:left-0 **:data-viewport:after:block **:data-viewport:after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] **:data-viewport:after:w-full **:data-viewport:after:bg-linear-to-t **:data-viewport:after:from-shadow **:data-viewport:after:to-transparent **:data-viewport:after:transition-[height] **:data-viewport:after:duration-100 **:data-viewport:after:ease-out **:data-viewport:after:content-[\"\"] **:data-viewport:after:[--scroll-area-overflow-y-end:inherit]",
+			ghost: "",
+			outline: "border border-border **:data-viewport:p-sm"
+		}
+	}
+});
+// src/components/scroll-area/scroll-area.tsx
+function ScrollArea({ orientation, variant, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
+		className: cn(className, scrollAreaVariants({
+			orientation,
+			variant
+		})),
+		ref,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
+				"data-viewport": true,
+				tabIndex: 0,
+				className: cn("flex h-full gap-xs overscroll-contain", orientation === "horizontal" && "flex-row pb-md", orientation === "vertical" && "flex-col"),
+				children
+			}),
+			/* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
+				"data-scrollbar": true,
+				className: cn("ml-sm opacity-0 transition-opacity delay-300 hover:cursor-pointer data-hovering:opacity-100 data-hovering:delay-0 data-hovering:duration-75 data-scrolling:opacity-100 data-scrolling:delay-0 data-scrolling:duration-75", orientation === "vertical" && "my-2xs mr-3xs w-2xs", orientation === "horizontal" && "mx-xs mb-xs h-2xs"),
+				orientation,
+				children: /* @__PURE__ */ jsx(ScrollArea$1.Thumb, { className: "size-full rounded-full bg-accent-default shadow-xs" })
+			}),
+			/* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+		]
+	});
+}
+export { ScrollArea };
+
+//# sourceMappingURL=index.js.map

package/dist/scroll-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseScrollArea"],"sources":["../../src/components/scroll-area/scroll-area.types.ts","../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["import type { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\nimport type { ComponentProps } from 'react'\n\nexport const scrollAreaVariants = cva('overflow-hidden rounded-xl', {\n  defaultVariants: {\n    orientation: 'vertical',\n    variant: 'default',\n  },\n  variants: {\n    orientation: {\n      horizontal: 'h-full',\n      vertical: '',\n    },\n    variant: {\n      default:\n        'bg-surface-low **:data-viewport:rounded-xl **:data-viewport:bg-surface-low **:data-viewport:p-sm **:data-viewport:inset-shadow-2xs **:data-viewport:before:pointer-events-none **:data-viewport:before:absolute **:data-viewport:before:top-0 **:data-viewport:before:left-0 **:data-viewport:before:block **:data-viewport:before:h-[min(40px,var(--scroll-area-overflow-y-start))] **:data-viewport:before:w-full **:data-viewport:before:bg-linear-to-b **:data-viewport:before:from-shadow **:data-viewport:before:to-transparent **:data-viewport:before:transition-[height] **:data-viewport:before:duration-100 **:data-viewport:before:ease-out **:data-viewport:before:content-[\"\"] **:data-viewport:before:[--scroll-area-overflow-y-start:inherit] **:data-viewport:after:pointer-events-none **:data-viewport:after:absolute **:data-viewport:after:bottom-0 **:data-viewport:after:left-0 **:data-viewport:after:block **:data-viewport:after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] **:data-viewport:after:w-full **:data-viewport:after:bg-linear-to-t **:data-viewport:after:from-shadow **:data-viewport:after:to-transparent **:data-viewport:after:transition-[height] **:data-viewport:after:duration-100 **:data-viewport:after:ease-out **:data-viewport:after:content-[\"\"] **:data-viewport:after:[--scroll-area-overflow-y-end:inherit]',\n      ghost: '',\n      outline: 'border border-border **:data-viewport:p-sm',\n    },\n  },\n})\n\nexport type ScrollAreaProps = ComponentProps<typeof BaseScrollArea.Root> &\n  VariantProps<typeof scrollAreaVariants>\n","import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area'\n\nimport { cn } from '@/utils/cn'\n\nimport { scrollAreaVariants } from './scroll-area.types'\nimport type { ScrollAreaProps } from './scroll-area.types'\n\nexport function ScrollArea({\n  orientation,\n  variant,\n  className,\n  children,\n  ref,\n  ...props\n}: ScrollAreaProps) {\n  return (\n    <BaseScrollArea.Root\n      className={cn(className, scrollAreaVariants({ orientation, variant }))}\n      ref={ref}\n      {...props}\n    >\n      <BaseScrollArea.Viewport\n        data-viewport\n        tabIndex={0}\n        className={cn(\n          'flex h-full gap-xs overscroll-contain',\n          orientation === 'horizontal' && 'flex-row pb-md',\n          orientation === 'vertical' && 'flex-col',\n        )}\n      >\n        {children}\n      </BaseScrollArea.Viewport>\n      <BaseScrollArea.Scrollbar\n        data-scrollbar\n        className={cn(\n          'ml-sm opacity-0 transition-opacity delay-300 hover:cursor-pointer data-hovering:opacity-100 data-hovering:delay-0 data-hovering:duration-75 data-scrolling:opacity-100 data-scrolling:delay-0 data-scrolling:duration-75',\n          orientation === 'vertical' && 'my-2xs mr-3xs w-2xs',\n          orientation === 'horizontal' && 'mx-xs mb-xs h-2xs',\n        )}\n        orientation={orientation!}\n      >\n        <BaseScrollArea.Thumb className=\"size-full rounded-full bg-accent-default shadow-xs\" />\n      </BaseScrollArea.Scrollbar>\n      <BaseScrollArea.Corner />\n    </BaseScrollArea.Root>\n  )\n}\n"],"mappings":";;;;;AAKA,MAAa,qBAAqB,IAAI,8BAA8B;CAClE,iBAAiB;EACf,aAAa;EACb,SAAS;CACX;CACA,UAAU;EACR,aAAa;GACX,YAAY;GACZ,UAAU;EACZ;EACA,SAAS;GACP,SACE;GACF,OAAO;GACP,SAAS;EACX;CACF;AACF,CAAC;;ACfD,SAAgB,WAAW,EACzB,aACA,SACA,WACA,UACA,KACA,GAAG,SACe;CAClB,OACE,qBAACA,aAAe,MAAhB;EACE,WAAW,GAAG,WAAW,mBAAmB;GAAE;GAAa;EAAQ,CAAC,CAAC;EAChE;EACL,GAAI;EAHN,UAAA;GAKE,oBAACA,aAAe,UAAhB;IACE,iBAAA;IACA,UAAU;IACV,WAAW,GACT,yCACA,gBAAgB,gBAAgB,kBAChC,gBAAgB,cAAc,UAChC;IAEC;GACsB,CAAA;GACzB,oBAACA,aAAe,WAAhB;IACE,kBAAA;IACA,WAAW,GACT,4NACA,gBAAgB,cAAc,uBAC9B,gBAAgB,gBAAgB,mBAClC;IACa;IAEb,UAAA,oBAACA,aAAe,OAAhB,EAAsB,WAAU,qDAAsD,CAAA;GAC9D,CAAA;GAC1B,oBAACA,aAAe,QAAhB,CAAwB,CAAA;EACL;;AAEzB"}

package/dist/select/index.d.ts

@@ -0,0 +1,2 @@
+import { S as SelectValueProps, _ as SelectListProps, a as SelectPopup, b as SelectTitleProps, c as SelectIcon, d as SelectDescription, f as SelectDescriptionProps, g as SelectItemProps, h as SelectIconProps, i as SelectTitle, l as SelectGroupLabel, m as SelectGroupProps, n as SelectValue, o as SelectList, p as SelectGroupLabelProps, r as SelectTrigger, s as SelectItem, t as Select, u as SelectGroup, v as SelectPopupProps, x as SelectTriggerProps, y as SelectProps } from "../index-CIDOd4Z8.js";
+export { Select, SelectDescription, type SelectDescriptionProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, type SelectItemProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, type SelectProps, SelectTitle, type SelectTitleProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/select/index.js

@@ -0,0 +1 @@
+export { t as Select, d as SelectDescription, u as SelectGroup, l as SelectGroupLabel, c as SelectIcon, s as SelectItem, o as SelectList, a as SelectPopup, i as SelectTitle, r as SelectTrigger, n as SelectValue } from "../select-DncJXYim.js";

package/dist/select-DncJXYim.js

@@ -0,0 +1,159 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { n as Icon } from "./icon-D3JWfCa2.js";
+import { t as trimTextChildren } from "./trim-text-children-CQRFg2fL.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+// src/components/select/select.tsx
+function Select$2(props) {
+	return /* @__PURE__ */ jsx(Select.Root, { ...props });
+}
+// src/components/select/select-description.tsx
+function SelectDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("style-text-prose--1 text-on-surface-variant transition-colors group-data-highlighted/item:text-neutral-on-container group-data-selected/item:text-neutral-on-default", className),
+		ref,
+		...props
+	});
+}
+// src/components/select/select-group.tsx
+function SelectGroup({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		className: cn("block space-y-3xs border-border-strong not-last:border-b not-last:pb-xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/select/select-group-label.tsx
+function SelectGroupLabel({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		className: cn("sticky top-[0px] z-1 cursor-default bg-surface-2 px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none", className),
+		ref,
+		...props
+	});
+}
+// src/components/select/select-icon.tsx
+function SelectIcon({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Icon, {
+		"data-slot": "select-icon",
+		className: cn("flex text-on-surface-muted", className),
+		ref,
+		...props
+	});
+}
+// src/components/select/select-item.tsx
+function SelectItem({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		className: cn("group/item grid min-h-lg cursor-default grid-cols-[1fr_0.75rem] items-center gap-xs rounded-lg px-2xs py-3xs transition-colors outline-none select-none group-data-[side=none]:pr-xs hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:bg-neutral-container-high data-highlighted:text-neutral-on-container data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-selected:bg-neutral-default data-selected:text-neutral-on-default [&_svg]:size-md", className),
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsx(Select.ItemText, {
+			className: "flex flex-col",
+			children
+		}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			className: "place-self-end self-center [&>svg]:size-sm",
+			children: /* @__PURE__ */ jsx(Icon, { name: "selected" })
+		})]
+	});
+}
+// src/components/select/select-list.tsx
+function SelectList({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Select.List, {
+		className: cn("relative max-h-(--available-height) scroll-py-md space-y-3xs overflow-y-auto", className),
+		ref,
+		...props
+	});
+}
+// src/components/select/select-popup.tsx
+function SelectPopup({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+		className: cn("z-9999 outline-none select-none", className),
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsxs(Select.Popup, {
+			className: "group min-w-(--anchor-width) origin-(--transform-origin) rounded-xl bg-surface-2 bg-clip-padding p-2xs shadow-md transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0 data-[side=none]:data-ending-style:scale-90 data-[side=none]:data-ending-style:opacity-0 data-[side=none]:data-starting-style:scale-90 data-[side=none]:data-starting-style:opacity-0",
+			children: [
+				/* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+					className: "top-0 right-0 z-[1px] flex h-md w-full cursor-default items-center justify-center rounded-xl bg-surface-2 before:absolute before:left-0 before:size-full before:content-[''] data-[side=none]:before:-top-full",
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "chevronUp",
+						className: "size-sm"
+					})
+				}),
+				children,
+				/* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+					className: "right-0 bottom-0 z-[1px] flex h-md w-full cursor-default items-center justify-center rounded-xl bg-surface-2 before:absolute before:left-0 before:size-full before:content-[''] data-[side=none]:before:-bottom-full",
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "chevronDown",
+						className: "size-sm"
+					})
+				})
+			]
+		})
+	}) });
+}
+// src/components/select/select-title.tsx
+function SelectTitle({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("flex h-lg items-center gap-2xs font-body text-base leading-none font-medium text-on-surface transition-colors group-data-highlighted/item:text-neutral-on-container group-data-selected/item:text-neutral-on-default", className),
+		ref,
+		...props,
+		children: trimTextChildren(children)
+	});
+}
+// src/components/select/select.types.ts
+const selectVariants = cva("flex items-center justify-between outline outline-transparent transition-all duration-100 hover:cursor-pointer aria-invalid:bg-error-container aria-invalid:text-error-on-container aria-invalid:outline-error-border data-disabled:cursor-not-allowed [&_[data-value]]:min-w-0 [&_[data-value]]:flex-1 [&:has([data-value]>svg:only-child)]:aspect-square [&:has([data-value]>svg:only-child)]:justify-center [&:has([data-value]>svg:only-child)]:p-0 [&:has([data-value]>svg:only-child)_[data-value]]:flex-none", {
+	defaultVariants: {
+		size: "medium",
+		variant: "primary"
+	},
+	variants: {
+		size: {
+			large: "h-2xl gap-xl rounded-2xl px-md font-body text-lg leading-none font-medium [&_[data-slot=select-icon]_svg]:size-md [&_[data-value]]:gap-xs [&_svg]:size-lg",
+			medium: "h-xl gap-lg rounded-xl px-sm font-body text-base leading-none font-medium [&_[data-slot=select-icon]_svg]:size-sm [&_[data-value]]:gap-2xs [&_svg]:size-md",
+			small: "h-lg gap-md rounded-lg px-xs font-body text-sm leading-none font-medium [&_[data-slot=select-icon]_svg]:size-xs [&_[data-value]]:gap-3xs [&_svg]:size-sm"
+		},
+		variant: {
+			ghost: "bg-transparent hover:bg-neutral-container",
+			primary: "bg-surface shadow-2xs hover:outline-border-strong",
+			secondary: "bg-neutral-container hover:outline-border-strong"
+		}
+	}
+});
+// src/components/select/select-trigger.tsx
+function SelectTrigger({ variant, size, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		className: cn(selectVariants({
+			className,
+			size,
+			variant
+		})),
+		ref,
+		...props
+	});
+}
+// src/components/select/select-value.tsx
+function SelectValue({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		"data-value": true,
+		className: cn("flex h-lg min-w-0 flex-1 items-center gap-2xs overflow-hidden text-left text-ellipsis whitespace-nowrap data-placeholder:opacity-70", className),
+		ref,
+		...props
+	});
+}
+// src/components/select/index.ts
+const Select$1 = Object.assign(Select$2, {
+	Description: SelectDescription,
+	Group: SelectGroup,
+	GroupLabel: SelectGroupLabel,
+	Icon: SelectIcon,
+	Item: SelectItem,
+	List: SelectList,
+	Popup: SelectPopup,
+	Title: SelectTitle,
+	Trigger: SelectTrigger,
+	Value: SelectValue
+});
+export { SelectPopup as a, SelectIcon as c, SelectDescription as d, SelectTitle as i, SelectGroupLabel as l, SelectValue as n, SelectList as o, SelectTrigger as r, SelectItem as s, Select$1 as t, SelectGroup as u };
+
+//# sourceMappingURL=select-DncJXYim.js.map

package/dist/select-DncJXYim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-DncJXYim.js","names":["Select","BaseSelect","BaseSelect","BaseSelect","BaseSelect","BaseSelect","BaseSelect","BaseSelect","BaseSelect","BaseSelect","Select","SelectRoot"],"sources":["../src/components/select/select.tsx","../src/components/select/select-description.tsx","../src/components/select/select-group.tsx","../src/components/select/select-group-label.tsx","../src/components/select/select-icon.tsx","../src/components/select/select-item.tsx","../src/components/select/select-list.tsx","../src/components/select/select-popup.tsx","../src/components/select/select-title.tsx","../src/components/select/select.types.ts","../src/components/select/select-trigger.tsx","../src/components/select/select-value.tsx","../src/components/select/index.ts"],"sourcesContent":["import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport type { SelectProps } from './select.types'\n\nexport function Select<Value, Multiple extends boolean | undefined = false>(\n  props: SelectProps<Value, Multiple>,\n) {\n  return <BaseSelect.Root {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport type { SelectDescriptionProps } from './select.types'\n\nexport function SelectDescription({ className, ref, ...props }: SelectDescriptionProps) {\n  return (\n    <span\n      className={cn(\n        'style-text-prose--1 text-on-surface-variant transition-colors group-data-highlighted/item:text-neutral-on-container group-data-selected/item:text-neutral-on-default',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport type { SelectGroupProps } from './select.types'\n\nexport function SelectGroup({ className, ref, ...props }: SelectGroupProps) {\n  return (\n    <BaseSelect.Group\n      className={cn(\n        'block space-y-3xs border-border-strong not-last:border-b not-last:pb-xs',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport type { SelectGroupLabelProps } from './select.types'\n\nexport function SelectGroupLabel({ className, ref, ...props }: SelectGroupLabelProps) {\n  return (\n    <BaseSelect.GroupLabel\n      className={cn(\n        'sticky top-[0px] z-1 cursor-default bg-surface-2 px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport type { SelectIconProps } from './select.types'\n\nexport function SelectIcon({ className, ref, ...props }: SelectIconProps) {\n  return (\n    <BaseSelect.Icon\n      data-slot=\"select-icon\"\n      className={cn('flex text-on-surface-muted', className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport type { SelectItemProps } from './select.types'\n\nexport function SelectItem({ className, children, ref, ...props }: SelectItemProps) {\n  return (\n    <BaseSelect.Item\n      className={cn(\n        'group/item grid min-h-lg cursor-default grid-cols-[1fr_0.75rem] items-center gap-xs rounded-lg px-2xs py-3xs transition-colors outline-none select-none group-data-[side=none]:pr-xs hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:bg-neutral-container-high data-highlighted:text-neutral-on-container data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-selected:bg-neutral-default data-selected:text-neutral-on-default [&_svg]:size-md',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <BaseSelect.ItemText className=\"flex flex-col\">{children}</BaseSelect.ItemText>\n      <BaseSelect.ItemIndicator className=\"place-self-end self-center [&>svg]:size-sm\">\n        <Icon name=\"selected\" />\n      </BaseSelect.ItemIndicator>\n    </BaseSelect.Item>\n  )\n}\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport type { SelectListProps } from './select.types'\n\nexport function SelectList({ className, ref, ...props }: SelectListProps) {\n  return (\n    <BaseSelect.List\n      className={cn(\n        'relative max-h-(--available-height) scroll-py-md space-y-3xs overflow-y-auto',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport type { SelectPopupProps } from './select.types'\n\nexport function SelectPopup({ className, children, ref, ...props }: SelectPopupProps) {\n  return (\n    <BaseSelect.Portal>\n      <BaseSelect.Positioner\n        className={cn('z-9999 outline-none select-none', className)}\n        ref={ref}\n        {...props}\n      >\n        <BaseSelect.Popup className=\"group min-w-(--anchor-width) origin-(--transform-origin) rounded-xl bg-surface-2 bg-clip-padding p-2xs shadow-md transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0 data-[side=none]:data-ending-style:scale-90 data-[side=none]:data-ending-style:opacity-0 data-[side=none]:data-starting-style:scale-90 data-[side=none]:data-starting-style:opacity-0\">\n          <BaseSelect.ScrollUpArrow className=\"top-0 right-0 z-[1px] flex h-md w-full cursor-default items-center justify-center rounded-xl bg-surface-2 before:absolute before:left-0 before:size-full before:content-[''] data-[side=none]:before:-top-full\">\n            <Icon name=\"chevronUp\" className=\"size-sm\" />\n          </BaseSelect.ScrollUpArrow>\n          {children}\n          <BaseSelect.ScrollDownArrow className=\"right-0 bottom-0 z-[1px] flex h-md w-full cursor-default items-center justify-center rounded-xl bg-surface-2 before:absolute before:left-0 before:size-full before:content-[''] data-[side=none]:before:-bottom-full\">\n            <Icon name=\"chevronDown\" className=\"size-sm\" />\n          </BaseSelect.ScrollDownArrow>\n        </BaseSelect.Popup>\n      </BaseSelect.Positioner>\n    </BaseSelect.Portal>\n  )\n}\n","import { cn } from '@/utils/cn'\nimport { trimTextChildren } from '@/utils/trim-text-children'\n\nimport type { SelectTitleProps } from './select.types'\n\nexport function SelectTitle({ className, children, ref, ...props }: SelectTitleProps) {\n  return (\n    <span\n      className={cn(\n        'flex h-lg items-center gap-2xs font-body text-base leading-none font-medium text-on-surface transition-colors group-data-highlighted/item:text-neutral-on-container group-data-selected/item:text-neutral-on-default',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {trimTextChildren(children)}\n    </span>\n  )\n}\n","import type { Select as BaseSelect } from '@base-ui/react/select'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\n\nconst selectVariants = cva(\n  'flex items-center justify-between outline outline-transparent transition-all duration-100 hover:cursor-pointer aria-invalid:bg-error-container aria-invalid:text-error-on-container aria-invalid:outline-error-border data-disabled:cursor-not-allowed [&_[data-value]]:min-w-0 [&_[data-value]]:flex-1 [&:has([data-value]>svg:only-child)]:aspect-square [&:has([data-value]>svg:only-child)]:justify-center [&:has([data-value]>svg:only-child)]:p-0 [&:has([data-value]>svg:only-child)_[data-value]]:flex-none',\n  {\n    defaultVariants: {\n      size: 'medium',\n      variant: 'primary',\n    },\n    variants: {\n      size: {\n        large:\n          'h-2xl gap-xl rounded-2xl px-md font-body text-lg leading-none font-medium [&_[data-slot=select-icon]_svg]:size-md [&_[data-value]]:gap-xs [&_svg]:size-lg',\n        medium:\n          'h-xl gap-lg rounded-xl px-sm font-body text-base leading-none font-medium [&_[data-slot=select-icon]_svg]:size-sm [&_[data-value]]:gap-2xs [&_svg]:size-md',\n        small:\n          'h-lg gap-md rounded-lg px-xs font-body text-sm leading-none font-medium [&_[data-slot=select-icon]_svg]:size-xs [&_[data-value]]:gap-3xs [&_svg]:size-sm',\n      },\n      variant: {\n        ghost: 'bg-transparent hover:bg-neutral-container',\n        primary: 'bg-surface shadow-2xs hover:outline-border-strong',\n        secondary: 'bg-neutral-container hover:outline-border-strong',\n      },\n    },\n  },\n)\n\ntype SelectChangeEventDetails =\n  NonNullable<React.ComponentProps<typeof BaseSelect.Root>['onValueChange']> extends (\n    value: never,\n    details: infer Details,\n  ) => void\n    ? Details\n    : never\n\ntype SelectValue<Value, Multiple extends boolean | undefined> = Multiple extends true\n  ? Value[]\n  : Value\n\ninterface SelectProps<Value, Multiple extends boolean | undefined = false> extends Omit<\n  BaseSelect.Root.Props<Value, Multiple>,\n  | 'defaultValue'\n  | 'isItemEqualToValue'\n  | 'items'\n  | 'itemToStringLabel'\n  | 'itemToStringValue'\n  | 'onValueChange'\n  | 'value'\n> {\n  defaultValue?: SelectValue<Value, Multiple> | null\n  isItemEqualToValue?: (itemValue: Value, value: Value) => boolean\n  items?: Record<string, ReactNode> | readonly { label: ReactNode; value: Value }[]\n  itemToStringLabel?: (itemValue: Value) => string\n  itemToStringValue?: (itemValue: Value) => string\n  onValueChange?: (\n    value: SelectValue<Value, Multiple> | (Multiple extends true ? never : null),\n    eventDetails: SelectChangeEventDetails,\n  ) => void\n  value?: SelectValue<Value, Multiple> | null\n}\ntype SelectTriggerProps = React.ComponentProps<typeof BaseSelect.Trigger> &\n  VariantProps<typeof selectVariants>\ntype SelectValueProps = React.ComponentProps<typeof BaseSelect.Value>\ntype SelectIconProps = React.ComponentProps<typeof BaseSelect.Icon>\ntype SelectPopupProps = React.ComponentProps<typeof BaseSelect.Positioner>\ntype SelectItemProps = React.ComponentProps<typeof BaseSelect.Item>\ntype SelectListProps = React.ComponentProps<typeof BaseSelect.List>\ntype SelectGroupProps = React.ComponentProps<typeof BaseSelect.Group>\ntype SelectGroupLabelProps = React.ComponentProps<typeof BaseSelect.GroupLabel>\ntype SelectDescriptionProps = React.ComponentProps<'span'>\ntype SelectTitleProps = React.ComponentProps<'span'>\ninterface SelectFilter {\n  id: number\n  label: string\n  value: string\n}\n\nexport type {\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n  SelectIconProps,\n  SelectPopupProps,\n  SelectItemProps,\n  SelectListProps,\n  SelectGroupProps,\n  SelectGroupLabelProps,\n  SelectDescriptionProps,\n  SelectTitleProps,\n  SelectFilter,\n}\nexport { selectVariants }\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport { selectVariants } from './select.types'\nimport type { SelectTriggerProps } from './select.types'\n\nexport function SelectTrigger({ variant, size, className, ref, ...props }: SelectTriggerProps) {\n  return (\n    <BaseSelect.Trigger\n      className={cn(selectVariants({ className, size, variant }))}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Select as BaseSelect } from '@base-ui/react/select'\n\nimport { cn } from '@/utils/cn'\n\nimport type { SelectValueProps } from './select.types'\n\nexport function SelectValue({ className, ref, ...props }: SelectValueProps) {\n  return (\n    <BaseSelect.Value\n      data-value\n      className={cn(\n        'flex h-lg min-w-0 flex-1 items-center gap-2xs overflow-hidden text-left text-ellipsis whitespace-nowrap data-placeholder:opacity-70',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Select as SelectRoot } from './select'\nimport { SelectDescription } from './select-description'\nimport { SelectGroup } from './select-group'\nimport { SelectGroupLabel } from './select-group-label'\nimport { SelectIcon } from './select-icon'\nimport { SelectItem } from './select-item'\nimport { SelectList } from './select-list'\nimport { SelectPopup } from './select-popup'\nimport { SelectTitle } from './select-title'\nimport { SelectTrigger } from './select-trigger'\nimport { SelectValue } from './select-value'\n\nconst Select = Object.assign(SelectRoot, {\n  Description: SelectDescription,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Icon: SelectIcon,\n  Item: SelectItem,\n  List: SelectList,\n  Popup: SelectPopup,\n  Title: SelectTitle,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n})\n\nexport type {\n  SelectIconProps,\n  SelectItemProps,\n  SelectListProps,\n  SelectPopupProps,\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n  SelectGroupProps,\n  SelectGroupLabelProps,\n  SelectDescriptionProps,\n  SelectTitleProps,\n} from './select.types'\nexport { SelectItem } from './select-item'\nexport { SelectList } from './select-list'\nexport { SelectIcon } from './select-icon'\nexport { SelectPopup } from './select-popup'\nexport { SelectTrigger } from './select-trigger'\nexport { SelectValue } from './select-value'\nexport { SelectGroup } from './select-group'\nexport { SelectGroupLabel } from './select-group-label'\nexport { SelectDescription } from './select-description'\nexport { SelectTitle } from './select-title'\n\nexport { Select }\n"],"mappings":"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"}

package/dist/separator/index.d.ts

@@ -0,0 +1,2 @@
+import { n as SeparatorProps, t as Separator } from "../index-D1kkOg9k.js";
+export { Separator, type SeparatorProps };

package/dist/separator/index.js

@@ -0,0 +1 @@
+export { t as Separator } from "../separator-DgIQp1cB.js";

package/dist/separator-DgIQp1cB.js

@@ -0,0 +1,97 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "@base-ui/react/separator";
+// src/components/separator/separator.types.ts
+const separatorVariants = cva("relative shrink-0 rounded-full", {
+	compoundVariants: [
+		{
+			className: "h-[8px]",
+			orientation: "horizontal",
+			weight: "thick"
+		},
+		{
+			className: "h-[4px]",
+			orientation: "horizontal",
+			weight: "medium"
+		},
+		{
+			className: "h-[2px]",
+			orientation: "horizontal",
+			weight: "thin"
+		},
+		{
+			className: "h-px",
+			orientation: "horizontal",
+			weight: "thinnest"
+		},
+		{
+			className: "w-[8px]",
+			orientation: "vertical",
+			weight: "thick"
+		},
+		{
+			className: "w-[4px]",
+			orientation: "vertical",
+			weight: "medium"
+		},
+		{
+			className: "w-[2px]",
+			orientation: "vertical",
+			weight: "thin"
+		},
+		{
+			className: "w-px",
+			orientation: "vertical",
+			weight: "thinnest"
+		}
+	],
+	defaultVariants: {
+		orientation: "horizontal",
+		style: "rounded",
+		variant: "default",
+		weight: "thinnest"
+	},
+	variants: {
+		orientation: {
+			horizontal: "w-full",
+			vertical: "h-full"
+		},
+		style: {
+			rounded: "rounded-full",
+			square: "rounded-none"
+		},
+		variant: {
+			default: "bg-neutral-border",
+			strong: "bg-neutral-border-strong"
+		},
+		weight: {
+			medium: "[&_[data-label]]:style-text-prose--1",
+			thick: "[&_[data-label]]:style-text-prose-0",
+			thin: "[&_[data-label]]:style-text-prose--2",
+			thinnest: "[&_[data-label]]:style-text-prose--2"
+		}
+	}
+});
+// src/components/separator/separator.tsx
+function Separator$1({ orientation, weight, style, variant, children, className, labelClassName, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		className: cn("relative", separatorVariants({
+			orientation,
+			style,
+			variant,
+			weight
+		}), className),
+		orientation,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx("span", {
+			"data-label": true,
+			className: cn("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-surface-background px-2xs whitespace-nowrap text-on-surface-variant", labelClassName),
+			children
+		})
+	});
+}
+export { Separator$1 as t };
+
+//# sourceMappingURL=separator-DgIQp1cB.js.map

package/dist/separator-DgIQp1cB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-DgIQp1cB.js","names":["Separator","BaseSeparator"],"sources":["../src/components/separator/separator.types.ts","../src/components/separator/separator.tsx"],"sourcesContent":["import type { Separator as BaseSeparator } from '@base-ui/react/separator'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nexport const separatorVariants = cva('relative shrink-0 rounded-full', {\n  compoundVariants: [\n    {\n      className: 'h-[8px]',\n      orientation: 'horizontal',\n      weight: 'thick',\n    },\n    {\n      className: 'h-[4px]',\n      orientation: 'horizontal',\n      weight: 'medium',\n    },\n    {\n      className: 'h-[2px]',\n      orientation: 'horizontal',\n      weight: 'thin',\n    },\n    {\n      className: 'h-px',\n      orientation: 'horizontal',\n      weight: 'thinnest',\n    },\n    {\n      className: 'w-[8px]',\n      orientation: 'vertical',\n      weight: 'thick',\n    },\n    {\n      className: 'w-[4px]',\n      orientation: 'vertical',\n      weight: 'medium',\n    },\n    {\n      className: 'w-[2px]',\n      orientation: 'vertical',\n      weight: 'thin',\n    },\n    {\n      className: 'w-px',\n      orientation: 'vertical',\n      weight: 'thinnest',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    style: 'rounded',\n    variant: 'default',\n    weight: 'thinnest',\n  },\n  variants: {\n    orientation: {\n      horizontal: 'w-full',\n      vertical: 'h-full',\n    },\n    style: {\n      rounded: 'rounded-full',\n      square: 'rounded-none',\n    },\n    variant: {\n      default: 'bg-neutral-border',\n      strong: 'bg-neutral-border-strong',\n    },\n    weight: {\n      medium: '[&_[data-label]]:style-text-prose--1',\n      thick: '[&_[data-label]]:style-text-prose-0',\n      thin: '[&_[data-label]]:style-text-prose--2',\n      thinnest: '[&_[data-label]]:style-text-prose--2',\n    },\n  },\n})\n\nexport type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> &\n  VariantProps<typeof separatorVariants> & {\n    labelClassName?: string\n  }\n","import { Separator as BaseSeparator } from '@base-ui/react/separator'\n\nimport { cn } from '@/utils/cn'\n\nimport { separatorVariants } from './separator.types'\nimport type { SeparatorProps } from './separator.types'\n\nexport function Separator({\n  orientation,\n  weight,\n  style,\n  variant,\n  children,\n  className,\n  labelClassName,\n  ref,\n  ...props\n}: SeparatorProps) {\n  return (\n    <BaseSeparator\n      className={cn(\n        'relative',\n        separatorVariants({ orientation, style, variant, weight }),\n        className,\n      )}\n      orientation={orientation}\n      ref={ref}\n      {...props}\n    >\n      <span\n        data-label\n        className={cn(\n          'absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-surface-background px-2xs whitespace-nowrap text-on-surface-variant',\n          labelClassName,\n        )}\n      >\n        {children}\n      </span>\n    </BaseSeparator>\n  )\n}\n"],"mappings":";;;;;AAIA,MAAa,oBAAoB,IAAI,kCAAkC;CACrE,kBAAkB;EAChB;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;EACA;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;EACA;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;EACA;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;EACA;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;EACA;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;EACA;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;EACA;GACE,WAAW;GACX,aAAa;GACb,QAAQ;EACV;CACF;CACA,iBAAiB;EACf,aAAa;EACb,OAAO;EACP,SAAS;EACT,QAAQ;CACV;CACA,UAAU;EACR,aAAa;GACX,YAAY;GACZ,UAAU;EACZ;EACA,OAAO;GACL,SAAS;GACT,QAAQ;EACV;EACA,SAAS;GACP,SAAS;GACT,QAAQ;EACV;EACA,QAAQ;GACN,QAAQ;GACR,OAAO;GACP,MAAM;GACN,UAAU;EACZ;CACF;AACF,CAAC;;AClED,SAAgBA,YAAU,EACxB,aACA,QACA,OACA,SACA,UACA,WACA,gBACA,KACA,GAAG,SACc;CACjB,OACE,oBAACC,WAAD;EACE,WAAW,GACT,YACA,kBAAkB;GAAE;GAAa;GAAO;GAAS;EAAO,CAAC,GACzD,SACF;EACa;EACR;EACL,GAAI;EAEJ,UAAA,oBAAC,QAAD;GACE,cAAA;GACA,WAAW,GACT,sIACA,cACF;GAEC;EACG,CAAA;CACO,CAAA;AAEnB"}

package/dist/sidebar/index.d.ts

@@ -0,0 +1,80 @@
+import { t as Badge } from "../index-0ZQzIKoE.js";
+import { t as Button } from "../index-bVyqfhJS.js";
+import { n as CollapsibleTrigger, r as CollapsiblePanel, t as Collapsible } from "../index-N2CBSUDu.js";
+import React$1 from "react";
+type SidebarToggleProps = Omit<React.ComponentProps<typeof Button>, 'children'> & {
+  children: React.ReactNode | ((open?: boolean) => React.ReactNode);
+};
+type SidebarContentProps = React.ComponentProps<'div'>;
+type SidebarGroupContentProps = React.ComponentProps<'div'>;
+type SidebarGroupLabelProps = React.ComponentProps<'span'>;
+type SidebarGroupProps = React.ComponentProps<'div'>;
+type SidebarHeaderProps = Omit<React.ComponentProps<'div'>, 'children'> & {
+  children: (isExpanded?: boolean) => React.ReactNode;
+};
+type SidebarFooterProps = Omit<React.ComponentProps<'div'>, 'children'> & {
+  children: (isExpanded?: boolean) => React.ReactNode;
+};
+type SidebarMenuProps = React.ComponentProps<'div'>;
+type SidebarProps = React.ComponentProps<'div'> & {
+  tone?: 'primary' | 'secondary' | 'ghost';
+  width?: string | number;
+};
+type SidebarMenuButtonProps = React.ComponentProps<'button'> & {
+  isActive?: boolean;
+};
+type SidebarMenuItemProps = React.ComponentProps<'div'>;
+type SidebarMenuBadgeProps = React.ComponentProps<typeof Badge>;
+type SidebarMenuCollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger>;
+type SidebarMenuCollapsibleProps = React.ComponentProps<typeof Collapsible>;
+type SidebarMenuCollapsiblePanelProps = React.ComponentProps<typeof CollapsiblePanel>;
+type SidebarInsetProps = React.ComponentProps<'div'>;
+declare function Sidebar$1({ tone, width, className, ...props }: SidebarProps): React$1.JSX.Element;
+export declare function SidebarContent({ className, children, ref, ...props }: SidebarContentProps): import("react").JSX.Element;
+export declare function SidebarFooter({ className, children, ref, ...props }: SidebarFooterProps): import("react").JSX.Element;
+export declare function SidebarGroup({ className, ref, ...props }: SidebarGroupProps): import("react").JSX.Element;
+export declare function SidebarGroupContent({ className, ref, ...props }: SidebarGroupContentProps): import("react").JSX.Element;
+export declare function SidebarGroupLabel({ className, ref, ...props }: SidebarGroupLabelProps): import("react").JSX.Element | undefined;
+export declare function SidebarHeader({ className, children, ref, ...props }: SidebarHeaderProps): import("react").JSX.Element;
+export declare function SidebarInset({ className, children, ref, ...props }: SidebarInsetProps): import("react").JSX.Element;
+export declare function SidebarMenu({ className, ref, ...props }: SidebarMenuProps): import("react").JSX.Element;
+export declare function SidebarMenuBadge({ className, ref, ...props }: SidebarMenuBadgeProps): import("react").JSX.Element;
+export declare function SidebarMenuButton({ isActive, className, ref, ...props }: SidebarMenuButtonProps): import("react").JSX.Element;
+export declare function SidebarMenuCollapsible({ className, children, ref, ...props }: SidebarMenuCollapsibleProps): import("react").JSX.Element;
+export declare function SidebarMenuCollapsiblePanel({ className, children, ref, ...props }: SidebarMenuCollapsiblePanelProps): import("react").JSX.Element;
+export declare function SidebarMenuCollapsibleTrigger({ className, children, ref, style: _style, ...props }: SidebarMenuCollapsibleTriggerProps): import("react").JSX.Element;
+export declare function SidebarMenuItem({ className, ref, ...props }: SidebarMenuItemProps): import("react").JSX.Element;
+type SidebarContextProps = React$1.ComponentProps<'div'> & {
+  id: string;
+  defaultOpen?: boolean;
+  trigger?: () => void;
+  open?: boolean;
+  setOpen?: (open: boolean) => void;
+  isMobile?: boolean;
+  side?: 'left' | 'right';
+  collapsible?: 'offcanvas' | 'icon' | 'none';
+};
+declare const useSidebar: () => SidebarContextProps;
+declare function SidebarProvider({ id, defaultOpen, side, collapsible, className, ref, ...props }: SidebarContextProps): React$1.JSX.Element;
+export declare function SidebarToggle({ className, children, ref, ...props }: SidebarToggleProps): import("react").JSX.Element | undefined;
+export declare const getStoredSidebarOpen: (id: string, fallback: boolean) => boolean;
+declare const Sidebar: typeof Sidebar$1 & {
+  Content: typeof SidebarContent;
+  Footer: typeof SidebarFooter;
+  Group: typeof SidebarGroup;
+  GroupContent: typeof SidebarGroupContent;
+  GroupLabel: typeof SidebarGroupLabel;
+  Header: typeof SidebarHeader;
+  Inset: typeof SidebarInset;
+  Menu: typeof SidebarMenu;
+  MenuBadge: typeof SidebarMenuBadge;
+  MenuButton: typeof SidebarMenuButton;
+  MenuCollapsible: typeof SidebarMenuCollapsible;
+  MenuCollapsiblePanel: typeof SidebarMenuCollapsiblePanel;
+  MenuCollapsibleTrigger: typeof SidebarMenuCollapsibleTrigger;
+  MenuItem: typeof SidebarMenuItem;
+  Provider: typeof SidebarProvider;
+  Toggle: typeof SidebarToggle;
+};
+export { Sidebar, type SidebarContentProps, type SidebarFooterProps, type SidebarGroupContentProps, type SidebarGroupLabelProps, type SidebarGroupProps, type SidebarHeaderProps, type SidebarInsetProps, type SidebarMenuBadgeProps, type SidebarMenuButtonProps, type SidebarMenuCollapsiblePanelProps, type SidebarMenuCollapsibleProps, type SidebarMenuCollapsibleTriggerProps, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarToggleProps, useSidebar };
+//# sourceMappingURL=index.d.ts.map