@locus-ui/components 0.0.16 → 0.1.0

package/dist/components/progress-bar/root/progress-bar-root.mjs

@@ -0,0 +1,69 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { isValidElement, useMemo } from "react";
+import {
+  MarginPropDefs,
+  SizePropDef
+} from "../../../props";
+import {
+  filterChildren,
+  matchesComponent
+} from "../../../utils/filter-children";
+import { getComponentProps } from "../../../utils/get-component-props";
+import {
+  ProgressBarFill
+} from "../fill/progress-bar-fill";
+import { ProgressBarContext } from "../progress-bar-context";
+import {
+  ProgressBarRootPropsDefs
+} from "./progress-bar-root.props";
+const ALLOWED_CHILDREN = [ProgressBarFill.displayName];
+const ProgressBarRoot = (props) => {
+  const { value, size, color, variant, className, dataAttrs, ...rest } = getComponentProps(
+    props,
+    ProgressBarRootPropsDefs,
+    MarginPropDefs,
+    SizePropDef
+  );
+  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: ProgressBarRoot.displayName,
+    allowedTypes: [ProgressBarFill]
+  });
+  const { fills, totalValue } = useMemo(() => {
+    const fills2 = validChildren.filter(
+      (child) => isValidElement(child) && matchesComponent(child.type, ProgressBarFill)
+    );
+    if (fills2.length > 0) {
+      const totalValue2 = fills2.reduce(
+        (sum, child) => sum + (isValidElement(child) ? child.props.value ?? 0 : 0),
+        0
+      );
+      return {
+        fills: fills2,
+        totalValue: totalValue2
+      };
+    }
+    return {
+      fills: [/* @__PURE__ */ jsx(ProgressBarFill, { color, value })],
+      totalValue: value ?? 0
+    };
+  }, [validChildren, color, value]);
+  return /* @__PURE__ */ jsx(ProgressBarContext.Provider, { value: { color, variant, totalValue }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-size": size,
+      "data-color": color,
+      "data-variant": variant,
+      className: clsx("progress-bar-root", className),
+      ...dataAttrs,
+      ...rest,
+      children: fills.map((fill, index) => /* @__PURE__ */ jsx(React.Fragment, { children: fill }, index))
+    }
+  ) });
+};
+ProgressBarRoot.displayName = "ProgressBar.Root";
+export {
+  ProgressBarRoot
+};
+//# sourceMappingURL=progress-bar-root.mjs.map

