@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/root/portal-root.props.ts"],"sourcesContent":["import {\n  GetPropDefTypes,\n  PropDef,\n  ReactNodePropDef,\n} from \"../../../props/prop-def\";\n\nconst PortalRootPropsDefs = {\n  /** Whether the portal is open. */\n  open: {\n    type: \"boolean\",\n    default: false,\n  } satisfies PropDef<boolean>,\n\n  /** Callback fired when the open state changes. */\n  onOpenChange: {\n    type: \"function\",\n  } satisfies PropDef<(open: boolean) => void>,\n\n  /** Whether the portal is open by default (uncontrolled). */\n  defaultOpen: {\n    type: \"boolean\",\n    default: false,\n  } satisfies PropDef<boolean>,\n\n  /** Custom anchor element ref. If not provided, the trigger is used as anchor. */\n  anchorRef: {\n    type: \"reactNode\",\n  } as ReactNodePropDef<React.RefObject<HTMLElement | null>>,\n};\n\ntype PortalRootInternalProps = GetPropDefTypes<typeof PortalRootPropsDefs>;\n\nexport { PortalRootInternalProps, PortalRootPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,MAAM,sBAAsB;AAAA;AAAA,EAE1B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA;AAAA,EAGA,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA;AAAA,EAGA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF;","names":[]}

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

@@ -0,0 +1,24 @@
+const PortalRootPropsDefs = {
+  /** Whether the portal is open. */
+  open: {
+    type: "boolean",
+    default: false
+  },
+  /** Callback fired when the open state changes. */
+  onOpenChange: {
+    type: "function"
+  },
+  /** Whether the portal is open by default (uncontrolled). */
+  defaultOpen: {
+    type: "boolean",
+    default: false
+  },
+  /** Custom anchor element ref. If not provided, the trigger is used as anchor. */
+  anchorRef: {
+    type: "reactNode"
+  }
+};
+export {
+  PortalRootPropsDefs
+};
+//# sourceMappingURL=portal-root.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/root/portal-root.props.ts"],"sourcesContent":["import {\n  GetPropDefTypes,\n  PropDef,\n  ReactNodePropDef,\n} from \"../../../props/prop-def\";\n\nconst PortalRootPropsDefs = {\n  /** Whether the portal is open. */\n  open: {\n    type: \"boolean\",\n    default: false,\n  } satisfies PropDef<boolean>,\n\n  /** Callback fired when the open state changes. */\n  onOpenChange: {\n    type: \"function\",\n  } satisfies PropDef<(open: boolean) => void>,\n\n  /** Whether the portal is open by default (uncontrolled). */\n  defaultOpen: {\n    type: \"boolean\",\n    default: false,\n  } satisfies PropDef<boolean>,\n\n  /** Custom anchor element ref. If not provided, the trigger is used as anchor. */\n  anchorRef: {\n    type: \"reactNode\",\n  } as ReactNodePropDef<React.RefObject<HTMLElement | null>>,\n};\n\ntype PortalRootInternalProps = GetPropDefTypes<typeof PortalRootPropsDefs>;\n\nexport { PortalRootInternalProps, PortalRootPropsDefs };\n"],"mappings":"AAMA,MAAM,sBAAsB;AAAA;AAAA,EAE1B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA;AAAA,EAGA,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AAAA;AAAA,EAGA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA;AAAA,EAGA,WAAW;AAAA,IACT,MAAM;AAAA,EACR;AACF;","names":[]}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface PortalTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+/** The trigger element that toggles the portal open and closed. */
+declare const PortalTrigger: React.ForwardRefExoticComponent<PortalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { PortalTrigger, type PortalTriggerProps };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+interface PortalTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+/** The trigger element that toggles the portal open and closed. */
+declare const PortalTrigger: React.ForwardRefExoticComponent<PortalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { PortalTrigger, type PortalTriggerProps };

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

