@locus-ui/components 0.0.16 → 0.1.0

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

@@ -0,0 +1,14 @@
+export { PortalBackdrop, PortalBackdropProps } from './backdrop/portal-backdrop.mjs';
+export { PortalContent, PortalContentProps } from './content/portal-content.mjs';
+export { Portal } from './portal.mjs';
+export { usePortalContext } from './portal-context.mjs';
+export { PortalRoot, PortalRootProps } from './root/portal-root.mjs';
+export { PortalTrigger, PortalTriggerProps } from './trigger/portal-trigger.mjs';
+export { AnchorAlign, AnchorPosition, AnchorSide, UseAnchorPositionOptions, useAnchorPosition } from './utils/use-anchor-position.mjs';
+import 'react';
+import './backdrop/portal-backdrop.props.mjs';
+import '../../props/align.prop.mjs';
+import '../../props/prop-def.mjs';
+import './content/portal-content.props.mjs';
+import '../../utils/filter-children.mjs';
+import './root/portal-root.props.mjs';

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

@@ -0,0 +1,14 @@
+export { PortalBackdrop, PortalBackdropProps } from './backdrop/portal-backdrop.js';
+export { PortalContent, PortalContentProps } from './content/portal-content.js';
+export { Portal } from './portal.js';
+export { usePortalContext } from './portal-context.js';
+export { PortalRoot, PortalRootProps } from './root/portal-root.js';
+export { PortalTrigger, PortalTriggerProps } from './trigger/portal-trigger.js';
+export { AnchorAlign, AnchorPosition, AnchorSide, UseAnchorPositionOptions, useAnchorPosition } from './utils/use-anchor-position.js';
+import 'react';
+import './backdrop/portal-backdrop.props.js';
+import '../../props/align.prop.js';
+import '../../props/prop-def.js';
+import './content/portal-content.props.js';
+import '../../utils/filter-children.js';
+import './root/portal-root.props.js';

package/dist/components/portal/index.js

@@ -0,0 +1,47 @@
+"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 portal_exports = {};
+__export(portal_exports, {
+  Portal: () => import_portal.Portal,
+  PortalBackdrop: () => import_portal_backdrop.PortalBackdrop,
+  PortalContent: () => import_portal_content.PortalContent,
+  PortalRoot: () => import_portal_root.PortalRoot,
+  PortalTrigger: () => import_portal_trigger.PortalTrigger,
+  useAnchorPosition: () => import_use_anchor_position.useAnchorPosition,
+  usePortalContext: () => import_portal_context.usePortalContext
+});
+module.exports = __toCommonJS(portal_exports);
+var import_portal_backdrop = require("./backdrop/portal-backdrop");
+var import_portal_content = require("./content/portal-content");
+var import_portal = require("./portal");
+var import_portal_context = require("./portal-context");
+var import_portal_root = require("./root/portal-root");
+var import_portal_trigger = require("./trigger/portal-trigger");
+var import_use_anchor_position = require("./utils/use-anchor-position");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Portal,
+  PortalBackdrop,
+  PortalContent,
+  PortalRoot,
+  PortalTrigger,
+  useAnchorPosition,
+  usePortalContext
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/portal/index.ts"],"sourcesContent":["export {\n  PortalBackdrop,\n  type PortalBackdropProps,\n} from \"./backdrop/portal-backdrop\";\nexport {\n  PortalContent,\n  type PortalContentProps,\n} from \"./content/portal-content\";\nexport { Portal } from \"./portal\";\nexport { usePortalContext } from \"./portal-context\";\nexport { PortalRoot, type PortalRootProps } from \"./root/portal-root\";\nexport {\n  PortalTrigger,\n  type PortalTriggerProps,\n} from \"./trigger/portal-trigger\";\nexport {\n  useAnchorPosition,\n  type AnchorAlign,\n  type AnchorPosition,\n  type AnchorSide,\n  type UseAnchorPositionOptions,\n} from \"./utils/use-anchor-position\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAGO;AACP,4BAGO;AACP,oBAAuB;AACvB,4BAAiC;AACjC,yBAAiD;AACjD,4BAGO;AACP,iCAMO;","names":[]}

package/dist/components/portal/index.mjs

