@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/trigger/select-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { RadiusProps, RoundnessProp } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useSelectContext } from \"../select-context\";\nimport { useComposedRefs } from \"../utils/user-composed-refs\";\nimport { SelectValue } from \"../value/select-value\";\nimport { SelectTriggerIcon } from \"./select-trigger-icon\";\nimport {\n  SelectTriggerInternalProps,\n  SelectTriggerPropsDefs,\n} from \"./select-trigger.props\";\n\ninterface AllSelectTriggerProps\n  extends SelectTriggerInternalProps, RadiusProps, RoundnessProp {}\n\ntype SelectTriggerProps = AllSelectTriggerProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> & {\n    asChild?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      disabled: disabledProp,\n      dataAttrs,\n    } = getComponentProps(props, SelectTriggerPropsDefs);\n    const context = useSelectContext();\n\n    const disabled = disabledProp ?? context.disabled;\n    const isInsideLabel = context.labelPosition === \"inside\";\n\n    const composedRef = useComposedRefs(forwardedRef, context.triggerRef);\n\n    const handleClick = () => {\n      if (!disabled) {\n        context.onOpenChange(!context.open);\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      switch (event.key) {\n        case \"Enter\":\n        case \" \":\n        case \"ArrowDown\":\n        case \"ArrowUp\":\n          event.preventDefault();\n          context.onOpenChange(true);\n          break;\n      }\n    };\n\n    // When label is inside, render as a div since root is the button\n    if (isInsideLabel) {\n      return (\n        <div\n          ref={composedRef as React.Ref<HTMLDivElement>}\n          data-state={context.open ? \"open\" : \"closed\"}\n          data-disabled={disabled ? \"\" : undefined}\n          data-variant={context.triggerVariant}\n          className={clsx(\"select-trigger\", className)}\n          {...dataAttrs}\n        >\n          <SelectValue />\n          <SelectTriggerIcon />\n        </div>\n      );\n    }\n\n    return (\n      <button\n        ref={composedRef}\n        type=\"button\"\n        role=\"combobox\"\n        aria-expanded={context.open}\n        aria-haspopup=\"listbox\"\n        aria-disabled={disabled}\n        disabled={disabled}\n        data-state={context.open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        className={clsx(\"select-trigger\", className)}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        data-variant={context.triggerVariant}\n        {...dataAttrs}\n      >\n        <SelectValue />\n\n        <SelectTriggerIcon />\n      </button>\n    );\n  },\n);\nSelectTrigger.displayName = \"Select.Trigger\";\n\nexport { AllSelectTriggerProps, SelectTrigger, SelectTriggerProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DQ;AA3DR,kBAAiB;AACjB,YAAuB;AAEvB,iCAAkC;AAClC,4BAAiC;AACjC,gCAAgC;AAChC,0BAA4B;AAC5B,iCAAkC;AAClC,4BAGO;AAWP,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IACF,QAAI,8CAAkB,OAAO,4CAAsB;AACnD,UAAM,cAAU,wCAAiB;AAEjC,UAAM,WAAW,gBAAgB,QAAQ;AACzC,UAAM,gBAAgB,QAAQ,kBAAkB;AAEhD,UAAM,kBAAc,2CAAgB,cAAc,QAAQ,UAAU;AAEpE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,UAAU;AACb,gBAAQ,aAAa,CAAC,QAAQ,IAAI;AAAA,MACpC;AAAA,IACF;AAEA,UAAM,gBAAgB,CAAC,UAA+B;AACpD,UAAI,SAAU;AAEd,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,gBAAM,eAAe;AACrB,kBAAQ,aAAa,IAAI;AACzB;AAAA,MACJ;AAAA,IACF;AAGA,QAAI,eAAe;AACjB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,cAAY,QAAQ,OAAO,SAAS;AAAA,UACpC,iBAAe,WAAW,KAAK;AAAA,UAC/B,gBAAc,QAAQ;AAAA,UACtB,eAAW,YAAAA,SAAK,kBAAkB,SAAS;AAAA,UAC1C,GAAG;AAAA,UAEJ;AAAA,wDAAC,mCAAY;AAAA,YACb,4CAAC,gDAAkB;AAAA;AAAA;AAAA,MACrB;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,MAAK;AAAA,QACL,iBAAe,QAAQ;AAAA,QACvB,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf;AAAA,QACA,cAAY,QAAQ,OAAO,SAAS;AAAA,QACpC,iBAAe,WAAW,KAAK;AAAA,QAC/B,eAAW,YAAAA,SAAK,kBAAkB,SAAS;AAAA,QAC3C,SAAS;AAAA,QACT,WAAW;AAAA,QACX,gBAAc,QAAQ;AAAA,QACrB,GAAG;AAAA,QAEJ;AAAA,sDAAC,mCAAY;AAAA,UAEb,4CAAC,gDAAkB;AAAA;AAAA;AAAA,IACrB;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":["clsx"]}

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

