jaci-ui 0.1.0

package/dist/components/select/select.d.ts

@@ -0,0 +1,74 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Select, SelectRoot } from "@base-ui/react/select";
+//#region src/components/select/select.d.ts
+type SelectSize = "sm" | "md" | "lg";
+/**
+ * Groups an accessible listbox select. Use `value`/`onValueChange` for a
+ * controlled selection, or `defaultValue` for an uncontrolled selection.
+ *
+ * `size` is shared by all visual parts so the trigger stays aligned with the
+ * library's `Input` component.
+ */
+interface SelectRootProps<Value, Multiple extends boolean | undefined = false> extends SelectRoot.Props<Value, Multiple> {
+  size?: SelectSize;
+}
+declare function SelectRoot$1<Value = unknown, Multiple extends boolean | undefined = false>({ size, ...props }: SelectRootProps<Value, Multiple>): import("react").JSX.Element;
+type SelectLabelProps = ComponentPropsWithoutRef<typeof Select.Label>;
+/** An accessible label that Base UI associates with the trigger automatically. */
+declare const SelectLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SelectTriggerProps = ComponentPropsWithoutRef<typeof Select.Trigger>;
+/** The button-shaped control that opens the select popup. */
+declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type SelectValueProps = ComponentPropsWithoutRef<typeof Select.Value>;
+/** Renders the selected item's label, or its placeholder when empty. */
+declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type SelectIconProps = ComponentPropsWithoutRef<typeof Select.Icon>;
+/** A small chevron that rotates while the popup is open. */
+declare const SelectIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Preserves Base UI's optional portal container and mount controls. */
+declare const SelectPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SelectPositionerProps = ComponentPropsWithoutRef<typeof Select.Positioner>;
+declare const SelectPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SelectPopupProps = ComponentPropsWithoutRef<typeof Select.Popup>;
+declare const SelectPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SelectListProps = ComponentPropsWithoutRef<typeof Select.List>;
+declare const SelectList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SelectItemProps = ComponentPropsWithoutRef<typeof Select.Item>;
+declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type SelectItemTextProps = ComponentPropsWithoutRef<typeof Select.ItemText>;
+declare const SelectItemText: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof Select.ItemIndicator>;
+declare const SelectItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type SelectGroupProps = ComponentPropsWithoutRef<typeof Select.Group>;
+declare const SelectGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof Select.GroupLabel>;
+declare const SelectGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * A visual separator for groups in a listbox. It is intentionally hidden from
+ * assistive technology because ARIA listboxes may only contain options or
+ * option groups, not semantic separators.
+ */
+interface SelectSeparatorProps extends ComponentPropsWithoutRef<"div"> {
+  orientation?: "horizontal" | "vertical";
+}
+declare const SelectSeparator: import("react").ForwardRefExoticComponent<SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Select$1: {
+  Root: typeof SelectRoot$1;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  ItemText: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Group: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  GroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Separator: import("react").ForwardRefExoticComponent<SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { Select$1 as Select, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectIcon, SelectIconProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectLabel, SelectLabelProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPortal, SelectPositioner, SelectPositionerProps, SelectRoot$1 as SelectRoot, SelectRootProps, SelectSeparator, SelectSeparatorProps, SelectSize, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };
+//# sourceMappingURL=select.d.ts.map

package/dist/components/select/select.js

@@ -0,0 +1,156 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { select } from "../../styled-system/recipes/select.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/components/select/select.tsx
+const SelectSizeContext = createContext("md");
+function useSelectStyles() {
+	return select({ size: useContext(SelectSizeContext) });
+}
+function SelectRoot$1({ size = "md", ...props }) {
+	return /* @__PURE__ */ jsx(SelectSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ jsx(Select.Root, { ...props })
+	});
+}
+/** An accessible label that Base UI associates with the trigger automatically. */
+const SelectLabel = forwardRef(function SelectLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Label, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().label, className),
+		"data-slot": "select-label"
+	});
+});
+/** The button-shaped control that opens the select popup. */
+const SelectTrigger = forwardRef(function SelectTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().trigger, className),
+		"data-jaci-component": "select",
+		"data-slot": "select-trigger"
+	});
+});
+/** Renders the selected item's label, or its placeholder when empty. */
+const SelectValue = forwardRef(function SelectValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().value, className),
+		"data-slot": "select-value"
+	});
+});
+/** A small chevron that rotates while the popup is open. */
+const SelectIcon = forwardRef(function SelectIcon({ children = "⌄", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Icon, {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: withRecipeClassName(useSelectStyles().icon, className),
+		"data-slot": "select-icon",
+		children
+	});
+});
+/** Preserves Base UI's optional portal container and mount controls. */
+const SelectPortal = Select.Portal;
+const SelectPositioner = forwardRef(function SelectPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Positioner, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().positioner, className),
+		"data-slot": "select-positioner"
+	});
+});
+const SelectPopup = forwardRef(function SelectPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Popup, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().popup, className),
+		"data-slot": "select-popup"
+	});
+});
+const SelectList = forwardRef(function SelectList({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.List, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().list, className),
+		"data-slot": "select-list"
+	});
+});
+const SelectItem = forwardRef(function SelectItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Item, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().item, className),
+		"data-slot": "select-item"
+	});
+});
+const SelectItemText = forwardRef(function SelectItemText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemText, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().itemText, className),
+		"data-slot": "select-item-text"
+	});
+});
+const SelectItemIndicator = forwardRef(function SelectItemIndicator({ children = "✓", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: withRecipeClassName(useSelectStyles().itemIndicator, className),
+		"data-slot": "select-item-indicator",
+		children
+	});
+});
+const SelectGroup = forwardRef(function SelectGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().group, className),
+		"data-slot": "select-group"
+	});
+});
+const SelectGroupLabel = forwardRef(function SelectGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSelectStyles().groupLabel, className),
+		"data-slot": "select-group-label"
+	});
+});
+const SelectSeparator = forwardRef(function SelectSeparator({ className, orientation = "horizontal", ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: cx(useSelectStyles().separator, className),
+		"data-orientation": orientation,
+		"data-slot": "select-separator"
+	});
+});
+const Select$1 = {
+	Root: SelectRoot$1,
+	Label: SelectLabel,
+	Trigger: SelectTrigger,
+	Value: SelectValue,
+	Icon: SelectIcon,
+	Portal: SelectPortal,
+	Positioner: SelectPositioner,
+	Popup: SelectPopup,
+	List: SelectList,
+	Item: SelectItem,
+	ItemText: SelectItemText,
+	ItemIndicator: SelectItemIndicator,
+	Group: SelectGroup,
+	GroupLabel: SelectGroupLabel,
+	Separator: SelectSeparator
+};
+//#endregion
+export { Select$1 as Select, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot$1 as SelectRoot, SelectSeparator, SelectTrigger, SelectValue };
+
+//# sourceMappingURL=select.js.map

