@saas-ui/react 2.11.2 → 3.0.0-alpha.1

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

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { RadioGroup as RadioGroup$1 } from '@chakra-ui/react';
+
+interface RadioProps extends RadioGroup$1.ItemProps {
+    rootRef?: React.Ref<HTMLDivElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+type RadioGroupProps = RadioGroup$1.RootProps;
+declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/components/radio/index.js

@@ -0,0 +1,22 @@
+'use client'
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/radio/radio.tsx
+import { forwardRef } from "react";
+import { RadioGroup as ChakraRadioGroup } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Radio = forwardRef(
+  function Radio2(props, ref) {
+    const { children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraRadioGroup.Item, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraRadioGroup.ItemHiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsx(ChakraRadioGroup.ItemIndicator, {}),
+      children && /* @__PURE__ */ jsx(ChakraRadioGroup.ItemText, { children })
+    ] });
+  }
+);
+var RadioGroup = ChakraRadioGroup.Root;
+export {
+  Radio,
+  RadioGroup
+};

package/dist/components/search-input/index.cjs

@@ -0,0 +1,244 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/search-input/index.ts
+var search_input_exports = {};
+__export(search_input_exports, {
+  SearchInput: () => SearchInput
+});
+module.exports = __toCommonJS(search_input_exports);
+
+// src/components/search-input/search-input.tsx
+var import_react2 = __toESM(require("react"), 1);
+var import_react3 = require("@chakra-ui/react");
+var import_utils = require("@saas-ui/core/utils");
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// src/components/search-input/search-input.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SearchInput = (0, import_react2.forwardRef)(
+  (props, ref) => {
+    const {
+      placeholder = "Search",
+      value: valueProp,
+      defaultValue: defaultValueProp,
+      size,
+      variant,
+      width = "full",
+      icon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SearchIcon, {}),
+      resetIcon,
+      endElement: endElementProp,
+      onChange: onChangeProp,
+      onReset: onResetProp,
+      onKeyDown: onKeyDownProp,
+      disabled,
+      ...inputProps
+    } = props;
+    const inputRef = import_react2.default.useRef(null);
+    const [value, setValue] = (0, import_react3.useControllableState)({
+      value: valueProp,
+      defaultValue: defaultValueProp
+    });
+    const onChange = import_react2.default.useCallback(
+      (e) => {
+        setValue(e.target.value);
+      },
+      [setValue]
+    );
+    const onKeyDown = import_react2.default.useCallback(
+      (event) => {
+        if (event.key === "Escape") {
+          setValue("");
+          onReset();
+        }
+      },
+      [onResetProp, setValue]
+    );
+    const onReset = () => {
+      var _a;
+      setValue("");
+      onResetProp == null ? void 0 : onResetProp();
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+    };
+    const showReset = value && !props.disabled;
+    const endElement = showReset ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react3.Group, { width, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react3.InputElement,
+        {
+          placement: "start",
+          px: "0",
+          aspectRatio: "9/10",
+          fontSize: size,
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react3.Input,
+        {
+          type: "text",
+          placeholder,
+          variant,
+          size,
+          value,
+          disabled,
+          ref: (0, import_react3.mergeRefs)(ref, inputRef),
+          onChange: (0, import_utils.callAll)(onChange, onChangeProp),
+          onKeyDown: (0, import_utils.callAll)(onKeyDown, onKeyDownProp),
+          ps: "calc(var(--input-height) - var(--input-height) / 10)",
+          pe: "calc(var(--input-height) - var(--input-height) / 10)",
+          ...inputProps
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.InputElement, { placement: "end", children: endElement })
+    ] });
+  }
+);
+var SearchInputResetButton = (0, import_react2.forwardRef)(
+  (props, ref) => {
+    const { children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}), ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react3.IconButton,
+      {
+        ref,
+        variant: "ghost",
+        "aria-label": "Reset search",
+        me: "-2",
+        aspectRatio: "square",
+        height: "calc(100% - {spacing.2})",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+SearchInput.displayName = "SearchInput";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SearchInput
+});

package/dist/components/search-input/index.d.cts

@@ -0,0 +1,15 @@
+import react__default from 'react';
+import { InputProps } from '@chakra-ui/react';
+
+interface SearchInputProps extends InputProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    icon?: react__default.ReactElement;
+    resetIcon?: react__default.ReactElement;
+    endElement?: react__default.ReactElement;
+    onReset?: () => void;
+}
+declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<HTMLInputElement>>;
+
+export { SearchInput, type SearchInputProps };

package/dist/components/search-input/index.d.ts

@@ -0,0 +1,15 @@
+import react__default from 'react';
+import { InputProps } from '@chakra-ui/react';
+
+interface SearchInputProps extends InputProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    icon?: react__default.ReactElement;
+    resetIcon?: react__default.ReactElement;
+    endElement?: react__default.ReactElement;
+    onReset?: () => void;
+}
+declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<HTMLInputElement>>;
+
+export { SearchInput, type SearchInputProps };

package/dist/components/search-input/index.js