@@ -0,0 +1,87 @@
+"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 { useSelectContext } from "../select-context";
+import { useComposedRefs } from "../utils/user-composed-refs";
+import { SelectValue } from "../value/select-value";
+import { SelectTriggerIcon } from "./select-trigger-icon";
+import {
+  SelectTriggerPropsDefs
+} from "./select-trigger.props";
+const SelectTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      className,
+      disabled: disabledProp,
+      dataAttrs
+    } = getComponentProps(props, SelectTriggerPropsDefs);
+    const context = useSelectContext();
+    const disabled = disabledProp ?? context.disabled;
+    const isInsideLabel = context.labelPosition === "inside";
+    const composedRef = 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__ */ jsxs(
+        "div",
+        {
+          ref: composedRef,
+          "data-state": context.open ? "open" : "closed",
+          "data-disabled": disabled ? "" : void 0,
+          "data-variant": context.triggerVariant,
+          className: clsx("select-trigger", className),
+          ...dataAttrs,
+          children: [
+            /* @__PURE__ */ jsx(SelectValue, {}),
+            /* @__PURE__ */ jsx(SelectTriggerIcon, {})
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ 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: clsx("select-trigger", className),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        "data-variant": context.triggerVariant,
+        ...dataAttrs,
+        children: [
+          /* @__PURE__ */ jsx(SelectValue, {}),
+          /* @__PURE__ */ jsx(SelectTriggerIcon, {})
+        ]
+      }
+    );
+  }
+);
+SelectTrigger.displayName = "Select.Trigger";
+export {
+  SelectTrigger
+};
+//# sourceMappingURL=select-trigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/trigger/select-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { RadiusProps, RoundnessProp } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useSelectContext } from \"../select-context\";\nimport { useComposedRefs } from \"../utils/user-composed-refs\";\nimport { SelectValue } from \"../value/select-value\";\nimport { SelectTriggerIcon } from \"./select-trigger-icon\";\nimport {\n  SelectTriggerInternalProps,\n  SelectTriggerPropsDefs,\n} from \"./select-trigger.props\";\n\ninterface AllSelectTriggerProps\n  extends SelectTriggerInternalProps, RadiusProps, RoundnessProp {}\n\ntype SelectTriggerProps = AllSelectTriggerProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> & {\n    asChild?: boolean;\n    children?: React.ReactNode;\n  };\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      disabled: disabledProp,\n      dataAttrs,\n    } = getComponentProps(props, SelectTriggerPropsDefs);\n    const context = useSelectContext();\n\n    const disabled = disabledProp ?? context.disabled;\n    const isInsideLabel = context.labelPosition === \"inside\";\n\n    const composedRef = useComposedRefs(forwardedRef, context.triggerRef);\n\n    const handleClick = () => {\n      if (!disabled) {\n        context.onOpenChange(!context.open);\n      }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      switch (event.key) {\n        case \"Enter\":\n        case \" \":\n        case \"ArrowDown\":\n        case \"ArrowUp\":\n          event.preventDefault();\n          context.onOpenChange(true);\n          break;\n      }\n    };\n\n    // When label is inside, render as a div since root is the button\n    if (isInsideLabel) {\n      return (\n        <div\n          ref={composedRef as React.Ref<HTMLDivElement>}\n          data-state={context.open ? \"open\" : \"closed\"}\n          data-disabled={disabled ? \"\" : undefined}\n          data-variant={context.triggerVariant}\n          className={clsx(\"select-trigger\", className)}\n          {...dataAttrs}\n        >\n          <SelectValue />\n          <SelectTriggerIcon />\n        </div>\n      );\n    }\n\n    return (\n      <button\n        ref={composedRef}\n        type=\"button\"\n        role=\"combobox\"\n        aria-expanded={context.open}\n        aria-haspopup=\"listbox\"\n        aria-disabled={disabled}\n        disabled={disabled}\n        data-state={context.open ? \"open\" : \"closed\"}\n        data-disabled={disabled ? \"\" : undefined}\n        className={clsx(\"select-trigger\", className)}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        data-variant={context.triggerVariant}\n        {...dataAttrs}\n      >\n        <SelectValue />\n\n        <SelectTriggerIcon />\n      </button>\n    );\n  },\n);\nSelectTrigger.displayName = \"Select.Trigger\";\n\nexport { AllSelectTriggerProps, SelectTrigger, SelectTriggerProps };\n"],"mappings":";AA6DQ,SAQE,KARF;AA3DR,OAAO,UAAU;AACjB,YAAY,WAAW;AAEvB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC;AAAA,EAEE;AAAA,OACK;AAWP,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IACF,IAAI,kBAAkB,OAAO,sBAAsB;AACnD,UAAM,UAAU,iBAAiB;AAEjC,UAAM,WAAW,gBAAgB,QAAQ;AACzC,UAAM,gBAAgB,QAAQ,kBAAkB;AAEhD,UAAM,cAAc,gBAAgB,cAAc,QAAQ,UAAU;AAEpE,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,UAAU;AACb,gBAAQ,aAAa,CAAC,QAAQ,IAAI;AAAA,MACpC;AAAA,IACF;AAEA,UAAM,gBAAgB,CAAC,UAA+B;AACpD,UAAI,SAAU;AAEd,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,gBAAM,eAAe;AACrB,kBAAQ,aAAa,IAAI;AACzB;AAAA,MACJ;AAAA,IACF;AAGA,QAAI,eAAe;AACjB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,cAAY,QAAQ,OAAO,SAAS;AAAA,UACpC,iBAAe,WAAW,KAAK;AAAA,UAC/B,gBAAc,QAAQ;AAAA,UACtB,WAAW,KAAK,kBAAkB,SAAS;AAAA,UAC1C,GAAG;AAAA,UAEJ;AAAA,gCAAC,eAAY;AAAA,YACb,oBAAC,qBAAkB;AAAA;AAAA;AAAA,MACrB;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,MAAK;AAAA,QACL,iBAAe,QAAQ;AAAA,QACvB,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf;AAAA,QACA,cAAY,QAAQ,OAAO,SAAS;AAAA,QACpC,iBAAe,WAAW,KAAK;AAAA,QAC/B,WAAW,KAAK,kBAAkB,SAAS;AAAA,QAC3C,SAAS;AAAA,QACT,WAAW;AAAA,QACX,gBAAc,QAAQ;AAAA,QACrB,GAAG;AAAA,QAEJ;AAAA,8BAAC,eAAY;AAAA,UAEb,oBAAC,qBAAkB;AAAA;AAAA;AAAA,IACrB;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

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

