@cerberus-design/react 0.16.0 → 0.17.0

package/build/legacy/components/dialog/index.cjs

@@ -0,0 +1,209 @@
+"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);
+
+// src/components/dialog/index.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => Dialog2,
+  DialogBackdrop: () => DialogBackdrop,
+  DialogCloseIconTrigger: () => DialogCloseIconTrigger,
+  DialogCloseTrigger: () => DialogCloseTrigger,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogHeading: () => DialogHeading,
+  DialogParts: () => DialogParts,
+  DialogPositioner: () => DialogPositioner,
+  DialogProvider: () => DialogProvider,
+  DialogRoot: () => DialogRoot,
+  DialogTrigger: () => DialogTrigger
+});
+module.exports = __toCommonJS(dialog_exports);
+
+// src/components/dialog/primitives.tsx
+var import_dialog = require("@ark-ui/react/dialog");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DialogRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { ...props });
+}
+function DialogTrigger(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Trigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className)
+    }
+  );
+}
+function DialogBackdrop(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.backdrop, props.className)
+    }
+  );
+}
+function DialogPositioner(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Positioner,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.positioner, props.className)
+    }
+  );
+}
+function DialogContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.dialog)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Content,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(styles.content, contentProps.className)
+    }
+  );
+}
+function DialogHeading(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { ...props, className: (0, import_css.cx)(styles.title, props.className) });
+}
+function DialogDescription(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.description, props.className)
+    }
+  );
+}
+function DialogCloseTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.CloseTrigger, { ...props });
+}
+var DialogProvider = DialogRoot;
+
+// src/components/dialog/parts.ts
+var DialogParts = {
+  Root: DialogRoot,
+  Trigger: DialogTrigger,
+  Backdrop: DialogBackdrop,
+  Positioner: DialogPositioner,
+  Content: DialogContent,
+  Heading: DialogHeading,
+  Description: DialogDescription,
+  CloseTrigger: DialogCloseTrigger
+};
+
+// src/context/cerberus.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CerberusContext = (0, import_react.createContext)(null);
+function useCerberusContext() {
+  const context = (0, import_react.useContext)(CerberusContext);
+  if (!context) {
+    throw new Error("useCerberus must be used within a CerberusProvider");
+  }
+  return context;
+}
+
+// src/components/IconButton.tsx
+var import_factory = require("@ark-ui/react/factory");
+var import_css2 = require("@cerberus/styled-system/css");
+var import_recipes2 = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function IconButton(props) {
+  const { ariaLabel, palette, usage, size, ...nativeProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_factory.ark.button,
+    {
+      ...nativeProps,
+      "aria-label": ariaLabel ?? "Icon Button",
+      className: (0, import_css2.cx)(
+        nativeProps.className,
+        (0, import_recipes2.iconButton)({
+          palette,
+          usage,
+          size
+        })
+      )
+    }
+  );
+}
+
+// src/components/dialog/close-icon-trigger.tsx
+var import_recipes3 = require("@cerberus/styled-system/recipes");
+var import_css3 = require("@cerberus/styled-system/css");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function DialogCloseIconTrigger(props) {
+  const styles = (0, import_recipes3.dialog)();
+  const { icons } = useCerberusContext();
+  const { close: CloseIcon } = icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DialogCloseTrigger,
+    {
+      ...props,
+      className: (0, import_css3.cx)(styles.closeTrigger, props.className),
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        IconButton,
+        {
+          ariaLabel: "Close dialog",
+          palette: "action",
+          size: "lg",
+          usage: "ghost",
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseIcon, {})
+        }
+      )
+    }
+  );
+}
+
+// src/components/Portal.tsx
+var import_react2 = require("@ark-ui/react");
+var Portal = import_react2.Portal;
+
+// src/components/dialog/dialog.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Dialog2(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogBackdrop, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogContent, { ...props }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog,
+  DialogBackdrop,
+  DialogCloseIconTrigger,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogParts,
+  DialogPositioner,
+  DialogProvider,
+  DialogRoot,
+  DialogTrigger
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/components/dialog/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dialog/index.ts","../../../../src/components/dialog/primitives.tsx","../../../../src/components/dialog/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/IconButton.tsx","../../../../src/components/dialog/close-icon-trigger.tsx","../../../../src/components/Portal.tsx","../../../../src/components/dialog/dialog.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './close-icon-trigger'\nexport * from './dialog'\n","import {\n  Dialog,\n  type DialogBackdropProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogPositionerProps,\n  type DialogRootProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n} from '@ark-ui/react/dialog'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  dialog,\n  type DialogVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Dialog component.\n * @module 'dialog/primitives'\n */\n\n/**\n * The provider that controls the dialog components.\n */\nexport function DialogRoot(props: DialogRootProps) {\n  return <Dialog.Root {...props} />\n}\n\n/**\n * The trigger that opens the dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The overlay of the dialog.\n */\nexport function DialogBackdrop(props: DialogBackdropProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={cx(styles.backdrop, props.className)}\n    />\n  )\n}\n\n/**\n * The container that positions the dialog.\n */\nexport function DialogPositioner(props: DialogPositionerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The visible content of the dialog.\n */\nexport function DialogContent(props: DialogContentProps & DialogVariantProps) {\n  const { size, ...contentProps } = props\n  const styles = dialog({ size })\n  return (\n    <Dialog.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * The heading of the dialog.\n */\nexport function DialogHeading(props: DialogTitleProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the dialog.\n */\nexport function DialogDescription(props: DialogDescriptionProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger that closes the dialog.\n */\nexport function DialogCloseTrigger(props: DialogTriggerProps) {\n  return <Dialog.CloseTrigger {...props} />\n}\n\n/**\n * The provider that controls the dialog components. This is a named export of\n * the DialogRoot primitive.\n */\nexport const DialogProvider = DialogRoot\n","import type { ElementType } from 'react'\nimport {\n  DialogBackdrop,\n  DialogCloseTrigger,\n  DialogContent,\n  DialogDescription,\n  DialogHeading,\n  DialogPositioner,\n  DialogRoot,\n  DialogTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Dialog component.\n * @module 'dialog/parts'\n */\n\ninterface DialogPartsValue {\n  /**\n   * The context provider of the dialog.\n   */\n  Root: ElementType\n  /**\n   * The trigger that opens the dialog.\n   */\n  Trigger: ElementType\n  /**\n   * The overlay of the dialog.\n   */\n  Backdrop: ElementType\n  /**\n   * The container that positions the dialog.\n   */\n  Positioner: ElementType\n  /**\n   * The visible content of the dialog.\n   */\n  Content: ElementType\n  /**\n   * The heading of the dialog.\n   */\n  Heading: ElementType\n  /**\n   * The description of the dialog.\n   */\n  Description: ElementType\n  /**\n   * The trigger that closes the dialog.\n   */\n  CloseTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the dialog component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the DialogParts object and\n * the entire family of components vs. only what you use.\n */\nexport const DialogParts: DialogPartsValue = {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Backdrop: DialogBackdrop,\n  Positioner: DialogPositioner,\n  Content: DialogContent,\n  Heading: DialogHeading,\n  Description: DialogDescription,\n  CloseTrigger: DialogCloseTrigger,\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  iconButton,\n  type IconButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps extends HTMLArkProps<'button'> {\n  /**\n   * The aria-label attribute for the icon button.\n   */\n  ariaLabel: string\n}\nexport type IconButtonProps = IconButtonRawProps & IconButtonVariantProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @see https://cerberus.digitalu.design/react/icon-button\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <ark.button\n      {...nativeProps}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n","'use client'\n\nimport { type DialogCloseTriggerProps } from '@ark-ui/react/dialog'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { IconButton } from '../IconButton'\nimport { DialogCloseTrigger } from './primitives'\nimport { dialog } from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\n\n/**\n * This module contains the close trigger for the dialog.\n * @module react/dialog\n */\n\nexport function DialogCloseIconTrigger(props: DialogCloseTriggerProps) {\n  const styles = dialog()\n\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <DialogCloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n      asChild\n    >\n      <IconButton\n        ariaLabel=\"Close dialog\"\n        palette=\"action\"\n        size=\"lg\"\n        usage=\"ghost\"\n      >\n        <CloseIcon />\n      </IconButton>\n    </DialogCloseTrigger>\n  )\n}\n","import {\n  Portal as ArkPortal,\n  type PortalProps as ArkPortalProps,\n} from '@ark-ui/react'\n\n/**\n * This module is the Portal component.\n * @module\n */\n\nexport type PortalProps = ArkPortalProps\n\n/**\n * The Portal component is used to render children into a DOM node that exists outside the DOM hierarchy of the parent component.\n * @see https://cerberus.digitalu.design/react/portal\n * @definition [React Portal Docs](https://react.dev/reference/react-dom/createPortal)\n * @example\n * ```tsx\n * 'use client'\n *\n * import { Portal } from '@cerberus/react'\n *\n * function SomeFeatureWithinSSRPage() {\n *   return (\n *     <Portal>\n *       <div>Portal Content outside of the React VDom tree</div>\n *     </Portal>\n *   )\n * }\n */\nexport const Portal = ArkPortal\n","import type { DialogContentProps } from '@ark-ui/react/dialog'\nimport type { DialogVariantProps } from '@cerberus/styled-system/recipes'\nimport { Portal } from '../Portal'\nimport { DialogBackdrop, DialogContent, DialogPositioner } from './primitives'\n\n/**\n * This module contains and abstraction of the Dialog primitives.\n * @module 'dialog'\n */\n\nexport interface DialogProps\n  extends Omit<DialogContentProps, 'size'>,\n    DialogVariantProps {}\n\n/**\n * An abstraction of the Dialog primitives that controls the content of the\n * dialog. Must be used within the `DialogProvider` component.\n * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)\n * @definition [Ark Dialog docs](https://ark-ui.com/react/docs/components/dialog)\n * @example\n * ```tsx\n * <DialogProvider>\n *   <DialogTrigger asChild>\n *    <Button>Open Dialog</Button>\n *  </DialogTrigger>\n *  <Dialog>\n *    <Text>Dialog Content</Text>\n *  </Dialog>\n * </DialogProvider>\n * ```\n */\nexport function Dialog(props: DialogProps) {\n  return (\n    <Portal>\n      <DialogBackdrop />\n      <DialogPositioner>\n        <DialogContent {...props} />\n      </DialogPositioner>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBASO;AACP,iBAAmB;AACnB,qBAGO;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,4CAAC,qBAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,YAAY,MAAM,SAAS;AAAA;AAAA,EAClD;AAEJ;AAKO,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,uBAAO,EAAE,KAAK,CAAC;AAC9B,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,aAAa,SAAS;AAAA;AAAA,EACtD;AAEJ;AAKO,SAAS,cAAc,OAAyB;AACrD,QAAM,aAAS,uBAAO;AACtB,SACE,4CAAC,qBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,mBAAmB,OAA2B;AAC5D,SAAO,4CAAC,qBAAO,cAAP,EAAqB,GAAG,OAAO;AACzC;AAMO,IAAM,iBAAiB;;;ACtDvB,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;;;ACpEA,mBAAkE;AAyB9D,IAAAC,sBAAA;AAfJ,IAAM,sBAAkB,4BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,yBAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;AC3CA,qBAAuC;AACvC,IAAAC,cAAmB;AACnB,IAAAC,kBAGO;AAsBH,IAAAC,sBAAA;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,eAAW;AAAA,QACT,YAAY;AAAA,YACZ,4BAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;;;AClCA,IAAAC,kBAAuB;AACvB,IAAAC,cAAmB;AAyBX,IAAAC,sBAAA;AAlBD,SAAS,uBAAuB,OAAgC;AACrE,QAAM,aAAS,wBAAO;AAEtB,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,gBAAG,OAAO,cAAc,MAAM,SAAS;AAAA,MAClD,SAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,uDAAC,aAAU;AAAA;AAAA,MACb;AAAA;AAAA,EACF;AAEJ;;;ACpCA,IAAAC,gBAGO;AA2BA,IAAM,SAAS,cAAAC;;;ACGlB,IAAAC,sBAAA;AAFG,SAASC,QAAO,OAAoB;AACzC,SACE,8CAAC,UACC;AAAA,iDAAC,kBAAe;AAAA,IAChB,6CAAC,oBACC,uDAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,KACF;AAEJ;","names":["Dialog","import_jsx_runtime","import_css","import_recipes","import_jsx_runtime","import_recipes","import_css","import_jsx_runtime","import_react","ArkPortal","import_jsx_runtime","Dialog"]}

package/build/legacy/components/dialog/index.d.cts

@@ -0,0 +1,13 @@
+export { DialogParts_alias_1 as DialogParts } from '../../_tsup-dts-rollup.cjs';
+export { DialogRoot_alias_1 as DialogRoot } from '../../_tsup-dts-rollup.cjs';
+export { DialogTrigger_alias_1 as DialogTrigger } from '../../_tsup-dts-rollup.cjs';
+export { DialogBackdrop_alias_1 as DialogBackdrop } from '../../_tsup-dts-rollup.cjs';
+export { DialogPositioner_alias_1 as DialogPositioner } from '../../_tsup-dts-rollup.cjs';
+export { DialogContent_alias_1 as DialogContent } from '../../_tsup-dts-rollup.cjs';
+export { DialogHeading_alias_1 as DialogHeading } from '../../_tsup-dts-rollup.cjs';
+export { DialogDescription_alias_1 as DialogDescription } from '../../_tsup-dts-rollup.cjs';
+export { DialogCloseTrigger_alias_1 as DialogCloseTrigger } from '../../_tsup-dts-rollup.cjs';
+export { DialogProvider_alias_1 as DialogProvider } from '../../_tsup-dts-rollup.cjs';
+export { DialogCloseIconTrigger_alias_2 as DialogCloseIconTrigger } from '../../_tsup-dts-rollup.cjs';
+export { Dialog_alias_2 as Dialog } from '../../_tsup-dts-rollup.cjs';
+export { DialogProps_alias_2 as DialogProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/dialog/parts.cjs

@@ -0,0 +1,109 @@
+"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);
+
+// src/components/dialog/parts.ts
+var parts_exports = {};
+__export(parts_exports, {
+  DialogParts: () => DialogParts
+});
+module.exports = __toCommonJS(parts_exports);
+
+// src/components/dialog/primitives.tsx
+var import_dialog = require("@ark-ui/react/dialog");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DialogRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { ...props });
+}
+function DialogTrigger(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Trigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className)
+    }
+  );
+}
+function DialogBackdrop(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.backdrop, props.className)
+    }
+  );
+}
+function DialogPositioner(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Positioner,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.positioner, props.className)
+    }
+  );
+}
+function DialogContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.dialog)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Content,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(styles.content, contentProps.className)
+    }
+  );
+}
+function DialogHeading(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { ...props, className: (0, import_css.cx)(styles.title, props.className) });
+}
+function DialogDescription(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.description, props.className)
+    }
+  );
+}
+function DialogCloseTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.CloseTrigger, { ...props });
+}
+
+// src/components/dialog/parts.ts
+var DialogParts = {
+  Root: DialogRoot,
+  Trigger: DialogTrigger,
+  Backdrop: DialogBackdrop,
+  Positioner: DialogPositioner,
+  Content: DialogContent,
+  Heading: DialogHeading,
+  Description: DialogDescription,
+  CloseTrigger: DialogCloseTrigger
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogParts
+});
+//# sourceMappingURL=parts.cjs.map

