@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1,120 @@
+"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_item_exports = {};
+__export(select_item_exports, {
+  SelectItem: () => SelectItem
+});
+module.exports = __toCommonJS(select_item_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_box = require("../../box");
+var import_text = require("../../text");
+var import_select_context = require("../select-context");
+var import_select_item_indicator = require("./select-item-indicator");
+var import_select_item = require("./select-item.props");
+const SelectItem = React.forwardRef(
+  (props, ref) => {
+    const context = (0, import_select_context.useSelectContext)();
+    const { value, disabled, children, className, ...rest } = (0, import_get_component_props.getComponentProps)(
+      props,
+      import_select_item.SelectItemPropDefs
+    );
+    const selected = context.value === value;
+    React.useEffect(() => {
+      if (selected && children) {
+        context.setDisplayValue(children);
+      }
+    }, [selected]);
+    React.useEffect(() => {
+      if (!value) return;
+      if (!disabled) {
+        const values = context.itemValues.current;
+        if (!values.includes(value)) values.push(value);
+      }
+      return () => {
+        const values = context.itemValues.current;
+        const index = values.indexOf(value);
+        if (index > -1) values.splice(index, 1);
+      };
+    }, [value, disabled]);
+    const itemIndex = value ? context.itemValues.current.indexOf(value) : -1;
+    const isHighlighted = context.highlightedIndex >= 0 && context.highlightedIndex === itemIndex;
+    const handleClick = () => {
+      if (!disabled) {
+        if (value) {
+          context.onValueChange(value);
+          context.setDisplayValue(children);
+        }
+        context.onOpenChange(false);
+        context.triggerRef.current?.focus();
+      }
+    };
+    const handleMouseEnter = () => {
+      if (!disabled) context.setHighlightedIndex(itemIndex);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_box.Box,
+      {
+        ref,
+        role: "option",
+        radius: "none",
+        "aria-selected": selected,
+        "aria-disabled": disabled,
+        "data-variant": context.triggerVariant,
+        "data-state": selected ? "checked" : "unchecked",
+        "data-highlighted": isHighlighted ? "" : void 0,
+        "data-disabled": disabled ? "" : void 0,
+        className: (0, import_clsx.default)("select-item", className),
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_box.Box,
+            {
+              style: { width: 24, height: 24, justifyContent: "center" },
+              className: "flex items-center",
+              children: selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_item_indicator.SelectItemIndicator, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { disabled, children })
+        ]
+      }
+    );
+  }
+);
+SelectItem.displayName = "Select.Item";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectItem
+});
+//# sourceMappingURL=select-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/item/select-item.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Box } from \"../../box\";\nimport { Text } from \"../../text\";\nimport { useSelectContext } from \"../select-context\";\nimport { SelectItemIndicator } from \"./select-item-indicator\";\nimport {\n  SelectItemInternalProps,\n  SelectItemPropDefs,\n} from \"./select-item.props\";\n\ninterface AllSelectItemProps extends SelectItemInternalProps {}\n\ntype SelectItemProps = AllSelectItemProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(\n  (props, ref) => {\n    const context = useSelectContext();\n    const { value, disabled, children, className, ...rest } = getComponentProps(\n      props,\n      SelectItemPropDefs,\n    );\n\n    const selected = context.value === value;\n\n    // Set display value if this item is already selected on mount\n    React.useEffect(() => {\n      if (selected && children) {\n        context.setDisplayValue(children);\n      }\n    }, [selected]);\n\n    // Register item value\n    React.useEffect(() => {\n      if (!value) return;\n\n      if (!disabled) {\n        const values = context.itemValues.current;\n        if (!values.includes(value)) values.push(value);\n      }\n\n      return () => {\n        const values = context.itemValues.current;\n        const index = values.indexOf(value);\n        if (index > -1) values.splice(index, 1);\n      };\n    }, [value, disabled]);\n\n    const itemIndex = value ? context.itemValues.current.indexOf(value) : -1;\n    const isHighlighted =\n      context.highlightedIndex >= 0 && context.highlightedIndex === itemIndex;\n\n    const handleClick = () => {\n      if (!disabled) {\n        if (value) {\n          context.onValueChange(value);\n          context.setDisplayValue(children);\n        }\n        context.onOpenChange(false);\n        context.triggerRef.current?.focus();\n      }\n    };\n\n    const handleMouseEnter = () => {\n      if (!disabled) context.setHighlightedIndex(itemIndex);\n    };\n\n    return (\n      <Box\n        ref={ref}\n        role=\"option\"\n        radius=\"none\"\n        aria-selected={selected}\n        aria-disabled={disabled}\n        data-variant={context.triggerVariant}\n        data-state={selected ? \"checked\" : \"unchecked\"}\n        data-highlighted={isHighlighted ? \"\" : undefined}\n        data-disabled={disabled ? \"\" : undefined}\n        className={clsx(\"select-item\", className)}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        {...rest}\n      >\n        <Box\n          style={{ width: 24, height: 24, justifyContent: \"center\" }}\n          className=\"flex items-center\"\n        >\n          {selected && <SelectItemIndicator />}\n        </Box>\n\n        <Text disabled={disabled}>{children}</Text>\n      </Box>\n    );\n  },\n);\nSelectItem.displayName = \"Select.Item\";\n\nexport { AllSelectItemProps, SelectItem, SelectItemProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0EM;AAxEN,kBAAiB;AACjB,YAAuB;AACvB,iCAAkC;AAClC,iBAAoB;AACpB,kBAAqB;AACrB,4BAAiC;AACjC,mCAAoC;AACpC,yBAGO;AASP,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,OAAO,QAAQ;AACd,UAAM,cAAU,wCAAiB;AACjC,UAAM,EAAE,OAAO,UAAU,UAAU,WAAW,GAAG,KAAK,QAAI;AAAA,MACxD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,WAAW,QAAQ,UAAU;AAGnC,UAAM,UAAU,MAAM;AACpB,UAAI,YAAY,UAAU;AACxB,gBAAQ,gBAAgB,QAAQ;AAAA,MAClC;AAAA,IACF,GAAG,CAAC,QAAQ,CAAC;AAGb,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,MAAO;AAEZ,UAAI,CAAC,UAAU;AACb,cAAM,SAAS,QAAQ,WAAW;AAClC,YAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO,KAAK,KAAK;AAAA,MAChD;AAEA,aAAO,MAAM;AACX,cAAM,SAAS,QAAQ,WAAW;AAClC,cAAM,QAAQ,OAAO,QAAQ,KAAK;AAClC,YAAI,QAAQ,GAAI,QAAO,OAAO,OAAO,CAAC;AAAA,MACxC;AAAA,IACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,UAAM,YAAY,QAAQ,QAAQ,WAAW,QAAQ,QAAQ,KAAK,IAAI;AACtE,UAAM,gBACJ,QAAQ,oBAAoB,KAAK,QAAQ,qBAAqB;AAEhE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,UAAU;AACb,YAAI,OAAO;AACT,kBAAQ,cAAc,KAAK;AAC3B,kBAAQ,gBAAgB,QAAQ;AAAA,QAClC;AACA,gBAAQ,aAAa,KAAK;AAC1B,gBAAQ,WAAW,SAAS,MAAM;AAAA,MACpC;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,CAAC,SAAU,SAAQ,oBAAoB,SAAS;AAAA,IACtD;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,gBAAc,QAAQ;AAAA,QACtB,cAAY,WAAW,YAAY;AAAA,QACnC,oBAAkB,gBAAgB,KAAK;AAAA,QACvC,iBAAe,WAAW,KAAK;AAAA,QAC/B,eAAW,YAAAA,SAAK,eAAe,SAAS;AAAA,QACxC,SAAS;AAAA,QACT,cAAc;AAAA,QACb,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,gBAAgB,SAAS;AAAA,cACzD,WAAU;AAAA,cAET,sBAAY,4CAAC,oDAAoB;AAAA;AAAA,UACpC;AAAA,UAEA,4CAAC,oBAAK,UAAqB,UAAS;AAAA;AAAA;AAAA,IACtC;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":["clsx"]}

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