@@ -0,0 +1,7 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+type SelectTriggerVariant = "outlined" | "solid" | "clear";
+declare const SelectTriggerPropsDefs: {};
+type SelectTriggerInternalProps = GetPropDefTypes<typeof SelectTriggerPropsDefs>;
+
+export { type SelectTriggerInternalProps, SelectTriggerPropsDefs, type SelectTriggerVariant };

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

@@ -0,0 +1,7 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+type SelectTriggerVariant = "outlined" | "solid" | "clear";
+declare const SelectTriggerPropsDefs: {};
+type SelectTriggerInternalProps = GetPropDefTypes<typeof SelectTriggerPropsDefs>;
+
+export { type SelectTriggerInternalProps, SelectTriggerPropsDefs, type SelectTriggerVariant };

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

@@ -0,0 +1,29 @@
+"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_trigger_props_exports = {};
+__export(select_trigger_props_exports, {
+  SelectTriggerPropsDefs: () => SelectTriggerPropsDefs
+});
+module.exports = __toCommonJS(select_trigger_props_exports);
+const SelectTriggerPropsDefs = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectTriggerPropsDefs
+});
+//# sourceMappingURL=select-trigger.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/trigger/select-trigger.props.ts"],"sourcesContent":["import { GetPropDefTypes } from \"../../../props/prop-def\";\n\ntype SelectTriggerVariant = \"outlined\" | \"solid\" | \"clear\";\n\nconst SelectTriggerPropsDefs = {} as const;\n\ntype SelectTriggerInternalProps = GetPropDefTypes<\n  typeof SelectTriggerPropsDefs\n>;\n\nexport {\n  SelectTriggerInternalProps,\n  SelectTriggerPropsDefs,\n  SelectTriggerVariant,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,MAAM,yBAAyB,CAAC;","names":[]}

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