@@ -0,0 +1,25 @@
+import {
+  PortalBackdrop
+} from "./backdrop/portal-backdrop";
+import {
+  PortalContent
+} from "./content/portal-content";
+import { Portal } from "./portal";
+import { usePortalContext } from "./portal-context";
+import { PortalRoot } from "./root/portal-root";
+import {
+  PortalTrigger
+} from "./trigger/portal-trigger";
+import {
+  useAnchorPosition
+} from "./utils/use-anchor-position";
+export {
+  Portal,
+  PortalBackdrop,
+  PortalContent,
+  PortalRoot,
+  PortalTrigger,
+  useAnchorPosition,
+  usePortalContext
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/portal/index.ts"],"sourcesContent":["export {\n  PortalBackdrop,\n  type PortalBackdropProps,\n} from \"./backdrop/portal-backdrop\";\nexport {\n  PortalContent,\n  type PortalContentProps,\n} from \"./content/portal-content\";\nexport { Portal } from \"./portal\";\nexport { usePortalContext } from \"./portal-context\";\nexport { PortalRoot, type PortalRootProps } from \"./root/portal-root\";\nexport {\n  PortalTrigger,\n  type PortalTriggerProps,\n} from \"./trigger/portal-trigger\";\nexport {\n  useAnchorPosition,\n  type AnchorAlign,\n  type AnchorPosition,\n  type AnchorSide,\n  type UseAnchorPositionOptions,\n} from \"./utils/use-anchor-position\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,kBAAwC;AACjD;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAKK;","names":[]}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface PortalContextValue {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Ref to the trigger element, used as default anchor */
+    triggerRef: React.RefObject<HTMLElement | null>;
+    /** Custom anchor element ref (overrides trigger as anchor) */
+    anchorRef?: React.RefObject<HTMLElement | null>;
+}
+declare const PortalContext: React.Context<PortalContextValue | undefined>;
+interface PortalContextProps extends PortalContextValue {
+}
+declare function usePortalContext(): PortalContextValue;
+
+export { PortalContext, type PortalContextProps, usePortalContext };

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+interface PortalContextValue {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Ref to the trigger element, used as default anchor */
+    triggerRef: React.RefObject<HTMLElement | null>;
+    /** Custom anchor element ref (overrides trigger as anchor) */
+    anchorRef?: React.RefObject<HTMLElement | null>;
+}
+declare const PortalContext: React.Context<PortalContextValue | undefined>;
+interface PortalContextProps extends PortalContextValue {
+}
+declare function usePortalContext(): PortalContextValue;
+
+export { PortalContext, type PortalContextProps, usePortalContext };

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

