@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1,195 @@
+"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_root_exports = {};
+__export(select_root_exports, {
+  SelectRoot: () => SelectRoot
+});
+module.exports = __toCommonJS(select_root_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+var import_props = require("../../../props");
+var import_filter_children = require("../../../utils/filter-children");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_use_controllable_state = require("../../../utils/use-controllable-state");
+var import_box = require("../../box");
+var import_select_content = require("../content/select-content");
+var import_select_label = require("../label/select-label");
+var import_select_context = require("../select-context");
+var import_select_trigger = require("../trigger/select-trigger");
+var import_select_root = require("./select-root.props");
+const ALLOWED_CHILDREN = [
+  import_select_label.SelectLabel.displayName,
+  import_select_trigger.SelectTrigger.displayName,
+  import_select_content.SelectContent.displayName
+];
+const SelectRoot = (props) => {
+  const {
+    children,
+    className,
+    dataAttrs,
+    value: valueProp,
+    defaultValue = "",
+    onValueChange,
+    disabled = false,
+    required = false,
+    placeholder,
+    variant,
+    name
+  } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_select_root.SelectRootPropsDefs,
+    import_props.MarginPropDefs,
+    import_props.RadiusPropDefs,
+    import_props.RoundnessPropDef
+  );
+  const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+    value: valueProp,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react.useState)(-1);
+  const [labelPosition, setLabelPosition] = (0, import_react.useState)("top");
+  const [triggerVariant, setTriggerVariant] = (0, import_react.useState)("outlined");
+  const [displayValue, setDisplayValue] = (0, import_react.useState)(null);
+  const labelId = (0, import_react.useId)();
+  const rootRef = (0, import_react.useRef)(null);
+  const triggerRef = (0, import_react.useRef)(null);
+  const contentRef = (0, import_react.useRef)(null);
+  const itemsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const itemValues = (0, import_react.useRef)([]);
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      open,
+      value,
+      displayValue,
+      onOpenChange: setOpen,
+      onValueChange: setValue,
+      setDisplayValue,
+      rootRef,
+      triggerRef,
+      contentRef,
+      labelPosition,
+      setLabelPosition,
+      triggerVariant,
+      setTriggerVariant,
+      disabled,
+      required,
+      placeholder,
+      name,
+      labelId,
+      highlightedIndex,
+      setHighlightedIndex,
+      itemsRef,
+      itemValues
+    }),
+    [
+      open,
+      value,
+      displayValue,
+      disabled,
+      required,
+      name,
+      placeholder,
+      labelId,
+      highlightedIndex,
+      labelPosition,
+      triggerVariant
+    ]
+  );
+  (0, import_react.useLayoutEffect)(() => {
+    setTriggerVariant?.(variant ?? "outlined");
+  }, [variant, setTriggerVariant]);
+  const validChildren = (0, import_filter_children.filterChildren)(children, ALLOWED_CHILDREN, {
+    parentDisplayName: SelectRoot.displayName,
+    allowedTypes: [import_select_label.SelectLabel, import_select_trigger.SelectTrigger, import_select_content.SelectContent]
+  });
+  const labelInside = labelPosition === "inside";
+  const handleClick = () => {
+    if (!disabled) {
+      setOpen(!open);
+    }
+  };
+  const handleKeyDown = (event) => {
+    if (disabled) return;
+    switch (event.key) {
+      case "Enter":
+      case " ":
+      case "ArrowDown":
+      case "ArrowUp":
+        event.preventDefault();
+        setOpen(true);
+        break;
+    }
+  };
+  if (labelInside) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_context.SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        "aria-disabled": disabled,
+        disabled,
+        ref: rootRef,
+        "data-state": open ? "open" : "closed",
+        "data-disabled": disabled ? "" : void 0,
+        className: (0, import_clsx.default)("select-root", className),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        ...dataAttrs,
+        children: [
+          validChildren,
+          name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "hidden", name, value })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_context.SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_box.Box,
+    {
+      ref: rootRef,
+      className: (0, import_clsx.default)("select-root", className),
+      ...dataAttrs,
+      children: [
+        validChildren,
+        name && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "hidden", name, value })
+      ]
+    }
+  ) });
+};
+SelectRoot.displayName = "Select.Root";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectRoot
+});
+//# sourceMappingURL=select-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/root/select-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport {\n  FC,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  MarginPropDefs,\n  MarginProps,\n  RadiusPropDefs,\n  RadiusProps,\n  RoundnessPropDef,\n} from \"../../../props\";\nimport {\n  filterChildren,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport { Box } from \"../../box\";\nimport { SelectContent, SelectContentProps } from \"../content/select-content\";\nimport { SelectLabel, SelectLabelProps } from \"../label/select-label\";\nimport { LabelPosition } from \"../label/select-label.props\";\nimport { SelectContext } from \"../select-context\";\nimport { SelectTrigger, SelectTriggerProps } from \"../trigger/select-trigger\";\nimport {\n  SelectRootInternalProps,\n  SelectRootPropsDefs,\n  SelectVariant,\n} from \"./select-root.props\";\n\ninterface AllSelectRootProps\n  extends SelectRootInternalProps,\n    MarginProps,\n    RadiusProps {}\n\nconst ALLOWED_CHILDREN = [\n  SelectLabel.displayName!,\n  SelectTrigger.displayName!,\n  SelectContent.displayName!,\n];\n\ntype SelectRootProps = AllSelectRootProps &\n  WithStrictChildren<\n    HTMLAttributes<HTMLSelectElement>,\n    SelectLabelProps | SelectTriggerProps | SelectContentProps\n  >;\n\nconst SelectRoot: FC<SelectRootProps> = (props) => {\n  const {\n    children,\n    className,\n    dataAttrs,\n    value: valueProp,\n    defaultValue = \"\",\n    onValueChange,\n    disabled = false,\n    required = false,\n    placeholder,\n    variant,\n    name,\n  } = getComponentProps(\n    props,\n    SelectRootPropsDefs,\n    MarginPropDefs,\n    RadiusPropDefs,\n    RoundnessPropDef\n  );\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onValueChange,\n  });\n\n  const [open, setOpen] = useState(false);\n\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const [labelPosition, setLabelPosition] = useState<LabelPosition>(\"top\");\n  const [triggerVariant, setTriggerVariant] =\n    useState<SelectVariant>(\"outlined\");\n  const [displayValue, setDisplayValue] = useState<ReactNode>(null);\n\n  const labelId = useId();\n\n  const rootRef = useRef<HTMLDivElement | HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const itemsRef = useRef<Map<string, HTMLDivElement>>(new Map());\n  const itemValues = useRef<string[]>([]);\n\n  const contextValue = useMemo(\n    () => ({\n      open,\n      value,\n      displayValue,\n      onOpenChange: setOpen,\n      onValueChange: setValue,\n      setDisplayValue,\n      rootRef,\n      triggerRef,\n      contentRef,\n      labelPosition,\n      setLabelPosition,\n      triggerVariant,\n      setTriggerVariant,\n      disabled,\n      required,\n      placeholder,\n      name,\n      labelId,\n      highlightedIndex,\n      setHighlightedIndex,\n      itemsRef,\n      itemValues,\n    }),\n    [\n      open,\n      value,\n      displayValue,\n      disabled,\n      required,\n      name,\n      placeholder,\n      labelId,\n      highlightedIndex,\n      labelPosition,\n      triggerVariant,\n    ]\n  );\n\n  useLayoutEffect(() => {\n    setTriggerVariant?.(variant ?? \"outlined\");\n  }, [variant, setTriggerVariant]);\n\n  const validChildren = filterChildren(children, ALLOWED_CHILDREN, {\n    parentDisplayName: SelectRoot.displayName,\n    allowedTypes: [SelectLabel, SelectTrigger, SelectContent],\n  });\n\n  const labelInside = labelPosition === \"inside\";\n\n  const handleClick = () => {\n    if (!disabled) {\n      setOpen(!open);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    switch (event.key) {\n      case \"Enter\":\n      case \" \":\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        setOpen(true);\n        break;\n    }\n  };\n\n  if (labelInside) {\n    return (\n      <SelectContext.Provider value={contextValue}>\n        <button\n          type=\"button\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-haspopup=\"listbox\"\n          aria-disabled={disabled}\n          disabled={disabled}\n          ref={rootRef as RefObject<HTMLButtonElement>}\n          data-state={open ? \"open\" : \"closed\"}\n          data-disabled={disabled ? \"\" : undefined}\n          className={clsx(\"select-root\", className)}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          {...dataAttrs}\n        >\n          {validChildren}\n          {name && <input type=\"hidden\" name={name} value={value} />}\n        </button>\n      </SelectContext.Provider>\n    );\n  }\n\n  return (\n    <SelectContext.Provider value={contextValue}>\n      <Box\n        ref={rootRef as RefObject<HTMLDivElement>}\n        className={clsx(\"select-root\", className)}\n        {...dataAttrs}\n      >\n        {validChildren}\n        {name && <input type=\"hidden\" name={name} value={value} />}\n      </Box>\n    </SelectContext.Provider>\n  );\n};\nSelectRoot.displayName = \"Select.Root\";\n\nexport { AllSelectRootProps, SelectRoot, SelectRootProps };\n"],"mappings":"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","names":["clsx"]}

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

