moduix 0.11.0 → 0.11.1

package/dist/components/Collapsible/Collapsible.cjs

@@ -0,0 +1,47 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Collapsible_module = require("./Collapsible.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_collapsible = require("@base-ui/react/collapsible");
+//#region src/components/Collapsible/Collapsible.tsx
+const Collapsible = (0, react.forwardRef)(function Collapsible({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Root, {
+		ref,
+		"data-slot": "collapsible-root",
+		className: require_mergeClassName.mergeClassName(className, require_Collapsible_module.default.root),
+		...props
+	});
+});
+const CollapsibleTrigger = (0, react.forwardRef)(function CollapsibleTrigger({ className, render, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Trigger, {
+		ref,
+		"data-slot": "collapsible-trigger",
+		render,
+		className: render ? className : require_mergeClassName.mergeClassName(className, require_Collapsible_module.default.trigger),
+		...props
+	});
+});
+function CollapsibleTriggerIcon({ className, children, "aria-hidden": ariaHidden = true, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "collapsible-trigger-icon",
+		"aria-hidden": ariaHidden,
+		className: (0, clsx.clsx)(require_Collapsible_module.default.triggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronRightIcon, {})
+	});
+}
+const CollapsiblePanel = (0, react.forwardRef)(function CollapsiblePanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Panel, {
+		ref,
+		"data-slot": "collapsible-panel",
+		className: require_mergeClassName.mergeClassName(className, require_Collapsible_module.default.panel),
+		...props
+	});
+});
+//#endregion
+exports.Collapsible = Collapsible;
+exports.CollapsiblePanel = CollapsiblePanel;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+exports.CollapsibleTriggerIcon = CollapsibleTriggerIcon;

package/dist/components/Collapsible/Collapsible.css

@@ -0,0 +1,92 @@
+@layer ui.components {
+  ._1MdZTG_root {
+    box-sizing: border-box;
+    min-width: 0;
+    color: var(--collapsible-color, var(--color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  ._1MdZTG_trigger {
+    box-sizing: border-box;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--collapsible-trigger-gap, var(--spacing-2));
+    border-radius: var(--collapsible-trigger-radius, 0);
+    width: 100%;
+    padding-block: var(--collapsible-trigger-padding-y, var(--spacing-1));
+    padding-inline: var(--collapsible-trigger-padding-x, var(--spacing-2));
+    background-color: var(--collapsible-trigger-bg, transparent);
+    color: var(--collapsible-trigger-color, var(--collapsible-color, var(--color-foreground)));
+    font: inherit;
+    font-size: var(--collapsible-trigger-font-size, var(--text-sm));
+    line-height: var(--collapsible-trigger-line-height, var(--line-height-text-sm));
+    text-align: left;
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--collapsible-trigger-transition, var(--transition-default)),
+      color var(--collapsible-trigger-transition, var(--transition-default));
+    border: 0;
+    outline: 0;
+    margin: 0;
+    display: flex;
+
+    @media (hover: hover) {
+      &:hover:not([disabled]):not([data-disabled]) {
+        background-color: var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent));
+      }
+    }
+
+    &:active:not([disabled]):not([data-disabled]) {
+      background-color: var(--collapsible-trigger-bg-active, var(--collapsible-trigger-bg-hover, var(--collapsible-trigger-bg, transparent)));
+    }
+
+    &:focus-visible {
+      outline: var(--collapsible-focus-ring-width, var(--border-width-sm)) solid
+        var(--collapsible-focus-ring-color, var(--color-ring));
+      outline-offset: var(--collapsible-focus-ring-offset, var(--border-width-sm));
+    }
+
+    &[disabled], &[data-disabled] {
+      opacity: var(--collapsible-disabled-opacity, var(--opacity-disabled));
+      cursor: default;
+    }
+  }
+
+  ._1MdZTG_triggerIcon {
+    width: var(--collapsible-icon-size, .75rem);
+    height: var(--collapsible-icon-size, .75rem);
+    transition: transform var(--collapsible-icon-transition, var(--transition-default));
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+
+    & > svg {
+      width: 100%;
+      height: 100%;
+    }
+
+    [data-panel-open] & {
+      transform: var(--collapsible-icon-open-transform, rotate(90deg));
+    }
+  }
+
+  ._1MdZTG_panel {
+    box-sizing: border-box;
+    height: var(--collapsible-panel-height);
+    color: var(--collapsible-panel-color, var(--color-muted-foreground));
+    font-size: var(--collapsible-panel-font-size, var(--text-sm));
+    line-height: var(--collapsible-panel-line-height, var(--line-height-text-sm));
+    transition: height var(--collapsible-panel-transition, var(--transition-default));
+    overflow: hidden;
+
+    &[hidden]:not([hidden="until-found"]) {
+      display: none;
+    }
+
+    &[data-starting-style], &[data-ending-style] {
+      height: 0;
+    }
+  }
+}