@@ -0,0 +1,52 @@
+"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_context_exports = {};
+__export(portal_context_exports, {
+  PortalContext: () => PortalContext,
+  usePortalContext: () => usePortalContext
+});
+module.exports = __toCommonJS(portal_context_exports);
+var React = __toESM(require("react"));
+const PortalContext = React.createContext(
+  void 0
+);
+function usePortalContext() {
+  const context = React.useContext(PortalContext);
+  if (!context) {
+    throw new Error("`usePortalContext` must be used within a `Portal.Root`");
+  }
+  return context;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortalContext,
+  usePortalContext
+});
+//# sourceMappingURL=portal-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/portal/portal-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\ninterface PortalContextValue {\n  open: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Ref to the trigger element, used as default anchor */\n  triggerRef: React.RefObject<HTMLElement | null>;\n  /** Custom anchor element ref (overrides trigger as anchor) */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nconst PortalContext = React.createContext<PortalContextValue | undefined>(\n  undefined\n);\n\ninterface PortalContextProps extends PortalContextValue {}\n\nfunction usePortalContext() {\n  const context = React.useContext(PortalContext);\n  if (!context) {\n    throw new Error(\"`usePortalContext` must be used within a `Portal.Root`\");\n  }\n  return context;\n}\n\nexport { PortalContext, PortalContextProps, usePortalContext };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AAWvB,MAAM,gBAAgB,MAAM;AAAA,EAC1B;AACF;AAIA,SAAS,mBAAmB;AAC1B,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC1E;AACA,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,17 @@
+"use client";
+import * as React from "react";
+const PortalContext = React.createContext(
+  void 0
+);
+function usePortalContext() {
+  const context = React.useContext(PortalContext);
+  if (!context) {
+    throw new Error("`usePortalContext` must be used within a `Portal.Root`");
+  }
+  return context;
+}
+export {
+  PortalContext,
+  usePortalContext
+};
+//# sourceMappingURL=portal-context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/portal/portal-context.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\ninterface PortalContextValue {\n  open: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Ref to the trigger element, used as default anchor */\n  triggerRef: React.RefObject<HTMLElement | null>;\n  /** Custom anchor element ref (overrides trigger as anchor) */\n  anchorRef?: React.RefObject<HTMLElement | null>;\n}\n\nconst PortalContext = React.createContext<PortalContextValue | undefined>(\n  undefined\n);\n\ninterface PortalContextProps extends PortalContextValue {}\n\nfunction usePortalContext() {\n  const context = React.useContext(PortalContext);\n  if (!context) {\n    throw new Error(\"`usePortalContext` must be used within a `Portal.Root`\");\n  }\n  return context;\n}\n\nexport { PortalContext, PortalContextProps, usePortalContext };\n"],"mappings":";AAEA,YAAY,WAAW;AAWvB,MAAM,gBAAgB,MAAM;AAAA,EAC1B;AACF;AAIA,SAAS,mBAAmB;AAC1B,QAAM,UAAU,MAAM,WAAW,aAAa;AAC9C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC1E;AACA,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,24 @@
+import { AllPortalBackdropProps } from './backdrop/portal-backdrop.mjs';
+import { AllPortalContentProps } from './content/portal-content.mjs';
+import { PortalTriggerProps } from './trigger/portal-trigger.mjs';
+import * as React from 'react';
+import { PortalRootProps } from './root/portal-root.mjs';
+import './backdrop/portal-backdrop.props.mjs';
+import '../../props/align.prop.mjs';
+import '../../props/prop-def.mjs';
+import './content/portal-content.props.mjs';
+import '../../utils/filter-children.mjs';
+import './root/portal-root.props.mjs';
+
+declare const Portal: {
+    /** The root component that provides context for the portal. */
+    Root: React.FC<PortalRootProps>;
+    /** The trigger element that opens the portal when interacted with. */
+    Trigger: React.ForwardRefExoticComponent<PortalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    /** The content displayed inside the portal when open. */
+    Content: React.ForwardRefExoticComponent<AllPortalContentProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    /** A backdrop optionally displayed behind portal content when open. */
+    Backdrop: React.ForwardRefExoticComponent<AllPortalBackdropProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+export { Portal };

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

@@ -0,0 +1,24 @@
+import { AllPortalBackdropProps } from './backdrop/portal-backdrop.js';
+import { AllPortalContentProps } from './content/portal-content.js';
+import { PortalTriggerProps } from './trigger/portal-trigger.js';
+import * as React from 'react';
+import { PortalRootProps } from './root/portal-root.js';
+import './backdrop/portal-backdrop.props.js';
+import '../../props/align.prop.js';
+import '../../props/prop-def.js';
+import './content/portal-content.props.js';
+import '../../utils/filter-children.js';
+import './root/portal-root.props.js';
+
+declare const Portal: {
+    /** The root component that provides context for the portal. */
+    Root: React.FC<PortalRootProps>;
+    /** The trigger element that opens the portal when interacted with. */
+    Trigger: React.ForwardRefExoticComponent<PortalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    /** The content displayed inside the portal when open. */
+    Content: React.ForwardRefExoticComponent<AllPortalContentProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    /** A backdrop optionally displayed behind portal content when open. */
+    Backdrop: React.ForwardRefExoticComponent<AllPortalBackdropProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+};
+
+export { Portal };

package/dist/components/portal/portal.js

@@ -0,0 +1,42 @@
+"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 portal_exports = {};
+__export(portal_exports, {
+  Portal: () => Portal
+});
+module.exports = __toCommonJS(portal_exports);
+var import_portal_backdrop = require("./backdrop/portal-backdrop");
+var import_portal_content = require("./content/portal-content");
+var import_portal_root = require("./root/portal-root");
+var import_portal_trigger = require("./trigger/portal-trigger");
+const Portal = {
+  /** The root component that provides context for the portal. */
+  Root: import_portal_root.PortalRoot,
+  /** The trigger element that opens the portal when interacted with. */
+  Trigger: import_portal_trigger.PortalTrigger,
+  /** The content displayed inside the portal when open. */
+  Content: import_portal_content.PortalContent,
+  /** A backdrop optionally displayed behind portal content when open. */
+  Backdrop: import_portal_backdrop.PortalBackdrop
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Portal
+});
+//# sourceMappingURL=portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/portal/portal.tsx"],"sourcesContent":["import { PortalBackdrop } from \"./backdrop/portal-backdrop\";\nimport { PortalContent } from \"./content/portal-content\";\nimport { PortalRoot } from \"./root/portal-root\";\nimport { PortalTrigger } from \"./trigger/portal-trigger\";\n\nexport const Portal = {\n  /** The root component that provides context for the portal. */\n  Root: PortalRoot,\n  /** The trigger element that opens the portal when interacted with. */\n  Trigger: PortalTrigger,\n  /** The content displayed inside the portal when open. */\n  Content: PortalContent,\n  /** A backdrop optionally displayed behind portal content when open. */\n  Backdrop: PortalBackdrop,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA+B;AAC/B,4BAA8B;AAC9B,yBAA2B;AAC3B,4BAA8B;AAEvB,MAAM,SAAS;AAAA;AAAA,EAEpB,MAAM;AAAA;AAAA,EAEN,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;","names":[]}

