@locus-ui/components 0.0.16 → 0.1.0

package/dist/components/select/select-context.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+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);
+var select_context_exports = {};
+__export(select_context_exports, {
+  SelectContext: () => SelectContext,
+  useSelectContext: () => useSelectContext
+});
+module.exports = __toCommonJS(select_context_exports);
+var React = __toESM(require("react"));
+const SelectContext = React.createContext(
+  null
+);
+function useSelectContext() {
+  const context = React.useContext(SelectContext);
+  if (!context) {
+    throw new Error("Select components must be used within a Select.Root");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectContext,
+  useSelectContext
+});
+//# sourceMappingURL=select-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/select-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { LabelPosition } from \"./label/select-label.props\";\nimport { SelectTriggerVariant } from \"./trigger/select-trigger.props\";\n\nexport interface SelectContextValue {\n  open: boolean;\n  value: string;\n  displayValue: React.ReactNode;\n  onOpenChange: (open: boolean) => void;\n  onValueChange: (value: string) => void;\n  setDisplayValue: (displayValue: React.ReactNode) => void;\n  rootRef: React.RefObject<HTMLDivElement | HTMLButtonElement | null>;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  labelPosition?: LabelPosition;\n  setLabelPosition?: (position: LabelPosition) => void;\n  triggerVariant?: SelectTriggerVariant;\n  setTriggerVariant?: (variant: SelectTriggerVariant) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  labelId: string;\n  highlightedIndex: number;\n  setHighlightedIndex: React.Dispatch<React.SetStateAction<number>>;\n  itemsRef: React.RefObject<Map<string, HTMLDivElement>>;\n  itemValues: React.RefObject<string[]>;\n}\n\nexport const SelectContext = React.createContext<SelectContextValue | null>(\n  null,\n);\n\nexport function useSelectContext() {\n  const context = React.useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"Select components must be used within a Select.Root\");\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AA6BhB,MAAM,gBAAgB,MAAM;AAAA,EACjC;AACF;AAEO,SAAS,mBAAmB;AACjC,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/dist/components/select/select-context.mjs

@@ -0,0 +1,17 @@
+"use client";
+import * as React from "react";
+const SelectContext = React.createContext(
+  null
+);
+function useSelectContext() {
+  const context = React.useContext(SelectContext);
+  if (!context) {
+    throw new Error("Select components must be used within a Select.Root");
+  }
+  return context;
+}
+export {
+  SelectContext,
+  useSelectContext
+};
+//# sourceMappingURL=select-context.mjs.map

package/dist/components/select/select-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/select-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { LabelPosition } from \"./label/select-label.props\";\nimport { SelectTriggerVariant } from \"./trigger/select-trigger.props\";\n\nexport interface SelectContextValue {\n  open: boolean;\n  value: string;\n  displayValue: React.ReactNode;\n  onOpenChange: (open: boolean) => void;\n  onValueChange: (value: string) => void;\n  setDisplayValue: (displayValue: React.ReactNode) => void;\n  rootRef: React.RefObject<HTMLDivElement | HTMLButtonElement | null>;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  labelPosition?: LabelPosition;\n  setLabelPosition?: (position: LabelPosition) => void;\n  triggerVariant?: SelectTriggerVariant;\n  setTriggerVariant?: (variant: SelectTriggerVariant) => void;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  placeholder?: string;\n  labelId: string;\n  highlightedIndex: number;\n  setHighlightedIndex: React.Dispatch<React.SetStateAction<number>>;\n  itemsRef: React.RefObject<Map<string, HTMLDivElement>>;\n  itemValues: React.RefObject<string[]>;\n}\n\nexport const SelectContext = React.createContext<SelectContextValue | null>(\n  null,\n);\n\nexport function useSelectContext() {\n  const context = React.useContext(SelectContext);\n  if (!context) {\n    throw new Error(\"Select components must be used within a Select.Root\");\n  }\n  return context;\n}\n"],"mappings":";AAEA,YAAY,WAAW;AA6BhB,MAAM,gBAAgB,MAAM;AAAA,EACjC;AACF;AAEO,SAAS,mBAAmB;AACjC,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;","names":[]}

