@locus-ui/components 0.0.16 → 0.1.0

package/dist/components/panel/panel.d.ts

@@ -0,0 +1,29 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+import { ColorProp } from '../../props/color.prop.js';
+import { MarginProps } from '../../props/margin.prop.js';
+import { PaddingProps } from '../../props/padding.prop.js';
+import { RadiusProps } from '../../props/radius.prop.js';
+import { RoundnessProp } from '../../props/roundness.prop.js';
+import { SpacingProp } from '../../props/spacing.prop.js';
+import * as React from 'react';
+import '../../utils/parse-color.js';
+
+interface PanelExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp, ColorProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Panel: React.ForwardRefExoticComponent<GetPropDefTypes<{
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    readonly blur: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+}> & PanelExternalProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Panel };

package/dist/components/panel/panel.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var panel_exports = {};
+__export(panel_exports, {
+  Panel: () => Panel
+});
+module.exports = __toCommonJS(panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+var import_props = require("../../props");
+var import_get_component_props = require("../../utils/get-component-props");
+var import_panel = require("./panel.props");
+const Panel = React.forwardRef((props, ref) => {
+  const { className, dataAttrs, children, ...rest } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_panel.PanelPropsDefs,
+    import_props.MarginPropDefs,
+    import_props.PaddingPropDefs,
+    import_props.SpacingPropDef,
+    import_props.RadiusPropDefs,
+    import_props.RoundnessPropDef,
+    import_props.ColorPropDef
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_clsx.default)("panel", className),
+      ...dataAttrs,
+      ...rest,
+      children
+    }
+  );
+});
+Panel.displayName = "Panel";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Panel
+});
+//# sourceMappingURL=panel.js.map

package/dist/components/panel/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/panel/panel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  ColorProp,\n  ColorPropDef,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  RoundnessProp,\n  RoundnessPropDef,\n  SpacingProp,\n  SpacingPropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { PanelInternalProps, PanelPropsDefs } from \"./panel.props\";\n\ninterface PanelExternalProps\n  extends\n    MarginProps,\n    PaddingProps,\n    SpacingProp,\n    RadiusProps,\n    RoundnessProp,\n    ColorProp {}\n\ntype PanelProps = PanelInternalProps &\n  PanelExternalProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A versatile container used to provide layout and styling capabilities.\n */\nconst Panel = React.forwardRef<HTMLDivElement, PanelProps>((props, ref) => {\n  const { className, dataAttrs, children, ...rest } = getComponentProps(\n    props,\n    PanelPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    SpacingPropDef,\n    RadiusPropDefs,\n    RoundnessPropDef,\n    ColorPropDef,\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\"panel\", className)}\n      {...dataAttrs}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\nPanel.displayName = \"Panel\";\n\nexport { Panel };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDI;AAhDJ,kBAAiB;AACjB,YAAuB;AACvB,mBAaO;AACP,iCAAkC;AAClC,mBAAmD;AAkBnD,MAAM,QAAQ,MAAM,WAAuC,CAAC,OAAO,QAAQ;AACzE,QAAM,EAAE,WAAW,WAAW,UAAU,GAAG,KAAK,QAAI;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAA,SAAK,SAAS,SAAS;AAAA,MACjC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,MAAM,cAAc;","names":["clsx"]}

package/dist/components/panel/panel.mjs

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+import {
+  ColorPropDef,
+  MarginPropDefs,
+  PaddingPropDefs,
+  RadiusPropDefs,
+  RoundnessPropDef,
+  SpacingPropDef
+} from "../../props";
+import { getComponentProps } from "../../utils/get-component-props";
+import { PanelPropsDefs } from "./panel.props";
+const Panel = React.forwardRef((props, ref) => {
+  const { className, dataAttrs, children, ...rest } = getComponentProps(
+    props,
+    PanelPropsDefs,
+    MarginPropDefs,
+    PaddingPropDefs,
+    SpacingPropDef,
+    RadiusPropDefs,
+    RoundnessPropDef,
+    ColorPropDef
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: clsx("panel", className),
+      ...dataAttrs,
+      ...rest,
+      children
+    }
+  );
+});
+Panel.displayName = "Panel";
+export {
+  Panel
+};
+//# sourceMappingURL=panel.mjs.map