package/dist/components/portal/portal.mjs

@@ -0,0 +1,18 @@
+import { PortalBackdrop } from "./backdrop/portal-backdrop";
+import { PortalContent } from "./content/portal-content";
+import { PortalRoot } from "./root/portal-root";
+import { PortalTrigger } from "./trigger/portal-trigger";
+const Portal = {
+  /** The root component that provides context for the portal. */
+  Root: PortalRoot,
+  /** The trigger element that opens the portal when interacted with. */
+  Trigger: PortalTrigger,
+  /** The content displayed inside the portal when open. */
+  Content: PortalContent,
+  /** A backdrop optionally displayed behind portal content when open. */
+  Backdrop: PortalBackdrop
+};
+export {
+  Portal
+};
+//# sourceMappingURL=portal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/portal/portal.tsx"],"sourcesContent":["import { PortalBackdrop } from \"./backdrop/portal-backdrop\";\nimport { PortalContent } from \"./content/portal-content\";\nimport { PortalRoot } from \"./root/portal-root\";\nimport { PortalTrigger } from \"./trigger/portal-trigger\";\n\nexport const Portal = {\n  /** The root component that provides context for the portal. */\n  Root: PortalRoot,\n  /** The trigger element that opens the portal when interacted with. */\n  Trigger: PortalTrigger,\n  /** The content displayed inside the portal when open. */\n  Content: PortalContent,\n  /** A backdrop optionally displayed behind portal content when open. */\n  Backdrop: PortalBackdrop,\n};\n"],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAEvB,MAAM,SAAS;AAAA;AAAA,EAEpB,MAAM;AAAA;AAAA,EAEN,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;","names":[]}

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes, FC } from 'react';
+import { WithStrictChildren } from '../../../utils/filter-children.mjs';
+import { PortalBackdropProps } from '../backdrop/portal-backdrop.mjs';
+import { PortalContentProps } from '../content/portal-content.mjs';
+import { PortalTriggerProps } from '../trigger/portal-trigger.mjs';
+import { PortalRootInternalProps } from './portal-root.props.mjs';
+import '../backdrop/portal-backdrop.props.mjs';
+import '../../../props/align.prop.mjs';
+import '../../../props/prop-def.mjs';
+import '../content/portal-content.props.mjs';
+
+interface AllPortalRootProps extends PortalRootInternalProps {
+}
+type PortalRootProps = AllPortalRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, PortalTriggerProps | PortalBackdropProps | PortalContentProps>;
+/** The root component of a portal used to provide context and styling to its children. */
+declare const PortalRoot: FC<PortalRootProps>;
+
+export { type AllPortalRootProps, PortalRoot, type PortalRootProps };

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes, FC } from 'react';
+import { WithStrictChildren } from '../../../utils/filter-children.js';
+import { PortalBackdropProps } from '../backdrop/portal-backdrop.js';
+import { PortalContentProps } from '../content/portal-content.js';
+import { PortalTriggerProps } from '../trigger/portal-trigger.js';
+import { PortalRootInternalProps } from './portal-root.props.js';
+import '../backdrop/portal-backdrop.props.js';
+import '../../../props/align.prop.js';
+import '../../../props/prop-def.js';
+import '../content/portal-content.props.js';
+
+interface AllPortalRootProps extends PortalRootInternalProps {
+}
+type PortalRootProps = AllPortalRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, PortalTriggerProps | PortalBackdropProps | PortalContentProps>;
+/** The root component of a portal used to provide context and styling to its children. */
+declare const PortalRoot: FC<PortalRootProps>;
+
+export { type AllPortalRootProps, PortalRoot, type PortalRootProps };

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