package/dist/components/select/select.d.mts

@@ -0,0 +1,43 @@
+import { SelectSeparatorProps } from './separator/select-separator.mjs';
+import { AllSelectItemProps } from './item/select-item.mjs';
+import { AllSelectLabelProps } from './label/select-label.mjs';
+import { AllSelectGroupProps } from './group/select-group.mjs';
+import { SelectViewportProps } from './viewport/select-viewport.mjs';
+import { AllSelectContentProps } from './content/select-content.mjs';
+import { AllSelectTriggerProps } from './trigger/select-trigger.mjs';
+import * as React$1 from 'react';
+import { SelectRootProps } from './root/select-root.mjs';
+import './item/select-item.props.mjs';
+import '../../props/prop-def.mjs';
+import './label/select-label.props.mjs';
+import './group/select-group.props.mjs';
+import '../../props/radius.prop.mjs';
+import '../../props/spacing.prop.mjs';
+import './content/select-content.props.mjs';
+import '../../props/roundness.prop.mjs';
+import './trigger/select-trigger.props.mjs';
+import '../../props/margin.prop.mjs';
+import '../../utils/filter-children.mjs';
+import './root/select-root.props.mjs';
+
+declare const Select: {
+    Root: React$1.FC<SelectRootProps>;
+    Trigger: React$1.ForwardRefExoticComponent<AllSelectTriggerProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+        asChild?: boolean;
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Content: React$1.ForwardRefExoticComponent<AllSelectContentProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Viewport: React$1.ForwardRefExoticComponent<SelectViewportProps & React$1.RefAttributes<HTMLDivElement>>;
+    Group: React$1.ForwardRefExoticComponent<AllSelectGroupProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+    Label: React$1.ForwardRefExoticComponent<AllSelectLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Item: React$1.ForwardRefExoticComponent<AllSelectItemProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Separator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+export { Select };

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

@@ -0,0 +1,43 @@
+import { SelectSeparatorProps } from './separator/select-separator.js';
+import { AllSelectItemProps } from './item/select-item.js';
+import { AllSelectLabelProps } from './label/select-label.js';
+import { AllSelectGroupProps } from './group/select-group.js';
+import { SelectViewportProps } from './viewport/select-viewport.js';
+import { AllSelectContentProps } from './content/select-content.js';
+import { AllSelectTriggerProps } from './trigger/select-trigger.js';
+import * as React$1 from 'react';
+import { SelectRootProps } from './root/select-root.js';
+import './item/select-item.props.js';
+import '../../props/prop-def.js';
+import './label/select-label.props.js';
+import './group/select-group.props.js';
+import '../../props/radius.prop.js';
+import '../../props/spacing.prop.js';
+import './content/select-content.props.js';
+import '../../props/roundness.prop.js';
+import './trigger/select-trigger.props.js';
+import '../../props/margin.prop.js';
+import '../../utils/filter-children.js';
+import './root/select-root.props.js';
+
+declare const Select: {
+    Root: React$1.FC<SelectRootProps>;
+    Trigger: React$1.ForwardRefExoticComponent<AllSelectTriggerProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+        asChild?: boolean;
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Content: React$1.ForwardRefExoticComponent<AllSelectContentProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Viewport: React$1.ForwardRefExoticComponent<SelectViewportProps & React$1.RefAttributes<HTMLDivElement>>;
+    Group: React$1.ForwardRefExoticComponent<AllSelectGroupProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+    Label: React$1.ForwardRefExoticComponent<AllSelectLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Item: React$1.ForwardRefExoticComponent<AllSelectItemProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Separator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+export { Select };

package/dist/components/select/select.js

@@ -0,0 +1,46 @@
+"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);
+var select_exports = {};
+__export(select_exports, {
+  Select: () => Select
+});
+module.exports = __toCommonJS(select_exports);
+var import_select_content = require("./content/select-content");
+var import_select_group = require("./group/select-group");
+var import_select_item = require("./item/select-item");
+var import_select_label = require("./label/select-label");
+var import_select_root = require("./root/select-root");
+var import_select_separator = require("./separator/select-separator");
+var import_select_trigger = require("./trigger/select-trigger");
+var import_select_viewport = require("./viewport/select-viewport");
+const Select = {
+  Root: import_select_root.SelectRoot,
+  Trigger: import_select_trigger.SelectTrigger,
+  Content: import_select_content.SelectContent,
+  Viewport: import_select_viewport.SelectViewport,
+  Group: import_select_group.SelectGroup,
+  Label: import_select_label.SelectLabel,
+  Item: import_select_item.SelectItem,
+  Separator: import_select_separator.SelectSeparator
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select
+});
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import { SelectContent } from \"./content/select-content\";\nimport { SelectGroup } from \"./group/select-group\";\nimport { SelectItem } from \"./item/select-item\";\nimport { SelectLabel } from \"./label/select-label\";\nimport { SelectRoot } from \"./root/select-root\";\nimport { SelectSeparator } from \"./separator/select-separator\";\nimport { SelectTrigger } from \"./trigger/select-trigger\";\nimport { SelectViewport } from \"./viewport/select-viewport\";\n\nexport const Select = {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Viewport: SelectViewport,\n  Group: SelectGroup,\n  Label: SelectLabel,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA8B;AAC9B,0BAA4B;AAC5B,yBAA2B;AAC3B,0BAA4B;AAC5B,yBAA2B;AAC3B,8BAAgC;AAChC,4BAA8B;AAC9B,6BAA+B;AAExB,MAAM,SAAS;AAAA,EACpB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

package/dist/components/select/select.mjs

@@ -0,0 +1,22 @@
+import { SelectContent } from "./content/select-content";
+import { SelectGroup } from "./group/select-group";
+import { SelectItem } from "./item/select-item";
+import { SelectLabel } from "./label/select-label";
+import { SelectRoot } from "./root/select-root";
+import { SelectSeparator } from "./separator/select-separator";
+import { SelectTrigger } from "./trigger/select-trigger";
+import { SelectViewport } from "./viewport/select-viewport";
+const Select = {
+  Root: SelectRoot,
+  Trigger: SelectTrigger,
+  Content: SelectContent,
+  Viewport: SelectViewport,
+  Group: SelectGroup,
+  Label: SelectLabel,
+  Item: SelectItem,
+  Separator: SelectSeparator
+};
+export {
+  Select
+};
+//# sourceMappingURL=select.mjs.map

package/dist/components/select/select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import { SelectContent } from \"./content/select-content\";\nimport { SelectGroup } from \"./group/select-group\";\nimport { SelectItem } from \"./item/select-item\";\nimport { SelectLabel } from \"./label/select-label\";\nimport { SelectRoot } from \"./root/select-root\";\nimport { SelectSeparator } from \"./separator/select-separator\";\nimport { SelectTrigger } from \"./trigger/select-trigger\";\nimport { SelectViewport } from \"./viewport/select-viewport\";\n\nexport const Select = {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Content: SelectContent,\n  Viewport: SelectViewport,\n  Group: SelectGroup,\n  Label: SelectLabel,\n  Item: SelectItem,\n  Separator: SelectSeparator,\n};\n"],"mappings":"AAAA,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAExB,MAAM,SAAS;AAAA,EACpB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}