package/build/legacy/components/dialog/parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dialog/parts.ts","../../../../src/components/dialog/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  DialogBackdrop,\n  DialogCloseTrigger,\n  DialogContent,\n  DialogDescription,\n  DialogHeading,\n  DialogPositioner,\n  DialogRoot,\n  DialogTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Dialog component.\n * @module 'dialog/parts'\n */\n\ninterface DialogPartsValue {\n  /**\n   * The context provider of the dialog.\n   */\n  Root: ElementType\n  /**\n   * The trigger that opens the dialog.\n   */\n  Trigger: ElementType\n  /**\n   * The overlay of the dialog.\n   */\n  Backdrop: ElementType\n  /**\n   * The container that positions the dialog.\n   */\n  Positioner: ElementType\n  /**\n   * The visible content of the dialog.\n   */\n  Content: ElementType\n  /**\n   * The heading of the dialog.\n   */\n  Heading: ElementType\n  /**\n   * The description of the dialog.\n   */\n  Description: ElementType\n  /**\n   * The trigger that closes the dialog.\n   */\n  CloseTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the dialog component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the DialogParts object and\n * the entire family of components vs. only what you use.\n */\nexport const DialogParts: DialogPartsValue = {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Backdrop: DialogBackdrop,\n  Positioner: DialogPositioner,\n  Content: DialogContent,\n  Heading: DialogHeading,\n  Description: DialogDescription,\n  CloseTrigger: DialogCloseTrigger,\n}\n","import {\n  Dialog,\n  type DialogBackdropProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogPositionerProps,\n  type DialogRootProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n} from '@ark-ui/react/dialog'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  dialog,\n  type DialogVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Dialog component.\n * @module 'dialog/primitives'\n */\n\n/**\n * The provider that controls the dialog components.\n */\nexport function DialogRoot(props: DialogRootProps) {\n  return <Dialog.Root {...props} />\n}\n\n/**\n * The trigger that opens the dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The overlay of the dialog.\n */\nexport function DialogBackdrop(props: DialogBackdropProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={cx(styles.backdrop, props.className)}\n    />\n  )\n}\n\n/**\n * The container that positions the dialog.\n */\nexport function DialogPositioner(props: DialogPositionerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The visible content of the dialog.\n */\nexport function DialogContent(props: DialogContentProps & DialogVariantProps) {\n  const { size, ...contentProps } = props\n  const styles = dialog({ size })\n  return (\n    <Dialog.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * The heading of the dialog.\n */\nexport function DialogHeading(props: DialogTitleProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the dialog.\n */\nexport function DialogDescription(props: DialogDescriptionProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger that closes the dialog.\n */\nexport function DialogCloseTrigger(props: DialogTriggerProps) {\n  return <Dialog.CloseTrigger {...props} />\n}\n\n/**\n * The provider that controls the dialog components. This is a named export of\n * the DialogRoot primitive.\n */\nexport const DialogProvider = DialogRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBASO;AACP,iBAAmB;AACnB,qBAGO;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,4CAAC,qBAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,YAAY,MAAM,SAAS;AAAA;AAAA,EAClD;AAEJ;AAKO,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,uBAAO,EAAE,KAAK,CAAC;AAC9B,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,aAAa,SAAS;AAAA;AAAA,EACtD;AAEJ;AAKO,SAAS,cAAc,OAAyB;AACrD,QAAM,aAAS,uBAAO;AACtB,SACE,4CAAC,qBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,mBAAmB,OAA2B;AAC5D,SAAO,4CAAC,qBAAO,cAAP,EAAqB,GAAG,OAAO;AACzC;;;ADhDO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAChB;","names":[]}

package/build/legacy/components/dialog/parts.d.cts

@@ -0,0 +1 @@
+export { DialogParts_alias_2 as DialogParts } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/dialog/primitives.cjs

@@ -0,0 +1,112 @@
+"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);
+
+// src/components/dialog/primitives.tsx
+var primitives_exports = {};
+__export(primitives_exports, {
+  DialogBackdrop: () => DialogBackdrop,
+  DialogCloseTrigger: () => DialogCloseTrigger,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogHeading: () => DialogHeading,
+  DialogPositioner: () => DialogPositioner,
+  DialogProvider: () => DialogProvider,
+  DialogRoot: () => DialogRoot,
+  DialogTrigger: () => DialogTrigger
+});
+module.exports = __toCommonJS(primitives_exports);
+var import_dialog = require("@ark-ui/react/dialog");
+var import_css = require("@cerberus/styled-system/css");
+var import_recipes = require("@cerberus/styled-system/recipes");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DialogRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { ...props });
+}
+function DialogTrigger(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Trigger,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className)
+    }
+  );
+}
+function DialogBackdrop(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.backdrop, props.className)
+    }
+  );
+}
+function DialogPositioner(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Positioner,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.positioner, props.className)
+    }
+  );
+}
+function DialogContent(props) {
+  const { size, ...contentProps } = props;
+  const styles = (0, import_recipes.dialog)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Content,
+    {
+      ...contentProps,
+      className: (0, import_css.cx)(styles.content, contentProps.className)
+    }
+  );
+}
+function DialogHeading(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { ...props, className: (0, import_css.cx)(styles.title, props.className) });
+}
+function DialogDescription(props) {
+  const styles = (0, import_recipes.dialog)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.description, props.className)
+    }
+  );
+}
+function DialogCloseTrigger(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.CloseTrigger, { ...props });
+}
+var DialogProvider = DialogRoot;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogBackdrop,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogHeading,
+  DialogPositioner,
+  DialogProvider,
+  DialogRoot,
+  DialogTrigger
+});
+//# sourceMappingURL=primitives.cjs.map