@@ -0,0 +1,89 @@
+"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 portal_trigger_exports = {};
+__export(portal_trigger_exports, {
+  PortalTrigger: () => PortalTrigger
+});
+module.exports = __toCommonJS(portal_trigger_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+var import_portal_context = require("../portal-context");
+const PortalTrigger = React.forwardRef(
+  ({ children, asChild, onClick, ...props }, ref) => {
+    const context = (0, import_portal_context.usePortalContext)();
+    const internalRef = React.useRef(null);
+    React.useEffect(() => {
+      if (internalRef.current) {
+        context.triggerRef.current = internalRef.current;
+      }
+    }, [context.triggerRef]);
+    const handleClick = (event) => {
+      context.onOpenChange?.(!context.open);
+      onClick?.(event);
+    };
+    const setRefs = React.useCallback(
+      (node) => {
+        internalRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+        context.triggerRef.current = node;
+      },
+      [ref, context.triggerRef]
+    );
+    if (asChild && React.isValidElement(children)) {
+      return React.cloneElement(children, {
+        ref: setRefs,
+        onClick: handleClick,
+        ...props
+      });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        ref: setRefs,
+        type: "button",
+        onClick: handleClick,
+        "aria-expanded": context.open,
+        "aria-haspopup": "dialog",
+        ...props,
+        children
+      }
+    );
+  }
+);
+PortalTrigger.displayName = "Portal.Trigger";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortalTrigger
+});
+//# sourceMappingURL=portal-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/trigger/portal-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { usePortalContext } from \"../portal-context\";\n\nexport interface PortalTriggerProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\n/** The trigger element that toggles the portal open and closed. */\nconst PortalTrigger = React.forwardRef<HTMLButtonElement, PortalTriggerProps>(\n  ({ children, asChild, onClick, ...props }, ref) => {\n    const context = usePortalContext();\n    const internalRef = React.useRef<HTMLButtonElement>(null);\n\n    // Compose refs to set both the forwarded ref and the context triggerRef\n    React.useEffect(() => {\n      if (internalRef.current) {\n        (\n          context.triggerRef as React.MutableRefObject<HTMLElement | null>\n        ).current = internalRef.current;\n      }\n    }, [context.triggerRef]);\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n      context.onOpenChange?.(!context.open);\n      onClick?.(event);\n    };\n\n    const setRefs = React.useCallback(\n      (node: HTMLButtonElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n        (\n          context.triggerRef as React.MutableRefObject<HTMLElement | null>\n        ).current = node;\n      },\n      [ref, context.triggerRef]\n    );\n\n    if (asChild && React.isValidElement(children)) {\n      return React.cloneElement(children as React.ReactElement<any>, {\n        ref: setRefs,\n        onClick: handleClick,\n        ...props,\n      });\n    }\n\n    return (\n      <button\n        ref={setRefs}\n        type=\"button\"\n        onClick={handleClick}\n        aria-expanded={context.open}\n        aria-haspopup=\"dialog\"\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\nPortalTrigger.displayName = \"Portal.Trigger\";\n\nexport { PortalTrigger };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDM;AApDN,YAAuB;AACvB,4BAAiC;AAQjC,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ;AACjD,UAAM,cAAU,wCAAiB;AACjC,UAAM,cAAc,MAAM,OAA0B,IAAI;AAGxD,UAAM,UAAU,MAAM;AACpB,UAAI,YAAY,SAAS;AACvB,QACE,QAAQ,WACR,UAAU,YAAY;AAAA,MAC1B;AAAA,IACF,GAAG,CAAC,QAAQ,UAAU,CAAC;AAEvB,UAAM,cAAc,CAAC,UAA+C;AAClE,cAAQ,eAAe,CAAC,QAAQ,IAAI;AACpC,gBAAU,KAAK;AAAA,IACjB;AAEA,UAAM,UAAU,MAAM;AAAA,MACpB,CAAC,SAAmC;AAClC,oBAAY,UAAU;AACtB,YAAI,OAAO,QAAQ,YAAY;AAC7B,cAAI,IAAI;AAAA,QACV,WAAW,KAAK;AACd,cAAI,UAAU;AAAA,QAChB;AACA,QACE,QAAQ,WACR,UAAU;AAAA,MACd;AAAA,MACA,CAAC,KAAK,QAAQ,UAAU;AAAA,IAC1B;AAEA,QAAI,WAAW,MAAM,eAAe,QAAQ,GAAG;AAC7C,aAAO,MAAM,aAAa,UAAqC;AAAA,QAC7D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,GAAG;AAAA,MACL,CAAC;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAS;AAAA,QACT,iBAAe,QAAQ;AAAA,QACvB,iBAAc;AAAA,QACb,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

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

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { usePortalContext } from "../portal-context";
+const PortalTrigger = React.forwardRef(
+  ({ children, asChild, onClick, ...props }, ref) => {
+    const context = usePortalContext();
+    const internalRef = React.useRef(null);
+    React.useEffect(() => {
+      if (internalRef.current) {
+        context.triggerRef.current = internalRef.current;
+      }
+    }, [context.triggerRef]);
+    const handleClick = (event) => {
+      context.onOpenChange?.(!context.open);
+      onClick?.(event);
+    };
+    const setRefs = React.useCallback(
+      (node) => {
+        internalRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+        context.triggerRef.current = node;
+      },
+      [ref, context.triggerRef]
+    );
+    if (asChild && React.isValidElement(children)) {
+      return React.cloneElement(children, {
+        ref: setRefs,
+        onClick: handleClick,
+        ...props
+      });
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: setRefs,
+        type: "button",
+        onClick: handleClick,
+        "aria-expanded": context.open,
+        "aria-haspopup": "dialog",
+        ...props,
+        children
+      }
+    );
+  }
+);
+PortalTrigger.displayName = "Portal.Trigger";
+export {
+  PortalTrigger
+};
+//# sourceMappingURL=portal-trigger.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/trigger/portal-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { usePortalContext } from \"../portal-context\";\n\nexport interface PortalTriggerProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\n/** The trigger element that toggles the portal open and closed. */\nconst PortalTrigger = React.forwardRef<HTMLButtonElement, PortalTriggerProps>(\n  ({ children, asChild, onClick, ...props }, ref) => {\n    const context = usePortalContext();\n    const internalRef = React.useRef<HTMLButtonElement>(null);\n\n    // Compose refs to set both the forwarded ref and the context triggerRef\n    React.useEffect(() => {\n      if (internalRef.current) {\n        (\n          context.triggerRef as React.MutableRefObject<HTMLElement | null>\n        ).current = internalRef.current;\n      }\n    }, [context.triggerRef]);\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n      context.onOpenChange?.(!context.open);\n      onClick?.(event);\n    };\n\n    const setRefs = React.useCallback(\n      (node: HTMLButtonElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref) {\n          ref.current = node;\n        }\n        (\n          context.triggerRef as React.MutableRefObject<HTMLElement | null>\n        ).current = node;\n      },\n      [ref, context.triggerRef]\n    );\n\n    if (asChild && React.isValidElement(children)) {\n      return React.cloneElement(children as React.ReactElement<any>, {\n        ref: setRefs,\n        onClick: handleClick,\n        ...props,\n      });\n    }\n\n    return (\n      <button\n        ref={setRefs}\n        type=\"button\"\n        onClick={handleClick}\n        aria-expanded={context.open}\n        aria-haspopup=\"dialog\"\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\nPortalTrigger.displayName = \"Portal.Trigger\";\n\nexport { PortalTrigger };\n"],"mappings":";AAsDM;AApDN,YAAY,WAAW;AACvB,SAAS,wBAAwB;AAQjC,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ;AACjD,UAAM,UAAU,iBAAiB;AACjC,UAAM,cAAc,MAAM,OAA0B,IAAI;AAGxD,UAAM,UAAU,MAAM;AACpB,UAAI,YAAY,SAAS;AACvB,QACE,QAAQ,WACR,UAAU,YAAY;AAAA,MAC1B;AAAA,IACF,GAAG,CAAC,QAAQ,UAAU,CAAC;AAEvB,UAAM,cAAc,CAAC,UAA+C;AAClE,cAAQ,eAAe,CAAC,QAAQ,IAAI;AACpC,gBAAU,KAAK;AAAA,IACjB;AAEA,UAAM,UAAU,MAAM;AAAA,MACpB,CAAC,SAAmC;AAClC,oBAAY,UAAU;AACtB,YAAI,OAAO,QAAQ,YAAY;AAC7B,cAAI,IAAI;AAAA,QACV,WAAW,KAAK;AACd,cAAI,UAAU;AAAA,QAChB;AACA,QACE,QAAQ,WACR,UAAU;AAAA,MACd;AAAA,MACA,CAAC,KAAK,QAAQ,UAAU;AAAA,IAC1B;AAEA,QAAI,WAAW,MAAM,eAAe,QAAQ,GAAG;AAC7C,aAAO,MAAM,aAAa,UAAqC;AAAA,QAC7D,KAAK;AAAA,QACL,SAAS;AAAA,QACT,GAAG;AAAA,MACL,CAAC;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,SAAS;AAAA,QACT,iBAAe,QAAQ;AAAA,QACvB,iBAAc;AAAA,QACb,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/components/portal/utils/use-anchor-position.d.mts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+type AnchorSide = "top" | "right" | "bottom" | "left";
+type AnchorAlign = "start" | "center" | "end";
+interface AnchorPosition {
+    top: number;
+    left: number;
+}
+interface UseAnchorPositionOptions {
+    /** The anchor element to position relative to */
+    anchorRef: React.RefObject<HTMLElement | null>;
+    /** The content element being positioned */
+    contentRef: React.RefObject<HTMLElement | null>;
+    /** Which side of the anchor to position on */
+    side?: AnchorSide;
+    /** Alignment along the side */
+    align?: AnchorAlign;
+    /** Offset from the anchor (perpendicular to side) */
+    sideOffset?: number;
+    /** Offset along the alignment axis */
+    alignOffset?: number;
+    /** Whether positioning is enabled */
+    enabled?: boolean;
+}
+/**
+ * Hook to calculate position for anchored content.
+ * Returns the top/left position for the content element.
+ */
+declare function useAnchorPosition({ anchorRef, contentRef, side, align, sideOffset, alignOffset, enabled, }: UseAnchorPositionOptions): AnchorPosition | null;
+
+export { type AnchorAlign, type AnchorPosition, type AnchorSide, type UseAnchorPositionOptions, useAnchorPosition };