package/dist/components/select/separator/select-separator.d.mts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+interface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SelectSeparator, type SelectSeparatorProps };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+interface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SelectSeparator, type SelectSeparatorProps };

package/dist/components/select/separator/select-separator.js

@@ -0,0 +1,55 @@
+"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);
+var select_separator_exports = {};
+__export(select_separator_exports, {
+  SelectSeparator: () => SelectSeparator
+});
+module.exports = __toCommonJS(select_separator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+const SelectSeparator = React.forwardRef(
+  (props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_clsx.default)("select-separator", className),
+        ...rest
+      }
+    );
+  }
+);
+SelectSeparator.displayName = "Select.Separator";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectSeparator
+});
+//# sourceMappingURL=select-separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/separator/select-separator.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\n\ninterface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\"select-separator\", className)}\n        {...rest}\n      />\n    );\n  }\n);\nSelectSeparator.displayName = \"Select.Separator\";\n\nexport { SelectSeparator, SelectSeparatorProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUM;AAVN,kBAAiB;AACjB,YAAuB;AAIvB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAE/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAA,SAAK,oBAAoB,SAAS;AAAA,QAC5C,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":["clsx"]}

package/dist/components/select/separator/select-separator.mjs

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+const SelectSeparator = React.forwardRef(
+  (props, ref) => {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx("select-separator", className),
+        ...rest
+      }
+    );
+  }
+);
+SelectSeparator.displayName = "Select.Separator";
+export {
+  SelectSeparator
+};
+//# sourceMappingURL=select-separator.mjs.map