@@ -0,0 +1,5 @@
+const SelectTriggerPropsDefs = {};
+export {
+  SelectTriggerPropsDefs
+};
+//# sourceMappingURL=select-trigger.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/trigger/select-trigger.props.ts"],"sourcesContent":["import { GetPropDefTypes } from \"../../../props/prop-def\";\n\ntype SelectTriggerVariant = \"outlined\" | \"solid\" | \"clear\";\n\nconst SelectTriggerPropsDefs = {} as const;\n\ntype SelectTriggerInternalProps = GetPropDefTypes<\n  typeof SelectTriggerPropsDefs\n>;\n\nexport {\n  SelectTriggerInternalProps,\n  SelectTriggerPropsDefs,\n  SelectTriggerVariant,\n};\n"],"mappings":"AAIA,MAAM,yBAAyB,CAAC;","names":[]}

package/dist/components/select/utils/user-composed-refs.d.mts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function useComposedRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+
+export { useComposedRefs };

package/dist/components/select/utils/user-composed-refs.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function useComposedRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+
+export { useComposedRefs };

package/dist/components/select/utils/user-composed-refs.js

@@ -0,0 +1,53 @@
+"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 user_composed_refs_exports = {};
+__export(user_composed_refs_exports, {
+  useComposedRefs: () => useComposedRefs
+});
+module.exports = __toCommonJS(user_composed_refs_exports);
+var React = __toESM(require("react"));
+function useComposedRefs(...refs) {
+  return React.useCallback(
+    (node) => {
+      refs.forEach((ref) => {
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref != null) {
+          ref.current = node;
+        }
+      });
+    },
+    [refs]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useComposedRefs
+});
+//# sourceMappingURL=user-composed-refs.js.map

package/dist/components/select/utils/user-composed-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/utils/user-composed-refs.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function useComposedRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return React.useCallback(\n    (node: T) => {\n      refs.forEach((ref) => {\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref != null) {\n          (ref as React.RefObject<T>).current = node;\n        }\n      });\n    },\n    [refs]\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AAEhB,SAAS,mBACX,MACmB;AACtB,SAAO,MAAM;AAAA,IACX,CAAC,SAAY;AACX,WAAK,QAAQ,CAAC,QAAQ;AACpB,YAAI,OAAO,QAAQ,YAAY;AAC7B,cAAI,IAAI;AAAA,QACV,WAAW,OAAO,MAAM;AACtB,UAAC,IAA2B,UAAU;AAAA,QACxC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AACF;","names":[]}

package/dist/components/select/utils/user-composed-refs.mjs

@@ -0,0 +1,19 @@
+import * as React from "react";
+function useComposedRefs(...refs) {
+  return React.useCallback(
+    (node) => {
+      refs.forEach((ref) => {
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref != null) {
+          ref.current = node;
+        }
+      });
+    },
+    [refs]
+  );
+}
+export {
+  useComposedRefs
+};
+//# sourceMappingURL=user-composed-refs.mjs.map

package/dist/components/select/utils/user-composed-refs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/utils/user-composed-refs.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function useComposedRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return React.useCallback(\n    (node: T) => {\n      refs.forEach((ref) => {\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref != null) {\n          (ref as React.RefObject<T>).current = node;\n        }\n      });\n    },\n    [refs]\n  );\n}\n"],"mappings":"AAAA,YAAY,WAAW;AAEhB,SAAS,mBACX,MACmB;AACtB,SAAO,MAAM;AAAA,IACX,CAAC,SAAY;AACX,WAAK,QAAQ,CAAC,QAAQ;AACpB,YAAI,OAAO,QAAQ,YAAY;AAC7B,cAAI,IAAI;AAAA,QACV,WAAW,OAAO,MAAM;AACtB,UAAC,IAA2B,UAAU;AAAA,QACxC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AACF;","names":[]}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface SelectValueProps extends React.HTMLAttributes<HTMLSpanElement> {
+    placeholder?: string;
+}
+declare const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { SelectValue, type SelectValueProps };

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface SelectValueProps extends React.HTMLAttributes<HTMLSpanElement> {
+    placeholder?: string;
+}
+declare const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { SelectValue, type SelectValueProps };

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

