jaci-ui 0.1.0

package/dist/components/range-slider/range-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-slider.js","names":["BaseSlider"],"sources":["../../../src/components/range-slider/range-slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { rangeSlider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type RangeSliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst RangeSliderSizeContext = createContext<RangeSliderSize>(\"md\");\n\nfunction useRangeSliderStyles() {\n  return rangeSlider({ size: useContext(RangeSliderSizeContext) });\n}\n\nexport interface RangeSliderRootProps\n  extends Omit<\n    BaseSliderRoot.Props<readonly number[]>,\n    \"children\" | \"className\" | \"defaultValue\" | \"value\" | \"onValueChange\" | \"onValueCommitted\"\n  > {\n  value?: readonly [number, number];\n  defaultValue?: readonly [number, number];\n  onValueChange?: (value: readonly [number, number]) => void;\n  onValueCommitted?: (value: readonly [number, number]) => void;\n  size?: RangeSliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\nfunction asRange(values: readonly number[], min: number, max: number): readonly [number, number] {\n  return [values[0] ?? min, values[1] ?? max];\n}\n\nexport const RangeSliderRoot = forwardRef<HTMLDivElement, RangeSliderRootProps>(\n  function RangeSliderRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      max = 100,\n      min = 0,\n      onValueChange,\n      onValueCommitted,\n      size = \"md\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const styles = rangeSlider({ size });\n    const fallbackValue = defaultValue ?? [min, max];\n\n    return (\n      <RangeSliderSizeContext.Provider value={size}>\n        <BaseSlider.Root\n          {...props}\n          defaultValue={fallbackValue}\n          max={max}\n          min={min}\n          onValueChange={(next) => onValueChange?.(asRange(next, min, max))}\n          onValueCommitted={(next) => onValueCommitted?.(asRange(next, min, max))}\n          ref={ref}\n          value={value}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"range-slider\"\n          data-slot=\"range-slider\"\n        >\n          {children}\n        </BaseSlider.Root>\n      </RangeSliderSizeContext.Provider>\n    );\n  },\n);\n\nexport type RangeSliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\nexport const RangeSliderLabel = forwardRef<HTMLDivElement, RangeSliderLabelProps>(\n  function RangeSliderLabel({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().label, className)}\n        data-slot=\"range-slider-label\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\nexport const RangeSliderValue = forwardRef<HTMLOutputElement, RangeSliderValueProps>(\n  function RangeSliderValue({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Value\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().value, className)}\n        data-slot=\"range-slider-value\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\nexport const RangeSliderControl = forwardRef<HTMLDivElement, RangeSliderControlProps>(\n  function RangeSliderControl({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Control\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().control, className)}\n        data-slot=\"range-slider-control\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\nexport const RangeSliderTrack = forwardRef<HTMLDivElement, RangeSliderTrackProps>(\n  function RangeSliderTrack({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Track\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().track, className)}\n        data-slot=\"range-slider-track\"\n      />\n    );\n  },\n);\n\nexport type RangeSliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\nexport const RangeSliderIndicator = forwardRef<HTMLDivElement, RangeSliderIndicatorProps>(\n  function RangeSliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().indicator, className)}\n        data-slot=\"range-slider-indicator\"\n      />\n    );\n  },\n);\n\nexport interface RangeSliderThumbProps extends ComponentPropsWithoutRef<typeof BaseSlider.Thumb> {\n  index: 0 | 1;\n}\n\nexport const RangeSliderThumb = forwardRef<HTMLDivElement, RangeSliderThumbProps>(\n  function RangeSliderThumb({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useRangeSliderStyles().thumb, className)}\n        data-slot=\"range-slider-thumb\"\n      />\n    );\n  },\n);\n\nexport const RangeSlider = {\n  Root: RangeSliderRoot,\n  Label: RangeSliderLabel,\n  Value: RangeSliderValue,\n  Control: RangeSliderControl,\n  Track: RangeSliderTrack,\n  Indicator: RangeSliderIndicator,\n  Thumb: RangeSliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,yBAAyB,cAA+B,IAAI;AAElE,SAAS,uBAAuB;CAC9B,OAAO,YAAY,EAAE,MAAM,WAAW,sBAAsB,EAAE,CAAC;AACjE;AAgBA,SAAS,QAAQ,QAA2B,KAAa,KAAwC;CAC/F,OAAO,CAAC,OAAO,MAAM,KAAK,OAAO,MAAM,GAAG;AAC5C;AAEA,MAAa,kBAAkB,WAC7B,SAAS,gBACP,EACE,UACA,WACA,cACA,MAAM,KACN,MAAM,GACN,eACA,kBACA,OAAO,MACP,OACA,GAAG,SAEL,KACA;CACA,MAAM,SAAS,YAAY,EAAE,KAAK,CAAC;CACnC,MAAM,gBAAgB,gBAAgB,CAAC,KAAK,GAAG;CAE/C,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;YACtC,oBAACA,OAAW,MAAZ;GACE,GAAI;GACJ,cAAc;GACT;GACA;GACL,gBAAgB,SAAS,gBAAgB,QAAQ,MAAM,KAAK,GAAG,CAAC;GAChE,mBAAmB,SAAS,mBAAmB,QAAQ,MAAM,KAAK,GAAG,CAAC;GACjE;GACE;GACP,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACc,CAAA;AAErC,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,SAAS,SAAS;EACxE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,oBAACA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,WAAW,SAAS;EAC1E,aAAU;CACX,CAAA;AAEL,CACF;AAMA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,qBAAqB,CAAC,CAAC,OAAO,SAAS;EACtE,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}

package/dist/components/scroll-area/index.d.cts

@@ -0,0 +1,2 @@
+import { ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "./scroll-area.cjs";
+export { ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps };

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

@@ -0,0 +1,2 @@
+import { ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "./scroll-area.js";
+export { ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps };

package/dist/components/scroll-area/scroll-area.cjs

@@ -0,0 +1,76 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_scroll_area = require("../../styled-system/recipes/scroll-area.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_scroll_area = require("@base-ui/react/scroll-area");
+//#region src/components/scroll-area/scroll-area.tsx
+const ScrollAreaRoot = (0, react.forwardRef)(function ScrollAreaRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Root, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_scroll_area.scrollArea().root, className),
+		"data-jaci-component": "scroll-area",
+		"data-slot": "scroll-area"
+	});
+});
+const ScrollAreaViewport = (0, react.forwardRef)(function ScrollAreaViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Viewport, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_scroll_area.scrollArea().viewport, className),
+		"data-slot": "scroll-area-viewport"
+	});
+});
+const ScrollAreaContent = (0, react.forwardRef)(function ScrollAreaContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Content, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_scroll_area.scrollArea().content, className),
+		"data-slot": "scroll-area-content"
+	});
+});
+const ScrollAreaScrollbar = (0, react.forwardRef)(function ScrollAreaScrollbar({ className, orientation = "vertical", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Scrollbar, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_scroll_area.scrollArea().scrollbar, className),
+		"data-orientation": orientation,
+		"data-slot": "scroll-area-scrollbar",
+		orientation
+	});
+});
+const ScrollAreaThumb = (0, react.forwardRef)(function ScrollAreaThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Thumb, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_scroll_area.scrollArea().thumb, className),
+		"data-slot": "scroll-area-thumb"
+	});
+});
+const ScrollAreaCorner = (0, react.forwardRef)(function ScrollAreaCorner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Corner, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_scroll_area.scrollArea().corner, className),
+		"data-slot": "scroll-area-corner"
+	});
+});
+const ScrollArea = {
+	Root: ScrollAreaRoot,
+	Viewport: ScrollAreaViewport,
+	Content: ScrollAreaContent,
+	Scrollbar: ScrollAreaScrollbar,
+	Thumb: ScrollAreaThumb,
+	Corner: ScrollAreaCorner
+};
+//#endregion
+exports.ScrollArea = ScrollArea;
+exports.ScrollAreaContent = ScrollAreaContent;
+exports.ScrollAreaCorner = ScrollAreaCorner;
+exports.ScrollAreaRoot = ScrollAreaRoot;
+exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
+exports.ScrollAreaThumb = ScrollAreaThumb;
+exports.ScrollAreaViewport = ScrollAreaViewport;
+
+//# sourceMappingURL=scroll-area.cjs.map

