moduix 0.10.0 → 0.11.1

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -0,0 +1,82 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_ScrollArea_module = require("./ScrollArea.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_scroll_area = require("@base-ui/react/scroll-area");
+//#region src/components/ScrollArea/ScrollArea.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, {
+		ref,
+		"data-slot": "scroll-area-root",
+		className: require_mergeClassName.mergeClassName(className, require_ScrollArea_module.default.root),
+		...props
+	});
+});
+const ScrollAreaViewport = (0, react.forwardRef)(function ScrollAreaViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Viewport, {
+		ref,
+		"data-slot": "scroll-area-viewport",
+		className: require_mergeClassName.mergeClassName(className, require_ScrollArea_module.default.viewport),
+		...props
+	});
+});
+const ScrollAreaContent = (0, react.forwardRef)(function ScrollAreaContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Content, {
+		ref,
+		"data-slot": "scroll-area-content",
+		className: require_mergeClassName.mergeClassName(className, require_ScrollArea_module.default.content),
+		...props
+	});
+});
+const ScrollAreaScrollbar = (0, react.forwardRef)(function ScrollAreaScrollbar({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Scrollbar, {
+		ref,
+		"data-slot": "scroll-area-scrollbar",
+		className: require_mergeClassName.mergeClassName(className, require_ScrollArea_module.default.scrollbar),
+		...props
+	});
+});
+const ScrollAreaThumb = (0, react.forwardRef)(function ScrollAreaThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Thumb, {
+		ref,
+		"data-slot": "scroll-area-thumb",
+		className: require_mergeClassName.mergeClassName(className, require_ScrollArea_module.default.thumb),
+		...props
+	});
+});
+const ScrollAreaCorner = (0, react.forwardRef)(function ScrollAreaCorner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Corner, {
+		ref,
+		"data-slot": "scroll-area-corner",
+		className: require_mergeClassName.mergeClassName(className, require_ScrollArea_module.default.corner),
+		...props
+	});
+});
+const ScrollArea = (0, react.forwardRef)(function ScrollArea({ className, children, fade = false, scrollbars = "vertical", ...props }, ref) {
+	const fadeDirection = fade === true ? "vertical" : fade || void 0;
+	const hasVerticalScrollbar = scrollbars === "vertical" || scrollbars === "both";
+	const hasHorizontalScrollbar = scrollbars === "horizontal" || scrollbars === "both";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ScrollAreaRoot, {
+		ref,
+		className,
+		...props,
+		"data-fade": fadeDirection,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaViewport, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaContent, { children }) }),
+			hasVerticalScrollbar ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaThumb, {}) }) : null,
+			hasHorizontalScrollbar ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaScrollbar, {
+				orientation: "horizontal",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaThumb, {})
+			}) : null,
+			hasVerticalScrollbar && hasHorizontalScrollbar ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollAreaCorner, {}) : null
+		]
+	});
+});
+//#endregion
+exports.ScrollArea = ScrollArea;
+exports.ScrollAreaContent = ScrollAreaContent;
+exports.ScrollAreaCorner = ScrollAreaCorner;
+exports.ScrollAreaRoot = ScrollAreaRoot;
+exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
+exports.ScrollAreaThumb = ScrollAreaThumb;
+exports.ScrollAreaViewport = ScrollAreaViewport;

package/dist/components/ScrollArea/ScrollArea.css