package/dist/components/progress-bar/root/progress-bar-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/root/progress-bar-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React, { FC, HTMLAttributes, isValidElement, useMemo } from \"react\";\nimport {\n  ColorProp,\n  MarginPropDefs,\n  MarginProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../../props\";\nimport {\n  filterChildren,\n  matchesComponent,\n  WithOptionalStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport {\n  ProgressBarFill,\n  ProgressBarFillProps,\n} from \"../fill/progress-bar-fill\";\nimport { ProgressBarContext } from \"../progress-bar-context\";\nimport {\n  ProgressBarRootInternalProps,\n  ProgressBarRootPropsDefs,\n} from \"./progress-bar-root.props\";\n\ninterface AllProgressBarRootProps\n  extends ProgressBarRootInternalProps, ColorProp, MarginProps, SizeProp {}\n\nconst ALLOWED_CHILDREN = [ProgressBarFill.displayName!];\n\ntype ProgressBarRootProps = AllProgressBarRootProps &\n  WithOptionalStrictChildren<\n    HTMLAttributes<HTMLDivElement>,\n    ProgressBarFillProps\n  >;\n\nconst ProgressBarRoot: FC<ProgressBarRootProps> = (props) => {\n  const { value, size, color, variant, className, dataAttrs, ...rest } =\n    getComponentProps(\n      props,\n      ProgressBarRootPropsDefs,\n      MarginPropDefs,\n      SizePropDef,\n    );\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: ProgressBarRoot.displayName,\n    allowedTypes: [ProgressBarFill],\n  });\n\n  const { fills, totalValue } = useMemo(() => {\n    const fills = validChildren.filter(\n      (child) =>\n        isValidElement(child) && matchesComponent(child.type, ProgressBarFill),\n    );\n\n    if (fills.length > 0) {\n      const totalValue = fills.reduce<number>(\n        (sum, child) =>\n          sum +\n          (isValidElement(child)\n            ? ((child.props as ProgressBarFillProps).value ?? 0)\n            : 0),\n        0,\n      );\n\n      return {\n        fills,\n        totalValue,\n      };\n    }\n\n    return {\n      fills: [<ProgressBarFill color={color} value={value} />],\n      totalValue: value ?? 0,\n    };\n  }, [validChildren, color, value]);\n\n  return (\n    <ProgressBarContext.Provider value={{ color, variant, totalValue }}>\n      <div\n        data-size={size}\n        data-color={color}\n        data-variant={variant}\n        className={clsx(\"progress-bar-root\", className)}\n        {...dataAttrs}\n        {...rest}\n      >\n        {fills.map((fill, index) => (\n          <React.Fragment key={index}>{fill}</React.Fragment>\n        ))}\n      </div>\n    </ProgressBarContext.Provider>\n  );\n};\nProgressBarRoot.displayName = \"ProgressBar.Root\";\n\nexport { AllProgressBarRootProps, ProgressBarRoot, ProgressBarRootProps };\n"],"mappings":";AA2Ec;AAzEd,OAAO,UAAU;AACjB,OAAO,SAA6B,gBAAgB,eAAe;AACnE;AAAA,EAEE;AAAA,EAGA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,0BAA0B;AACnC;AAAA,EAEE;AAAA,OACK;AAKP,MAAM,mBAAmB,CAAC,gBAAgB,WAAY;AAQtD,MAAM,kBAA4C,CAAC,UAAU;AAC3D,QAAM,EAAE,OAAO,MAAM,OAAO,SAAS,WAAW,WAAW,GAAG,KAAK,IACjE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEF,QAAM,gBAAgB,eAAe,MAAM,UAAU,kBAAkB;AAAA,IACrE,mBAAmB,gBAAgB;AAAA,IACnC,cAAc,CAAC,eAAe;AAAA,EAChC,CAAC;AAED,QAAM,EAAE,OAAO,WAAW,IAAI,QAAQ,MAAM;AAC1C,UAAMA,SAAQ,cAAc;AAAA,MAC1B,CAAC,UACC,eAAe,KAAK,KAAK,iBAAiB,MAAM,MAAM,eAAe;AAAA,IACzE;AAEA,QAAIA,OAAM,SAAS,GAAG;AACpB,YAAMC,cAAaD,OAAM;AAAA,QACvB,CAAC,KAAK,UACJ,OACC,eAAe,KAAK,IACf,MAAM,MAA+B,SAAS,IAChD;AAAA,QACN;AAAA,MACF;AAEA,aAAO;AAAA,QACL,OAAAA;AAAA,QACA,YAAAC;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,OAAO,CAAC,oBAAC,mBAAgB,OAAc,OAAc,CAAE;AAAA,MACvD,YAAY,SAAS;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,eAAe,OAAO,KAAK,CAAC;AAEhC,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,OAAO,SAAS,WAAW,GAC/D;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,WAAW,KAAK,qBAAqB,SAAS;AAAA,MAC7C,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,MAAM,UAAN,EAA4B,kBAAR,KAAa,CACnC;AAAA;AAAA,EACH,GACF;AAEJ;AACA,gBAAgB,cAAc;","names":["fills","totalValue"]}

package/dist/components/progress-bar/root/progress-bar-root.props.d.mts

@@ -0,0 +1,23 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const ProgressBarVariants: readonly ["solid", "outlined", "muted"];
+declare const ProgressBarRootPropsDefs: {
+    /**
+     * Sets the variant style of the progress bar ("solid", "outlined", or "muted").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * The value of the progress bar (filled state).
+     * Should be a number between 0 and 1 representing the percentage of completion.
+     */
+    readonly value: {
+        type: "number";
+    };
+};
+type ProgressBarRootInternalProps = GetPropDefTypes<typeof ProgressBarRootPropsDefs>;
+
+export { type ProgressBarRootInternalProps, ProgressBarRootPropsDefs, ProgressBarVariants };