@@ -0,0 +1,88 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { Box } from "../../box";
+import { Text } from "../../text";
+import { useSelectContext } from "../select-context";
+import { SelectItemIndicator } from "./select-item-indicator";
+import {
+  SelectItemPropDefs
+} from "./select-item.props";
+const SelectItem = React.forwardRef(
+  (props, ref) => {
+    const context = useSelectContext();
+    const { value, disabled, children, className, ...rest } = getComponentProps(
+      props,
+      SelectItemPropDefs
+    );
+    const selected = context.value === value;
+    React.useEffect(() => {
+      if (selected && children) {
+        context.setDisplayValue(children);
+      }
+    }, [selected]);
+    React.useEffect(() => {
+      if (!value) return;
+      if (!disabled) {
+        const values = context.itemValues.current;
+        if (!values.includes(value)) values.push(value);
+      }
+      return () => {
+        const values = context.itemValues.current;
+        const index = values.indexOf(value);
+        if (index > -1) values.splice(index, 1);
+      };
+    }, [value, disabled]);
+    const itemIndex = value ? context.itemValues.current.indexOf(value) : -1;
+    const isHighlighted = context.highlightedIndex >= 0 && context.highlightedIndex === itemIndex;
+    const handleClick = () => {
+      if (!disabled) {
+        if (value) {
+          context.onValueChange(value);
+          context.setDisplayValue(children);
+        }
+        context.onOpenChange(false);
+        context.triggerRef.current?.focus();
+      }
+    };
+    const handleMouseEnter = () => {
+      if (!disabled) context.setHighlightedIndex(itemIndex);
+    };
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref,
+        role: "option",
+        radius: "none",
+        "aria-selected": selected,
+        "aria-disabled": disabled,
+        "data-variant": context.triggerVariant,
+        "data-state": selected ? "checked" : "unchecked",
+        "data-highlighted": isHighlighted ? "" : void 0,
+        "data-disabled": disabled ? "" : void 0,
+        className: clsx("select-item", className),
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              style: { width: 24, height: 24, justifyContent: "center" },
+              className: "flex items-center",
+              children: selected && /* @__PURE__ */ jsx(SelectItemIndicator, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { disabled, children })
+        ]
+      }
+    );
+  }
+);
+SelectItem.displayName = "Select.Item";
+export {
+  SelectItem
+};
+//# sourceMappingURL=select-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/item/select-item.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Box } from \"../../box\";\nimport { Text } from \"../../text\";\nimport { useSelectContext } from \"../select-context\";\nimport { SelectItemIndicator } from \"./select-item-indicator\";\nimport {\n  SelectItemInternalProps,\n  SelectItemPropDefs,\n} from \"./select-item.props\";\n\ninterface AllSelectItemProps extends SelectItemInternalProps {}\n\ntype SelectItemProps = AllSelectItemProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\nconst SelectItem = React.forwardRef<HTMLDivElement, SelectItemProps>(\n  (props, ref) => {\n    const context = useSelectContext();\n    const { value, disabled, children, className, ...rest } = getComponentProps(\n      props,\n      SelectItemPropDefs,\n    );\n\n    const selected = context.value === value;\n\n    // Set display value if this item is already selected on mount\n    React.useEffect(() => {\n      if (selected && children) {\n        context.setDisplayValue(children);\n      }\n    }, [selected]);\n\n    // Register item value\n    React.useEffect(() => {\n      if (!value) return;\n\n      if (!disabled) {\n        const values = context.itemValues.current;\n        if (!values.includes(value)) values.push(value);\n      }\n\n      return () => {\n        const values = context.itemValues.current;\n        const index = values.indexOf(value);\n        if (index > -1) values.splice(index, 1);\n      };\n    }, [value, disabled]);\n\n    const itemIndex = value ? context.itemValues.current.indexOf(value) : -1;\n    const isHighlighted =\n      context.highlightedIndex >= 0 && context.highlightedIndex === itemIndex;\n\n    const handleClick = () => {\n      if (!disabled) {\n        if (value) {\n          context.onValueChange(value);\n          context.setDisplayValue(children);\n        }\n        context.onOpenChange(false);\n        context.triggerRef.current?.focus();\n      }\n    };\n\n    const handleMouseEnter = () => {\n      if (!disabled) context.setHighlightedIndex(itemIndex);\n    };\n\n    return (\n      <Box\n        ref={ref}\n        role=\"option\"\n        radius=\"none\"\n        aria-selected={selected}\n        aria-disabled={disabled}\n        data-variant={context.triggerVariant}\n        data-state={selected ? \"checked\" : \"unchecked\"}\n        data-highlighted={isHighlighted ? \"\" : undefined}\n        data-disabled={disabled ? \"\" : undefined}\n        className={clsx(\"select-item\", className)}\n        onClick={handleClick}\n        onMouseEnter={handleMouseEnter}\n        {...rest}\n      >\n        <Box\n          style={{ width: 24, height: 24, justifyContent: \"center\" }}\n          className=\"flex items-center\"\n        >\n          {selected && <SelectItemIndicator />}\n        </Box>\n\n        <Text disabled={disabled}>{children}</Text>\n      </Box>\n    );\n  },\n);\nSelectItem.displayName = \"Select.Item\";\n\nexport { AllSelectItemProps, SelectItem, SelectItemProps };\n"],"mappings":";AA0EM,SAmBiB,KAnBjB;AAxEN,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAClC,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC;AAAA,EAEE;AAAA,OACK;AASP,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,OAAO,QAAQ;AACd,UAAM,UAAU,iBAAiB;AACjC,UAAM,EAAE,OAAO,UAAU,UAAU,WAAW,GAAG,KAAK,IAAI;AAAA,MACxD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,WAAW,QAAQ,UAAU;AAGnC,UAAM,UAAU,MAAM;AACpB,UAAI,YAAY,UAAU;AACxB,gBAAQ,gBAAgB,QAAQ;AAAA,MAClC;AAAA,IACF,GAAG,CAAC,QAAQ,CAAC;AAGb,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,MAAO;AAEZ,UAAI,CAAC,UAAU;AACb,cAAM,SAAS,QAAQ,WAAW;AAClC,YAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO,KAAK,KAAK;AAAA,MAChD;AAEA,aAAO,MAAM;AACX,cAAM,SAAS,QAAQ,WAAW;AAClC,cAAM,QAAQ,OAAO,QAAQ,KAAK;AAClC,YAAI,QAAQ,GAAI,QAAO,OAAO,OAAO,CAAC;AAAA,MACxC;AAAA,IACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,UAAM,YAAY,QAAQ,QAAQ,WAAW,QAAQ,QAAQ,KAAK,IAAI;AACtE,UAAM,gBACJ,QAAQ,oBAAoB,KAAK,QAAQ,qBAAqB;AAEhE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,UAAU;AACb,YAAI,OAAO;AACT,kBAAQ,cAAc,KAAK;AAC3B,kBAAQ,gBAAgB,QAAQ;AAAA,QAClC;AACA,gBAAQ,aAAa,KAAK;AAC1B,gBAAQ,WAAW,SAAS,MAAM;AAAA,MACpC;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,CAAC,SAAU,SAAQ,oBAAoB,SAAS;AAAA,IACtD;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,gBAAc,QAAQ;AAAA,QACtB,cAAY,WAAW,YAAY;AAAA,QACnC,oBAAkB,gBAAgB,KAAK;AAAA,QACvC,iBAAe,WAAW,KAAK;AAAA,QAC/B,WAAW,KAAK,eAAe,SAAS;AAAA,QACxC,SAAS;AAAA,QACT,cAAc;AAAA,QACb,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,gBAAgB,SAAS;AAAA,cACzD,WAAU;AAAA,cAET,sBAAY,oBAAC,uBAAoB;AAAA;AAAA,UACpC;AAAA,UAEA,oBAAC,QAAK,UAAqB,UAAS;AAAA;AAAA;AAAA,IACtC;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}

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