package/dist/components/Collapsible/Collapsible.d.ts

@@ -1,6 +1,14 @@
-import { ComponentProps } from 'react';
-declare const Collapsible: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare function CollapsibleTriggerIcon({ className, children, 'aria-hidden': ariaHidden, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-declare const CollapsiblePanel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel };
+import { ComponentProps } from "react";
+
+//#region src/components/Collapsible/Collapsible.d.ts
+declare const Collapsible: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare function CollapsibleTriggerIcon({
+  className,
+  children,
+  'aria-hidden': ariaHidden,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare const CollapsiblePanel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsiblePanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Collapsible, CollapsiblePanel, CollapsibleTrigger, CollapsibleTriggerIcon };

package/dist/components/Collapsible/Collapsible.js

@@ -0,0 +1,44 @@
+import { ChevronRightIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Collapsible_module_default from "./Collapsible.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/Collapsible/Collapsible.tsx
+const Collapsible$1 = forwardRef(function Collapsible$2({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		ref,
+		"data-slot": "collapsible-root",
+		className: mergeClassName(className, Collapsible_module_default.root),
+		...props
+	});
+});
+const CollapsibleTrigger = forwardRef(function CollapsibleTrigger({ className, render, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+		ref,
+		"data-slot": "collapsible-trigger",
+		render,
+		className: render ? className : mergeClassName(className, Collapsible_module_default.trigger),
+		...props
+	});
+});
+function CollapsibleTriggerIcon({ className, children, "aria-hidden": ariaHidden = true, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "collapsible-trigger-icon",
+		"aria-hidden": ariaHidden,
+		className: clsx(Collapsible_module_default.triggerIcon, className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
+	});
+}
+const CollapsiblePanel = forwardRef(function CollapsiblePanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
+		ref,
+		"data-slot": "collapsible-panel",
+		className: mergeClassName(className, Collapsible_module_default.panel),
+		...props
+	});
+});
+//#endregion
+export { Collapsible$1 as Collapsible, CollapsiblePanel, CollapsibleTrigger, CollapsibleTriggerIcon };

package/dist/components/Collapsible/Collapsible.module.cjs

@@ -0,0 +1,10 @@
+import './Collapsible.css';
+//#region src/components/Collapsible/Collapsible.module.css
+var Collapsible_module_default = {
+	"panel": "_1MdZTG_panel",
+	"root": "_1MdZTG_root",
+	"trigger": "_1MdZTG_trigger",
+	"triggerIcon": "_1MdZTG_triggerIcon"
+};
+//#endregion
+exports.default = Collapsible_module_default;

package/dist/components/Collapsible/Collapsible.module.js

@@ -0,0 +1,10 @@
+import './Collapsible.css';
+//#region src/components/Collapsible/Collapsible.module.css
+var Collapsible_module_default = {
+	"panel": "_1MdZTG_panel",
+	"root": "_1MdZTG_root",
+	"trigger": "_1MdZTG_trigger",
+	"triggerIcon": "_1MdZTG_triggerIcon"
+};
+//#endregion
+export { Collapsible_module_default as default };

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

@@ -1 +1 @@
-export { Collapsible, CollapsibleTrigger, CollapsibleTriggerIcon, CollapsiblePanel, } from './Collapsible';
+import { Collapsible, CollapsiblePanel, CollapsibleTrigger, CollapsibleTriggerIcon } from "./Collapsible.js";

package/dist/components/Combobox/Combobox.cjs