package/dist/components/panel/panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/panel/panel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport * as React from \"react\";\nimport {\n  ColorProp,\n  ColorPropDef,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  RoundnessProp,\n  RoundnessPropDef,\n  SpacingProp,\n  SpacingPropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { PanelInternalProps, PanelPropsDefs } from \"./panel.props\";\n\ninterface PanelExternalProps\n  extends\n    MarginProps,\n    PaddingProps,\n    SpacingProp,\n    RadiusProps,\n    RoundnessProp,\n    ColorProp {}\n\ntype PanelProps = PanelInternalProps &\n  PanelExternalProps &\n  React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * A versatile container used to provide layout and styling capabilities.\n */\nconst Panel = React.forwardRef<HTMLDivElement, PanelProps>((props, ref) => {\n  const { className, dataAttrs, children, ...rest } = getComponentProps(\n    props,\n    PanelPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    SpacingPropDef,\n    RadiusPropDefs,\n    RoundnessPropDef,\n    ColorPropDef,\n  );\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\"panel\", className)}\n      {...dataAttrs}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\nPanel.displayName = \"Panel\";\n\nexport { Panel };\n"],"mappings":"AAgDI;AAhDJ,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB;AAAA,EAEE;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EAGA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAA6B,sBAAsB;AAkBnD,MAAM,QAAQ,MAAM,WAAuC,CAAC,OAAO,QAAQ;AACzE,QAAM,EAAE,WAAW,WAAW,UAAU,GAAG,KAAK,IAAI;AAAA,IAClD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,SAAS,SAAS;AAAA,MACjC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,MAAM,cAAc;","names":[]}

package/dist/components/panel/panel.props.d.mts

@@ -0,0 +1,27 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+
+declare const PanelVariants: readonly ["solid", "outlined", "muted"];
+declare const PanelPropsDefs: {
+    /**
+     * Sets the variant style of the panel ("solid", "outlined", or "muted").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * The blur amount applied to the panel.
+     *
+     * @example blur="4px" // Sets the backdrop blur to 4 pixels
+     * @default "2px"
+     */
+    readonly blur: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+};
+type PanelInternalProps = GetPropDefTypes<typeof PanelPropsDefs>;
+
+export { type PanelInternalProps, PanelPropsDefs, PanelVariants };

package/dist/components/panel/panel.props.d.ts

@@ -0,0 +1,27 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+
+declare const PanelVariants: readonly ["solid", "outlined", "muted"];
+declare const PanelPropsDefs: {
+    /**
+     * Sets the variant style of the panel ("solid", "outlined", or "muted").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * The blur amount applied to the panel.
+     *
+     * @example blur="4px" // Sets the backdrop blur to 4 pixels
+     * @default "2px"
+     */
+    readonly blur: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+};
+type PanelInternalProps = GetPropDefTypes<typeof PanelPropsDefs>;
+
+export { type PanelInternalProps, PanelPropsDefs, PanelVariants };

package/dist/components/panel/panel.props.js