@@ -0,0 +1,14 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const SelectItemPropDefs: {
+    readonly value: {
+        type: "string";
+    };
+    readonly disabled: {
+        type: "boolean";
+        default: false;
+    };
+};
+type SelectItemInternalProps = GetPropDefTypes<typeof SelectItemPropDefs>;
+
+export { type SelectItemInternalProps, SelectItemPropDefs };

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

@@ -0,0 +1,14 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const SelectItemPropDefs: {
+    readonly value: {
+        type: "string";
+    };
+    readonly disabled: {
+        type: "boolean";
+        default: false;
+    };
+};
+type SelectItemInternalProps = GetPropDefTypes<typeof SelectItemPropDefs>;
+
+export { type SelectItemInternalProps, SelectItemPropDefs };

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

@@ -0,0 +1,37 @@
+"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_item_props_exports = {};
+__export(select_item_props_exports, {
+  SelectItemPropDefs: () => SelectItemPropDefs
+});
+module.exports = __toCommonJS(select_item_props_exports);
+const SelectItemPropDefs = {
+  value: {
+    type: "string"
+  },
+  disabled: {
+    type: "boolean",
+    default: false
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectItemPropDefs
+});
+//# sourceMappingURL=select-item.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/item/select-item.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst SelectItemPropDefs = {\n  value: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  disabled: {\n    type: \"boolean\",\n    default: false,\n  } satisfies PropDef<boolean>,\n} as const;\n\ntype SelectItemInternalProps = GetPropDefTypes<typeof SelectItemPropDefs>;\n\nexport { SelectItemInternalProps, SelectItemPropDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,qBAAqB;AAAA,EACzB,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;","names":[]}

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