@@ -0,0 +1,175 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  useId,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  MarginPropDefs,
+  RadiusPropDefs,
+  RoundnessPropDef
+} from "../../../props";
+import {
+  filterChildren
+} from "../../../utils/filter-children";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useControllableState } from "../../../utils/use-controllable-state";
+import { Box } from "../../box";
+import { SelectContent } from "../content/select-content";
+import { SelectLabel } from "../label/select-label";
+import { SelectContext } from "../select-context";
+import { SelectTrigger } from "../trigger/select-trigger";
+import {
+  SelectRootPropsDefs
+} from "./select-root.props";
+const ALLOWED_CHILDREN = [
+  SelectLabel.displayName,
+  SelectTrigger.displayName,
+  SelectContent.displayName
+];
+const SelectRoot = (props) => {
+  const {
+    children,
+    className,
+    dataAttrs,
+    value: valueProp,
+    defaultValue = "",
+    onValueChange,
+    disabled = false,
+    required = false,
+    placeholder,
+    variant,
+    name
+  } = getComponentProps(
+    props,
+    SelectRootPropsDefs,
+    MarginPropDefs,
+    RadiusPropDefs,
+    RoundnessPropDef
+  );
+  const [value, setValue] = useControllableState({
+    value: valueProp,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [open, setOpen] = useState(false);
+  const [highlightedIndex, setHighlightedIndex] = useState(-1);
+  const [labelPosition, setLabelPosition] = useState("top");
+  const [triggerVariant, setTriggerVariant] = useState("outlined");
+  const [displayValue, setDisplayValue] = useState(null);
+  const labelId = useId();
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const itemsRef = useRef(/* @__PURE__ */ new Map());
+  const itemValues = useRef([]);
+  const contextValue = useMemo(
+    () => ({
+      open,
+      value,
+      displayValue,
+      onOpenChange: setOpen,
+      onValueChange: setValue,
+      setDisplayValue,
+      rootRef,
+      triggerRef,
+      contentRef,
+      labelPosition,
+      setLabelPosition,
+      triggerVariant,
+      setTriggerVariant,
+      disabled,
+      required,
+      placeholder,
+      name,
+      labelId,
+      highlightedIndex,
+      setHighlightedIndex,
+      itemsRef,
+      itemValues
+    }),
+    [
+      open,
+      value,
+      displayValue,
+      disabled,
+      required,
+      name,
+      placeholder,
+      labelId,
+      highlightedIndex,
+      labelPosition,
+      triggerVariant
+    ]
+  );
+  useLayoutEffect(() => {
+    setTriggerVariant?.(variant ?? "outlined");
+  }, [variant, setTriggerVariant]);
+  const validChildren = filterChildren(children, ALLOWED_CHILDREN, {
+    parentDisplayName: SelectRoot.displayName,
+    allowedTypes: [SelectLabel, SelectTrigger, SelectContent]
+  });
+  const labelInside = labelPosition === "inside";
+  const handleClick = () => {
+    if (!disabled) {
+      setOpen(!open);
+    }
+  };
+  const handleKeyDown = (event) => {
+    if (disabled) return;
+    switch (event.key) {
+      case "Enter":
+      case " ":
+      case "ArrowDown":
+      case "ArrowUp":
+        event.preventDefault();
+        setOpen(true);
+        break;
+    }
+  };
+  if (labelInside) {
+    return /* @__PURE__ */ jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        "aria-disabled": disabled,
+        disabled,
+        ref: rootRef,
+        "data-state": open ? "open" : "closed",
+        "data-disabled": disabled ? "" : void 0,
+        className: clsx("select-root", className),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        ...dataAttrs,
+        children: [
+          validChildren,
+          name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: rootRef,
+      className: clsx("select-root", className),
+      ...dataAttrs,
+      children: [
+        validChildren,
+        name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value })
+      ]
+    }
+  ) });
+};
+SelectRoot.displayName = "Select.Root";
+export {
+  SelectRoot
+};
+//# sourceMappingURL=select-root.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/root/select-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport {\n  FC,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  MarginPropDefs,\n  MarginProps,\n  RadiusPropDefs,\n  RadiusProps,\n  RoundnessPropDef,\n} from \"../../../props\";\nimport {\n  filterChildren,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport { Box } from \"../../box\";\nimport { SelectContent, SelectContentProps } from \"../content/select-content\";\nimport { SelectLabel, SelectLabelProps } from \"../label/select-label\";\nimport { LabelPosition } from \"../label/select-label.props\";\nimport { SelectContext } from \"../select-context\";\nimport { SelectTrigger, SelectTriggerProps } from \"../trigger/select-trigger\";\nimport {\n  SelectRootInternalProps,\n  SelectRootPropsDefs,\n  SelectVariant,\n} from \"./select-root.props\";\n\ninterface AllSelectRootProps\n  extends SelectRootInternalProps,\n    MarginProps,\n    RadiusProps {}\n\nconst ALLOWED_CHILDREN = [\n  SelectLabel.displayName!,\n  SelectTrigger.displayName!,\n  SelectContent.displayName!,\n];\n\ntype SelectRootProps = AllSelectRootProps &\n  WithStrictChildren<\n    HTMLAttributes<HTMLSelectElement>,\n    SelectLabelProps | SelectTriggerProps | SelectContentProps\n  >;\n\nconst SelectRoot: FC<SelectRootProps> = (props) => {\n  const {\n    children,\n    className,\n    dataAttrs,\n    value: valueProp,\n    defaultValue = \"\",\n    onValueChange,\n    disabled = false,\n    required = false,\n    placeholder,\n    variant,\n    name,\n  } = getComponentProps(\n    props,\n    SelectRootPropsDefs,\n    MarginPropDefs,\n    RadiusPropDefs,\n    RoundnessPropDef\n  );\n\n  const [value, setValue] = useControllableState({\n    value: valueProp,\n    defaultValue,\n    onChange: onValueChange,\n  });\n\n  const [open, setOpen] = useState(false);\n\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const [labelPosition, setLabelPosition] = useState<LabelPosition>(\"top\");\n  const [triggerVariant, setTriggerVariant] =\n    useState<SelectVariant>(\"outlined\");\n  const [displayValue, setDisplayValue] = useState<ReactNode>(null);\n\n  const labelId = useId();\n\n  const rootRef = useRef<HTMLDivElement | HTMLButtonElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const itemsRef = useRef<Map<string, HTMLDivElement>>(new Map());\n  const itemValues = useRef<string[]>([]);\n\n  const contextValue = useMemo(\n    () => ({\n      open,\n      value,\n      displayValue,\n      onOpenChange: setOpen,\n      onValueChange: setValue,\n      setDisplayValue,\n      rootRef,\n      triggerRef,\n      contentRef,\n      labelPosition,\n      setLabelPosition,\n      triggerVariant,\n      setTriggerVariant,\n      disabled,\n      required,\n      placeholder,\n      name,\n      labelId,\n      highlightedIndex,\n      setHighlightedIndex,\n      itemsRef,\n      itemValues,\n    }),\n    [\n      open,\n      value,\n      displayValue,\n      disabled,\n      required,\n      name,\n      placeholder,\n      labelId,\n      highlightedIndex,\n      labelPosition,\n      triggerVariant,\n    ]\n  );\n\n  useLayoutEffect(() => {\n    setTriggerVariant?.(variant ?? \"outlined\");\n  }, [variant, setTriggerVariant]);\n\n  const validChildren = filterChildren(children, ALLOWED_CHILDREN, {\n    parentDisplayName: SelectRoot.displayName,\n    allowedTypes: [SelectLabel, SelectTrigger, SelectContent],\n  });\n\n  const labelInside = labelPosition === \"inside\";\n\n  const handleClick = () => {\n    if (!disabled) {\n      setOpen(!open);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n\n    switch (event.key) {\n      case \"Enter\":\n      case \" \":\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        setOpen(true);\n        break;\n    }\n  };\n\n  if (labelInside) {\n    return (\n      <SelectContext.Provider value={contextValue}>\n        <button\n          type=\"button\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-haspopup=\"listbox\"\n          aria-disabled={disabled}\n          disabled={disabled}\n          ref={rootRef as RefObject<HTMLButtonElement>}\n          data-state={open ? \"open\" : \"closed\"}\n          data-disabled={disabled ? \"\" : undefined}\n          className={clsx(\"select-root\", className)}\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          {...dataAttrs}\n        >\n          {validChildren}\n          {name && <input type=\"hidden\" name={name} value={value} />}\n        </button>\n      </SelectContext.Provider>\n    );\n  }\n\n  return (\n    <SelectContext.Provider value={contextValue}>\n      <Box\n        ref={rootRef as RefObject<HTMLDivElement>}\n        className={clsx(\"select-root\", className)}\n        {...dataAttrs}\n      >\n        {validChildren}\n        {name && <input type=\"hidden\" name={name} value={value} />}\n      </Box>\n    </SelectContext.Provider>\n  );\n};\nSelectRoot.displayName = \"Select.Root\";\n\nexport { AllSelectRootProps, SelectRoot, SelectRootProps };\n"],"mappings":"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","names":[]}