@@ -0,0 +1,52 @@
+"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 panel_props_exports = {};
+__export(panel_props_exports, {
+  PanelPropsDefs: () => PanelPropsDefs,
+  PanelVariants: () => PanelVariants
+});
+module.exports = __toCommonJS(panel_props_exports);
+const PanelVariants = ["solid", "outlined", "muted"];
+const PanelPropsDefs = {
+  /**
+   * Sets the variant style of the panel ("solid", "outlined", or "muted").
+   */
+  variant: {
+    type: "enum",
+    values: PanelVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * The blur amount applied to the panel.
+   *
+   * @example blur="4px" // Sets the backdrop blur to 4 pixels
+   * @default "2px"
+   */
+  blur: {
+    type: "string",
+    default: "2px",
+    cssProperty: "--panel-blur"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PanelPropsDefs,
+  PanelVariants
+});
+//# sourceMappingURL=panel.props.js.map

package/dist/components/panel/panel.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/panel/panel.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst PanelVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst PanelPropsDefs = {\n  /**\n   * Sets the variant style of the panel (\"solid\", \"outlined\", or \"muted\").\n   */\n  variant: {\n    type: \"enum\",\n    values: PanelVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof PanelVariants)[number]>,\n\n  /**\n   * The blur amount applied to the panel.\n   *\n   * @example blur=\"4px\" // Sets the backdrop blur to 4 pixels\n   * @default \"2px\"\n   */\n  blur: {\n    type: \"string\",\n    default: \"2px\",\n    cssProperty: \"--panel-blur\",\n  } satisfies PropDef<string>,\n} as const;\n\ntype PanelInternalProps = GetPropDefTypes<typeof PanelPropsDefs>;\n\nexport { PanelInternalProps, PanelPropsDefs, PanelVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,gBAAgB,CAAC,SAAS,YAAY,OAAO;AAEnD,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIrB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AACF;","names":[]}

package/dist/components/panel/panel.props.mjs

@@ -0,0 +1,27 @@
+const PanelVariants = ["solid", "outlined", "muted"];
+const PanelPropsDefs = {
+  /**
+   * Sets the variant style of the panel ("solid", "outlined", or "muted").
+   */
+  variant: {
+    type: "enum",
+    values: PanelVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * The blur amount applied to the panel.
+   *
+   * @example blur="4px" // Sets the backdrop blur to 4 pixels
+   * @default "2px"
+   */
+  blur: {
+    type: "string",
+    default: "2px",
+    cssProperty: "--panel-blur"
+  }
+};
+export {
+  PanelPropsDefs,
+  PanelVariants
+};
+//# sourceMappingURL=panel.props.mjs.map

package/dist/components/panel/panel.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/panel/panel.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst PanelVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst PanelPropsDefs = {\n  /**\n   * Sets the variant style of the panel (\"solid\", \"outlined\", or \"muted\").\n   */\n  variant: {\n    type: \"enum\",\n    values: PanelVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof PanelVariants)[number]>,\n\n  /**\n   * The blur amount applied to the panel.\n   *\n   * @example blur=\"4px\" // Sets the backdrop blur to 4 pixels\n   * @default \"2px\"\n   */\n  blur: {\n    type: \"string\",\n    default: \"2px\",\n    cssProperty: \"--panel-blur\",\n  } satisfies PropDef<string>,\n} as const;\n\ntype PanelInternalProps = GetPropDefTypes<typeof PanelPropsDefs>;\n\nexport { PanelInternalProps, PanelPropsDefs, PanelVariants };\n"],"mappings":"AAEA,MAAM,gBAAgB,CAAC,SAAS,YAAY,OAAO;AAEnD,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIrB,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AACF;","names":[]}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { PortalBackdropInternalProps } from './portal-backdrop.props.mjs';
+
+interface AllPortalBackdropProps extends PortalBackdropInternalProps {
+}
+type PortalBackdropProps = AllPortalBackdropProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+/** A backdrop optionally displayed behind portal content when open. */
+declare const PortalBackdrop: React.ForwardRefExoticComponent<AllPortalBackdropProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+
+export { type AllPortalBackdropProps, PortalBackdrop, type PortalBackdropProps };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { PortalBackdropInternalProps } from './portal-backdrop.props.js';
+
+interface AllPortalBackdropProps extends PortalBackdropInternalProps {
+}
+type PortalBackdropProps = AllPortalBackdropProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+/** A backdrop optionally displayed behind portal content when open. */
+declare const PortalBackdrop: React.ForwardRefExoticComponent<AllPortalBackdropProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+
+export { type AllPortalBackdropProps, PortalBackdrop, type PortalBackdropProps };

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

@@ -0,0 +1,71 @@
+"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_backdrop_exports = {};
+__export(portal_backdrop_exports, {
+  PortalBackdrop: () => PortalBackdrop
+});
+module.exports = __toCommonJS(portal_backdrop_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var React = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_portal_context = require("../portal-context");
+var import_portal_backdrop = require("./portal-backdrop.props");
+const PortalBackdrop = React.forwardRef(
+  (props, ref) => {
+    const context = (0, import_portal_context.usePortalContext)();
+    const { className, dataAttrs, ...rest } = (0, import_get_component_props.getComponentProps)(
+      props,
+      import_portal_backdrop.PortalBackdropPropsDefs
+    );
+    const container = context.open && globalThis?.document?.body;
+    if (!container) return null;
+    return import_react_dom.default.createPortal(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ref,
+          className: (0, import_clsx.default)("portal-backdrop", className),
+          onClick: () => context.onOpenChange?.(false),
+          ...dataAttrs,
+          ...rest
+        }
+      ),
+      container
+    );
+  }
+);
+PortalBackdrop.displayName = "Portal.Backdrop";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortalBackdrop
+});
+//# sourceMappingURL=portal-backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/backdrop/portal-backdrop.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { usePortalContext } from \"../portal-context\";\nimport {\n  PortalBackdropInternalProps,\n  PortalBackdropPropsDefs,\n} from \"./portal-backdrop.props\";\n\ninterface AllPortalBackdropProps extends PortalBackdropInternalProps {}\n\ntype PortalBackdropProps = AllPortalBackdropProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">;\n\n/** A backdrop optionally displayed behind portal content when open. */\nconst PortalBackdrop = React.forwardRef<HTMLDivElement, PortalBackdropProps>(\n  (props, ref) => {\n    const context = usePortalContext();\n\n    const { className, dataAttrs, ...rest } = getComponentProps(\n      props,\n      PortalBackdropPropsDefs,\n    );\n\n    const container = context.open && globalThis?.document?.body;\n    if (!container) return null;\n\n    return ReactDOM.createPortal(\n      <div\n        ref={ref}\n        className={clsx(\"portal-backdrop\", className)}\n        onClick={() => context.onOpenChange?.(false)}\n        {...dataAttrs}\n        {...rest}\n      />,\n      container,\n    );\n  },\n);\nPortalBackdrop.displayName = \"Portal.Backdrop\";\n\nexport { AllPortalBackdropProps, PortalBackdrop, PortalBackdropProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BM;AA7BN,kBAAiB;AACjB,YAAuB;AACvB,uBAAqB;AACrB,iCAAkC;AAClC,4BAAiC;AACjC,6BAGO;AAQP,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,cAAU,wCAAiB;AAEjC,UAAM,EAAE,WAAW,WAAW,GAAG,KAAK,QAAI;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAEA,UAAM,YAAY,QAAQ,QAAQ,YAAY,UAAU;AACxD,QAAI,CAAC,UAAW,QAAO;AAEvB,WAAO,iBAAAA,QAAS;AAAA,MACd;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,eAAW,YAAAC,SAAK,mBAAmB,SAAS;AAAA,UAC5C,SAAS,MAAM,QAAQ,eAAe,KAAK;AAAA,UAC1C,GAAG;AAAA,UACH,GAAG;AAAA;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AACA,eAAe,cAAc;","names":["ReactDOM","clsx"]}

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

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as React from "react";
+import ReactDOM from "react-dom";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { usePortalContext } from "../portal-context";
+import {
+  PortalBackdropPropsDefs
+} from "./portal-backdrop.props";
+const PortalBackdrop = React.forwardRef(
+  (props, ref) => {
+    const context = usePortalContext();
+    const { className, dataAttrs, ...rest } = getComponentProps(
+      props,
+      PortalBackdropPropsDefs
+    );
+    const container = context.open && globalThis?.document?.body;
+    if (!container) return null;
+    return ReactDOM.createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: clsx("portal-backdrop", className),
+          onClick: () => context.onOpenChange?.(false),
+          ...dataAttrs,
+          ...rest
+        }
+      ),
+      container
+    );
+  }
+);
+PortalBackdrop.displayName = "Portal.Backdrop";
+export {
+  PortalBackdrop
+};
+//# sourceMappingURL=portal-backdrop.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/backdrop/portal-backdrop.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { usePortalContext } from \"../portal-context\";\nimport {\n  PortalBackdropInternalProps,\n  PortalBackdropPropsDefs,\n} from \"./portal-backdrop.props\";\n\ninterface AllPortalBackdropProps extends PortalBackdropInternalProps {}\n\ntype PortalBackdropProps = AllPortalBackdropProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">;\n\n/** A backdrop optionally displayed behind portal content when open. */\nconst PortalBackdrop = React.forwardRef<HTMLDivElement, PortalBackdropProps>(\n  (props, ref) => {\n    const context = usePortalContext();\n\n    const { className, dataAttrs, ...rest } = getComponentProps(\n      props,\n      PortalBackdropPropsDefs,\n    );\n\n    const container = context.open && globalThis?.document?.body;\n    if (!container) return null;\n\n    return ReactDOM.createPortal(\n      <div\n        ref={ref}\n        className={clsx(\"portal-backdrop\", className)}\n        onClick={() => context.onOpenChange?.(false)}\n        {...dataAttrs}\n        {...rest}\n      />,\n      container,\n    );\n  },\n);\nPortalBackdrop.displayName = \"Portal.Backdrop\";\n\nexport { AllPortalBackdropProps, PortalBackdrop, PortalBackdropProps };\n"],"mappings":";AA+BM;AA7BN,OAAO,UAAU;AACjB,YAAY,WAAW;AACvB,OAAO,cAAc;AACrB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC;AAAA,EAEE;AAAA,OACK;AAQP,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACd,UAAM,UAAU,iBAAiB;AAEjC,UAAM,EAAE,WAAW,WAAW,GAAG,KAAK,IAAI;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAEA,UAAM,YAAY,QAAQ,QAAQ,YAAY,UAAU;AACxD,QAAI,CAAC,UAAW,QAAO;AAEvB,WAAO,SAAS;AAAA,MACd;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAW,KAAK,mBAAmB,SAAS;AAAA,UAC5C,SAAS,MAAM,QAAQ,eAAe,KAAK;AAAA,UAC1C,GAAG;AAAA,UACH,GAAG;AAAA;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AACA,eAAe,cAAc;","names":[]}

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