@@ -0,0 +1,13 @@
+const SelectItemPropDefs = {
+  value: {
+    type: "string"
+  },
+  disabled: {
+    type: "boolean",
+    default: false
+  }
+};
+export {
+  SelectItemPropDefs
+};
+//# sourceMappingURL=select-item.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/item/select-item.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst SelectItemPropDefs = {\n  value: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n\n  disabled: {\n    type: \"boolean\",\n    default: false,\n  } satisfies PropDef<boolean>,\n} as const;\n\ntype SelectItemInternalProps = GetPropDefTypes<typeof SelectItemPropDefs>;\n\nexport { SelectItemInternalProps, SelectItemPropDefs };\n"],"mappings":"AAEA,MAAM,qBAAqB;AAAA,EACzB,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;","names":[]}

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { SelectLabelInternalProps } from './select-label.props.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllSelectLabelProps extends SelectLabelInternalProps {
+}
+type SelectLabelProps = AllSelectLabelProps & Omit<React.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React.ReactNode;
+};
+/** Label for a select component. */
+declare const SelectLabel: React.ForwardRefExoticComponent<AllSelectLabelProps & Omit<React.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLLabelElement>>;
+
+export { type AllSelectLabelProps, SelectLabel, type SelectLabelProps };

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { SelectLabelInternalProps } from './select-label.props.js';
+import '../../../props/prop-def.js';
+
+interface AllSelectLabelProps extends SelectLabelInternalProps {
+}
+type SelectLabelProps = AllSelectLabelProps & Omit<React.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React.ReactNode;
+};
+/** Label for a select component. */
+declare const SelectLabel: React.ForwardRefExoticComponent<AllSelectLabelProps & Omit<React.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLLabelElement>>;
+
+export { type AllSelectLabelProps, SelectLabel, type SelectLabelProps };

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