package/dist/components/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["SelectRoot","BaseSelect","Select"],"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["\"use client\";\n\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { SelectRoot as BaseSelectRoot } from \"@base-ui/react/select\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { select } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type SelectSize = \"sm\" | \"md\" | \"lg\";\n\nconst SelectSizeContext = createContext<SelectSize>(\"md\");\n\nfunction useSelectStyles() {\n  return select({ size: useContext(SelectSizeContext) });\n}\n\n/**\n * Groups an accessible listbox select. Use `value`/`onValueChange` for a\n * controlled selection, or `defaultValue` for an uncontrolled selection.\n *\n * `size` is shared by all visual parts so the trigger stays aligned with the\n * library's `Input` component.\n */\nexport interface SelectRootProps<Value, Multiple extends boolean | undefined = false>\n  extends BaseSelectRoot.Props<Value, Multiple> {\n  size?: SelectSize;\n}\n\nexport function SelectRoot<Value = unknown, Multiple extends boolean | undefined = false>({\n  size = \"md\",\n  ...props\n}: SelectRootProps<Value, Multiple>) {\n  return (\n    <SelectSizeContext.Provider value={size}>\n      <BaseSelect.Root {...props} />\n    </SelectSizeContext.Provider>\n  );\n}\n\nexport type SelectLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.Label>;\n\n/** An accessible label that Base UI associates with the trigger automatically. */\nexport const SelectLabel = forwardRef<HTMLDivElement, SelectLabelProps>(function SelectLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().label, className)}\n      data-slot=\"select-label\"\n    />\n  );\n});\n\nexport type SelectTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\n\n/** The button-shaped control that opens the select popup. */\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  function SelectTrigger({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().trigger, className)}\n        data-jaci-component=\"select\"\n        data-slot=\"select-trigger\"\n      />\n    );\n  },\n);\n\nexport type SelectValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\n\n/** Renders the selected item's label, or its placeholder when empty. */\nexport const SelectValue = forwardRef<HTMLSpanElement, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().value, className)}\n      data-slot=\"select-value\"\n    />\n  );\n});\n\nexport type SelectIconProps = ComponentPropsWithoutRef<typeof BaseSelect.Icon>;\n\n/** A small chevron that rotates while the popup is open. */\nexport const SelectIcon = forwardRef<HTMLSpanElement, SelectIconProps>(function SelectIcon(\n  { children = \"⌄\", className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Icon\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().icon, className)}\n      data-slot=\"select-icon\"\n    >\n      {children}\n    </BaseSelect.Icon>\n  );\n});\n\n/** Preserves Base UI's optional portal container and mount controls. */\nexport const SelectPortal = BaseSelect.Portal;\n\nexport type SelectPositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\n\nexport const SelectPositioner = forwardRef<HTMLDivElement, SelectPositionerProps>(\n  function SelectPositioner({ className, ...props }, ref) {\n    return (\n      <BaseSelect.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().positioner, className)}\n        data-slot=\"select-positioner\"\n      />\n    );\n  },\n);\n\nexport type SelectPopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\n\nexport const SelectPopup = forwardRef<HTMLDivElement, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Popup\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().popup, className)}\n      data-slot=\"select-popup\"\n    />\n  );\n});\n\nexport type SelectListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\n\nexport const SelectList = forwardRef<HTMLDivElement, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.List\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().list, className)}\n      data-slot=\"select-list\"\n    />\n  );\n});\n\nexport type SelectItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\n\nexport const SelectItem = forwardRef<HTMLElement, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().item, className)}\n      data-slot=\"select-item\"\n    />\n  );\n});\n\nexport type SelectItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\n\nexport const SelectItemText = forwardRef<HTMLDivElement, SelectItemTextProps>(\n  function SelectItemText({ className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemText\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemText, className)}\n        data-slot=\"select-item-text\"\n      />\n    );\n  },\n);\n\nexport type SelectItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\n\nexport const SelectItemIndicator = forwardRef<HTMLSpanElement, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ children = \"✓\", className, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().itemIndicator, className)}\n        data-slot=\"select-item-indicator\"\n      >\n        {children}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport type SelectGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSelect.Group\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSelectStyles().group, className)}\n      data-slot=\"select-group\"\n    />\n  );\n});\n\nexport type SelectGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\n\nexport const SelectGroupLabel = forwardRef<HTMLDivElement, SelectGroupLabelProps>(\n  function SelectGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseSelect.GroupLabel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSelectStyles().groupLabel, className)}\n        data-slot=\"select-group-label\"\n      />\n    );\n  },\n);\n\n/**\n * A visual separator for groups in a listbox. It is intentionally hidden from\n * assistive technology because ARIA listboxes may only contain options or\n * option groups, not semantic separators.\n */\nexport interface SelectSeparatorProps extends ComponentPropsWithoutRef<\"div\"> {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const SelectSeparator = forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  function SelectSeparator({ className, orientation = \"horizontal\", ...props }, ref) {\n    return (\n      <div\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(useSelectStyles().separator, className)}\n        data-orientation={orientation}\n        data-slot=\"select-separator\"\n      />\n    );\n  },\n);\n\nexport const Select = {\n  Root: SelectRoot,\n  Label: SelectLabel,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Icon: SelectIcon,\n  Portal: SelectPortal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  List: SelectList,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  ItemIndicator: SelectItemIndicator,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Separator: SelectSeparator,\n};\n"],"mappings":"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"}