@@ -0,0 +1,205 @@
+@layer ui.components {
+  .cjUAMq_root {
+    box-sizing: border-box;
+    width: var(--scroll-area-width, 100%);
+    height: var(--scroll-area-height, 100%);
+    color: var(--scroll-area-color, var(--color-foreground));
+    position: relative;
+  }
+
+  .cjUAMq_viewport {
+    box-sizing: border-box;
+    border-radius: var(--scroll-area-radius, var(--radius-md));
+    background-color: var(--scroll-area-bg, transparent);
+    outline: 0;
+    width: 100%;
+    height: 100%;
+
+    .cjUAMq_root[data-fade="vertical"] &, .cjUAMq_root[data-fade="both"] & {
+      mask-image: linear-gradient(to bottom,
+        transparent 0,
+        black
+          min(var(--scroll-area-fade-start-size, var(--scroll-area-fade-size, var(--spacing-10))),
+            var(--scroll-area-overflow-y-start, 0px)),
+        black
+          calc(100% -
+              min(var(--scroll-area-fade-end-size, var(--scroll-area-fade-size, var(--spacing-10))),
+                var(--scroll-area-overflow-y-end, 0px))),
+        transparent 100%);
+      mask-repeat: no-repeat;
+    }
+
+    .cjUAMq_root[data-fade="horizontal"] & {
+      mask-image: linear-gradient(to right,
+        transparent 0,
+        black
+          min(var(--scroll-area-fade-inline-start-size, var(--scroll-area-fade-size, var(--spacing-10))),
+            var(--scroll-area-overflow-x-start, 0px)),
+        black
+          calc(100% -
+              min(var(--scroll-area-fade-inline-end-size, var(--scroll-area-fade-size, var(--spacing-10))),
+                var(--scroll-area-overflow-x-end, 0px))),
+        transparent 100%);
+      mask-repeat: no-repeat;
+    }
+
+    .cjUAMq_root:dir(rtl)[data-fade="horizontal"] & {
+      mask-image: linear-gradient(to left,
+        transparent 0,
+        black
+          min(var(--scroll-area-fade-inline-start-size, var(--scroll-area-fade-size, var(--spacing-10))),
+            var(--scroll-area-overflow-x-start, 0px)),
+        black
+          calc(100% -
+              min(var(--scroll-area-fade-inline-end-size, var(--scroll-area-fade-size, var(--spacing-10))),
+                var(--scroll-area-overflow-x-end, 0px))),
+        transparent 100%);
+    }
+
+    .cjUAMq_root[data-fade="both"] & {
+      mask-image: linear-gradient(to bottom,
+          transparent 0,
+          black
+            min(var(--scroll-area-fade-start-size, var(--scroll-area-fade-size, var(--spacing-10))),
+              var(--scroll-area-overflow-y-start, 0px)),
+          black
+            calc(100% -
+                min(var(--scroll-area-fade-end-size, var(--scroll-area-fade-size, var(--spacing-10))),
+                  var(--scroll-area-overflow-y-end, 0px))),
+          transparent 100%),
+        linear-gradient(to right,
+          transparent 0,
+          black
+            min(var(--scroll-area-fade-inline-start-size, var(--scroll-area-fade-size, var(--spacing-10))),
+              var(--scroll-area-overflow-x-start, 0px)),
+          black
+            calc(100% -
+                min(var(--scroll-area-fade-inline-end-size, var(--scroll-area-fade-size, var(--spacing-10))),
+                  var(--scroll-area-overflow-x-end, 0px))),
+          transparent 100%);
+      mask-composite: intersect;
+    }
+
+    .cjUAMq_root:dir(rtl)[data-fade="both"] & {
+      mask-image: linear-gradient(to bottom,
+          transparent 0,
+          black
+            min(var(--scroll-area-fade-start-size, var(--scroll-area-fade-size, var(--spacing-10))),
+              var(--scroll-area-overflow-y-start, 0px)),
+          black
+            calc(100% -
+                min(var(--scroll-area-fade-end-size, var(--scroll-area-fade-size, var(--spacing-10))),
+                  var(--scroll-area-overflow-y-end, 0px))),
+          transparent 100%),
+        linear-gradient(to left,
+          transparent 0,
+          black
+            min(var(--scroll-area-fade-inline-start-size, var(--scroll-area-fade-size, var(--spacing-10))),
+              var(--scroll-area-overflow-x-start, 0px)),
+          black
+            calc(100% -
+                min(var(--scroll-area-fade-inline-end-size, var(--scroll-area-fade-size, var(--spacing-10))),
+                  var(--scroll-area-overflow-x-end, 0px))),
+          transparent 100%);
+    }
+
+    &:focus-visible {
+      outline: var(--scroll-area-focus-ring-width, var(--border-width-sm)) solid
+        var(--scroll-area-focus-ring-color, var(--color-ring));
+      outline-offset: var(--scroll-area-focus-ring-offset, -1px);
+    }
+  }
+
+  .cjUAMq_content {
+    box-sizing: border-box;
+    padding: var(--scroll-area-content-padding, 0);
+    display: block;
+  }
+
+  .cjUAMq_scrollbar {
+    --_scroll-area-scrollbar-margin: var(--scroll-area-scrollbar-margin, calc(var(--spacing-1) / 2));
+    --_scroll-area-scrollbar-hit-area-size: var(--scroll-area-scrollbar-hit-area-size, 1.25rem);
+    box-sizing: border-box;
+    padding: var(--scroll-area-scrollbar-padding, 0);
+    border-radius: var(--scroll-area-scrollbar-radius, var(--radius-md));
+    background-color: var(--scroll-area-scrollbar-bg, transparent);
+    opacity: var(--scroll-area-scrollbar-hidden-opacity, 0);
+    pointer-events: none;
+    user-select: none;
+    touch-action: none;
+    transition: opacity var(--scroll-area-transition, var(--transition-default));
+    justify-content: center;
+    display: flex;
+    position: absolute;
+
+    &:before {
+      content: "";
+      position: absolute;
+    }
+
+    &[data-orientation="vertical"] {
+      top: 0;
+      inset-inline-end: 0;
+      bottom: var(--scroll-area-corner-height, 0px);
+      width: var(--scroll-area-scrollbar-size, .375rem);
+      margin-block: var(--_scroll-area-scrollbar-margin);
+      margin-inline-end: var(--_scroll-area-scrollbar-margin);
+
+      &:before {
+        width: var(--_scroll-area-scrollbar-hit-area-size);
+        height: 100%;
+        left: 50%;
+        transform: translateX(-50%);
+      }
+    }
+
+    &[data-orientation="horizontal"] {
+      inset-inline-start: 0;
+      inset-inline-end: var(--scroll-area-corner-width, 0px);
+      height: var(--scroll-area-scrollbar-size, .375rem);
+      margin-inline: var(--_scroll-area-scrollbar-margin);
+      flex-direction: column;
+      margin-block-end: var(--_scroll-area-scrollbar-margin);
+      bottom: 0;
+
+      &:before {
+        width: 100%;
+        height: var(--_scroll-area-scrollbar-hit-area-size);
+        bottom: 50%;
+        left: 0;
+        right: 0;
+        transform: translateY(50%);
+      }
+    }
+
+    &[data-hovering], &[data-scrolling] {
+      opacity: var(--scroll-area-scrollbar-visible-opacity, 1);
+      pointer-events: auto;
+    }
+
+    &[data-scrolling] {
+      transition-duration: 0s;
+    }
+  }
+
+  .cjUAMq_thumb {
+    box-sizing: border-box;
+    border-radius: var(--scroll-area-thumb-radius, var(--radius-full));
+    background-color: var(--scroll-area-thumb-bg, var(--color-border));
+
+    &[data-orientation="vertical"] {
+      width: var(--scroll-area-thumb-width, 100%);
+      min-height: var(--scroll-area-thumb-min-size, 1.5rem);
+    }
+
+    &[data-orientation="horizontal"] {
+      height: var(--scroll-area-thumb-height, 100%);
+      min-width: var(--scroll-area-thumb-min-size, 1.5rem);
+    }
+  }
+
+  .cjUAMq_corner {
+    box-sizing: border-box;
+    background-color: var(--scroll-area-corner-bg, var(--scroll-area-scrollbar-bg, transparent));
+  }
+}

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -1,16 +1,18 @@
-import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
+
+//#region src/components/ScrollArea/ScrollArea.d.ts
 type FadeDirection = boolean | 'vertical' | 'horizontal' | 'both';
 type Scrollbars = 'vertical' | 'horizontal' | 'both' | false;