@@ -0,0 +1,69 @@
+"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_label_exports = {};
+__export(select_label_exports, {
+  SelectLabel: () => SelectLabel
+});
+module.exports = __toCommonJS(select_label_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_text = require("../../text");
+var import_select_context = require("../select-context");
+var import_select_label = require("./select-label.props");
+const SelectLabel = React.forwardRef(
+  (props, ref) => {
+    const context = (0, import_select_context.useSelectContext)();
+    const { className, children, position, dataAttrs } = (0, import_get_component_props.getComponentProps)(
+      props,
+      import_select_label.SelectLabelPropDefs
+    );
+    React.useLayoutEffect(() => {
+      context.setLabelPosition?.(position ?? "top");
+    }, [position, context.setLabelPosition]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "label",
+      {
+        ref,
+        htmlFor: context.labelId,
+        className: (0, import_clsx.default)("select-label", className),
+        ...dataAttrs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { disabled: context.disabled, children })
+      }
+    );
+  }
+);
+SelectLabel.displayName = "Select.Label";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectLabel
+});
+//# sourceMappingURL=select-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/label/select-label.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Text } from \"../../text\";\nimport { useSelectContext } from \"../select-context\";\nimport {\n  SelectLabelInternalProps,\n  SelectLabelPropDefs,\n} from \"./select-label.props\";\n\ninterface AllSelectLabelProps extends SelectLabelInternalProps {}\n\ntype SelectLabelProps = AllSelectLabelProps &\n  Omit<React.HTMLAttributes<HTMLLabelElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Label for a select component. */\nconst SelectLabel = React.forwardRef<HTMLLabelElement, SelectLabelProps>(\n  (props, ref) => {\n    const context = useSelectContext();\n    const { className, children, position, dataAttrs } = getComponentProps(\n      props,\n      SelectLabelPropDefs,\n    );\n\n    React.useLayoutEffect(() => {\n      context.setLabelPosition?.(position ?? \"top\");\n    }, [position, context.setLabelPosition]);\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={context.labelId}\n        className={clsx(\"select-label\", className)}\n        {...dataAttrs}\n      >\n        <Text disabled={context.disabled}>{children}</Text>\n      </label>\n    );\n  },\n);\nSelectLabel.displayName = \"Select.Label\";\n\nexport { AllSelectLabelProps, SelectLabel, SelectLabelProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AArCR,kBAAiB;AACjB,YAAuB;AACvB,iCAAkC;AAClC,kBAAqB;AACrB,4BAAiC;AACjC,0BAGO;AAUP,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ;AACd,UAAM,cAAU,wCAAiB;AACjC,UAAM,EAAE,WAAW,UAAU,UAAU,UAAU,QAAI;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,gBAAgB,MAAM;AAC1B,cAAQ,mBAAmB,YAAY,KAAK;AAAA,IAC9C,GAAG,CAAC,UAAU,QAAQ,gBAAgB,CAAC;AAEvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,QAAQ;AAAA,QACjB,eAAW,YAAAA,SAAK,gBAAgB,SAAS;AAAA,QACxC,GAAG;AAAA,QAEJ,sDAAC,oBAAK,UAAU,QAAQ,UAAW,UAAS;AAAA;AAAA,IAC9C;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":["clsx"]}

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

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { Text } from "../../text";
+import { useSelectContext } from "../select-context";
+import {
+  SelectLabelPropDefs
+} from "./select-label.props";
+const SelectLabel = React.forwardRef(
+  (props, ref) => {
+    const context = useSelectContext();
+    const { className, children, position, dataAttrs } = getComponentProps(
+      props,
+      SelectLabelPropDefs
+    );
+    React.useLayoutEffect(() => {
+      context.setLabelPosition?.(position ?? "top");
+    }, [position, context.setLabelPosition]);
+    return /* @__PURE__ */ jsx(
+      "label",
+      {
+        ref,
+        htmlFor: context.labelId,
+        className: clsx("select-label", className),
+        ...dataAttrs,
+        children: /* @__PURE__ */ jsx(Text, { disabled: context.disabled, children })
+      }
+    );
+  }
+);
+SelectLabel.displayName = "Select.Label";
+export {
+  SelectLabel
+};
+//# sourceMappingURL=select-label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/label/select-label.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { Text } from \"../../text\";\nimport { useSelectContext } from \"../select-context\";\nimport {\n  SelectLabelInternalProps,\n  SelectLabelPropDefs,\n} from \"./select-label.props\";\n\ninterface AllSelectLabelProps extends SelectLabelInternalProps {}\n\ntype SelectLabelProps = AllSelectLabelProps &\n  Omit<React.HTMLAttributes<HTMLLabelElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Label for a select component. */\nconst SelectLabel = React.forwardRef<HTMLLabelElement, SelectLabelProps>(\n  (props, ref) => {\n    const context = useSelectContext();\n    const { className, children, position, dataAttrs } = getComponentProps(\n      props,\n      SelectLabelPropDefs,\n    );\n\n    React.useLayoutEffect(() => {\n      context.setLabelPosition?.(position ?? \"top\");\n    }, [position, context.setLabelPosition]);\n\n    return (\n      <label\n        ref={ref}\n        htmlFor={context.labelId}\n        className={clsx(\"select-label\", className)}\n        {...dataAttrs}\n      >\n        <Text disabled={context.disabled}>{children}</Text>\n      </label>\n    );\n  },\n);\nSelectLabel.displayName = \"Select.Label\";\n\nexport { AllSelectLabelProps, SelectLabel, SelectLabelProps };\n"],"mappings":";AAuCQ;AArCR,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAClC,SAAS,YAAY;AACrB,SAAS,wBAAwB;AACjC;AAAA,EAEE;AAAA,OACK;AAUP,MAAM,cAAc,MAAM;AAAA,EACxB,CAAC,OAAO,QAAQ;AACd,UAAM,UAAU,iBAAiB;AACjC,UAAM,EAAE,WAAW,UAAU,UAAU,UAAU,IAAI;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,gBAAgB,MAAM;AAC1B,cAAQ,mBAAmB,YAAY,KAAK;AAAA,IAC9C,GAAG,CAAC,UAAU,QAAQ,gBAAgB,CAAC;AAEvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,QAAQ;AAAA,QACjB,WAAW,KAAK,gBAAgB,SAAS;AAAA,QACxC,GAAG;AAAA,QAEJ,8BAAC,QAAK,UAAU,QAAQ,UAAW,UAAS;AAAA;AAAA,IAC9C;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}

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