package/dist/components/sidebar/index.d.cts

@@ -0,0 +1,2 @@
+import { Sidebar, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarFooterProps, SidebarHeader, SidebarHeaderProps, SidebarItem, SidebarItemProps, SidebarLabel, SidebarLabelProps, SidebarRoot, SidebarRootProps, SidebarToggle, SidebarToggleProps, useSidebar } from "./sidebar.cjs";
+export { Sidebar, SidebarContent, type SidebarContentProps, type SidebarContextValue, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, SidebarLabel, type SidebarLabelProps, SidebarRoot, type SidebarRootProps, SidebarToggle, type SidebarToggleProps, useSidebar };

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+import { Sidebar, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarFooterProps, SidebarHeader, SidebarHeaderProps, SidebarItem, SidebarItemProps, SidebarLabel, SidebarLabelProps, SidebarRoot, SidebarRootProps, SidebarToggle, SidebarToggleProps, useSidebar } from "./sidebar.js";
+export { Sidebar, SidebarContent, type SidebarContentProps, type SidebarContextValue, SidebarFooter, type SidebarFooterProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, SidebarLabel, type SidebarLabelProps, SidebarRoot, type SidebarRootProps, SidebarToggle, type SidebarToggleProps, useSidebar };

package/dist/components/sidebar/sidebar.cjs