package/dist/components/portal/utils/use-anchor-position.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+type AnchorSide = "top" | "right" | "bottom" | "left";
+type AnchorAlign = "start" | "center" | "end";
+interface AnchorPosition {
+    top: number;
+    left: number;
+}
+interface UseAnchorPositionOptions {
+    /** The anchor element to position relative to */
+    anchorRef: React.RefObject<HTMLElement | null>;
+    /** The content element being positioned */
+    contentRef: React.RefObject<HTMLElement | null>;
+    /** Which side of the anchor to position on */
+    side?: AnchorSide;
+    /** Alignment along the side */
+    align?: AnchorAlign;
+    /** Offset from the anchor (perpendicular to side) */
+    sideOffset?: number;
+    /** Offset along the alignment axis */
+    alignOffset?: number;
+    /** Whether positioning is enabled */
+    enabled?: boolean;
+}
+/**
+ * Hook to calculate position for anchored content.
+ * Returns the top/left position for the content element.
+ */
+declare function useAnchorPosition({ anchorRef, contentRef, side, align, sideOffset, alignOffset, enabled, }: UseAnchorPositionOptions): AnchorPosition | null;
+
+export { type AnchorAlign, type AnchorPosition, type AnchorSide, type UseAnchorPositionOptions, useAnchorPosition };