package/dist/components/scroll-area/scroll-area.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.cjs","names":["BaseScrollArea","withRecipeClassName","scrollArea"],"sources":["../../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { scrollArea } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Root>;\n\nexport const ScrollAreaRoot = forwardRef<HTMLDivElement, ScrollAreaRootProps>(\n  function ScrollAreaRoot({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().root, className)}\n        data-jaci-component=\"scroll-area\"\n        data-slot=\"scroll-area\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Viewport>;\n\nexport const ScrollAreaViewport = forwardRef<HTMLDivElement, ScrollAreaViewportProps>(\n  function ScrollAreaViewport({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().viewport, className)}\n        data-slot=\"scroll-area-viewport\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaContentProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Content>;\n\nexport const ScrollAreaContent = forwardRef<HTMLDivElement, ScrollAreaContentProps>(\n  function ScrollAreaContent({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().content, className)}\n        data-slot=\"scroll-area-content\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Scrollbar>;\n\nexport const ScrollAreaScrollbar = forwardRef<HTMLDivElement, ScrollAreaScrollbarProps>(\n  function ScrollAreaScrollbar({ className, orientation = \"vertical\", ...props }, ref) {\n    return (\n      <BaseScrollArea.Scrollbar\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().scrollbar, className)}\n        data-orientation={orientation}\n        data-slot=\"scroll-area-scrollbar\"\n        orientation={orientation}\n      />\n    );\n  },\n);\n\nexport type ScrollAreaThumbProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Thumb>;\n\nexport const ScrollAreaThumb = forwardRef<HTMLDivElement, ScrollAreaThumbProps>(\n  function ScrollAreaThumb({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().thumb, className)}\n        data-slot=\"scroll-area-thumb\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaCornerProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Corner>;\n\nexport const ScrollAreaCorner = forwardRef<HTMLDivElement, ScrollAreaCornerProps>(\n  function ScrollAreaCorner({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Corner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().corner, className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    );\n  },\n);\n\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Viewport: ScrollAreaViewport,\n  Content: ScrollAreaContent,\n  Scrollbar: ScrollAreaScrollbar,\n  Thumb: ScrollAreaThumb,\n  Corner: ScrollAreaCorner,\n};\n"],"mappings":";;;;;;;AAWA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,WAAe,MAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,MAAM,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,UAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,UAAU,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,SAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,SAAS,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,WAAW,cAAc,YAAY,GAAG,SAAS,KAAK;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,WAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CACF;AAIA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,OAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,WAAe,QAAhB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa;CACxB,MAAM;CACN,UAAU;CACV,SAAS;CACT,WAAW;CACX,OAAO;CACP,QAAQ;AACV"}