@@ -0,0 +1,330 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Combobox_module = require("./Combobox.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_combobox = require("@base-ui/react/combobox");
+//#region src/components/Combobox/Combobox.tsx
+const COMBOBOX_CONTENT_SIDE_OFFSET = 5;
+const Combobox = _base_ui_react_combobox.Combobox.Root;
+function ComboboxField({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "combobox-field",
+		className: (0, clsx.clsx)(require_Combobox_module.default.field, className),
+		...props
+	});
+}
+const ComboboxFieldLabel = (0, react.forwardRef)(function ComboboxFieldLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Label, {
+		ref,
+		"data-slot": "combobox-field-label",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.fieldLabel),
+		...props
+	});
+});
+function ComboboxValue(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Value, {
+		"data-slot": "combobox-value",
+		...props
+	});
+}
+const ComboboxInlineInputContainer = (0, react.forwardRef)(function ComboboxInlineInputContainer({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		"data-slot": "combobox-inline-input-container",
+		className: (0, clsx.clsx)(require_Combobox_module.default.inlineInputContainer, className),
+		...props
+	});
+});
+const ComboboxInputGroup = (0, react.forwardRef)(function ComboboxInputGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.InputGroup, {
+		ref,
+		"data-slot": "combobox-input-group",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.inputGroup),
+		...props
+	});
+});
+const ComboboxInput = (0, react.forwardRef)(function ComboboxInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Input, {
+		ref,
+		"data-slot": "combobox-input",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.input),
+		...props
+	});
+});
+function ComboboxControlActions({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "combobox-control-actions",
+		className: (0, clsx.clsx)(require_Combobox_module.default.controlActions, className),
+		...props
+	});
+}
+const ComboboxTrigger = (0, react.forwardRef)(function ComboboxTrigger({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Trigger, {
+		ref,
+		"data-slot": "combobox-trigger",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.trigger),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, { className: require_Combobox_module.default.iconSvg })
+	});
+});
+const ComboboxFieldTrigger = (0, react.forwardRef)(function ComboboxFieldTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Trigger, {
+		ref,
+		"data-slot": "combobox-field-trigger",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.fieldTrigger),
+		...props
+	});
+});
+const ComboboxIcon = (0, react.forwardRef)(function ComboboxIcon({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Icon, {
+		ref,
+		"data-slot": "combobox-icon",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.icon),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronUpDownIcon, { className: require_Combobox_module.default.iconSvg })
+	});
+});
+const ComboboxClear = (0, react.forwardRef)(function ComboboxClear({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Clear, {
+		ref,
+		"data-slot": "combobox-clear",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.clear),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, { className: require_Combobox_module.default.iconSvg })
+	});
+});
+const ComboboxPortal = (0, react.forwardRef)(function ComboboxPortal({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Portal, {
+		ref,
+		"data-slot": "combobox-portal",
+		className,
+		...props
+	});
+});
+const ComboboxBackdrop = (0, react.forwardRef)(function ComboboxBackdrop({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Backdrop, {
+		ref,
+		"data-slot": "combobox-backdrop",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.backdrop),
+		...props
+	});
+});
+const ComboboxPositioner = (0, react.forwardRef)(function ComboboxPositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Positioner, {
+		ref,
+		"data-slot": "combobox-positioner",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.positioner),
+		...props
+	});
+});
+const ComboboxPopup = (0, react.forwardRef)(function ComboboxPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Popup, {
+		ref,
+		"data-slot": "combobox-popup",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.popup),
+		...props
+	});
+});
+const ComboboxArrow = (0, react.forwardRef)(function ComboboxArrow({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Arrow, {
+		ref,
+		"data-slot": "combobox-arrow",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowSvg, { className: require_Combobox_module.default.arrowSvg })
+	});
+});
+const ComboboxContent = (0, react.forwardRef)(function ComboboxContent({ className, showArrow = false, children, side, sideOffset = COMBOBOX_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ComboboxPopup, {
+			ref,
+			className,
+			...props,
+			children: [showArrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComboboxArrow, {}) : null, children]
+		})
+	}) });
+});
+const ComboboxStatus = (0, react.forwardRef)(function ComboboxStatus({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Status, {
+		ref,
+		"data-slot": "combobox-status",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.status),
+		...props
+	});
+});
+const ComboboxEmpty = (0, react.forwardRef)(function ComboboxEmpty({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Empty, {
+		ref,
+		"data-slot": "combobox-empty",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.empty),
+		...props
+	});
+});
+const ComboboxList = (0, react.forwardRef)(function ComboboxList({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.List, {
+		ref,
+		"data-slot": "combobox-list",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.list),
+		...props
+	});
+});
+const ComboboxRow = (0, react.forwardRef)(function ComboboxRow({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Row, {
+		ref,
+		"data-slot": "combobox-row",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.row),
+		...props
+	});
+});
+const ComboboxItem = (0, react.forwardRef)(function ComboboxItem({ className, indicator, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Item, {
+		ref,
+		"data-slot": "combobox-item",
+		"data-indicator-position": indicator,
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.item),
+		...props
+	});
+});
+const ComboboxItemIndicator = (0, react.forwardRef)(function ComboboxItemIndicator({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.ItemIndicator, {
+		ref,
+		"data-slot": "combobox-item-indicator",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.itemIndicator),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CheckIcon, { className: require_Combobox_module.default.itemIndicatorIcon })
+	});
+});
+function ComboboxItemText({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "combobox-item-text",
+		className: (0, clsx.clsx)(require_Combobox_module.default.itemText, className),
+		...props
+	});
+}
+const ComboboxSeparator = (0, react.forwardRef)(function ComboboxSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Separator, {
+		ref,
+		"data-slot": "combobox-separator",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.separator),
+		...props
+	});
+});
+const ComboboxGroup = (0, react.forwardRef)(function ComboboxGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Group, {
+		ref,
+		"data-slot": "combobox-group",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.group),
+		...props
+	});
+});
+const ComboboxGroupLabel = (0, react.forwardRef)(function ComboboxGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.GroupLabel, {
+		ref,
+		"data-slot": "combobox-group-label",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.groupLabel),
+		...props
+	});
+});
+function ComboboxCollection(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Collection, {
+		"data-slot": "combobox-collection",
+		...props
+	});
+}
+const ComboboxChips = (0, react.forwardRef)(function ComboboxChips({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Chips, {
+		ref,
+		"data-slot": "combobox-chips",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chips),
+		...props
+	});
+});
+const ComboboxChip = (0, react.forwardRef)(function ComboboxChip({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Chip, {
+		ref,
+		"data-slot": "combobox-chip",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chip),
+		...props
+	});
+});
+const ComboboxChipRemove = (0, react.forwardRef)(function ComboboxChipRemove({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.ChipRemove, {
+		ref,
+		"data-slot": "combobox-chip-remove",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chipRemove),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.CloseIcon, { className: require_Combobox_module.default.chipRemoveIcon })
+	});
+});
+function ComboboxChipText({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "combobox-chip-text",
+		className: (0, clsx.clsx)(require_Combobox_module.default.chipText, className),
+		...props
+	});
+}
+const ComboboxChipsInput = (0, react.forwardRef)(function ComboboxChipsInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_combobox.Combobox.Input, {
+		ref,
+		"data-slot": "combobox-chips-input",
+		className: require_mergeClassName.mergeClassName(className, require_Combobox_module.default.chipsInput),
+		...props
+	});
+});
+const useComboboxFilter = _base_ui_react_combobox.Combobox.useFilter;
+const useComboboxFilteredItems = _base_ui_react_combobox.Combobox.useFilteredItems;
+function ArrowSvg(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.PopupArrowIcon, {
+		fillClassName: require_Combobox_module.default.arrowFill,
+		outerStrokeClassName: require_Combobox_module.default.arrowOuterStroke,
+		innerStrokeClassName: require_Combobox_module.default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+exports.Combobox = Combobox;
+exports.ComboboxArrow = ComboboxArrow;
+exports.ComboboxBackdrop = ComboboxBackdrop;
+exports.ComboboxChip = ComboboxChip;
+exports.ComboboxChipRemove = ComboboxChipRemove;
+exports.ComboboxChipText = ComboboxChipText;
+exports.ComboboxChips = ComboboxChips;
+exports.ComboboxChipsInput = ComboboxChipsInput;
+exports.ComboboxClear = ComboboxClear;
+exports.ComboboxCollection = ComboboxCollection;
+exports.ComboboxContent = ComboboxContent;
+exports.ComboboxControlActions = ComboboxControlActions;
+exports.ComboboxEmpty = ComboboxEmpty;
+exports.ComboboxField = ComboboxField;
+exports.ComboboxFieldLabel = ComboboxFieldLabel;
+exports.ComboboxFieldTrigger = ComboboxFieldTrigger;
+exports.ComboboxGroup = ComboboxGroup;
+exports.ComboboxGroupLabel = ComboboxGroupLabel;
+exports.ComboboxIcon = ComboboxIcon;
+exports.ComboboxInlineInputContainer = ComboboxInlineInputContainer;
+exports.ComboboxInput = ComboboxInput;
+exports.ComboboxInputGroup = ComboboxInputGroup;
+exports.ComboboxItem = ComboboxItem;
+exports.ComboboxItemIndicator = ComboboxItemIndicator;
+exports.ComboboxItemText = ComboboxItemText;
+exports.ComboboxList = ComboboxList;
+exports.ComboboxPopup = ComboboxPopup;
+exports.ComboboxPortal = ComboboxPortal;
+exports.ComboboxPositioner = ComboboxPositioner;
+exports.ComboboxRow = ComboboxRow;
+exports.ComboboxSeparator = ComboboxSeparator;
+exports.ComboboxStatus = ComboboxStatus;
+exports.ComboboxTrigger = ComboboxTrigger;
+exports.ComboboxValue = ComboboxValue;
+exports.useComboboxFilter = useComboboxFilter;
+exports.useComboboxFilteredItems = useComboboxFilteredItems;