package/dist/components/progress-bar/root/progress-bar-root.props.d.ts

@@ -0,0 +1,23 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const ProgressBarVariants: readonly ["solid", "outlined", "muted"];
+declare const ProgressBarRootPropsDefs: {
+    /**
+     * Sets the variant style of the progress bar ("solid", "outlined", or "muted").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * The value of the progress bar (filled state).
+     * Should be a number between 0 and 1 representing the percentage of completion.
+     */
+    readonly value: {
+        type: "number";
+    };
+};
+type ProgressBarRootInternalProps = GetPropDefTypes<typeof ProgressBarRootPropsDefs>;
+
+export { type ProgressBarRootInternalProps, ProgressBarRootPropsDefs, ProgressBarVariants };

package/dist/components/progress-bar/root/progress-bar-root.props.js

@@ -0,0 +1,48 @@
+"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 progress_bar_root_props_exports = {};
+__export(progress_bar_root_props_exports, {
+  ProgressBarRootPropsDefs: () => ProgressBarRootPropsDefs,
+  ProgressBarVariants: () => ProgressBarVariants
+});
+module.exports = __toCommonJS(progress_bar_root_props_exports);
+const ProgressBarVariants = ["solid", "outlined", "muted"];
+const ProgressBarRootPropsDefs = {
+  /**
+   * Sets the variant style of the progress bar ("solid", "outlined", or "muted").
+   */
+  variant: {
+    type: "enum",
+    values: ProgressBarVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * The value of the progress bar (filled state).
+   * Should be a number between 0 and 1 representing the percentage of completion.
+   */
+  value: {
+    type: "number"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBarRootPropsDefs,
+  ProgressBarVariants
+});
+//# sourceMappingURL=progress-bar-root.props.js.map

package/dist/components/progress-bar/root/progress-bar-root.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/root/progress-bar-root.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst ProgressBarVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst ProgressBarRootPropsDefs = {\n  /**\n   * Sets the variant style of the progress bar (\"solid\", \"outlined\", or \"muted\").\n   */\n  variant: {\n    type: \"enum\",\n    values: ProgressBarVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof ProgressBarVariants)[number]>,\n\n  /**\n   * The value of the progress bar (filled state).\n   * Should be a number between 0 and 1 representing the percentage of completion.\n   */\n  value: {\n    type: \"number\",\n  } satisfies PropDef<number>,\n} as const;\n\ntype ProgressBarRootInternalProps = GetPropDefTypes<\n  typeof ProgressBarRootPropsDefs\n>;\n\nexport {\n  ProgressBarRootInternalProps,\n  ProgressBarRootPropsDefs,\n  ProgressBarVariants,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,sBAAsB,CAAC,SAAS,YAAY,OAAO;AAEzD,MAAM,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAI/B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/components/progress-bar/root/progress-bar-root.props.mjs

@@ -0,0 +1,23 @@
+const ProgressBarVariants = ["solid", "outlined", "muted"];
+const ProgressBarRootPropsDefs = {
+  /**
+   * Sets the variant style of the progress bar ("solid", "outlined", or "muted").
+   */
+  variant: {
+    type: "enum",
+    values: ProgressBarVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * The value of the progress bar (filled state).
+   * Should be a number between 0 and 1 representing the percentage of completion.
+   */
+  value: {
+    type: "number"
+  }
+};
+export {
+  ProgressBarRootPropsDefs,
+  ProgressBarVariants
+};
+//# sourceMappingURL=progress-bar-root.props.mjs.map

package/dist/components/progress-bar/root/progress-bar-root.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/progress-bar/root/progress-bar-root.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst ProgressBarVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst ProgressBarRootPropsDefs = {\n  /**\n   * Sets the variant style of the progress bar (\"solid\", \"outlined\", or \"muted\").\n   */\n  variant: {\n    type: \"enum\",\n    values: ProgressBarVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof ProgressBarVariants)[number]>,\n\n  /**\n   * The value of the progress bar (filled state).\n   * Should be a number between 0 and 1 representing the percentage of completion.\n   */\n  value: {\n    type: \"number\",\n  } satisfies PropDef<number>,\n} as const;\n\ntype ProgressBarRootInternalProps = GetPropDefTypes<\n  typeof ProgressBarRootPropsDefs\n>;\n\nexport {\n  ProgressBarRootInternalProps,\n  ProgressBarRootPropsDefs,\n  ProgressBarVariants,\n};\n"],"mappings":"AAEA,MAAM,sBAAsB,CAAC,SAAS,YAAY,OAAO;AAEzD,MAAM,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAI/B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;","names":[]}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { RadiusProps } from '../../../props/radius.prop.mjs';
+import { SpacingProp } from '../../../props/spacing.prop.mjs';
+import { SelectContentInternalProps } from './select-content.props.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllSelectContentProps extends SelectContentInternalProps, RadiusProps, SpacingProp {
+}
+type SelectContentProps = AllSelectContentProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+};
+declare const SelectContent: React.ForwardRefExoticComponent<AllSelectContentProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { type AllSelectContentProps, SelectContent, type SelectContentProps };

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { RadiusProps } from '../../../props/radius.prop.js';
+import { SpacingProp } from '../../../props/spacing.prop.js';
+import { SelectContentInternalProps } from './select-content.props.js';
+import '../../../props/prop-def.js';
+
+interface AllSelectContentProps extends SelectContentInternalProps, RadiusProps, SpacingProp {
+}
+type SelectContentProps = AllSelectContentProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+};
+declare const SelectContent: React.ForwardRefExoticComponent<AllSelectContentProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { type AllSelectContentProps, SelectContent, type SelectContentProps };

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

@@ -0,0 +1,163 @@
+"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_content_exports = {};
+__export(select_content_exports, {
+  SelectContent: () => SelectContent
+});
+module.exports = __toCommonJS(select_content_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+var import_portal = require("../../portal/portal");
+var import_select_context = require("../select-context");
+var import_user_composed_refs = require("../utils/user-composed-refs");
+var import_select_viewport = require("../viewport/select-viewport");
+const SelectContent = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      className,
+      children,
+      position = "popper",
+      side = "bottom",
+      offset,
+      align = "center",
+      ...rest
+    } = props;
+    const context = (0, import_select_context.useSelectContext)();
+    const composedRef = (0, import_user_composed_refs.useComposedRefs)(forwardedRef, context.contentRef);
+    React.useEffect(() => {
+      context.itemValues.current = [];
+    }, [context.open]);
+    React.useEffect(() => {
+      if (!context.open) return;
+      const handleClickOutside = (event) => {
+        const target = event.target;
+        if (context.contentRef.current && !context.contentRef.current.contains(target) && context.triggerRef.current && !context.triggerRef.current.contains(target)) {
+          context.onOpenChange(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [context.open]);
+    React.useEffect(() => {
+      if (!context.open) return;
+      const handleKeyDown = (event) => {
+        const items = context.itemValues.current;
+        const itemCount = items.length;
+        switch (event.key) {
+          case "ArrowDown":
+            event.preventDefault();
+            context.setHighlightedIndex(
+              (prev) => prev < itemCount - 1 ? prev + 1 : 0
+            );
+            break;
+          case "ArrowUp":
+            event.preventDefault();
+            context.setHighlightedIndex(
+              (prev) => prev > 0 ? prev - 1 : itemCount - 1
+            );
+            break;
+          case "Tab":
+            event.preventDefault();
+            if (event.shiftKey) {
+              context.setHighlightedIndex(
+                (prev) => prev > 0 ? prev - 1 : itemCount - 1
+              );
+            } else {
+              context.setHighlightedIndex(
+                (prev) => prev < itemCount - 1 ? prev + 1 : 0
+              );
+            }
+            break;
+          case "Enter":
+          case " ":
+            event.preventDefault();
+            if (context.highlightedIndex >= 0) {
+              const selectedValue = items[context.highlightedIndex];
+              if (selectedValue) {
+                context.onValueChange(selectedValue);
+                const displayText = children;
+                if (displayText) context.setDisplayValue(displayText);
+                context.onOpenChange(false);
+              }
+            }
+            break;
+          case "Escape":
+            event.preventDefault();
+            context.onOpenChange(false);
+            context.triggerRef.current?.focus();
+            break;
+        }
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [context.open, context.highlightedIndex]);
+    const [contentWidth, setContentWidth] = React.useState();
+    const labelInside = context.labelPosition === "inside";
+    const anchorRef = labelInside ? context.rootRef : context.triggerRef;
+    React.useLayoutEffect(() => {
+      if (context.open && anchorRef.current) {
+        setContentWidth(anchorRef.current.getBoundingClientRect().width);
+      }
+    }, [context.open, context.labelPosition, anchorRef]);
+    if (!context.open) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "none" }, "aria-hidden": "true", children });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_portal.Portal.Root,
+      {
+        open: context.open,
+        onOpenChange: context.onOpenChange,
+        anchorRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal.Content, { anchored: true, side, align, sideOffset: offset, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ref: composedRef,
+            role: "listbox",
+            "data-state": context.open ? "open" : "closed",
+            "data-side": side,
+            "data-align": align,
+            "data-trigger-variant": context.triggerVariant,
+            className: (0, import_clsx.default)("select-content", className),
+            style: { width: contentWidth },
+            ...rest,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select_viewport.SelectViewport, { children })
+          }
+        ) })
+      }
+    );
+  }
+);
+SelectContent.displayName = "Select.Content";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectContent
+});
+//# sourceMappingURL=select-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/content/select-content.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { RadiusProps, SpacingProp } from \"../../../props\";\nimport { Portal } from \"../../portal/portal\";\nimport { useSelectContext } from \"../select-context\";\nimport { useComposedRefs } from \"../utils/user-composed-refs\";\nimport { SelectViewport } from \"../viewport/select-viewport\";\nimport { SelectContentInternalProps } from \"./select-content.props\";\n\ninterface AllSelectContentProps\n  extends SelectContentInternalProps, RadiusProps, SpacingProp {}\n\ntype SelectContentProps = AllSelectContentProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      position = \"popper\",\n      side = \"bottom\",\n      offset,\n      align = \"center\",\n      ...rest\n    } = props;\n    const context = useSelectContext();\n\n    const composedRef = useComposedRefs(forwardedRef, context.contentRef);\n\n    // Reset item values on mount\n    React.useEffect(() => {\n      context.itemValues.current = [];\n    }, [context.open]);\n\n    // Handle click outside\n    React.useEffect(() => {\n      if (!context.open) return;\n\n      const handleClickOutside = (event: MouseEvent) => {\n        const target = event.target as Node;\n        if (\n          context.contentRef.current &&\n          !context.contentRef.current.contains(target) &&\n          context.triggerRef.current &&\n          !context.triggerRef.current.contains(target)\n        ) {\n          context.onOpenChange(false);\n        }\n      };\n\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () =>\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n    }, [context.open]);\n\n    // Handle keyboard navigation\n    React.useEffect(() => {\n      if (!context.open) return;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        const items = context.itemValues.current;\n        const itemCount = items.length;\n\n        switch (event.key) {\n          case \"ArrowDown\":\n            event.preventDefault();\n            context.setHighlightedIndex((prev) =>\n              prev < itemCount - 1 ? prev + 1 : 0,\n            );\n            break;\n          case \"ArrowUp\":\n            event.preventDefault();\n            context.setHighlightedIndex((prev) =>\n              prev > 0 ? prev - 1 : itemCount - 1,\n            );\n            break;\n          case \"Tab\":\n            event.preventDefault();\n            if (event.shiftKey) {\n              context.setHighlightedIndex((prev) =>\n                prev > 0 ? prev - 1 : itemCount - 1,\n              );\n            } else {\n              context.setHighlightedIndex((prev) =>\n                prev < itemCount - 1 ? prev + 1 : 0,\n              );\n            }\n            break;\n          case \"Enter\":\n          case \" \":\n            event.preventDefault();\n            if (context.highlightedIndex >= 0) {\n              const selectedValue = items[context.highlightedIndex];\n              if (selectedValue) {\n                context.onValueChange(selectedValue);\n                const displayText = children;\n                if (displayText) context.setDisplayValue(displayText);\n                context.onOpenChange(false);\n              }\n            }\n            break;\n          case \"Escape\":\n            event.preventDefault();\n            context.onOpenChange(false);\n            context.triggerRef.current?.focus();\n            break;\n        }\n      };\n\n      document.addEventListener(\"keydown\", handleKeyDown);\n      return () => document.removeEventListener(\"keydown\", handleKeyDown);\n    }, [context.open, context.highlightedIndex]);\n\n    const [contentWidth, setContentWidth] = React.useState<\n      number | undefined\n    >();\n    const labelInside = context.labelPosition === \"inside\";\n    const anchorRef = labelInside ? context.rootRef : context.triggerRef;\n\n    React.useLayoutEffect(() => {\n      if (context.open && anchorRef.current) {\n        setContentWidth(anchorRef.current.getBoundingClientRect().width);\n      }\n    }, [context.open, context.labelPosition, anchorRef]);\n\n    if (!context.open) {\n      return (\n        <div style={{ display: \"none\" }} aria-hidden=\"true\">\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <Portal.Root\n        open={context.open}\n        onOpenChange={context.onOpenChange}\n        anchorRef={anchorRef}\n      >\n        <Portal.Content anchored side={side} align={align} sideOffset={offset}>\n          <div\n            ref={composedRef}\n            role=\"listbox\"\n            data-state={context.open ? \"open\" : \"closed\"}\n            data-side={side}\n            data-align={align}\n            data-trigger-variant={context.triggerVariant}\n            className={clsx(\"select-content\", className)}\n            style={{ width: contentWidth }}\n            {...rest}\n          >\n            <SelectViewport>{children}</SelectViewport>\n          </div>\n        </Portal.Content>\n      </Portal.Root>\n    );\n  },\n);\nSelectContent.displayName = \"Select.Content\";\n\nexport { AllSelectContentProps, SelectContent, SelectContentProps };\n"],"mappings":"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","names":["clsx"]}

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