@@ -0,0 +1,62 @@
+declare const variants: readonly ["clear", "shadow", "blurred"];
+declare const PortalBackdropPropsDefs: {
+    /**
+     * The visual style variant of the backdrop.
+     *
+     * @example variant="blurred" // Applies a blurred effect to the backdrop
+     * @default "clear"
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["clear", "shadow", "blurred"];
+        default: "clear";
+        dataAttr: string;
+    };
+    /**
+     * The opacity level of the backdrop.
+     *
+     * @example opacity="0.5" // Sets the backdrop opacity to 50%
+     * @default "0.3"
+     */
+    opacity: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+    /**
+     * The blur amount applied to the backdrop when the "blurred" variant is used.
+     *
+     * @example blur="4px" // Sets the backdrop blur to 4 pixels
+     * @default "2px"
+     */
+    blur: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+};
+type PortalBackdropInternalProps = {
+    /**
+     * The visual style variant of the backdrop.
+     *
+     * @example variant="blurred" // Applies a blurred effect to the backdrop
+     * @default "clear"
+     */
+    variant?: (typeof variants)[number];
+    /**
+     * The opacity level of the backdrop.
+     *
+     * @example opacity="0.5" // Sets the backdrop opacity to 50%
+     * @default "0.3"
+     */
+    opacity?: string;
+    /**
+     * The blur amount applied to the backdrop when the "blurred" variant is used.
+     *
+     * @example blur="4px" // Sets the backdrop blur to 4 pixels
+     * @default "2px"
+     */
+    blur?: string;
+};
+
+export { type PortalBackdropInternalProps, PortalBackdropPropsDefs };

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