package/dist/components/select/separator/select-separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/separator/select-separator.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\n\ninterface SelectSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SelectSeparator = React.forwardRef<HTMLDivElement, SelectSeparatorProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\"select-separator\", className)}\n        {...rest}\n      />\n    );\n  }\n);\nSelectSeparator.displayName = \"Select.Separator\";\n\nexport { SelectSeparator, SelectSeparatorProps };\n"],"mappings":"AAUM;AAVN,OAAO,UAAU;AACjB,YAAY,WAAW;AAIvB,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAE/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,oBAAoB,SAAS;AAAA,QAC5C,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,gBAAgB,cAAc;","names":[]}

package/dist/components/select/trigger/select-trigger-icon.d.mts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare const SelectTriggerIcon: React.FC<React.SVGAttributes<SVGElement>>;
+
+export { SelectTriggerIcon };

package/dist/components/select/trigger/select-trigger-icon.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare const SelectTriggerIcon: React.FC<React.SVGAttributes<SVGElement>>;
+
+export { SelectTriggerIcon };

package/dist/components/select/trigger/select-trigger-icon.js

@@ -0,0 +1,64 @@
+"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);
+var select_trigger_icon_exports = {};
+__export(select_trigger_icon_exports, {
+  SelectTriggerIcon: () => SelectTriggerIcon
+});
+module.exports = __toCommonJS(select_trigger_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+const SelectTriggerIcon = (props) => {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      className: (0, import_clsx.default)("select-trigger-icon", className),
+      width: "20",
+      height: "20",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z",
+          fill: "currentColor",
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectTriggerIcon
+});
+//# sourceMappingURL=select-trigger-icon.js.map