package/build/legacy/components/dialog/primitives.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/dialog/primitives.tsx"],"sourcesContent":["import {\n  Dialog,\n  type DialogBackdropProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogPositionerProps,\n  type DialogRootProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n} from '@ark-ui/react/dialog'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  dialog,\n  type DialogVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Dialog component.\n * @module 'dialog/primitives'\n */\n\n/**\n * The provider that controls the dialog components.\n */\nexport function DialogRoot(props: DialogRootProps) {\n  return <Dialog.Root {...props} />\n}\n\n/**\n * The trigger that opens the dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The overlay of the dialog.\n */\nexport function DialogBackdrop(props: DialogBackdropProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={cx(styles.backdrop, props.className)}\n    />\n  )\n}\n\n/**\n * The container that positions the dialog.\n */\nexport function DialogPositioner(props: DialogPositionerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The visible content of the dialog.\n */\nexport function DialogContent(props: DialogContentProps & DialogVariantProps) {\n  const { size, ...contentProps } = props\n  const styles = dialog({ size })\n  return (\n    <Dialog.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * The heading of the dialog.\n */\nexport function DialogHeading(props: DialogTitleProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the dialog.\n */\nexport function DialogDescription(props: DialogDescriptionProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger that closes the dialog.\n */\nexport function DialogCloseTrigger(props: DialogTriggerProps) {\n  return <Dialog.CloseTrigger {...props} />\n}\n\n/**\n * The provider that controls the dialog components. This is a named export of\n * the DialogRoot primitive.\n */\nexport const DialogProvider = DialogRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBASO;AACP,iBAAmB;AACnB,qBAGO;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,4CAAC,qBAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,YAAY,MAAM,SAAS;AAAA;AAAA,EAClD;AAEJ;AAKO,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,aAAS,uBAAO,EAAE,KAAK,CAAC;AAC9B,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,aAAa,SAAS;AAAA;AAAA,EACtD;AAEJ;AAKO,SAAS,cAAc,OAAyB;AACrD,QAAM,aAAS,uBAAO;AACtB,SACE,4CAAC,qBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,aAAS,uBAAO;AACtB,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,mBAAmB,OAA2B;AAC5D,SAAO,4CAAC,qBAAO,cAAP,EAAqB,GAAG,OAAO;AACzC;AAMO,IAAM,iBAAiB;","names":[]}

package/build/legacy/components/dialog/primitives.d.cts

@@ -0,0 +1,9 @@
+export { DialogRoot_alias_2 as DialogRoot } from '../../_tsup-dts-rollup.cjs';
+export { DialogTrigger_alias_2 as DialogTrigger } from '../../_tsup-dts-rollup.cjs';
+export { DialogBackdrop_alias_2 as DialogBackdrop } from '../../_tsup-dts-rollup.cjs';
+export { DialogPositioner_alias_2 as DialogPositioner } from '../../_tsup-dts-rollup.cjs';
+export { DialogContent_alias_2 as DialogContent } from '../../_tsup-dts-rollup.cjs';
+export { DialogHeading_alias_2 as DialogHeading } from '../../_tsup-dts-rollup.cjs';
+export { DialogDescription_alias_2 as DialogDescription } from '../../_tsup-dts-rollup.cjs';
+export { DialogCloseTrigger_alias_2 as DialogCloseTrigger } from '../../_tsup-dts-rollup.cjs';
+export { DialogProvider_alias_2 as DialogProvider } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/field/field.d.cts

@@ -0,0 +1,2 @@
+export { Field_alias_1 as Field } from '../../_tsup-dts-rollup.cjs';
+export { FieldProps_alias_1 as FieldProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/field/index.d.cts

@@ -0,0 +1,18 @@
+export { Field_alias_2 as Field } from '../../_tsup-dts-rollup.cjs';
+export { FieldProps_alias_2 as FieldProps } from '../../_tsup-dts-rollup.cjs';
+export { FieldRoot_alias_1 as FieldRoot } from '../../_tsup-dts-rollup.cjs';
+export { FieldLabel_alias_1 as FieldLabel } from '../../_tsup-dts-rollup.cjs';
+export { FieldRequiredIndicator_alias_1 as FieldRequiredIndicator } from '../../_tsup-dts-rollup.cjs';
+export { FieldInput_alias_1 as FieldInput } from '../../_tsup-dts-rollup.cjs';
+export { FieldHelperText_alias_1 as FieldHelperText } from '../../_tsup-dts-rollup.cjs';
+export { FieldErrorText_alias_1 as FieldErrorText } from '../../_tsup-dts-rollup.cjs';
+export { FieldTextarea_alias_1 as FieldTextarea } from '../../_tsup-dts-rollup.cjs';
+export { FieldRootProps_alias_1 as FieldRootProps } from '../../_tsup-dts-rollup.cjs';
+export { FieldInputProps_alias_1 as FieldInputProps } from '../../_tsup-dts-rollup.cjs';
+export { Input_alias_1 as Input } from '../../_tsup-dts-rollup.cjs';
+export { Textarea_alias_1 as Textarea } from '../../_tsup-dts-rollup.cjs';
+export { FieldStartIndicator_alias_1 as FieldStartIndicator } from '../../_tsup-dts-rollup.cjs';
+export { FieldIndicatorProps_alias_1 as FieldIndicatorProps } from '../../_tsup-dts-rollup.cjs';
+export { FieldStatusIndicator_alias_1 as FieldStatusIndicator } from '../../_tsup-dts-rollup.cjs';
+export { FieldStatusIndicatorProps_alias_1 as FieldStatusIndicatorProps } from '../../_tsup-dts-rollup.cjs';
+export { FieldParts_alias_1 as FieldParts } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/field/parts.d.cts

@@ -0,0 +1 @@
+export { FieldParts_alias_2 as FieldParts } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/field/primitives.d.cts

@@ -0,0 +1,11 @@
+export { FieldRoot_alias_2 as FieldRoot } from '../../_tsup-dts-rollup.cjs';
+export { FieldLabel_alias_2 as FieldLabel } from '../../_tsup-dts-rollup.cjs';
+export { FieldRequiredIndicator_alias_2 as FieldRequiredIndicator } from '../../_tsup-dts-rollup.cjs';
+export { FieldInput_alias_2 as FieldInput } from '../../_tsup-dts-rollup.cjs';
+export { FieldHelperText_alias_2 as FieldHelperText } from '../../_tsup-dts-rollup.cjs';
+export { FieldErrorText_alias_2 as FieldErrorText } from '../../_tsup-dts-rollup.cjs';
+export { FieldTextarea_alias_2 as FieldTextarea } from '../../_tsup-dts-rollup.cjs';
+export { FieldRootProps_alias_2 as FieldRootProps } from '../../_tsup-dts-rollup.cjs';
+export { FieldInputProps_alias_2 as FieldInputProps } from '../../_tsup-dts-rollup.cjs';
+export { Input_alias_2 as Input } from '../../_tsup-dts-rollup.cjs';
+export { Textarea_alias_2 as Textarea } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/field/start-indicator.d.cts

@@ -0,0 +1,2 @@
+export { FieldStartIndicator_alias_2 as FieldStartIndicator } from '../../_tsup-dts-rollup.cjs';
+export { FieldIndicatorProps_alias_2 as FieldIndicatorProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/field/status-indicator.d.cts

@@ -0,0 +1,2 @@
+export { FieldStatusIndicator_alias_2 as FieldStatusIndicator } from '../../_tsup-dts-rollup.cjs';
+export { FieldStatusIndicatorProps_alias_2 as FieldStatusIndicatorProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/fieldset/fieldset.d.cts

@@ -0,0 +1,2 @@
+export { Fieldset_alias_1 as Fieldset } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetProps_alias_1 as FieldsetProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/fieldset/index.d.cts

@@ -0,0 +1,7 @@
+export { Fieldset_alias_2 as Fieldset } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetProps_alias_2 as FieldsetProps } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetParts_alias_1 as FieldsetParts } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetRoot_alias_1 as FieldsetRoot } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetLegend_alias_1 as FieldsetLegend } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetHelperText_alias_1 as FieldsetHelperText } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetErrorText_alias_1 as FieldsetErrorText } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/fieldset/parts.d.cts

@@ -0,0 +1 @@
+export { FieldsetParts_alias_2 as FieldsetParts } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/fieldset/primitives.d.cts

@@ -0,0 +1,4 @@
+export { FieldsetRoot_alias_2 as FieldsetRoot } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetLegend_alias_2 as FieldsetLegend } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetHelperText_alias_2 as FieldsetHelperText } from '../../_tsup-dts-rollup.cjs';
+export { FieldsetErrorText_alias_2 as FieldsetErrorText } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/for.cjs