@@ -0,0 +1,61 @@
+"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_value_exports = {};
+__export(select_value_exports, {
+  SelectValue: () => SelectValue
+});
+module.exports = __toCommonJS(select_value_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+var import_text = require("../../text");
+var import_select_context = require("../select-context");
+const SelectValue = React.forwardRef(
+  (props, ref) => {
+    const { className, placeholder: placeholderProp, ...rest } = props;
+    const context = (0, import_select_context.useSelectContext)();
+    const placeholder = placeholderProp ?? context.placeholder;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "span",
+      {
+        ref,
+        className: (0, import_clsx.default)("select-value", className),
+        "data-placeholder": !context.value ? "" : void 0,
+        ...rest,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { disabled: context.disabled, children: context.displayValue || placeholder })
+      }
+    );
+  }
+);
+SelectValue.displayName = "Select.Value";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectValue
+});
+//# sourceMappingURL=select-value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/value/select-value.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport { Text } from \"../../text\";\nimport { useSelectContext } from \"../select-context\";\n\nexport interface SelectValueProps\n  extends React.HTMLAttributes<HTMLSpanElement> {\n  placeholder?: string;\n}\n\nexport const SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(\n  (props, ref) => {\n    const { className, placeholder: placeholderProp, ...rest } = props;\n    const context = useSelectContext();\n    const placeholder = placeholderProp ?? context.placeholder;\n\n    return (\n      <span\n        ref={ref}\n        className={clsx(\"select-value\", className)}\n        data-placeholder={!context.value ? \"\" : undefined}\n        {...rest}\n      >\n        <Text disabled={context.disabled}>\n          {context.displayValue || placeholder}\n        </Text>\n      </span>\n    );\n  }\n);\nSelectValue.displayName = \"Select.Value\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBQ;AAvBR,kBAAiB;AACjB,YAAuB;AACvB,kBAAqB;AACrB,4BAAiC;AAO1B,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,aAAa,iBAAiB,GAAG,KAAK,IAAI;AAC7D,UAAM,cAAU,wCAAiB;AACjC,UAAM,cAAc,mBAAmB,QAAQ;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAA,SAAK,gBAAgB,SAAS;AAAA,QACzC,oBAAkB,CAAC,QAAQ,QAAQ,KAAK;AAAA,QACvC,GAAG;AAAA,QAEJ,sDAAC,oBAAK,UAAU,QAAQ,UACrB,kBAAQ,gBAAgB,aAC3B;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":["clsx"]}

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

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+import { Text } from "../../text";
+import { useSelectContext } from "../select-context";
+const SelectValue = React.forwardRef(
+  (props, ref) => {
+    const { className, placeholder: placeholderProp, ...rest } = props;
+    const context = useSelectContext();
+    const placeholder = placeholderProp ?? context.placeholder;
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: clsx("select-value", className),
+        "data-placeholder": !context.value ? "" : void 0,
+        ...rest,
+        children: /* @__PURE__ */ jsx(Text, { disabled: context.disabled, children: context.displayValue || placeholder })
+      }
+    );
+  }
+);
+SelectValue.displayName = "Select.Value";
+export {
+  SelectValue
+};
+//# sourceMappingURL=select-value.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/value/select-value.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport { Text } from \"../../text\";\nimport { useSelectContext } from \"../select-context\";\n\nexport interface SelectValueProps\n  extends React.HTMLAttributes<HTMLSpanElement> {\n  placeholder?: string;\n}\n\nexport const SelectValue = React.forwardRef<HTMLSpanElement, SelectValueProps>(\n  (props, ref) => {\n    const { className, placeholder: placeholderProp, ...rest } = props;\n    const context = useSelectContext();\n    const placeholder = placeholderProp ?? context.placeholder;\n\n    return (\n      <span\n        ref={ref}\n        className={clsx(\"select-value\", className)}\n        data-placeholder={!context.value ? \"\" : undefined}\n        {...rest}\n      >\n        <Text disabled={context.disabled}>\n          {context.displayValue || placeholder}\n        </Text>\n      </span>\n    );\n  }\n);\nSelectValue.displayName = \"Select.Value\";\n"],"mappings":"AAuBQ;AAvBR,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAO1B,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,aAAa,iBAAiB,GAAG,KAAK,IAAI;AAC7D,UAAM,UAAU,iBAAiB;AACjC,UAAM,cAAc,mBAAmB,QAAQ;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,gBAAgB,SAAS;AAAA,QACzC,oBAAkB,CAAC,QAAQ,QAAQ,KAAK;AAAA,QACvC,GAAG;AAAA,QAEJ,8BAAC,QAAK,UAAU,QAAQ,UACrB,kBAAQ,gBAAgB,aAC3B;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;","names":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/viewport/select-viewport.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\n\ninterface SelectViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SelectViewport = React.forwardRef<HTMLDivElement, SelectViewportProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n\n    return (\n      <div ref={ref} className={clsx(\"select-viewport\", className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\nSelectViewport.displayName = \"Select.Viewport\";\n\nexport { SelectViewport, SelectViewportProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM;AAVN,kBAAiB;AACjB,YAAuB;AAIvB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,UAAU,GAAG,KAAK,IAAI;AAEzC,WACE,4CAAC,SAAI,KAAU,eAAW,YAAAA,SAAK,mBAAmB,SAAS,GAAI,GAAG,MAC/D,UACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":["clsx"]}

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

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+const SelectViewport = React.forwardRef(
+  (props, ref) => {
+    const { className, children, ...rest } = props;
+    return /* @__PURE__ */ jsx("div", { ref, className: clsx("select-viewport", className), ...rest, children });
+  }
+);
+SelectViewport.displayName = "Select.Viewport";
+export {
+  SelectViewport
+};
+//# sourceMappingURL=select-viewport.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/viewport/select-viewport.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\n\ninterface SelectViewportProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SelectViewport = React.forwardRef<HTMLDivElement, SelectViewportProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n\n    return (\n      <div ref={ref} className={clsx(\"select-viewport\", className)} {...rest}>\n        {children}\n      </div>\n    );\n  },\n);\nSelectViewport.displayName = \"Select.Viewport\";\n\nexport { SelectViewport, SelectViewportProps };\n"],"mappings":";AAYM;AAVN,OAAO,UAAU;AACjB,YAAY,WAAW;AAIvB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,UAAU,GAAG,KAAK,IAAI;AAEzC,WACE,oBAAC,SAAI,KAAU,WAAW,KAAK,mBAAmB,SAAS,GAAI,GAAG,MAC/D,UACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}