package/dist/components/scroll-area/scroll-area.d.cts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from "react";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area/scroll-area.d.ts
+type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof ScrollArea.Root>;
+declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof ScrollArea.Viewport>;
+declare const ScrollAreaViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaContentProps = ComponentPropsWithoutRef<typeof ScrollArea.Content>;
+declare const ScrollAreaContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof ScrollArea.Scrollbar>;
+declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaScrollbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaThumbProps = ComponentPropsWithoutRef<typeof ScrollArea.Thumb>;
+declare const ScrollAreaThumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaCornerProps = ComponentPropsWithoutRef<typeof ScrollArea.Corner>;
+declare const ScrollAreaCorner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaCornerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollArea$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Scrollbar: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaScrollbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Thumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Corner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaCornerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps };
+//# sourceMappingURL=scroll-area.d.cts.map

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from "react";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area/scroll-area.d.ts
+type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof ScrollArea.Root>;
+declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof ScrollArea.Viewport>;
+declare const ScrollAreaViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaContentProps = ComponentPropsWithoutRef<typeof ScrollArea.Content>;
+declare const ScrollAreaContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof ScrollArea.Scrollbar>;
+declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaScrollbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaThumbProps = ComponentPropsWithoutRef<typeof ScrollArea.Thumb>;
+declare const ScrollAreaThumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ScrollAreaCornerProps = ComponentPropsWithoutRef<typeof ScrollArea.Corner>;
+declare const ScrollAreaCorner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaCornerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollArea$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Scrollbar: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaScrollbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Thumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Corner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ScrollAreaCornerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,70 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { scrollArea } from "../../styled-system/recipes/scroll-area.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/scroll-area/scroll-area.tsx
+const ScrollAreaRoot = forwardRef(function ScrollAreaRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Root, {
+		...props,
+		ref,
+		className: withRecipeClassName(scrollArea().root, className),
+		"data-jaci-component": "scroll-area",
+		"data-slot": "scroll-area"
+	});
+});
+const ScrollAreaViewport = forwardRef(function ScrollAreaViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+		...props,
+		ref,
+		className: withRecipeClassName(scrollArea().viewport, className),
+		"data-slot": "scroll-area-viewport"
+	});
+});
+const ScrollAreaContent = forwardRef(function ScrollAreaContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Content, {
+		...props,
+		ref,
+		className: withRecipeClassName(scrollArea().content, className),
+		"data-slot": "scroll-area-content"
+	});
+});
+const ScrollAreaScrollbar = forwardRef(function ScrollAreaScrollbar({ className, orientation = "vertical", ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		...props,
+		ref,
+		className: withRecipeClassName(scrollArea().scrollbar, className),
+		"data-orientation": orientation,
+		"data-slot": "scroll-area-scrollbar",
+		orientation
+	});
+});
+const ScrollAreaThumb = forwardRef(function ScrollAreaThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+		...props,
+		ref,
+		className: withRecipeClassName(scrollArea().thumb, className),
+		"data-slot": "scroll-area-thumb"
+	});
+});
+const ScrollAreaCorner = forwardRef(function ScrollAreaCorner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Corner, {
+		...props,
+		ref,
+		className: withRecipeClassName(scrollArea().corner, className),
+		"data-slot": "scroll-area-corner"
+	});
+});
+const ScrollArea$1 = {
+	Root: ScrollAreaRoot,
+	Viewport: ScrollAreaViewport,
+	Content: ScrollAreaContent,
+	Scrollbar: ScrollAreaScrollbar,
+	Thumb: ScrollAreaThumb,
+	Corner: ScrollAreaCorner
+};
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };
+
+//# sourceMappingURL=scroll-area.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":["BaseScrollArea","ScrollArea"],"sources":["../../../src/components/scroll-area/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { scrollArea } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Root>;\n\nexport const ScrollAreaRoot = forwardRef<HTMLDivElement, ScrollAreaRootProps>(\n  function ScrollAreaRoot({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().root, className)}\n        data-jaci-component=\"scroll-area\"\n        data-slot=\"scroll-area\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Viewport>;\n\nexport const ScrollAreaViewport = forwardRef<HTMLDivElement, ScrollAreaViewportProps>(\n  function ScrollAreaViewport({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().viewport, className)}\n        data-slot=\"scroll-area-viewport\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaContentProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Content>;\n\nexport const ScrollAreaContent = forwardRef<HTMLDivElement, ScrollAreaContentProps>(\n  function ScrollAreaContent({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().content, className)}\n        data-slot=\"scroll-area-content\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Scrollbar>;\n\nexport const ScrollAreaScrollbar = forwardRef<HTMLDivElement, ScrollAreaScrollbarProps>(\n  function ScrollAreaScrollbar({ className, orientation = \"vertical\", ...props }, ref) {\n    return (\n      <BaseScrollArea.Scrollbar\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().scrollbar, className)}\n        data-orientation={orientation}\n        data-slot=\"scroll-area-scrollbar\"\n        orientation={orientation}\n      />\n    );\n  },\n);\n\nexport type ScrollAreaThumbProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Thumb>;\n\nexport const ScrollAreaThumb = forwardRef<HTMLDivElement, ScrollAreaThumbProps>(\n  function ScrollAreaThumb({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Thumb\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().thumb, className)}\n        data-slot=\"scroll-area-thumb\"\n      />\n    );\n  },\n);\n\nexport type ScrollAreaCornerProps = ComponentPropsWithoutRef<typeof BaseScrollArea.Corner>;\n\nexport const ScrollAreaCorner = forwardRef<HTMLDivElement, ScrollAreaCornerProps>(\n  function ScrollAreaCorner({ className, ...props }, ref) {\n    return (\n      <BaseScrollArea.Corner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(scrollArea().corner, className)}\n        data-slot=\"scroll-area-corner\"\n      />\n    );\n  },\n);\n\nexport const ScrollArea = {\n  Root: ScrollAreaRoot,\n  Viewport: ScrollAreaViewport,\n  Content: ScrollAreaContent,\n  Scrollbar: ScrollAreaScrollbar,\n  Thumb: ScrollAreaThumb,\n  Corner: ScrollAreaCorner,\n};\n"],"mappings":";;;;;;;AAWA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,WAAe,MAAhB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,MAAM,SAAS;EAC3D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACA,WAAe,UAAhB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,UAAU,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACA,WAAe,SAAhB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,SAAS,SAAS;EAC9D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,cAAc,YAAY,GAAG,SAAS,KAAK;CACnF,OACE,oBAACA,WAAe,WAAhB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,WAAW,SAAS;EAChE,oBAAkB;EAClB,aAAU;EACG;CACd,CAAA;AAEL,CACF;AAIA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACA,WAAe,OAAhB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,OAAO,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,WAAe,QAAhB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,WAAW,CAAC,CAAC,QAAQ,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAaC,eAAa;CACxB,MAAM;CACN,UAAU;CACV,SAAS;CACT,WAAW;CACX,OAAO;CACP,QAAQ;AACV"}

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