@@ -24,12 +24,11 @@ __export(for_exports, {
 });
 module.exports = __toCommonJS(for_exports);
 function For(props) {
-  var _a, _b;
-  const mappableChildren = props.children;
-  if (((_a = props.each) == null ? void 0 : _a.length) === 0) {
+  var _a;
+  if (!props.each || !props.each.length) {
     return props.fallback || null;
   }
-  return (_b = props.each) == null ? void 0 : _b.map(mappableChildren);
+  return (_a = props.each) == null ? void 0 : _a.map(props.children);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/legacy/components/for.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/for.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface ForProps<T> {\n  /**\n   * The array to iterate over\n   */\n  each: T[]\n  /**\n   * The fallback content to render when the array is empty\n   */\n  fallback?: ReactNode\n  /**\n   * The render function to render each item in the array\n   */\n  children: (item: Exclude<T, undefined>, index: number) => ReactNode\n}\n\n/**\n * The For component is used to iterate over an array and render a list of\n * components or display a fallback when the array is empty.\n * Inspired by the `<For>` component from SolidJS.\n *\n * @example\n * ```tsx\n * <For each={['a', 'b', 'c']}>\n *   {(item, index) => <div key={index}>{item}</div>}\n * </For>\n * ```\n */\nexport function For<\n  T extends string | number | Record<string, unknown> | object | undefined,\n>(props: ForProps<T>) {\n  const mappableChildren = props.children as unknown as (\n    item: T,\n    index: number,\n  ) => ReactNode\n\n  if (props.each?.length === 0) {\n    return props.fallback || null\n  }\n\n  return props.each?.map(mappableChildren) as ReactNode\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BO,SAAS,IAEd,OAAoB;AA/BtB;AAgCE,QAAM,mBAAmB,MAAM;AAK/B,QAAI,WAAM,SAAN,mBAAY,YAAW,GAAG;AAC5B,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,UAAO,WAAM,SAAN,mBAAY,IAAI;AACzB;","names":[]}
+{"version":3,"sources":["../../../src/components/for.tsx"],"sourcesContent":["import type { ReactNode, JSX } from 'react'\n\nexport interface ForProps<T extends readonly unknown[], U extends JSX.Element> {\n  /**\n   * The array to iterate over.\n   */\n  each: T | undefined | null | false\n  /**\n   * The fallback to render when the array is empty.\n   */\n  fallback?: JSX.Element\n  /**\n   * The children to render for each item in the array.\n   */\n  children: (item: T[number], index: number) => U\n}\n\n/**\n * The For component is used to iterate over an array and render a list of\n * components or display a fallback when the array is empty.\n * Inspired by the `<For>` component from SolidJS.\n *\n * @example\n * ```tsx\n * <For each={['a', 'b', 'c']}>\n *   {(item, index) => <div key={index}>{item}</div>}\n * </For>\n * ```\n */\nexport function For<T extends readonly unknown[], U extends JSX.Element>(\n  props: ForProps<T, U>,\n) {\n  if (!props.each || !props.each.length) {\n    return props.fallback || null\n  }\n\n  return props.each?.map(props.children) as ReactNode\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BO,SAAS,IACd,OACA;AA/BF;AAgCE,MAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,KAAK,QAAQ;AACrC,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,UAAO,WAAM,SAAN,mBAAY,IAAI,MAAM;AAC/B;","names":[]}

package/build/legacy/components/for.d.cts

@@ -0,0 +1,2 @@
+export { For_alias_1 as For } from '../_tsup-dts-rollup.cjs';
+export { ForProps_alias_1 as ForProps } from '../_tsup-dts-rollup.cjs';