package/dist/components/portal/utils/use-anchor-position.js

@@ -0,0 +1,137 @@
+"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 use_anchor_position_exports = {};
+__export(use_anchor_position_exports, {
+  useAnchorPosition: () => useAnchorPosition
+});
+module.exports = __toCommonJS(use_anchor_position_exports);
+var React = __toESM(require("react"));
+function useAnchorPosition({
+  anchorRef,
+  contentRef,
+  side = "bottom",
+  align = "center",
+  sideOffset = 0,
+  alignOffset = 0,
+  enabled = true
+}) {
+  const [position, setPosition] = React.useState(null);
+  const [, _forceUpdate] = React.useReducer((x) => x + 1, 0);
+  const updatePosition = React.useCallback(() => {
+    const anchor = anchorRef.current;
+    const content = contentRef.current;
+    if (!anchor || !content || !enabled) {
+      setPosition(null);
+      return;
+    }
+    const anchorRect = anchor.getBoundingClientRect();
+    const contentRect = content.getBoundingClientRect();
+    let top = 0;
+    let left = 0;
+    switch (side) {
+      case "top":
+        top = anchorRect.top - contentRect.height - sideOffset;
+        break;
+      case "bottom":
+        top = anchorRect.bottom + sideOffset;
+        break;
+      case "left":
+        left = anchorRect.left - contentRect.width - sideOffset;
+        break;
+      case "right":
+        left = anchorRect.right + sideOffset;
+        break;
+    }
+    if (side === "top" || side === "bottom") {
+      switch (align) {
+        case "start":
+          left = anchorRect.left + alignOffset;
+          break;
+        case "center":
+          left = anchorRect.left + (anchorRect.width - contentRect.width) / 2 + alignOffset;
+          break;
+        case "end":
+          left = anchorRect.right - contentRect.width + alignOffset;
+          break;
+      }
+    } else {
+      switch (align) {
+        case "start":
+          top = anchorRect.top + alignOffset;
+          break;
+        case "center":
+          top = anchorRect.top + (anchorRect.height - contentRect.height) / 2 + alignOffset;
+          break;
+        case "end":
+          top = anchorRect.bottom - contentRect.height + alignOffset;
+          break;
+      }
+    }
+    top += window.scrollY;
+    left += window.scrollX;
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    left = Math.max(0, Math.min(left, viewportWidth - contentRect.width));
+    top = Math.max(
+      0,
+      Math.min(top, viewportHeight - contentRect.height + window.scrollY)
+    );
+    setPosition({ top, left });
+  }, [anchorRef, contentRef, side, align, sideOffset, alignOffset, enabled]);
+  React.useEffect(() => {
+    if (!enabled) {
+      setPosition(null);
+      return;
+    }
+    let attempts = 0;
+    const maxAttempts = 10;
+    const tryUpdate = () => {
+      attempts++;
+      if (anchorRef.current && contentRef.current) {
+        updatePosition();
+      } else if (attempts < maxAttempts) {
+        requestAnimationFrame(tryUpdate);
+      }
+    };
+    requestAnimationFrame(tryUpdate);
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [enabled, updatePosition, anchorRef, contentRef]);
+  return position;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAnchorPosition
+});
+//# sourceMappingURL=use-anchor-position.js.map