@@ -0,0 +1,74 @@
+"use strict";
+"use client";
+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 portal_root_exports = {};
+__export(portal_root_exports, {
+  PortalRoot: () => PortalRoot
+});
+module.exports = __toCommonJS(portal_root_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_filter_children = require("../../../utils/filter-children");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_use_controllable_state = require("../../../utils/use-controllable-state");
+var import_portal_backdrop = require("../backdrop/portal-backdrop");
+var import_portal_content = require("../content/portal-content");
+var import_portal_context = require("../portal-context");
+var import_portal_trigger = require("../trigger/portal-trigger");
+var import_portal_root = require("./portal-root.props");
+const ALLOWED_CHILDREN = [
+  import_portal_trigger.PortalTrigger.displayName,
+  import_portal_backdrop.PortalBackdrop.displayName,
+  import_portal_content.PortalContent.displayName
+];
+const PortalRoot = (props) => {
+  const {
+    defaultOpen = false,
+    open: portalOpen,
+    onOpenChange,
+    anchorRef,
+    children
+  } = (0, import_get_component_props.getComponentProps)(props, import_portal_root.PortalRootPropsDefs);
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    value: portalOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const triggerRef = (0, import_react.useRef)(null);
+  const value = (0, import_react.useMemo)(
+    () => ({
+      open,
+      onOpenChange: setOpen,
+      triggerRef,
+      anchorRef
+    }),
+    [open, setOpen, anchorRef]
+  );
+  const validChildren = (0, import_filter_children.filterChildren)(children, ALLOWED_CHILDREN, {
+    parentDisplayName: PortalRoot.displayName,
+    allowedTypes: [import_portal_trigger.PortalTrigger, import_portal_backdrop.PortalBackdrop, import_portal_content.PortalContent]
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal_context.PortalContext.Provider, { value, children: validChildren });
+};
+PortalRoot.displayName = "Portal.Root";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortalRoot
+});
+//# sourceMappingURL=portal-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/root/portal-root.tsx"],"sourcesContent":["\"use client\";\n\nimport { FC, HTMLAttributes, useMemo, useRef } from \"react\";\nimport {\n  filterChildren,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport {\n  PortalBackdrop,\n  PortalBackdropProps,\n} from \"../backdrop/portal-backdrop\";\nimport { PortalContent, PortalContentProps } from \"../content/portal-content\";\nimport { PortalContext } from \"../portal-context\";\nimport { PortalTrigger, PortalTriggerProps } from \"../trigger/portal-trigger\";\nimport {\n  PortalRootInternalProps,\n  PortalRootPropsDefs,\n} from \"./portal-root.props\";\n\nconst ALLOWED_CHILDREN = [\n  PortalTrigger.displayName!,\n  PortalBackdrop.displayName!,\n  PortalContent.displayName!,\n];\n\ninterface AllPortalRootProps extends PortalRootInternalProps {}\n\ntype PortalRootProps = AllPortalRootProps &\n  WithStrictChildren<\n    HTMLAttributes<HTMLDivElement>,\n    PortalTriggerProps | PortalBackdropProps | PortalContentProps\n  >;\n\n/** The root component of a portal used to provide context and styling to its children. */\nconst PortalRoot: FC<PortalRootProps> = (props) => {\n  const {\n    defaultOpen = false,\n    open: portalOpen,\n    onOpenChange,\n    anchorRef,\n    children,\n  } = getComponentProps(props, PortalRootPropsDefs);\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: portalOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const value = useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      triggerRef,\n      anchorRef,\n    }),\n    [open, setOpen, anchorRef],\n  );\n\n  const validChildren = filterChildren(children, ALLOWED_CHILDREN, {\n    parentDisplayName: PortalRoot.displayName,\n    allowedTypes: [PortalTrigger, PortalBackdrop, PortalContent],\n  });\n\n  return (\n    <PortalContext.Provider value={value}>\n      {validChildren}\n    </PortalContext.Provider>\n  );\n};\nPortalRoot.displayName = \"Portal.Root\";\n\nexport { AllPortalRootProps, PortalRoot, PortalRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEI;AAnEJ,mBAAoD;AACpD,6BAGO;AACP,iCAAkC;AAClC,oCAAqC;AACrC,6BAGO;AACP,4BAAkD;AAClD,4BAA8B;AAC9B,4BAAkD;AAClD,yBAGO;AAEP,MAAM,mBAAmB;AAAA,EACvB,oCAAc;AAAA,EACd,sCAAe;AAAA,EACf,oCAAc;AAChB;AAWA,MAAM,aAAkC,CAAC,UAAU;AACjD,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,8CAAkB,OAAO,sCAAmB;AAEhD,QAAM,CAAC,MAAM,OAAO,QAAI,oDAA8B;AAAA,IACpD,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,iBAAa,qBAA2B,IAAI;AAElD,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,SAAS,SAAS;AAAA,EAC3B;AAEA,QAAM,oBAAgB,uCAAe,UAAU,kBAAkB;AAAA,IAC/D,mBAAmB,WAAW;AAAA,IAC9B,cAAc,CAAC,qCAAe,uCAAgB,mCAAa;AAAA,EAC7D,CAAC;AAED,SACE,4CAAC,oCAAc,UAAd,EAAuB,OACrB,yBACH;AAEJ;AACA,WAAW,cAAc;","names":[]}

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