@@ -0,0 +1,15 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const labelPositions: readonly ["top", "left", "inside"];
+type LabelPosition = (typeof labelPositions)[number];
+declare const SelectLabelPropDefs: {
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "inside"];
+        default: "top";
+        dataAttr: string;
+    };
+};
+type SelectLabelInternalProps = GetPropDefTypes<typeof SelectLabelPropDefs>;
+
+export { type LabelPosition, type SelectLabelInternalProps, SelectLabelPropDefs, labelPositions };

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

@@ -0,0 +1,15 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const labelPositions: readonly ["top", "left", "inside"];
+type LabelPosition = (typeof labelPositions)[number];
+declare const SelectLabelPropDefs: {
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "inside"];
+        default: "top";
+        dataAttr: string;
+    };
+};
+type SelectLabelInternalProps = GetPropDefTypes<typeof SelectLabelPropDefs>;
+
+export { type LabelPosition, type SelectLabelInternalProps, SelectLabelPropDefs, labelPositions };

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

@@ -0,0 +1,39 @@
+"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_label_props_exports = {};
+__export(select_label_props_exports, {
+  SelectLabelPropDefs: () => SelectLabelPropDefs,
+  labelPositions: () => labelPositions
+});
+module.exports = __toCommonJS(select_label_props_exports);
+const labelPositions = ["top", "left", "inside"];
+const SelectLabelPropDefs = {
+  position: {
+    type: "enum",
+    values: labelPositions,
+    default: "top",
+    dataAttr: "position"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectLabelPropDefs,
+  labelPositions
+});
+//# sourceMappingURL=select-label.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/label/select-label.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst labelPositions = [\"top\", \"left\", \"inside\"] as const;\ntype LabelPosition = (typeof labelPositions)[number];\n\nconst SelectLabelPropDefs = {\n  position: {\n    type: \"enum\",\n    values: labelPositions,\n    default: \"top\",\n    dataAttr: \"position\",\n  } satisfies PropDef<LabelPosition>,\n} as const;\n\ntype SelectLabelInternalProps = GetPropDefTypes<typeof SelectLabelPropDefs>;\n\nexport {\n  LabelPosition,\n  labelPositions,\n  SelectLabelInternalProps,\n  SelectLabelPropDefs,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,iBAAiB,CAAC,OAAO,QAAQ,QAAQ;AAG/C,MAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;","names":[]}

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