package/dist/components/portal/utils/use-anchor-position.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/utils/use-anchor-position.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type AnchorSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type AnchorAlign = \"start\" | \"center\" | \"end\";\n\nexport interface AnchorPosition {\n  top: number;\n  left: number;\n}\n\nexport interface UseAnchorPositionOptions {\n  /** The anchor element to position relative to */\n  anchorRef: React.RefObject<HTMLElement | null>;\n  /** The content element being positioned */\n  contentRef: React.RefObject<HTMLElement | null>;\n  /** Which side of the anchor to position on */\n  side?: AnchorSide;\n  /** Alignment along the side */\n  align?: AnchorAlign;\n  /** Offset from the anchor (perpendicular to side) */\n  sideOffset?: number;\n  /** Offset along the alignment axis */\n  alignOffset?: number;\n  /** Whether positioning is enabled */\n  enabled?: boolean;\n}\n\n/**\n * Hook to calculate position for anchored content.\n * Returns the top/left position for the content element.\n */\nexport function useAnchorPosition({\n  anchorRef,\n  contentRef,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 0,\n  alignOffset = 0,\n  enabled = true,\n}: UseAnchorPositionOptions): AnchorPosition | null {\n  const [position, setPosition] = React.useState<AnchorPosition | null>(null);\n  // Force update counter to trigger recalculation\n  const [, _forceUpdate] = React.useReducer((x) => x + 1, 0);\n\n  const updatePosition = React.useCallback(() => {\n    const anchor = anchorRef.current;\n    const content = contentRef.current;\n\n    if (!anchor || !content || !enabled) {\n      setPosition(null);\n      return;\n    }\n\n    const anchorRect = anchor.getBoundingClientRect();\n    const contentRect = content.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    // Calculate position based on side\n    switch (side) {\n      case \"top\":\n        top = anchorRect.top - contentRect.height - sideOffset;\n        break;\n      case \"bottom\":\n        top = anchorRect.bottom + sideOffset;\n        break;\n      case \"left\":\n        left = anchorRect.left - contentRect.width - sideOffset;\n        break;\n      case \"right\":\n        left = anchorRect.right + sideOffset;\n        break;\n    }\n\n    // Calculate alignment\n    if (side === \"top\" || side === \"bottom\") {\n      switch (align) {\n        case \"start\":\n          left = anchorRect.left + alignOffset;\n          break;\n        case \"center\":\n          left =\n            anchorRect.left +\n            (anchorRect.width - contentRect.width) / 2 +\n            alignOffset;\n          break;\n        case \"end\":\n          left = anchorRect.right - contentRect.width + alignOffset;\n          break;\n      }\n    } else {\n      // left or right side\n      switch (align) {\n        case \"start\":\n          top = anchorRect.top + alignOffset;\n          break;\n        case \"center\":\n          top =\n            anchorRect.top +\n            (anchorRect.height - contentRect.height) / 2 +\n            alignOffset;\n          break;\n        case \"end\":\n          top = anchorRect.bottom - contentRect.height + alignOffset;\n          break;\n      }\n    }\n\n    // Add scroll offset for fixed positioning\n    top += window.scrollY;\n    left += window.scrollX;\n\n    // Clamp to viewport bounds\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Prevent going off-screen\n    left = Math.max(0, Math.min(left, viewportWidth - contentRect.width));\n    top = Math.max(\n      0,\n      Math.min(top, viewportHeight - contentRect.height + window.scrollY)\n    );\n\n    setPosition({ top, left });\n  }, [anchorRef, contentRef, side, align, sideOffset, alignOffset, enabled]);\n\n  // Update position when enabled changes or on mount\n  React.useEffect(() => {\n    if (!enabled) {\n      setPosition(null);\n      return;\n    }\n\n    // Try multiple times to ensure refs are set\n    let attempts = 0;\n    const maxAttempts = 10;\n\n    const tryUpdate = () => {\n      attempts++;\n      if (anchorRef.current && contentRef.current) {\n        updatePosition();\n      } else if (attempts < maxAttempts) {\n        requestAnimationFrame(tryUpdate);\n      }\n    };\n\n    requestAnimationFrame(tryUpdate);\n\n    // Update on scroll and resize\n    window.addEventListener(\"scroll\", updatePosition, true);\n    window.addEventListener(\"resize\", updatePosition);\n\n    return () => {\n      window.removeEventListener(\"scroll\", updatePosition, true);\n      window.removeEventListener(\"resize\", updatePosition);\n    };\n  }, [enabled, updatePosition, anchorRef, contentRef]);\n\n  return position;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AA+BhB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,UAAU;AACZ,GAAoD;AAClD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAgC,IAAI;AAE1E,QAAM,CAAC,EAAE,YAAY,IAAI,MAAM,WAAW,CAAC,MAAM,IAAI,GAAG,CAAC;AAEzD,QAAM,iBAAiB,MAAM,YAAY,MAAM;AAC7C,UAAM,SAAS,UAAU;AACzB,UAAM,UAAU,WAAW;AAE3B,QAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS;AACnC,kBAAY,IAAI;AAChB;AAAA,IACF;AAEA,UAAM,aAAa,OAAO,sBAAsB;AAChD,UAAM,cAAc,QAAQ,sBAAsB;AAElD,QAAI,MAAM;AACV,QAAI,OAAO;AAGX,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,cAAM,WAAW,MAAM,YAAY,SAAS;AAC5C;AAAA,MACF,KAAK;AACH,cAAM,WAAW,SAAS;AAC1B;AAAA,MACF,KAAK;AACH,eAAO,WAAW,OAAO,YAAY,QAAQ;AAC7C;AAAA,MACF,KAAK;AACH,eAAO,WAAW,QAAQ;AAC1B;AAAA,IACJ;AAGA,QAAI,SAAS,SAAS,SAAS,UAAU;AACvC,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO,WAAW,OAAO;AACzB;AAAA,QACF,KAAK;AACH,iBACE,WAAW,QACV,WAAW,QAAQ,YAAY,SAAS,IACzC;AACF;AAAA,QACF,KAAK;AACH,iBAAO,WAAW,QAAQ,YAAY,QAAQ;AAC9C;AAAA,MACJ;AAAA,IACF,OAAO;AAEL,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,gBAAM,WAAW,MAAM;AACvB;AAAA,QACF,KAAK;AACH,gBACE,WAAW,OACV,WAAW,SAAS,YAAY,UAAU,IAC3C;AACF;AAAA,QACF,KAAK;AACH,gBAAM,WAAW,SAAS,YAAY,SAAS;AAC/C;AAAA,MACJ;AAAA,IACF;AAGA,WAAO,OAAO;AACd,YAAQ,OAAO;AAGf,UAAM,gBAAgB,OAAO;AAC7B,UAAM,iBAAiB,OAAO;AAG9B,WAAO,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,gBAAgB,YAAY,KAAK,CAAC;AACpE,UAAM,KAAK;AAAA,MACT;AAAA,MACA,KAAK,IAAI,KAAK,iBAAiB,YAAY,SAAS,OAAO,OAAO;AAAA,IACpE;AAEA,gBAAY,EAAE,KAAK,KAAK,CAAC;AAAA,EAC3B,GAAG,CAAC,WAAW,YAAY,MAAM,OAAO,YAAY,aAAa,OAAO,CAAC;AAGzE,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,SAAS;AACZ,kBAAY,IAAI;AAChB;AAAA,IACF;AAGA,QAAI,WAAW;AACf,UAAM,cAAc;AAEpB,UAAM,YAAY,MAAM;AACtB;AACA,UAAI,UAAU,WAAW,WAAW,SAAS;AAC3C,uBAAe;AAAA,MACjB,WAAW,WAAW,aAAa;AACjC,8BAAsB,SAAS;AAAA,MACjC;AAAA,IACF;AAEA,0BAAsB,SAAS;AAG/B,WAAO,iBAAiB,UAAU,gBAAgB,IAAI;AACtD,WAAO,iBAAiB,UAAU,cAAc;AAEhD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,gBAAgB,IAAI;AACzD,aAAO,oBAAoB,UAAU,cAAc;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,SAAS,gBAAgB,WAAW,UAAU,CAAC;AAEnD,SAAO;AACT;","names":[]}