@@ -0,0 +1,56 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import {
+  filterChildren
+} from "../../../utils/filter-children";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useControllableState } from "../../../utils/use-controllable-state";
+import {
+  PortalBackdrop
+} from "../backdrop/portal-backdrop";
+import { PortalContent } from "../content/portal-content";
+import { PortalContext } from "../portal-context";
+import { PortalTrigger } from "../trigger/portal-trigger";
+import {
+  PortalRootPropsDefs
+} from "./portal-root.props";
+const ALLOWED_CHILDREN = [
+  PortalTrigger.displayName,
+  PortalBackdrop.displayName,
+  PortalContent.displayName
+];
+const PortalRoot = (props) => {
+  const {
+    defaultOpen = false,
+    open: portalOpen,
+    onOpenChange,
+    anchorRef,
+    children
+  } = getComponentProps(props, PortalRootPropsDefs);
+  const [open, setOpen] = useControllableState({
+    value: portalOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const triggerRef = useRef(null);
+  const value = useMemo(
+    () => ({
+      open,
+      onOpenChange: setOpen,
+      triggerRef,
+      anchorRef
+    }),
+    [open, setOpen, anchorRef]
+  );
+  const validChildren = filterChildren(children, ALLOWED_CHILDREN, {
+    parentDisplayName: PortalRoot.displayName,
+    allowedTypes: [PortalTrigger, PortalBackdrop, PortalContent]
+  });
+  return /* @__PURE__ */ jsx(PortalContext.Provider, { value, children: validChildren });
+};
+PortalRoot.displayName = "Portal.Root";
+export {
+  PortalRoot
+};
+//# sourceMappingURL=portal-root.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/root/portal-root.tsx"],"sourcesContent":["\"use client\";\n\nimport { FC, HTMLAttributes, useMemo, useRef } from \"react\";\nimport {\n  filterChildren,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport {\n  PortalBackdrop,\n  PortalBackdropProps,\n} from \"../backdrop/portal-backdrop\";\nimport { PortalContent, PortalContentProps } from \"../content/portal-content\";\nimport { PortalContext } from \"../portal-context\";\nimport { PortalTrigger, PortalTriggerProps } from \"../trigger/portal-trigger\";\nimport {\n  PortalRootInternalProps,\n  PortalRootPropsDefs,\n} from \"./portal-root.props\";\n\nconst ALLOWED_CHILDREN = [\n  PortalTrigger.displayName!,\n  PortalBackdrop.displayName!,\n  PortalContent.displayName!,\n];\n\ninterface AllPortalRootProps extends PortalRootInternalProps {}\n\ntype PortalRootProps = AllPortalRootProps &\n  WithStrictChildren<\n    HTMLAttributes<HTMLDivElement>,\n    PortalTriggerProps | PortalBackdropProps | PortalContentProps\n  >;\n\n/** The root component of a portal used to provide context and styling to its children. */\nconst PortalRoot: FC<PortalRootProps> = (props) => {\n  const {\n    defaultOpen = false,\n    open: portalOpen,\n    onOpenChange,\n    anchorRef,\n    children,\n  } = getComponentProps(props, PortalRootPropsDefs);\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: portalOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const value = useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      triggerRef,\n      anchorRef,\n    }),\n    [open, setOpen, anchorRef],\n  );\n\n  const validChildren = filterChildren(children, ALLOWED_CHILDREN, {\n    parentDisplayName: PortalRoot.displayName,\n    allowedTypes: [PortalTrigger, PortalBackdrop, PortalContent],\n  });\n\n  return (\n    <PortalContext.Provider value={value}>\n      {validChildren}\n    </PortalContext.Provider>\n  );\n};\nPortalRoot.displayName = \"Portal.Root\";\n\nexport { AllPortalRootProps, PortalRoot, PortalRootProps };\n"],"mappings":";AAqEI;AAnEJ,SAA6B,SAAS,cAAc;AACpD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,qBAAyC;AAClD,SAAS,qBAAqB;AAC9B,SAAS,qBAAyC;AAClD;AAAA,EAEE;AAAA,OACK;AAEP,MAAM,mBAAmB;AAAA,EACvB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAChB;AAWA,MAAM,aAAkC,CAAC,UAAU;AACjD,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB,OAAO,mBAAmB;AAEhD,QAAM,CAAC,MAAM,OAAO,IAAI,qBAA8B;AAAA,IACpD,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,aAAa,OAA2B,IAAI;AAElD,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM,SAAS,SAAS;AAAA,EAC3B;AAEA,QAAM,gBAAgB,eAAe,UAAU,kBAAkB;AAAA,IAC/D,mBAAmB,WAAW;AAAA,IAC9B,cAAc,CAAC,eAAe,gBAAgB,aAAa;AAAA,EAC7D,CAAC;AAED,SACE,oBAAC,cAAc,UAAd,EAAuB,OACrB,yBACH;AAEJ;AACA,WAAW,cAAc;","names":[]}

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

@@ -0,0 +1,23 @@
+import { GetPropDefTypes, ReactNodePropDef } from '../../../props/prop-def.mjs';
+
+declare 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: ReactNodePropDef<React.RefObject<HTMLElement | null>>;
+};
+type PortalRootInternalProps = GetPropDefTypes<typeof PortalRootPropsDefs>;
+
+export { type PortalRootInternalProps, PortalRootPropsDefs };

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

@@ -0,0 +1,23 @@
+import { GetPropDefTypes, ReactNodePropDef } from '../../../props/prop-def.js';
+
+declare 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: ReactNodePropDef<React.RefObject<HTMLElement | null>>;
+};
+type PortalRootInternalProps = GetPropDefTypes<typeof PortalRootPropsDefs>;
+
+export { type PortalRootInternalProps, PortalRootPropsDefs };

package/dist/components/portal/root/portal-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 portal_root_props_exports = {};
+__export(portal_root_props_exports, {
+  PortalRootPropsDefs: () => PortalRootPropsDefs
+});
+module.exports = __toCommonJS(portal_root_props_exports);
+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"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortalRootPropsDefs
+});
+//# sourceMappingURL=portal-root.props.js.map