@@ -0,0 +1,14 @@
+const labelPositions = ["top", "left", "inside"];
+const SelectLabelPropDefs = {
+  position: {
+    type: "enum",
+    values: labelPositions,
+    default: "top",
+    dataAttr: "position"
+  }
+};
+export {
+  SelectLabelPropDefs,
+  labelPositions
+};
+//# sourceMappingURL=select-label.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/label/select-label.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst labelPositions = [\"top\", \"left\", \"inside\"] as const;\ntype LabelPosition = (typeof labelPositions)[number];\n\nconst SelectLabelPropDefs = {\n  position: {\n    type: \"enum\",\n    values: labelPositions,\n    default: \"top\",\n    dataAttr: \"position\",\n  } satisfies PropDef<LabelPosition>,\n} as const;\n\ntype SelectLabelInternalProps = GetPropDefTypes<typeof SelectLabelPropDefs>;\n\nexport {\n  LabelPosition,\n  labelPositions,\n  SelectLabelInternalProps,\n  SelectLabelPropDefs,\n};\n"],"mappings":"AAEA,MAAM,iBAAiB,CAAC,OAAO,QAAQ,QAAQ;AAG/C,MAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF;","names":[]}

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, FC } from 'react';
+import { MarginProps } from '../../../props/margin.prop.mjs';
+import { RadiusProps } from '../../../props/radius.prop.mjs';
+import { WithStrictChildren } from '../../../utils/filter-children.mjs';
+import { SelectContentProps } from '../content/select-content.mjs';
+import { SelectLabelProps } from '../label/select-label.mjs';
+import { SelectTriggerProps } from '../trigger/select-trigger.mjs';
+import { SelectRootInternalProps } from './select-root.props.mjs';
+import '../../../props/prop-def.mjs';
+import '../../../props/spacing.prop.mjs';
+import '../content/select-content.props.mjs';
+import '../label/select-label.props.mjs';
+import '../../../props/roundness.prop.mjs';
+import '../trigger/select-trigger.props.mjs';
+
+interface AllSelectRootProps extends SelectRootInternalProps, MarginProps, RadiusProps {
+}
+type SelectRootProps = AllSelectRootProps & WithStrictChildren<HTMLAttributes<HTMLSelectElement>, SelectLabelProps | SelectTriggerProps | SelectContentProps>;
+declare const SelectRoot: FC<SelectRootProps>;
+
+export { type AllSelectRootProps, SelectRoot, type SelectRootProps };

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, FC } from 'react';
+import { MarginProps } from '../../../props/margin.prop.js';
+import { RadiusProps } from '../../../props/radius.prop.js';
+import { WithStrictChildren } from '../../../utils/filter-children.js';
+import { SelectContentProps } from '../content/select-content.js';
+import { SelectLabelProps } from '../label/select-label.js';
+import { SelectTriggerProps } from '../trigger/select-trigger.js';
+import { SelectRootInternalProps } from './select-root.props.js';
+import '../../../props/prop-def.js';
+import '../../../props/spacing.prop.js';
+import '../content/select-content.props.js';
+import '../label/select-label.props.js';
+import '../../../props/roundness.prop.js';
+import '../trigger/select-trigger.props.js';
+
+interface AllSelectRootProps extends SelectRootInternalProps, MarginProps, RadiusProps {
+}
+type SelectRootProps = AllSelectRootProps & WithStrictChildren<HTMLAttributes<HTMLSelectElement>, SelectLabelProps | SelectTriggerProps | SelectContentProps>;
+declare const SelectRoot: FC<SelectRootProps>;
+
+export { type AllSelectRootProps, SelectRoot, type SelectRootProps };