package/dist/components/portal/utils/use-anchor-position.mjs

@@ -0,0 +1,103 @@
+"use client";
+import * as React from "react";
+function useAnchorPosition({
+  anchorRef,
+  contentRef,
+  side = "bottom",
+  align = "center",
+  sideOffset = 0,
+  alignOffset = 0,
+  enabled = true
+}) {
+  const [position, setPosition] = React.useState(null);
+  const [, _forceUpdate] = React.useReducer((x) => x + 1, 0);
+  const updatePosition = React.useCallback(() => {
+    const anchor = anchorRef.current;
+    const content = contentRef.current;
+    if (!anchor || !content || !enabled) {
+      setPosition(null);
+      return;
+    }
+    const anchorRect = anchor.getBoundingClientRect();
+    const contentRect = content.getBoundingClientRect();
+    let top = 0;
+    let left = 0;
+    switch (side) {
+      case "top":
+        top = anchorRect.top - contentRect.height - sideOffset;
+        break;
+      case "bottom":
+        top = anchorRect.bottom + sideOffset;
+        break;
+      case "left":
+        left = anchorRect.left - contentRect.width - sideOffset;
+        break;
+      case "right":
+        left = anchorRect.right + sideOffset;
+        break;
+    }
+    if (side === "top" || side === "bottom") {
+      switch (align) {
+        case "start":
+          left = anchorRect.left + alignOffset;
+          break;
+        case "center":
+          left = anchorRect.left + (anchorRect.width - contentRect.width) / 2 + alignOffset;
+          break;
+        case "end":
+          left = anchorRect.right - contentRect.width + alignOffset;
+          break;
+      }
+    } else {
+      switch (align) {
+        case "start":
+          top = anchorRect.top + alignOffset;
+          break;
+        case "center":
+          top = anchorRect.top + (anchorRect.height - contentRect.height) / 2 + alignOffset;
+          break;
+        case "end":
+          top = anchorRect.bottom - contentRect.height + alignOffset;
+          break;
+      }
+    }
+    top += window.scrollY;
+    left += window.scrollX;
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    left = Math.max(0, Math.min(left, viewportWidth - contentRect.width));
+    top = Math.max(
+      0,
+      Math.min(top, viewportHeight - contentRect.height + window.scrollY)
+    );
+    setPosition({ top, left });
+  }, [anchorRef, contentRef, side, align, sideOffset, alignOffset, enabled]);
+  React.useEffect(() => {
+    if (!enabled) {
+      setPosition(null);
+      return;
+    }
+    let attempts = 0;
+    const maxAttempts = 10;
+    const tryUpdate = () => {
+      attempts++;
+      if (anchorRef.current && contentRef.current) {
+        updatePosition();
+      } else if (attempts < maxAttempts) {
+        requestAnimationFrame(tryUpdate);
+      }
+    };
+    requestAnimationFrame(tryUpdate);
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [enabled, updatePosition, anchorRef, contentRef]);
+  return position;
+}
+export {
+  useAnchorPosition
+};
+//# sourceMappingURL=use-anchor-position.mjs.map

package/dist/components/portal/utils/use-anchor-position.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/utils/use-anchor-position.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type AnchorSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type AnchorAlign = \"start\" | \"center\" | \"end\";\n\nexport interface AnchorPosition {\n  top: number;\n  left: number;\n}\n\nexport interface UseAnchorPositionOptions {\n  /** The anchor element to position relative to */\n  anchorRef: React.RefObject<HTMLElement | null>;\n  /** The content element being positioned */\n  contentRef: React.RefObject<HTMLElement | null>;\n  /** Which side of the anchor to position on */\n  side?: AnchorSide;\n  /** Alignment along the side */\n  align?: AnchorAlign;\n  /** Offset from the anchor (perpendicular to side) */\n  sideOffset?: number;\n  /** Offset along the alignment axis */\n  alignOffset?: number;\n  /** Whether positioning is enabled */\n  enabled?: boolean;\n}\n\n/**\n * Hook to calculate position for anchored content.\n * Returns the top/left position for the content element.\n */\nexport function useAnchorPosition({\n  anchorRef,\n  contentRef,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 0,\n  alignOffset = 0,\n  enabled = true,\n}: UseAnchorPositionOptions): AnchorPosition | null {\n  const [position, setPosition] = React.useState<AnchorPosition | null>(null);\n  // Force update counter to trigger recalculation\n  const [, _forceUpdate] = React.useReducer((x) => x + 1, 0);\n\n  const updatePosition = React.useCallback(() => {\n    const anchor = anchorRef.current;\n    const content = contentRef.current;\n\n    if (!anchor || !content || !enabled) {\n      setPosition(null);\n      return;\n    }\n\n    const anchorRect = anchor.getBoundingClientRect();\n    const contentRect = content.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    // Calculate position based on side\n    switch (side) {\n      case \"top\":\n        top = anchorRect.top - contentRect.height - sideOffset;\n        break;\n      case \"bottom\":\n        top = anchorRect.bottom + sideOffset;\n        break;\n      case \"left\":\n        left = anchorRect.left - contentRect.width - sideOffset;\n        break;\n      case \"right\":\n        left = anchorRect.right + sideOffset;\n        break;\n    }\n\n    // Calculate alignment\n    if (side === \"top\" || side === \"bottom\") {\n      switch (align) {\n        case \"start\":\n          left = anchorRect.left + alignOffset;\n          break;\n        case \"center\":\n          left =\n            anchorRect.left +\n            (anchorRect.width - contentRect.width) / 2 +\n            alignOffset;\n          break;\n        case \"end\":\n          left = anchorRect.right - contentRect.width + alignOffset;\n          break;\n      }\n    } else {\n      // left or right side\n      switch (align) {\n        case \"start\":\n          top = anchorRect.top + alignOffset;\n          break;\n        case \"center\":\n          top =\n            anchorRect.top +\n            (anchorRect.height - contentRect.height) / 2 +\n            alignOffset;\n          break;\n        case \"end\":\n          top = anchorRect.bottom - contentRect.height + alignOffset;\n          break;\n      }\n    }\n\n    // Add scroll offset for fixed positioning\n    top += window.scrollY;\n    left += window.scrollX;\n\n    // Clamp to viewport bounds\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Prevent going off-screen\n    left = Math.max(0, Math.min(left, viewportWidth - contentRect.width));\n    top = Math.max(\n      0,\n      Math.min(top, viewportHeight - contentRect.height + window.scrollY)\n    );\n\n    setPosition({ top, left });\n  }, [anchorRef, contentRef, side, align, sideOffset, alignOffset, enabled]);\n\n  // Update position when enabled changes or on mount\n  React.useEffect(() => {\n    if (!enabled) {\n      setPosition(null);\n      return;\n    }\n\n    // Try multiple times to ensure refs are set\n    let attempts = 0;\n    const maxAttempts = 10;\n\n    const tryUpdate = () => {\n      attempts++;\n      if (anchorRef.current && contentRef.current) {\n        updatePosition();\n      } else if (attempts < maxAttempts) {\n        requestAnimationFrame(tryUpdate);\n      }\n    };\n\n    requestAnimationFrame(tryUpdate);\n\n    // Update on scroll and resize\n    window.addEventListener(\"scroll\", updatePosition, true);\n    window.addEventListener(\"resize\", updatePosition);\n\n    return () => {\n      window.removeEventListener(\"scroll\", updatePosition, true);\n      window.removeEventListener(\"resize\", updatePosition);\n    };\n  }, [enabled, updatePosition, anchorRef, contentRef]);\n\n  return position;\n}\n"],"mappings":";AAEA,YAAY,WAAW;AA+BhB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,cAAc;AAAA,EACd,UAAU;AACZ,GAAoD;AAClD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAgC,IAAI;AAE1E,QAAM,CAAC,EAAE,YAAY,IAAI,MAAM,WAAW,CAAC,MAAM,IAAI,GAAG,CAAC;AAEzD,QAAM,iBAAiB,MAAM,YAAY,MAAM;AAC7C,UAAM,SAAS,UAAU;AACzB,UAAM,UAAU,WAAW;AAE3B,QAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS;AACnC,kBAAY,IAAI;AAChB;AAAA,IACF;AAEA,UAAM,aAAa,OAAO,sBAAsB;AAChD,UAAM,cAAc,QAAQ,sBAAsB;AAElD,QAAI,MAAM;AACV,QAAI,OAAO;AAGX,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,cAAM,WAAW,MAAM,YAAY,SAAS;AAC5C;AAAA,MACF,KAAK;AACH,cAAM,WAAW,SAAS;AAC1B;AAAA,MACF,KAAK;AACH,eAAO,WAAW,OAAO,YAAY,QAAQ;AAC7C;AAAA,MACF,KAAK;AACH,eAAO,WAAW,QAAQ;AAC1B;AAAA,IACJ;AAGA,QAAI,SAAS,SAAS,SAAS,UAAU;AACvC,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO,WAAW,OAAO;AACzB;AAAA,QACF,KAAK;AACH,iBACE,WAAW,QACV,WAAW,QAAQ,YAAY,SAAS,IACzC;AACF;AAAA,QACF,KAAK;AACH,iBAAO,WAAW,QAAQ,YAAY,QAAQ;AAC9C;AAAA,MACJ;AAAA,IACF,OAAO;AAEL,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,gBAAM,WAAW,MAAM;AACvB;AAAA,QACF,KAAK;AACH,gBACE,WAAW,OACV,WAAW,SAAS,YAAY,UAAU,IAC3C;AACF;AAAA,QACF,KAAK;AACH,gBAAM,WAAW,SAAS,YAAY,SAAS;AAC/C;AAAA,MACJ;AAAA,IACF;AAGA,WAAO,OAAO;AACd,YAAQ,OAAO;AAGf,UAAM,gBAAgB,OAAO;AAC7B,UAAM,iBAAiB,OAAO;AAG9B,WAAO,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,gBAAgB,YAAY,KAAK,CAAC;AACpE,UAAM,KAAK;AAAA,MACT;AAAA,MACA,KAAK,IAAI,KAAK,iBAAiB,YAAY,SAAS,OAAO,OAAO;AAAA,IACpE;AAEA,gBAAY,EAAE,KAAK,KAAK,CAAC;AAAA,EAC3B,GAAG,CAAC,WAAW,YAAY,MAAM,OAAO,YAAY,aAAa,OAAO,CAAC;AAGzE,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,SAAS;AACZ,kBAAY,IAAI;AAChB;AAAA,IACF;AAGA,QAAI,WAAW;AACf,UAAM,cAAc;AAEpB,UAAM,YAAY,MAAM;AACtB;AACA,UAAI,UAAU,WAAW,WAAW,SAAS;AAC3C,uBAAe;AAAA,MACjB,WAAW,WAAW,aAAa;AACjC,8BAAsB,SAAS;AAAA,MACjC;AAAA,IACF;AAEA,0BAAsB,SAAS;AAG/B,WAAO,iBAAiB,UAAU,gBAAgB,IAAI;AACtD,WAAO,iBAAiB,UAAU,cAAc;AAEhD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,gBAAgB,IAAI;AACzD,aAAO,oBAAoB,UAAU,cAAc;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,SAAS,gBAAgB,WAAW,UAAU,CAAC;AAEnD,SAAO;AACT;","names":[]}