@@ -0,0 +1,162 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_sidebar = require("../../styled-system/recipes/sidebar.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/sidebar/sidebar.tsx
+const SidebarContext = (0, react.createContext)(null);
+/**
+* Reads the state exposed by `Sidebar.Root`.
+*
+* Use it in custom sidebar parts when the built-in composition is not enough.
+*/
+function useSidebar() {
+	const context = (0, react.useContext)(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a Sidebar.Root component.");
+	return context;
+}
+function useSidebarStyles() {
+	const { open } = useSidebar();
+	return require_sidebar.sidebar({ open });
+}
+/**
+* The sidebar container. It supports both controlled and uncontrolled state.
+*/
+const SidebarRoot = (0, react.forwardRef)(function SidebarRoot({ children, className, defaultOpen = true, onOpenChange, open: controlledOpen, ...props }, ref) {
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(defaultOpen);
+	const isControlled = controlledOpen !== void 0;
+	const open = controlledOpen ?? uncontrolledOpen;
+	const setOpen = (0, react.useCallback)((nextOpen) => {
+		if (!isControlled) setUncontrolledOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [isControlled, onOpenChange]);
+	const toggle = (0, react.useCallback)(() => {
+		setOpen(!open);
+	}, [open, setOpen]);
+	const context = (0, react.useMemo)(() => ({
+		open,
+		setOpen,
+		toggle
+	}), [
+		open,
+		setOpen,
+		toggle
+	]);
+	const styles = require_sidebar.sidebar({ open });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
+			...props,
+			ref,
+			className: require_cx.cx(styles.root, className),
+			"data-jaci-component": "sidebar",
+			"data-open": open,
+			"data-slot": "sidebar",
+			"data-state": open ? "open" : "closed",
+			children
+		})
+	});
+});
+/**
+* A floating, accessible control that expands or collapses the sidebar.
+*/
+const SidebarToggle = (0, react.forwardRef)(function SidebarToggle({ "aria-label": ariaLabel, children, className, onClick, type = "button", ...props }, ref) {
+	const { open, toggle } = useSidebar();
+	const styles = useSidebarStyles();
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) toggle();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		"aria-expanded": open,
+		"aria-label": ariaLabel ?? (open ? "Collapse sidebar" : "Expand sidebar"),
+		className: require_cx.cx(styles.toggle, className),
+		"data-slot": "sidebar-toggle",
+		onClick: handleClick,
+		ref,
+		type,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-hidden": "true",
+			children: open ? "‹" : "›"
+		})
+	});
+});
+const SidebarHeader = (0, react.forwardRef)(function SidebarHeader({ className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.header, className),
+		"data-slot": "sidebar-header"
+	});
+});
+const SidebarContent = (0, react.forwardRef)(function SidebarContent({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		...props,
+		"aria-label": ariaLabel ?? "Sidebar navigation",
+		ref,
+		className: require_cx.cx(styles.content, className),
+		"data-slot": "sidebar-content"
+	});
+});
+const SidebarFooter = (0, react.forwardRef)(function SidebarFooter({ className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.footer, className),
+		"data-slot": "sidebar-footer"
+	});
+});
+/**
+* A semantic navigation item. Pair its icon/content with `Sidebar.Label` so
+* the text transitions out of view while remaining available to assistive
+* technology when the sidebar is collapsed.
+*/
+const SidebarItem = (0, react.forwardRef)(function SidebarItem({ "aria-current": ariaCurrent, active = false, className, ...props }, ref) {
+	const { open } = useSidebar();
+	const styles = require_sidebar.sidebar({
+		active,
+		open
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		...props,
+		"aria-current": ariaCurrent ?? (active ? "page" : void 0),
+		ref,
+		className: require_cx.cx(styles.item, className),
+		"data-active": active || void 0,
+		"data-slot": "sidebar-item"
+	});
+});
+const SidebarLabel = (0, react.forwardRef)(function SidebarLabel({ className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.label, className),
+		"data-slot": "sidebar-label"
+	});
+});
+const Sidebar = {
+	Root: SidebarRoot,
+	Toggle: SidebarToggle,
+	Header: SidebarHeader,
+	Content: SidebarContent,
+	Footer: SidebarFooter,
+	Item: SidebarItem,
+	Label: SidebarLabel
+};
+//#endregion
+exports.Sidebar = Sidebar;
+exports.SidebarContent = SidebarContent;
+exports.SidebarFooter = SidebarFooter;
+exports.SidebarHeader = SidebarHeader;
+exports.SidebarItem = SidebarItem;
+exports.SidebarLabel = SidebarLabel;
+exports.SidebarRoot = SidebarRoot;
+exports.SidebarToggle = SidebarToggle;
+exports.useSidebar = useSidebar;
+
+//# sourceMappingURL=sidebar.cjs.map