package/dist/components/select/root/select-root.props.d.mts

@@ -0,0 +1,33 @@
+import { GetPropDefTypes, FunctionPropDef } from '../../../props/prop-def.mjs';
+
+declare const selectVariants: readonly ["outlined", "solid", "clear"];
+type SelectVariant = (typeof selectVariants)[number];
+declare const SelectRootPropsDefs: {
+    readonly variant: {
+        type: "enum";
+        values: readonly ["outlined", "solid", "clear"];
+        dataAttr: string;
+    };
+    readonly value: {
+        type: "string";
+    };
+    readonly defaultValue: {
+        type: "string";
+    };
+    readonly disabled: {
+        type: "boolean";
+    };
+    readonly required: {
+        type: "boolean";
+    };
+    readonly placeholder: {
+        type: "string";
+    };
+    readonly name: {
+        type: "string";
+    };
+    readonly onValueChange: FunctionPropDef<(value: string) => void>;
+};
+type SelectRootInternalProps = GetPropDefTypes<typeof SelectRootPropsDefs>;
+
+export { type SelectRootInternalProps, SelectRootPropsDefs, type SelectVariant };

package/dist/components/select/root/select-root.props.d.ts

@@ -0,0 +1,33 @@
+import { GetPropDefTypes, FunctionPropDef } from '../../../props/prop-def.js';
+
+declare const selectVariants: readonly ["outlined", "solid", "clear"];
+type SelectVariant = (typeof selectVariants)[number];
+declare const SelectRootPropsDefs: {
+    readonly variant: {
+        type: "enum";
+        values: readonly ["outlined", "solid", "clear"];
+        dataAttr: string;
+    };
+    readonly value: {
+        type: "string";
+    };
+    readonly defaultValue: {
+        type: "string";
+    };
+    readonly disabled: {
+        type: "boolean";
+    };
+    readonly required: {
+        type: "boolean";
+    };
+    readonly placeholder: {
+        type: "string";
+    };
+    readonly name: {
+        type: "string";
+    };
+    readonly onValueChange: FunctionPropDef<(value: string) => void>;
+};
+type SelectRootInternalProps = GetPropDefTypes<typeof SelectRootPropsDefs>;
+
+export { type SelectRootInternalProps, SelectRootPropsDefs, type SelectVariant };