@@ -0,0 +1,2 @@
+import { Select, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectIcon, SelectIconProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectLabel, SelectLabelProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPortal, SelectPositioner, SelectPositionerProps, SelectRoot, SelectRootProps, SelectSeparator, SelectSeparatorProps, SelectSize, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./select.cjs";
+export { Select, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, SelectPositioner, type SelectPositionerProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

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

@@ -0,0 +1,2 @@
+import { Select, SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectIcon, SelectIconProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectLabel, SelectLabelProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPortal, SelectPositioner, SelectPositionerProps, SelectRoot, SelectRootProps, SelectSeparator, SelectSeparatorProps, SelectSize, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./select.js";
+export { Select, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectLabel, type SelectLabelProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, SelectPositioner, type SelectPositionerProps, SelectRoot, type SelectRootProps, SelectSeparator, type SelectSeparatorProps, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/components/select/select.cjs

@@ -0,0 +1,171 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_select = require("../../styled-system/recipes/select.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_select = require("@base-ui/react/select");
+//#region src/components/select/select.tsx
+const SelectSizeContext = (0, react.createContext)("md");
+function useSelectStyles() {
+	return require_select.select({ size: (0, react.useContext)(SelectSizeContext) });
+}
+function SelectRoot({ size = "md", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Root, { ...props })
+	});
+}
+/** An accessible label that Base UI associates with the trigger automatically. */
+const SelectLabel = (0, react.forwardRef)(function SelectLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Label, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().label, className),
+		"data-slot": "select-label"
+	});
+});
+/** The button-shaped control that opens the select popup. */
+const SelectTrigger = (0, react.forwardRef)(function SelectTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.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 = (0, react.forwardRef)(function SelectValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Value, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().value, className),
+		"data-slot": "select-value"
+	});
+});
+/** A small chevron that rotates while the popup is open. */
+const SelectIcon = (0, react.forwardRef)(function SelectIcon({ children = "⌄", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Icon, {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().icon, className),
+		"data-slot": "select-icon",
+		children
+	});
+});
+/** Preserves Base UI's optional portal container and mount controls. */
+const SelectPortal = _base_ui_react_select.Select.Portal;
+const SelectPositioner = (0, react.forwardRef)(function SelectPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Positioner, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().positioner, className),
+		"data-slot": "select-positioner"
+	});
+});
+const SelectPopup = (0, react.forwardRef)(function SelectPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Popup, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().popup, className),
+		"data-slot": "select-popup"
+	});
+});
+const SelectList = (0, react.forwardRef)(function SelectList({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.List, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().list, className),
+		"data-slot": "select-list"
+	});
+});
+const SelectItem = (0, react.forwardRef)(function SelectItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Item, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().item, className),
+		"data-slot": "select-item"
+	});
+});
+const SelectItemText = (0, react.forwardRef)(function SelectItemText({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemText, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().itemText, className),
+		"data-slot": "select-item-text"
+	});
+});
+const SelectItemIndicator = (0, react.forwardRef)(function SelectItemIndicator({ children = "✓", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemIndicator, {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().itemIndicator, className),
+		"data-slot": "select-item-indicator",
+		children
+	});
+});
+const SelectGroup = (0, react.forwardRef)(function SelectGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Group, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().group, className),
+		"data-slot": "select-group"
+	});
+});
+const SelectGroupLabel = (0, react.forwardRef)(function SelectGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.GroupLabel, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSelectStyles().groupLabel, className),
+		"data-slot": "select-group-label"
+	});
+});
+const SelectSeparator = (0, react.forwardRef)(function SelectSeparator({ className, orientation = "horizontal", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: require_cx.cx(useSelectStyles().separator, className),
+		"data-orientation": orientation,
+		"data-slot": "select-separator"
+	});
+});
+const Select = {
+	Root: SelectRoot,
+	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
+exports.Select = Select;
+exports.SelectGroup = SelectGroup;
+exports.SelectGroupLabel = SelectGroupLabel;
+exports.SelectIcon = SelectIcon;
+exports.SelectItem = SelectItem;
+exports.SelectItemIndicator = SelectItemIndicator;
+exports.SelectItemText = SelectItemText;
+exports.SelectLabel = SelectLabel;
+exports.SelectList = SelectList;
+exports.SelectPopup = SelectPopup;
+exports.SelectPortal = SelectPortal;
+exports.SelectPositioner = SelectPositioner;
+exports.SelectRoot = SelectRoot;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+
+//# sourceMappingURL=select.cjs.map

package/dist/components/select/select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.cjs","names":["select","BaseSelect","withRecipeClassName","cx"],"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/select/select.d.cts

@@ -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.cts.map