package/dist/components/select/trigger/select-trigger-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/trigger/select-trigger-icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\n\nconst SelectTriggerIcon: React.FC<React.SVGAttributes<SVGElement>> = (\n  props\n) => {\n  const { className, ...rest } = props;\n  return (\n    <svg\n      className={clsx(\"select-trigger-icon\", className)}\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path\n        d=\"M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n\nexport { SelectTriggerIcon };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBM;AAjBN,kBAAiB;AAGjB,MAAM,oBAA+D,CACnE,UACG;AACH,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAA,SAAK,uBAAuB,SAAS;AAAA,MAChD,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":["clsx"]}

package/dist/components/select/trigger/select-trigger-icon.mjs

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const SelectTriggerIcon = (props) => {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: clsx("select-trigger-icon", className),
+      width: "20",
+      height: "20",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...rest,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z",
+          fill: "currentColor",
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+export {
+  SelectTriggerIcon
+};
+//# sourceMappingURL=select-trigger-icon.mjs.map

package/dist/components/select/trigger/select-trigger-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/trigger/select-trigger-icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\n\nconst SelectTriggerIcon: React.FC<React.SVGAttributes<SVGElement>> = (\n  props\n) => {\n  const { className, ...rest } = props;\n  return (\n    <svg\n      className={clsx(\"select-trigger-icon\", className)}\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path\n        d=\"M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\n\nexport { SelectTriggerIcon };\n"],"mappings":"AAiBM;AAjBN,OAAO,UAAU;AAGjB,MAAM,oBAA+D,CACnE,UACG;AACH,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,uBAAuB,SAAS;AAAA,MAChD,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,UAAS;AAAA,UACT,UAAS;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/select/trigger/select-trigger.d.mts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { RadiusProps } from '../../../props/radius.prop.mjs';
+import { RoundnessProp } from '../../../props/roundness.prop.mjs';
+import { SelectTriggerInternalProps } from './select-trigger.props.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllSelectTriggerProps extends SelectTriggerInternalProps, RadiusProps, RoundnessProp {
+}
+type SelectTriggerProps = AllSelectTriggerProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    asChild?: boolean;
+    children?: React.ReactNode;
+};
+declare const SelectTrigger: React.ForwardRefExoticComponent<AllSelectTriggerProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    asChild?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { type AllSelectTriggerProps, SelectTrigger, type SelectTriggerProps };

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { RadiusProps } from '../../../props/radius.prop.js';
+import { RoundnessProp } from '../../../props/roundness.prop.js';
+import { SelectTriggerInternalProps } from './select-trigger.props.js';
+import '../../../props/prop-def.js';
+
+interface AllSelectTriggerProps extends SelectTriggerInternalProps, RadiusProps, RoundnessProp {
+}
+type SelectTriggerProps = AllSelectTriggerProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    asChild?: boolean;
+    children?: React.ReactNode;
+};
+declare const SelectTrigger: React.ForwardRefExoticComponent<AllSelectTriggerProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    asChild?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { type AllSelectTriggerProps, SelectTrigger, type SelectTriggerProps };

package/dist/components/select/trigger/select-trigger.js

@@ -0,0 +1,119 @@
+"use strict";
+"use client";
+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);
+var select_trigger_exports = {};
+__export(select_trigger_exports, {
+  SelectTrigger: () => SelectTrigger
+});
+module.exports = __toCommonJS(select_trigger_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_select_context = require("../select-context");
+var import_user_composed_refs = require("../utils/user-composed-refs");
+var import_select_value = require("../value/select-value");
+var import_select_trigger_icon = require("./select-trigger-icon");
+var import_select_trigger = require("./select-trigger.props");
+const SelectTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      className,
+      disabled: disabledProp,
+      dataAttrs
+    } = (0, import_get_component_props.getComponentProps)(props, import_select_trigger.SelectTriggerPropsDefs);
+    const context = (0, import_select_context.useSelectContext)();
+    const disabled = disabledProp ?? context.disabled;
+    const isInsideLabel = context.labelPosition === "inside";
+    const composedRef = (0, import_user_composed_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+    const handleClick = () => {
+      if (!disabled) {
+        context.onOpenChange(!context.open);
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (disabled) return;
+      switch (event.key) {
+        case "Enter":
+        case " ":
+        case "ArrowDown":
+        case "ArrowUp":
+          event.preventDefault();
+          context.onOpenChange(true);
+          break;
+      }
+    };
+    if (isInsideLabel) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          ref: composedRef,
+          "data-state": context.open ? "open" : "closed",
+          "data-disabled": disabled ? "" : void 0,
+          "data-variant": context.triggerVariant,
+          className: (0, import_clsx.default)("select-trigger", className),
+          ...dataAttrs,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_value.SelectValue, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_trigger_icon.SelectTriggerIcon, {})
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        ref: composedRef,
+        type: "button",
+        role: "combobox",
+        "aria-expanded": context.open,
+        "aria-haspopup": "listbox",
+        "aria-disabled": disabled,
+        disabled,
+        "data-state": context.open ? "open" : "closed",
+        "data-disabled": disabled ? "" : void 0,
+        className: (0, import_clsx.default)("select-trigger", className),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        "data-variant": context.triggerVariant,
+        ...dataAttrs,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_value.SelectValue, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_trigger_icon.SelectTriggerIcon, {})
+        ]
+      }
+    );
+  }
+);
+SelectTrigger.displayName = "Select.Trigger";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectTrigger
+});
+//# sourceMappingURL=select-trigger.js.map