package/dist/components/select/root/select-root.props.js

@@ -0,0 +1,57 @@
+"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_root_props_exports = {};
+__export(select_root_props_exports, {
+  SelectRootPropsDefs: () => SelectRootPropsDefs
+});
+module.exports = __toCommonJS(select_root_props_exports);
+const selectVariants = ["outlined", "solid", "clear"];
+const SelectRootPropsDefs = {
+  variant: {
+    type: "enum",
+    values: selectVariants,
+    dataAttr: "variant"
+  },
+  value: {
+    type: "string"
+  },
+  defaultValue: {
+    type: "string"
+  },
+  disabled: {
+    type: "boolean"
+  },
+  required: {
+    type: "boolean"
+  },
+  placeholder: {
+    type: "string"
+  },
+  name: {
+    type: "string"
+  },
+  onValueChange: {
+    type: "function"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectRootPropsDefs
+});
+//# sourceMappingURL=select-root.props.js.map

package/dist/components/select/root/select-root.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/root/select-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n} from \"../../../props/prop-def\";\n\nconst selectVariants = [\"outlined\", \"solid\", \"clear\"] as const;\ntype SelectVariant = (typeof selectVariants)[number];\n\nconst SelectRootPropsDefs = {\n  variant: {\n    type: \"enum\",\n    values: selectVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<SelectVariant>,\n\n  value: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  defaultValue: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  disabled: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  required: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  placeholder: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  name: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  onValueChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<(value: string) => void> as FunctionPropDef<\n    (value: string) => void\n  >,\n} as const;\n\ntype SelectRootInternalProps = GetPropDefTypes<typeof SelectRootPropsDefs>;\n\nexport { SelectRootInternalProps, SelectRootPropsDefs, SelectVariant };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,iBAAiB,CAAC,YAAY,SAAS,OAAO;AAGpD,MAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EAEA,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AAAA,EAEA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EAEA,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAGF;","names":[]}