-declare const ScrollAreaRoot: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ScrollAreaViewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ScrollAreaContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ScrollAreaScrollbar: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ScrollAreaThumb: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaThumbProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ScrollAreaCorner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ScrollAreaCornerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare function ScrollArea({ className, children, fade, scrollbars, ...props }: ScrollAreaPrimitive.Root.Props & {
-    children?: ReactNode;
-    fade?: FadeDirection;
-    scrollbars?: Scrollbars;
-}): import("react/jsx-runtime").JSX.Element;
-export { ScrollArea, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, };
+declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaViewport: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaContent: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaScrollbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaThumb: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollAreaCorner: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaCornerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ScrollAreaRootProps & {
+  children?: ReactNode;
+  fade?: FadeDirection;
+  scrollbars?: Scrollbars;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };

package/dist/components/ScrollArea/ScrollArea.js

@@ -0,0 +1,76 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import ScrollArea_module_default from "./ScrollArea.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/ScrollArea/ScrollArea.tsx
+const ScrollAreaRoot = forwardRef(function ScrollAreaRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Root, {
+		ref,
+		"data-slot": "scroll-area-root",
+		className: mergeClassName(className, ScrollArea_module_default.root),
+		...props
+	});
+});
+const ScrollAreaViewport = forwardRef(function ScrollAreaViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+		ref,
+		"data-slot": "scroll-area-viewport",
+		className: mergeClassName(className, ScrollArea_module_default.viewport),
+		...props
+	});
+});
+const ScrollAreaContent = forwardRef(function ScrollAreaContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Content, {
+		ref,
+		"data-slot": "scroll-area-content",
+		className: mergeClassName(className, ScrollArea_module_default.content),
+		...props
+	});
+});
+const ScrollAreaScrollbar = forwardRef(function ScrollAreaScrollbar({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		ref,
+		"data-slot": "scroll-area-scrollbar",
+		className: mergeClassName(className, ScrollArea_module_default.scrollbar),
+		...props
+	});
+});
+const ScrollAreaThumb = forwardRef(function ScrollAreaThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+		ref,
+		"data-slot": "scroll-area-thumb",
+		className: mergeClassName(className, ScrollArea_module_default.thumb),
+		...props
+	});
+});
+const ScrollAreaCorner = forwardRef(function ScrollAreaCorner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ScrollArea.Corner, {
+		ref,
+		"data-slot": "scroll-area-corner",
+		className: mergeClassName(className, ScrollArea_module_default.corner),
+		...props
+	});
+});
+const ScrollArea$1 = forwardRef(function ScrollArea({ className, children, fade = false, scrollbars = "vertical", ...props }, ref) {
+	const fadeDirection = fade === true ? "vertical" : fade || void 0;
+	const hasVerticalScrollbar = scrollbars === "vertical" || scrollbars === "both";
+	const hasHorizontalScrollbar = scrollbars === "horizontal" || scrollbars === "both";
+	return /* @__PURE__ */ jsxs(ScrollAreaRoot, {
+		ref,
+		className,
+		...props,
+		"data-fade": fadeDirection,
+		children: [
+			/* @__PURE__ */ jsx(ScrollAreaViewport, { children: /* @__PURE__ */ jsx(ScrollAreaContent, { children }) }),
+			hasVerticalScrollbar ? /* @__PURE__ */ jsx(ScrollAreaScrollbar, { children: /* @__PURE__ */ jsx(ScrollAreaThumb, {}) }) : null,
+			hasHorizontalScrollbar ? /* @__PURE__ */ jsx(ScrollAreaScrollbar, {
+				orientation: "horizontal",
+				children: /* @__PURE__ */ jsx(ScrollAreaThumb, {})
+			}) : null,
+			hasVerticalScrollbar && hasHorizontalScrollbar ? /* @__PURE__ */ jsx(ScrollAreaCorner, {}) : null
+		]
+	});
+});
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };

package/dist/components/ScrollArea/ScrollArea.module.cjs

@@ -0,0 +1,12 @@
+import './ScrollArea.css';
+//#region src/components/ScrollArea/ScrollArea.module.css
+var ScrollArea_module_default = {
+	"content": "cjUAMq_content",
+	"corner": "cjUAMq_corner",
+	"root": "cjUAMq_root",
+	"scrollbar": "cjUAMq_scrollbar",
+	"thumb": "cjUAMq_thumb",
+	"viewport": "cjUAMq_viewport"
+};
+//#endregion
+exports.default = ScrollArea_module_default;

package/dist/components/ScrollArea/ScrollArea.module.js

@@ -0,0 +1,12 @@
+import './ScrollArea.css';
+//#region src/components/ScrollArea/ScrollArea.module.css
+var ScrollArea_module_default = {
+	"content": "cjUAMq_content",
+	"corner": "cjUAMq_corner",
+	"root": "cjUAMq_root",
+	"scrollbar": "cjUAMq_scrollbar",
+	"thumb": "cjUAMq_thumb",
+	"viewport": "cjUAMq_viewport"
+};
+//#endregion
+export { ScrollArea_module_default as default };

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

@@ -1 +1 @@
-export { ScrollArea, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, } from './ScrollArea';
+import { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./ScrollArea.js";

package/dist/components/Select/Select.cjs

@@ -0,0 +1,219 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Select_module = require("./Select.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let _base_ui_react_select = require("@base-ui/react/select");
+//#region src/components/Select/Select.tsx
+const SELECT_CONTENT_SIDE_OFFSET = 8;
+const Select = _base_ui_react_select.Select.Root;
+function SelectField({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "select-field",
+		className: (0, clsx.clsx)(require_Select_module.default.field, className),
+		...props
+	});
+}
+function SelectLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Label, {
+		"data-slot": "select-label",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.label),
+		...props
+	});
+}
+function SelectTrigger({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Trigger, {
+		"data-slot": "select-trigger",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.trigger),
+		...props
+	});
+}
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Value, {
+		"data-slot": "select-value",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.value),
+		...props
+	});
+}
+function SelectIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Icon, {
+		"data-slot": "select-icon",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.icon),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronUpDownIcon, { className: require_Select_module.default.iconSvg })
+	});
+}
+function SelectPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Portal, {
+		"data-slot": "select-portal",
+		...props
+	});
+}
+function SelectBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Backdrop, {
+		"data-slot": "select-backdrop",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.backdrop),
+		...props
+	});
+}
+function SelectPositioner({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Positioner, {
+		"data-slot": "select-positioner",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.positioner),
+		...props
+	});
+}
+function SelectPopup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Popup, {
+		"data-slot": "select-popup",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.popup),
+		...props
+	});
+}
+function SelectArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Arrow, {
+		"data-slot": "select-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Select_module.default.arrowSvg })
+	});
+}
+function SelectContent({ className, children, showArrow = false, alignItemWithTrigger, side, sideOffset = SELECT_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...popupProps }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectPositioner, {
+		alignItemWithTrigger,
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SelectPopup, {
+			className,
+			...popupProps,
+			children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectArrow, {}) : null, children]
+		})
+	}) });
+}
+function SelectScrollUpArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollUpArrow, {
+		"data-slot": "select-scroll-up-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.scrollArrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronUpIcon, { className: require_Select_module.default.scrollArrowIcon })
+	});
+}
+function SelectScrollDownArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ScrollDownArrow, {
+		"data-slot": "select-scroll-down-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.scrollArrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, { className: require_Select_module.default.scrollArrowIcon })
+	});
+}
+function SelectList({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.List, {
+		"data-slot": "select-list",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.list),
+		...props
+	});
+}
+function SelectItem({ className, indicator, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Item, {
+		"data-slot": "select-item",
+		"data-indicator-position": indicator,
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.item),
+		...props
+	});
+}
+function SelectItemIndicator({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemIndicator, {
+		"data-slot": "select-item-indicator",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.itemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_Select_module.default.itemIndicatorIcon })
+	});
+}
+function SelectItemText({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.ItemText, {
+		"data-slot": "select-item-text",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.itemText),
+		...props
+	});
+}
+function SelectItemTextContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "select-item-text-content",
+		className: (0, clsx.clsx)(require_Select_module.default.itemTextContent, className),
+		...props
+	});
+}
+function SelectItemTextIcon({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "select-item-text-icon",
+		className: (0, clsx.clsx)(require_Select_module.default.itemTextIcon, className),
+		...props
+	});
+}
+function SelectItemTextLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "select-item-text-label",
+		className: (0, clsx.clsx)(require_Select_module.default.itemTextLabel, className),
+		...props
+	});
+}
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Separator, {
+		"data-slot": "select-separator",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.separator),
+		...props
+	});
+}
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Group, {
+		"data-slot": "select-group",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.group),
+		...props
+	});
+}
+function SelectGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.GroupLabel, {
+		"data-slot": "select-group-label",
+		className: require_mergeClassName.mergeClassName(className, require_Select_module.default.groupLabel),
+		...props
+	});
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
+		fillClassName: require_Select_module.default.arrowFill,
+		outerStrokeClassName: require_Select_module.default.arrowOuterStroke,
+		innerStrokeClassName: require_Select_module.default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+exports.Select = Select;
+exports.SelectArrow = SelectArrow;
+exports.SelectBackdrop = SelectBackdrop;
+exports.SelectContent = SelectContent;
+exports.SelectField = SelectField;
+exports.SelectGroup = SelectGroup;
+exports.SelectGroupLabel = SelectGroupLabel;
+exports.SelectIcon = SelectIcon;
+exports.SelectItem = SelectItem;
+exports.SelectItemIndicator = SelectItemIndicator;
+exports.SelectItemText = SelectItemText;
+exports.SelectItemTextContent = SelectItemTextContent;
+exports.SelectItemTextIcon = SelectItemTextIcon;
+exports.SelectItemTextLabel = SelectItemTextLabel;
+exports.SelectLabel = SelectLabel;
+exports.SelectList = SelectList;
+exports.SelectPopup = SelectPopup;
+exports.SelectPortal = SelectPortal;
+exports.SelectPositioner = SelectPositioner;
+exports.SelectScrollDownArrow = SelectScrollDownArrow;
+exports.SelectScrollUpArrow = SelectScrollUpArrow;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;