package/dist/components/sidebar/sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.cjs","names":["sidebar","cx"],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  { children, className, defaultOpen = true, onOpenChange, open: controlledOpen, ...props },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n\n  return (\n    <SidebarContext.Provider value={context}>\n      <aside\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"sidebar\"\n        data-open={open}\n        data-slot=\"sidebar\"\n        data-state={open ? \"open\" : \"closed\"}\n      >\n        {children}\n      </aside>\n    </SidebarContext.Provider>\n  );\n});\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":"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"}

package/dist/components/sidebar/sidebar.d.cts

@@ -0,0 +1,64 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/sidebar/sidebar.d.ts
+interface SidebarContextValue {
+  /** Whether the sidebar is visually expanded. */
+  open: boolean;
+  /** Updates the expanded state, respecting controlled usage. */
+  setOpen: (open: boolean) => void;
+  /** Convenience callback for toggles placed anywhere in the sidebar. */
+  toggle: () => void;
+}
+/**
+ * Reads the state exposed by `Sidebar.Root`.
+ *
+ * Use it in custom sidebar parts when the built-in composition is not enough.
+ */
+declare function useSidebar(): SidebarContextValue;
+interface SidebarRootProps extends ComponentPropsWithoutRef<"aside"> {
+  /** Controlled expanded state. */
+  open?: boolean;
+  /** Initial expanded state for uncontrolled use. */
+  defaultOpen?: boolean;
+  /** Called after the requested expanded state changes. */
+  onOpenChange?: (open: boolean) => void;
+  children?: ReactNode;
+}
+/**
+ * The sidebar container. It supports both controlled and uncontrolled state.
+ */
+declare const SidebarRoot: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLElement>>;
+type SidebarToggleProps = ComponentPropsWithoutRef<"button">;
+/**
+ * A floating, accessible control that expands or collapses the sidebar.
+ */
+declare const SidebarToggle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type SidebarHeaderProps = ComponentPropsWithoutRef<"header">;
+declare const SidebarHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type SidebarContentProps = ComponentPropsWithoutRef<"nav">;
+declare const SidebarContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type SidebarFooterProps = ComponentPropsWithoutRef<"footer">;
+declare const SidebarFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+interface SidebarItemProps extends ComponentPropsWithoutRef<"a"> {
+  /** Marks the current navigation destination. */
+  active?: boolean;
+}
+/**
+ * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so
+ * the text transitions out of view while remaining available to assistive
+ * technology when the sidebar is collapsed.
+ */
+declare const SidebarItem: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+type SidebarLabelProps = ComponentPropsWithoutRef<"span">;
+declare const SidebarLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Sidebar: {
+  Root: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLElement>>;
+  Toggle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Item: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Sidebar, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarFooterProps, SidebarHeader, SidebarHeaderProps, SidebarItem, SidebarItemProps, SidebarLabel, SidebarLabelProps, SidebarRoot, SidebarRootProps, SidebarToggle, SidebarToggleProps, useSidebar };
+//# sourceMappingURL=sidebar.d.cts.map