package/dist/components/progress-bar/fill/progress-bar-fill.d.mts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, FC } from 'react';
+import { ColorProp } from '../../../props/color.prop.mjs';
+import { MarginProps } from '../../../props/margin.prop.mjs';
+import { SizeProp } from '../../../props/size.prop.mjs';
+import { ProgressBarFillInternalProps } from './progress-bar-fill.props.mjs';
+import '../../../utils/parse-color.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllProgressBarFillProps extends ProgressBarFillInternalProps, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A ProgressBarFill.
+ */
+type ProgressBarFillProps = AllProgressBarFillProps & HTMLAttributes<HTMLDivElement>;
+declare const ProgressBarFill: FC<ProgressBarFillProps>;
+
+export { type AllProgressBarFillProps, ProgressBarFill, type ProgressBarFillProps };

package/dist/components/progress-bar/fill/progress-bar-fill.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, FC } from 'react';
+import { ColorProp } from '../../../props/color.prop.js';
+import { MarginProps } from '../../../props/margin.prop.js';
+import { SizeProp } from '../../../props/size.prop.js';
+import { ProgressBarFillInternalProps } from './progress-bar-fill.props.js';
+import '../../../utils/parse-color.js';
+import '../../../props/prop-def.js';
+
+interface AllProgressBarFillProps extends ProgressBarFillInternalProps, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A ProgressBarFill.
+ */
+type ProgressBarFillProps = AllProgressBarFillProps & HTMLAttributes<HTMLDivElement>;
+declare const ProgressBarFill: FC<ProgressBarFillProps>;
+
+export { type AllProgressBarFillProps, ProgressBarFill, type ProgressBarFillProps };

package/dist/components/progress-bar/fill/progress-bar-fill.js

@@ -0,0 +1,61 @@
+"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 progress_bar_fill_exports = {};
+__export(progress_bar_fill_exports, {
+  ProgressBarFill: () => ProgressBarFill
+});
+module.exports = __toCommonJS(progress_bar_fill_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_progress_bar_context = require("../progress-bar-context");
+var import_progress_bar_fill = require("./progress-bar-fill.props");
+const ProgressBarFill = (props) => {
+  const context = (0, import_react.useContext)(import_progress_bar_context.ProgressBarContext);
+  const { value, color, style, className, dataAttrs, ...rest } = (0, import_get_component_props.getComponentProps)(props, import_progress_bar_fill.ProgressBarFillPropsDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-color": color ?? context?.color,
+      "data-variant": context?.variant,
+      style: { ...style, width: `${(value ?? 0) / ((context?.totalValue ?? 0) > 1 ? context.totalValue : 1) * 100}%` },
+      className: (0, import_clsx.default)("progress-bar-fill", className),
+      ...dataAttrs,
+      ...rest
+    }
+  );
+};
+ProgressBarFill.displayName = "ProgressBar.Fill";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressBarFill
+});
+//# sourceMappingURL=progress-bar-fill.js.map