@@ -0,0 +1,120 @@
+'use client'
+import "../../chunk-KTLWEUNW.js";
+import {
+  CloseIcon,
+  SearchIcon
+} from "../../chunk-VDXTEASE.js";
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/search-input/search-input.tsx
+import React, { forwardRef } from "react";
+import {
+  Group,
+  IconButton,
+  Input,
+  InputElement,
+  mergeRefs,
+  useControllableState
+} from "@chakra-ui/react";
+import { callAll } from "@saas-ui/core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SearchInput = forwardRef(
+  (props, ref) => {
+    const {
+      placeholder = "Search",
+      value: valueProp,
+      defaultValue: defaultValueProp,
+      size,
+      variant,
+      width = "full",
+      icon = /* @__PURE__ */ jsx(SearchIcon, {}),
+      resetIcon,
+      endElement: endElementProp,
+      onChange: onChangeProp,
+      onReset: onResetProp,
+      onKeyDown: onKeyDownProp,
+      disabled,
+      ...inputProps
+    } = props;
+    const inputRef = React.useRef(null);
+    const [value, setValue] = useControllableState({
+      value: valueProp,
+      defaultValue: defaultValueProp
+    });
+    const onChange = React.useCallback(
+      (e) => {
+        setValue(e.target.value);
+      },
+      [setValue]
+    );
+    const onKeyDown = React.useCallback(
+      (event) => {
+        if (event.key === "Escape") {
+          setValue("");
+          onReset();
+        }
+      },
+      [onResetProp, setValue]
+    );
+    const onReset = () => {
+      var _a;
+      setValue("");
+      onResetProp == null ? void 0 : onResetProp();
+      (_a = inputRef.current) == null ? void 0 : _a.focus();
+    };
+    const showReset = value && !props.disabled;
+    const endElement = showReset ? /* @__PURE__ */ jsx(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
+    return /* @__PURE__ */ jsxs(Group, { width, children: [
+      /* @__PURE__ */ jsx(
+        InputElement,
+        {
+          placement: "start",
+          px: "0",
+          aspectRatio: "9/10",
+          fontSize: size,
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "text",
+          placeholder,
+          variant,
+          size,
+          value,
+          disabled,
+          ref: mergeRefs(ref, inputRef),
+          onChange: callAll(onChange, onChangeProp),
+          onKeyDown: callAll(onKeyDown, onKeyDownProp),
+          ps: "calc(var(--input-height) - var(--input-height) / 10)",
+          pe: "calc(var(--input-height) - var(--input-height) / 10)",
+          ...inputProps
+        }
+      ),
+      /* @__PURE__ */ jsx(InputElement, { placement: "end", children: endElement })
+    ] });
+  }
+);
+var SearchInputResetButton = forwardRef(
+  (props, ref) => {
+    const { children = /* @__PURE__ */ jsx(CloseIcon, {}), ...rest } = props;
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        ref,
+        variant: "ghost",
+        "aria-label": "Reset search",
+        me: "-2",
+        aspectRatio: "square",
+        height: "calc(100% - {spacing.2})",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+SearchInput.displayName = "SearchInput";
+export {
+  SearchInput
+};

package/dist/components/select/index.cjs

@@ -0,0 +1,233 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/select/index.ts
+var select_exports = {};
+__export(select_exports, {
+  Select: () => namespace_exports
+});
+module.exports = __toCommonJS(select_exports);
+
+// src/components/select/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Content: () => SelectContent,
+  Item: () => SelectItem,
+  ItemGroup: () => SelectItemGroup,
+  ItemText: () => SelectItemText,
+  Label: () => SelectLabel,
+  Root: () => SelectRoot,
+  Trigger: () => SelectTrigger,
+  ValueText: () => SelectValueText
+});
+
+// src/components/select/select.tsx
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("react");
+var import_react3 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CloseButton = (0, import_react2.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+  }
+);
+
+// src/components/select/select.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SelectTrigger = (0, import_react4.forwardRef)(
+  function SelectTrigger2(props, ref) {
+    const { children, clearable, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.Control, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Trigger, { ref, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.IndicatorGroup, { children: [
+        clearable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectClearTrigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Indicator, {})
+      ] })
+    ] });
+  }
+);
+var SelectClearTrigger = (0, import_react4.forwardRef)(function SelectClearTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    CloseButton,
+    {
+      size: "xs",
+      variant: "plain",
+      focusVisibleRing: "inside",
+      focusRingWidth: "2px",
+      pointerEvents: "auto"
+    }
+  ) });
+});
+var SelectContent = (0, import_react4.forwardRef)(
+  function SelectContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Content, { ...rest, ref }) }) });
+  }
+);
+var SelectItem = (0, import_react4.forwardRef)(
+  function SelectItem2(props, ref) {
+    const { item, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.Item, { item, ...rest, ref, children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ItemIndicator, {})
+    ] }, item.value);
+  }
+);
+var SelectValueText = (0, import_react4.forwardRef)(function SelectValueText2(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Context, { children: (select) => {
+    const items = select.selectedItems;
+    if (items.length === 0) return props.placeholder;
+    if (children) return children(items);
+    if (items.length === 1)
+      return select.collection.stringifyItem(items[0]);
+    return `${items.length} selected`;
+  } }) });
+});
+var SelectRoot = (0, import_react4.forwardRef)(function SelectRoot2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react5.Select.Root,
+    {
+      ...props,
+      ref,
+      positioning: { sameWidth: true, ...props.positioning }
+    }
+  );
+});
+var SelectItemGroup = (0, import_react4.forwardRef)(
+  function SelectItemGroup2(props, ref) {
+    const { children, label, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.ItemGroup, { ...rest, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ItemGroupLabel, { children: label }),
+      children
+    ] });
+  }
+);
+var SelectLabel = import_react5.Select.Label;
+var SelectItemText = import_react5.Select.ItemText;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select
+});