@@ -0,0 +1,129 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+import { Portal } from "../../portal/portal";
+import { useSelectContext } from "../select-context";
+import { useComposedRefs } from "../utils/user-composed-refs";
+import { SelectViewport } from "../viewport/select-viewport";
+const SelectContent = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      className,
+      children,
+      position = "popper",
+      side = "bottom",
+      offset,
+      align = "center",
+      ...rest
+    } = props;
+    const context = useSelectContext();
+    const composedRef = useComposedRefs(forwardedRef, context.contentRef);
+    React.useEffect(() => {
+      context.itemValues.current = [];
+    }, [context.open]);
+    React.useEffect(() => {
+      if (!context.open) return;
+      const handleClickOutside = (event) => {
+        const target = event.target;
+        if (context.contentRef.current && !context.contentRef.current.contains(target) && context.triggerRef.current && !context.triggerRef.current.contains(target)) {
+          context.onOpenChange(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [context.open]);
+    React.useEffect(() => {
+      if (!context.open) return;
+      const handleKeyDown = (event) => {
+        const items = context.itemValues.current;
+        const itemCount = items.length;
+        switch (event.key) {
+          case "ArrowDown":
+            event.preventDefault();
+            context.setHighlightedIndex(
+              (prev) => prev < itemCount - 1 ? prev + 1 : 0
+            );
+            break;
+          case "ArrowUp":
+            event.preventDefault();
+            context.setHighlightedIndex(
+              (prev) => prev > 0 ? prev - 1 : itemCount - 1
+            );
+            break;
+          case "Tab":
+            event.preventDefault();
+            if (event.shiftKey) {
+              context.setHighlightedIndex(
+                (prev) => prev > 0 ? prev - 1 : itemCount - 1
+              );
+            } else {
+              context.setHighlightedIndex(
+                (prev) => prev < itemCount - 1 ? prev + 1 : 0
+              );
+            }
+            break;
+          case "Enter":
+          case " ":
+            event.preventDefault();
+            if (context.highlightedIndex >= 0) {
+              const selectedValue = items[context.highlightedIndex];
+              if (selectedValue) {
+                context.onValueChange(selectedValue);
+                const displayText = children;
+                if (displayText) context.setDisplayValue(displayText);
+                context.onOpenChange(false);
+              }
+            }
+            break;
+          case "Escape":
+            event.preventDefault();
+            context.onOpenChange(false);
+            context.triggerRef.current?.focus();
+            break;
+        }
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [context.open, context.highlightedIndex]);
+    const [contentWidth, setContentWidth] = React.useState();
+    const labelInside = context.labelPosition === "inside";
+    const anchorRef = labelInside ? context.rootRef : context.triggerRef;
+    React.useLayoutEffect(() => {
+      if (context.open && anchorRef.current) {
+        setContentWidth(anchorRef.current.getBoundingClientRect().width);
+      }
+    }, [context.open, context.labelPosition, anchorRef]);
+    if (!context.open) {
+      return /* @__PURE__ */ jsx("div", { style: { display: "none" }, "aria-hidden": "true", children });
+    }
+    return /* @__PURE__ */ jsx(
+      Portal.Root,
+      {
+        open: context.open,
+        onOpenChange: context.onOpenChange,
+        anchorRef,
+        children: /* @__PURE__ */ jsx(Portal.Content, { anchored: true, side, align, sideOffset: offset, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: composedRef,
+            role: "listbox",
+            "data-state": context.open ? "open" : "closed",
+            "data-side": side,
+            "data-align": align,
+            "data-trigger-variant": context.triggerVariant,
+            className: clsx("select-content", className),
+            style: { width: contentWidth },
+            ...rest,
+            children: /* @__PURE__ */ jsx(SelectViewport, { children })
+          }
+        ) })
+      }
+    );
+  }
+);
+SelectContent.displayName = "Select.Content";
+export {
+  SelectContent
+};
+//# sourceMappingURL=select-content.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/select/content/select-content.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { RadiusProps, SpacingProp } from \"../../../props\";\nimport { Portal } from \"../../portal/portal\";\nimport { useSelectContext } from \"../select-context\";\nimport { useComposedRefs } from \"../utils/user-composed-refs\";\nimport { SelectViewport } from \"../viewport/select-viewport\";\nimport { SelectContentInternalProps } from \"./select-content.props\";\n\ninterface AllSelectContentProps\n  extends SelectContentInternalProps, RadiusProps, SpacingProp {}\n\ntype SelectContentProps = AllSelectContentProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\nconst SelectContent = React.forwardRef<HTMLDivElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      position = \"popper\",\n      side = \"bottom\",\n      offset,\n      align = \"center\",\n      ...rest\n    } = props;\n    const context = useSelectContext();\n\n    const composedRef = useComposedRefs(forwardedRef, context.contentRef);\n\n    // Reset item values on mount\n    React.useEffect(() => {\n      context.itemValues.current = [];\n    }, [context.open]);\n\n    // Handle click outside\n    React.useEffect(() => {\n      if (!context.open) return;\n\n      const handleClickOutside = (event: MouseEvent) => {\n        const target = event.target as Node;\n        if (\n          context.contentRef.current &&\n          !context.contentRef.current.contains(target) &&\n          context.triggerRef.current &&\n          !context.triggerRef.current.contains(target)\n        ) {\n          context.onOpenChange(false);\n        }\n      };\n\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () =>\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n    }, [context.open]);\n\n    // Handle keyboard navigation\n    React.useEffect(() => {\n      if (!context.open) return;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        const items = context.itemValues.current;\n        const itemCount = items.length;\n\n        switch (event.key) {\n          case \"ArrowDown\":\n            event.preventDefault();\n            context.setHighlightedIndex((prev) =>\n              prev < itemCount - 1 ? prev + 1 : 0,\n            );\n            break;\n          case \"ArrowUp\":\n            event.preventDefault();\n            context.setHighlightedIndex((prev) =>\n              prev > 0 ? prev - 1 : itemCount - 1,\n            );\n            break;\n          case \"Tab\":\n            event.preventDefault();\n            if (event.shiftKey) {\n              context.setHighlightedIndex((prev) =>\n                prev > 0 ? prev - 1 : itemCount - 1,\n              );\n            } else {\n              context.setHighlightedIndex((prev) =>\n                prev < itemCount - 1 ? prev + 1 : 0,\n              );\n            }\n            break;\n          case \"Enter\":\n          case \" \":\n            event.preventDefault();\n            if (context.highlightedIndex >= 0) {\n              const selectedValue = items[context.highlightedIndex];\n              if (selectedValue) {\n                context.onValueChange(selectedValue);\n                const displayText = children;\n                if (displayText) context.setDisplayValue(displayText);\n                context.onOpenChange(false);\n              }\n            }\n            break;\n          case \"Escape\":\n            event.preventDefault();\n            context.onOpenChange(false);\n            context.triggerRef.current?.focus();\n            break;\n        }\n      };\n\n      document.addEventListener(\"keydown\", handleKeyDown);\n      return () => document.removeEventListener(\"keydown\", handleKeyDown);\n    }, [context.open, context.highlightedIndex]);\n\n    const [contentWidth, setContentWidth] = React.useState<\n      number | undefined\n    >();\n    const labelInside = context.labelPosition === \"inside\";\n    const anchorRef = labelInside ? context.rootRef : context.triggerRef;\n\n    React.useLayoutEffect(() => {\n      if (context.open && anchorRef.current) {\n        setContentWidth(anchorRef.current.getBoundingClientRect().width);\n      }\n    }, [context.open, context.labelPosition, anchorRef]);\n\n    if (!context.open) {\n      return (\n        <div style={{ display: \"none\" }} aria-hidden=\"true\">\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <Portal.Root\n        open={context.open}\n        onOpenChange={context.onOpenChange}\n        anchorRef={anchorRef}\n      >\n        <Portal.Content anchored side={side} align={align} sideOffset={offset}>\n          <div\n            ref={composedRef}\n            role=\"listbox\"\n            data-state={context.open ? \"open\" : \"closed\"}\n            data-side={side}\n            data-align={align}\n            data-trigger-variant={context.triggerVariant}\n            className={clsx(\"select-content\", className)}\n            style={{ width: contentWidth }}\n            {...rest}\n          >\n            <SelectViewport>{children}</SelectViewport>\n          </div>\n        </Portal.Content>\n      </Portal.Root>\n    );\n  },\n);\nSelectContent.displayName = \"Select.Content\";\n\nexport { AllSelectContentProps, SelectContent, SelectContentProps };\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,28 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const SelectContentPropDefs: {
+    readonly position: {
+        type: "enum";
+        values: readonly ["popper", "inline"];
+        default: "popper";
+        dataAttr: string;
+    };
+    readonly side: {
+        type: "enum";
+        values: readonly ["top", "bottom"];
+        default: "bottom";
+        dataAttr: string;
+    };
+    readonly offset: {
+        type: "string";
+    };
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "center", "end"];
+        default: "center";
+        dataAttr: string;
+    };
+};
+type SelectContentInternalProps = GetPropDefTypes<typeof SelectContentPropDefs>;
+
+export { type SelectContentInternalProps, SelectContentPropDefs };

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

@@ -0,0 +1,28 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const SelectContentPropDefs: {
+    readonly position: {
+        type: "enum";
+        values: readonly ["popper", "inline"];
+        default: "popper";
+        dataAttr: string;
+    };
+    readonly side: {
+        type: "enum";
+        values: readonly ["top", "bottom"];
+        default: "bottom";
+        dataAttr: string;
+    };
+    readonly offset: {
+        type: "string";
+    };
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "center", "end"];
+        default: "center";
+        dataAttr: string;
+    };
+};
+type SelectContentInternalProps = GetPropDefTypes<typeof SelectContentPropDefs>;
+
+export { type SelectContentInternalProps, SelectContentPropDefs };