package/dist/components/separator/index.d.mts

@@ -0,0 +1,6 @@
+export { Separator } from './separator.mjs';
+import 'react';
+import '../../props/margin.prop.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/padding.prop.mjs';
+import './separator.props.mjs';

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

@@ -0,0 +1,6 @@
+export { Separator } from './separator.js';
+import 'react';
+import '../../props/margin.prop.js';
+import '../../props/prop-def.js';
+import '../../props/padding.prop.js';
+import './separator.props.js';

package/dist/components/separator/index.js

@@ -0,0 +1,29 @@
+"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 separator_exports = {};
+__export(separator_exports, {
+  Separator: () => import_separator.Separator
+});
+module.exports = __toCommonJS(separator_exports);
+var import_separator = require("./separator");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Separator
+});
+//# sourceMappingURL=index.js.map

package/dist/components/separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/separator/index.ts"],"sourcesContent":["export { Separator } from \"./separator\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;","names":[]}

package/dist/components/separator/index.mjs

@@ -0,0 +1,5 @@
+import { Separator } from "./separator";
+export {
+  Separator
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/separator/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/separator/index.ts"],"sourcesContent":["export { Separator } from \"./separator\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

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

@@ -0,0 +1,15 @@
+import React__default, { FC } from 'react';
+import { MarginProps } from '../../props/margin.prop.mjs';
+import { PaddingProps } from '../../props/padding.prop.mjs';
+import { SeparatorInternalProps } from './separator.props.mjs';
+import '../../props/prop-def.mjs';
+
+interface AllSeparatorProps extends SeparatorInternalProps, MarginProps, PaddingProps {
+}
+type SeparatorProps = AllSeparatorProps & React__default.HTMLAttributes<HTMLDivElement>;
+/**
+ * A component for visually separating content with a line
+ */
+declare const Separator: FC<SeparatorProps>;
+
+export { type AllSeparatorProps, Separator, type SeparatorProps };

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

@@ -0,0 +1,15 @@
+import React__default, { FC } from 'react';
+import { MarginProps } from '../../props/margin.prop.js';
+import { PaddingProps } from '../../props/padding.prop.js';
+import { SeparatorInternalProps } from './separator.props.js';
+import '../../props/prop-def.js';
+
+interface AllSeparatorProps extends SeparatorInternalProps, MarginProps, PaddingProps {
+}
+type SeparatorProps = AllSeparatorProps & React__default.HTMLAttributes<HTMLDivElement>;
+/**
+ * A component for visually separating content with a line
+ */
+declare const Separator: FC<SeparatorProps>;
+
+export { type AllSeparatorProps, Separator, type SeparatorProps };