package/dist/components/select/root/select-root.props.mjs

@@ -0,0 +1,33 @@
+const selectVariants = ["outlined", "solid", "clear"];
+const SelectRootPropsDefs = {
+  variant: {
+    type: "enum",
+    values: selectVariants,
+    dataAttr: "variant"
+  },
+  value: {
+    type: "string"
+  },
+  defaultValue: {
+    type: "string"
+  },
+  disabled: {
+    type: "boolean"
+  },
+  required: {
+    type: "boolean"
+  },
+  placeholder: {
+    type: "string"
+  },
+  name: {
+    type: "string"
+  },
+  onValueChange: {
+    type: "function"
+  }
+};
+export {
+  SelectRootPropsDefs
+};
+//# sourceMappingURL=select-root.props.mjs.map

package/dist/components/select/root/select-root.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/root/select-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n} from \"../../../props/prop-def\";\n\nconst selectVariants = [\"outlined\", \"solid\", \"clear\"] as const;\ntype SelectVariant = (typeof selectVariants)[number];\n\nconst SelectRootPropsDefs = {\n  variant: {\n    type: \"enum\",\n    values: selectVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<SelectVariant>,\n\n  value: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  defaultValue: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  disabled: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  required: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  placeholder: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  name: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  onValueChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<(value: string) => void> as FunctionPropDef<\n    (value: string) => void\n  >,\n} as const;\n\ntype SelectRootInternalProps = GetPropDefTypes<typeof SelectRootPropsDefs>;\n\nexport { SelectRootInternalProps, SelectRootPropsDefs, SelectVariant };\n"],"mappings":"AAMA,MAAM,iBAAiB,CAAC,YAAY,SAAS,OAAO;AAGpD,MAAM,sBAAsB;AAAA,EAC1B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EAEA,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AAAA,EAEA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EAEA,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAGF;","names":[]}

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { LabelPosition } from './label/select-label.props.mjs';
+import { SelectTriggerVariant } from './trigger/select-trigger.props.mjs';
+import '../../props/prop-def.mjs';
+
+interface SelectContextValue {
+    open: boolean;
+    value: string;
+    displayValue: React.ReactNode;
+    onOpenChange: (open: boolean) => void;
+    onValueChange: (value: string) => void;
+    setDisplayValue: (displayValue: React.ReactNode) => void;
+    rootRef: React.RefObject<HTMLDivElement | HTMLButtonElement | null>;
+    triggerRef: React.RefObject<HTMLButtonElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    labelPosition?: LabelPosition;
+    setLabelPosition?: (position: LabelPosition) => void;
+    triggerVariant?: SelectTriggerVariant;
+    setTriggerVariant?: (variant: SelectTriggerVariant) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    placeholder?: string;
+    labelId: string;
+    highlightedIndex: number;
+    setHighlightedIndex: React.Dispatch<React.SetStateAction<number>>;
+    itemsRef: React.RefObject<Map<string, HTMLDivElement>>;
+    itemValues: React.RefObject<string[]>;
+}
+declare const SelectContext: React.Context<SelectContextValue | null>;
+declare function useSelectContext(): SelectContextValue;
+
+export { SelectContext, type SelectContextValue, useSelectContext };

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { LabelPosition } from './label/select-label.props.js';
+import { SelectTriggerVariant } from './trigger/select-trigger.props.js';
+import '../../props/prop-def.js';
+
+interface SelectContextValue {
+    open: boolean;
+    value: string;
+    displayValue: React.ReactNode;
+    onOpenChange: (open: boolean) => void;
+    onValueChange: (value: string) => void;
+    setDisplayValue: (displayValue: React.ReactNode) => void;
+    rootRef: React.RefObject<HTMLDivElement | HTMLButtonElement | null>;
+    triggerRef: React.RefObject<HTMLButtonElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    labelPosition?: LabelPosition;
+    setLabelPosition?: (position: LabelPosition) => void;
+    triggerVariant?: SelectTriggerVariant;
+    setTriggerVariant?: (variant: SelectTriggerVariant) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    placeholder?: string;
+    labelId: string;
+    highlightedIndex: number;
+    setHighlightedIndex: React.Dispatch<React.SetStateAction<number>>;
+    itemsRef: React.RefObject<Map<string, HTMLDivElement>>;
+    itemValues: React.RefObject<string[]>;
+}
+declare const SelectContext: React.Context<SelectContextValue | null>;
+declare function useSelectContext(): SelectContextValue;
+
+export { SelectContext, type SelectContextValue, useSelectContext };