@@ -0,0 +1,62 @@
+declare const variants: readonly ["clear", "shadow", "blurred"];
+declare const PortalBackdropPropsDefs: {
+    /**
+     * The visual style variant of the backdrop.
+     *
+     * @example variant="blurred" // Applies a blurred effect to the backdrop
+     * @default "clear"
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["clear", "shadow", "blurred"];
+        default: "clear";
+        dataAttr: string;
+    };
+    /**
+     * The opacity level of the backdrop.
+     *
+     * @example opacity="0.5" // Sets the backdrop opacity to 50%
+     * @default "0.3"
+     */
+    opacity: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+    /**
+     * The blur amount applied to the backdrop when the "blurred" variant is used.
+     *
+     * @example blur="4px" // Sets the backdrop blur to 4 pixels
+     * @default "2px"
+     */
+    blur: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+};
+type PortalBackdropInternalProps = {
+    /**
+     * The visual style variant of the backdrop.
+     *
+     * @example variant="blurred" // Applies a blurred effect to the backdrop
+     * @default "clear"
+     */
+    variant?: (typeof variants)[number];
+    /**
+     * The opacity level of the backdrop.
+     *
+     * @example opacity="0.5" // Sets the backdrop opacity to 50%
+     * @default "0.3"
+     */
+    opacity?: string;
+    /**
+     * The blur amount applied to the backdrop when the "blurred" variant is used.
+     *
+     * @example blur="4px" // Sets the backdrop blur to 4 pixels
+     * @default "2px"
+     */
+    blur?: string;
+};
+
+export { type PortalBackdropInternalProps, PortalBackdropPropsDefs };