package/dist/components/sidebar/sidebar.d.ts

@@ -0,0 +1,64 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/sidebar/sidebar.d.ts
+interface SidebarContextValue {
+  /** Whether the sidebar is visually expanded. */
+  open: boolean;
+  /** Updates the expanded state, respecting controlled usage. */
+  setOpen: (open: boolean) => void;
+  /** Convenience callback for toggles placed anywhere in the sidebar. */
+  toggle: () => void;
+}
+/**
+ * Reads the state exposed by `Sidebar.Root`.
+ *
+ * Use it in custom sidebar parts when the built-in composition is not enough.
+ */
+declare function useSidebar(): SidebarContextValue;
+interface SidebarRootProps extends ComponentPropsWithoutRef<"aside"> {
+  /** Controlled expanded state. */
+  open?: boolean;
+  /** Initial expanded state for uncontrolled use. */
+  defaultOpen?: boolean;
+  /** Called after the requested expanded state changes. */
+  onOpenChange?: (open: boolean) => void;
+  children?: ReactNode;
+}
+/**
+ * The sidebar container. It supports both controlled and uncontrolled state.
+ */
+declare const SidebarRoot: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLElement>>;
+type SidebarToggleProps = ComponentPropsWithoutRef<"button">;
+/**
+ * A floating, accessible control that expands or collapses the sidebar.
+ */
+declare const SidebarToggle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type SidebarHeaderProps = ComponentPropsWithoutRef<"header">;
+declare const SidebarHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type SidebarContentProps = ComponentPropsWithoutRef<"nav">;
+declare const SidebarContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type SidebarFooterProps = ComponentPropsWithoutRef<"footer">;
+declare const SidebarFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+interface SidebarItemProps extends ComponentPropsWithoutRef<"a"> {
+  /** Marks the current navigation destination. */
+  active?: boolean;
+}
+/**
+ * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so
+ * the text transitions out of view while remaining available to assistive
+ * technology when the sidebar is collapsed.
+ */
+declare const SidebarItem: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+type SidebarLabelProps = ComponentPropsWithoutRef<"span">;
+declare const SidebarLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Sidebar: {
+  Root: import("react").ForwardRefExoticComponent<SidebarRootProps & import("react").RefAttributes<HTMLElement>>;
+  Toggle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Item: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
+  Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Sidebar, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarFooterProps, SidebarHeader, SidebarHeaderProps, SidebarItem, SidebarItemProps, SidebarLabel, SidebarLabelProps, SidebarRoot, SidebarRootProps, SidebarToggle, SidebarToggleProps, useSidebar };
+//# sourceMappingURL=sidebar.d.ts.map