package/dist/components/portal/backdrop/portal-backdrop.props.js

@@ -0,0 +1,65 @@
+"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_backdrop_props_exports = {};
+__export(portal_backdrop_props_exports, {
+  PortalBackdropPropsDefs: () => PortalBackdropPropsDefs
+});
+module.exports = __toCommonJS(portal_backdrop_props_exports);
+const variants = ["clear", "shadow", "blurred"];
+const PortalBackdropPropsDefs = {
+  /**
+   * The visual style variant of the backdrop.
+   *
+   * @example variant="blurred" // Applies a blurred effect to the backdrop
+   * @default "clear"
+   */
+  variant: {
+    type: "enum",
+    values: variants,
+    default: "clear",
+    dataAttr: "variant"
+  },
+  /**
+   * The opacity level of the backdrop.
+   *
+   * @example opacity="0.5" // Sets the backdrop opacity to 50%
+   * @default "0.3"
+   */
+  opacity: {
+    type: "string",
+    default: "0.3",
+    cssProperty: "--backdrop-opacity"
+  },
+  /**
+   * The blur amount applied to the backdrop when the "blurred" variant is used.
+   *
+   * @example blur="4px" // Sets the backdrop blur to 4 pixels
+   * @default "2px"
+   */
+  blur: {
+    type: "string",
+    default: "2px",
+    cssProperty: "--backdrop-blur"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PortalBackdropPropsDefs
+});
+//# sourceMappingURL=portal-backdrop.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/portal/backdrop/portal-backdrop.props.ts"],"sourcesContent":["import { PropDef } from \"../../../props\";\n\nconst variants = [\"clear\", \"shadow\", \"blurred\"] as const;\n\nconst PortalBackdropPropsDefs = {\n  /**\n   * The visual style variant of the backdrop.\n   *\n   * @example variant=\"blurred\" // Applies a blurred effect to the backdrop\n   * @default \"clear\"\n   */\n  variant: {\n    type: \"enum\",\n    values: variants,\n    default: \"clear\",\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof variants)[number]>,\n\n  /**\n   * The opacity level of the backdrop.\n   *\n   * @example opacity=\"0.5\" // Sets the backdrop opacity to 50%\n   * @default \"0.3\"\n   */\n  opacity: {\n    type: \"string\",\n    default: \"0.3\",\n    cssProperty: \"--backdrop-opacity\",\n  } satisfies PropDef<string>,\n\n  /**\n   * The blur amount applied to the backdrop when the \"blurred\" variant is used.\n   *\n   * @example blur=\"4px\" // Sets the backdrop blur to 4 pixels\n   * @default \"2px\"\n   */\n  blur: {\n    type: \"string\",\n    default: \"2px\",\n    cssProperty: \"--backdrop-blur\",\n  } satisfies PropDef<string>,\n};\n\ntype PortalBackdropInternalProps = {\n  /**\n   * The visual style variant of the backdrop.\n   *\n   * @example variant=\"blurred\" // Applies a blurred effect to the backdrop\n   * @default \"clear\"\n   */\n  variant?: (typeof variants)[number];\n\n  /**\n   * The opacity level of the backdrop.\n   *\n   * @example opacity=\"0.5\" // Sets the backdrop opacity to 50%\n   * @default \"0.3\"\n   */\n  opacity?: string;\n\n  /**\n   * The blur amount applied to the backdrop when the \"blurred\" variant is used.\n   *\n   * @example blur=\"4px\" // Sets the backdrop blur to 4 pixels\n   * @default \"2px\"\n   */\n  blur?: string;\n};\n\nexport { PortalBackdropInternalProps, PortalBackdropPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,WAAW,CAAC,SAAS,UAAU,SAAS;AAE9C,MAAM,0BAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO9B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AACF;","names":[]}