@neynar/ui 0.4.0 → 0.5.0

package/dist/lib/variants.d.ts

@@ -0,0 +1,107 @@
+/**
+ * @internal
+ * Shared CVA variants used by menu and typography components.
+ * Not exported publicly - use component props instead:
+ *   - Menu styling: <DropdownMenuItem variant="destructive">
+ *   - Typography: <Text color="muted" size="sm">
+ */
+/**
+ * Shared menu item variants for DropdownMenuItem, ContextMenuItem, and MenubarItem.
+ * Provides consistent styling across all menu-style components.
+ */
+export declare const menuItemVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+    inset?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Variant options for menu items: default, destructive, success, warning, info */
+export type MenuItemVariant = "default" | "destructive" | "success" | "warning" | "info";
+/**
+ * Typography color variants shared across Title, Text, Code, and Blockquote components.
+ * Provides semantic color options for consistent text styling.
+ *
+ * @example
+ * ```tsx
+ * import { typographyColorVariants } from "@neynar/ui/lib/variants"
+ * import { cn } from "@neynar/ui/lib/utils"
+ *
+ * <span className={cn(typographyColorVariants({ color: "muted" }))}>
+ *   Secondary text
+ * </span>
+ * ```
+ */
+export declare const typographyColorVariants: (props?: ({
+    color?: "default" | "destructive" | "success" | "warning" | "info" | "muted" | "subtle" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Semantic color options for typography: default, muted, subtle, destructive, success, warning, info */
+export type TypographyColor = "default" | "muted" | "subtle" | "destructive" | "success" | "warning" | "info";
+/**
+ * Title order-based size defaults (only used when size prop is not specified).
+ * Maps heading levels (h1-h6) to responsive font sizes.
+ *
+ * @example
+ * ```tsx
+ * // order: 1 → "text-3xl md:text-4xl lg:text-5xl"
+ * // order: 6 → "text-sm md:text-base lg:text-lg"
+ * ```
+ */
+export declare const titleOrderSizeVariants: (props?: ({
+    order?: 4 | 1 | 2 | 3 | 5 | 6 | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Title order-based style defaults (weight, tracking, leading).
+ * Provides appropriate font-weight and line-height for each heading level.
+ *
+ * @example
+ * ```tsx
+ * // order: 1 → "font-bold tracking-tight leading-[1.1]"
+ * // order: 6 → "font-medium leading-normal"
+ * ```
+ */
+export declare const titleOrderStyleVariants: (props?: ({
+    order?: 4 | 1 | 2 | 3 | 5 | 6 | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Title component variants for explicit size and weight overrides.
+ * Use when you need to override the order-based defaults.
+ *
+ * @example
+ * ```tsx
+ * import { titleVariants } from "@neynar/ui/lib/variants"
+ * import { cn } from "@neynar/ui/lib/utils"
+ *
+ * <h2 className={cn(titleVariants({ size: "4xl", weight: "bold" }))}>
+ *   Large Bold Title
+ * </h2>
+ * ```
+ */
+export declare const titleVariants: (props?: ({
+    size?: "base" | "sm" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Heading level 1-6, maps to h1-h6 elements */
+export type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
+/** Font size options from xs to 6xl */
+export type TitleSize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+/** Font weight options: normal, medium, semibold, bold */
+export type TitleWeight = "normal" | "medium" | "semibold" | "bold";
+/**
+ * Text component variants with auto-scaling line-height and letter-spacing.
+ * Provides consistent paragraph and body text styling.
+ *
+ * @example
+ * ```tsx
+ * import { textVariants } from "@neynar/ui/lib/variants"
+ * import { cn } from "@neynar/ui/lib/utils"
+ *
+ * <p className={cn(textVariants({ size: "lg", weight: "medium", align: "center" }))}>
+ *   Centered large text
+ * </p>
+ * ```
+ */
+export declare const textVariants: (props?: ({
+    size?: "base" | "sm" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+    transform?: "capitalize" | "lowercase" | "uppercase" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/lib/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/lib/variants.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;8EAyB5B,CAAC;AAEF,mFAAmF;AACnF,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,aAAa,GACb,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,uBAAuB;;8EAelC,CAAC;AAEH,yGAAyG;AACzG,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,aAAa,GACb,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;8EAWjC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB;;8EAclC,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa;;;8EAqBxB,CAAC;AAEH,gDAAgD;AAChD,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE/C,uCAAuC;AACvC,MAAM,MAAM,SAAS,GACjB,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,0DAA0D;AAC1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY;;;;;8EA8BvB,CAAC"}

package/dist/lib/variants.js

@@ -0,0 +1,128 @@
+import { cva } from "../node_modules/class-variance-authority/dist/index.js";
+const menuItemVariants = cva(
+  "gap-2 rounded-sm px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground",
+        destructive: "text-destructive focus:bg-destructive/10 dark:focus:bg-destructive/20 focus:text-destructive *:[svg]:text-destructive",
+        success: "text-success focus:bg-success/10 dark:focus:bg-success/20 focus:text-success *:[svg]:text-success",
+        warning: "text-warning focus:bg-warning/10 dark:focus:bg-warning/20 focus:text-warning *:[svg]:text-warning",
+        info: "text-info focus:bg-info/10 dark:focus:bg-info/20 focus:text-info *:[svg]:text-info"
+      },
+      inset: {
+        true: "pl-8",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      inset: false
+    }
+  }
+);
+const typographyColorVariants = cva("", {
+  variants: {
+    color: {
+      default: "text-foreground",
+      muted: "text-muted-foreground",
+      subtle: "text-subtle-foreground",
+      destructive: "text-destructive",
+      success: "text-success",
+      warning: "text-warning",
+      info: "text-info"
+    }
+  },
+  defaultVariants: {
+    color: "default"
+  }
+});
+const titleOrderSizeVariants = cva("", {
+  variants: {
+    order: {
+      1: "text-3xl md:text-4xl lg:text-5xl",
+      2: "text-2xl md:text-3xl lg:text-4xl",
+      3: "text-xl md:text-2xl lg:text-3xl",
+      4: "text-lg md:text-xl lg:text-2xl",
+      5: "text-base md:text-lg lg:text-xl",
+      6: "text-sm md:text-base lg:text-lg"
+    }
+  }
+});
+const titleOrderStyleVariants = cva("", {
+  variants: {
+    order: {
+      1: "font-bold tracking-tight leading-[1.1]",
+      2: "font-semibold tracking-tight leading-[1.2]",
+      3: "font-semibold tracking-tight leading-[1.25]",
+      4: "font-semibold leading-[1.3]",
+      5: "font-medium leading-[1.4]",
+      6: "font-medium leading-normal"
+    }
+  },
+  defaultVariants: {
+    order: 2
+  }
+});
+const titleVariants = cva("", {
+  variants: {
+    size: {
+      xs: "text-xs leading-4",
+      sm: "text-sm leading-5",
+      base: "text-base leading-6",
+      lg: "text-lg leading-7",
+      xl: "text-xl leading-7 tracking-tight",
+      "2xl": "text-2xl leading-8 tracking-tight",
+      "3xl": "text-3xl leading-9 tracking-tight",
+      "4xl": "text-4xl leading-10 tracking-tighter",
+      "5xl": "text-5xl leading-none tracking-tighter",
+      "6xl": "text-6xl leading-none tracking-tighter"
+    },
+    weight: {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }
+  }
+});
+const textVariants = cva("", {
+  variants: {
+    size: {
+      xs: "text-xs leading-4",
+      sm: "text-sm leading-5",
+      base: "text-base leading-6",
+      lg: "text-lg leading-7",
+      xl: "text-xl leading-7 tracking-tight",
+      "2xl": "text-2xl leading-8 tracking-tighter"
+    },
+    weight: {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    },
+    transform: {
+      uppercase: "uppercase tracking-wider",
+      lowercase: "lowercase",
+      capitalize: "capitalize"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+});
+export {
+  menuItemVariants,
+  textVariants,
+  titleOrderSizeVariants,
+  titleOrderStyleVariants,
+  titleVariants,
+  typographyColorVariants
+};
+//# sourceMappingURL=variants.js.map

package/dist/lib/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.js","sources":["../../src/lib/variants.ts"],"sourcesContent":["/**\n * @internal\n * Shared CVA variants used by menu and typography components.\n * Not exported publicly - use component props instead:\n *   - Menu styling: <DropdownMenuItem variant=\"destructive\">\n *   - Typography: <Text color=\"muted\" size=\"sm\">\n */\n\nimport { cva } from \"class-variance-authority\";\n\n/**\n * Shared menu item variants for DropdownMenuItem, ContextMenuItem, and MenubarItem.\n * Provides consistent styling across all menu-style components.\n */\nexport const menuItemVariants = cva(\n  \"gap-2 rounded-sm px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground\",\n        destructive:\n          \"text-destructive focus:bg-destructive/10 dark:focus:bg-destructive/20 focus:text-destructive *:[svg]:text-destructive\",\n        success:\n          \"text-success focus:bg-success/10 dark:focus:bg-success/20 focus:text-success *:[svg]:text-success\",\n        warning:\n          \"text-warning focus:bg-warning/10 dark:focus:bg-warning/20 focus:text-warning *:[svg]:text-warning\",\n        info: \"text-info focus:bg-info/10 dark:focus:bg-info/20 focus:text-info *:[svg]:text-info\",\n      },\n      inset: {\n        true: \"pl-8\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      inset: false,\n    },\n  },\n);\n\n/** Variant options for menu items: default, destructive, success, warning, info */\nexport type MenuItemVariant =\n  | \"default\"\n  | \"destructive\"\n  | \"success\"\n  | \"warning\"\n  | \"info\";\n\n/**\n * Typography color variants shared across Title, Text, Code, and Blockquote components.\n * Provides semantic color options for consistent text styling.\n *\n * @example\n * ```tsx\n * import { typographyColorVariants } from \"@neynar/ui/lib/variants\"\n * import { cn } from \"@neynar/ui/lib/utils\"\n *\n * <span className={cn(typographyColorVariants({ color: \"muted\" }))}>\n *   Secondary text\n * </span>\n * ```\n */\nexport const typographyColorVariants = cva(\"\", {\n  variants: {\n    color: {\n      default: \"text-foreground\",\n      muted: \"text-muted-foreground\",\n      subtle: \"text-subtle-foreground\",\n      destructive: \"text-destructive\",\n      success: \"text-success\",\n      warning: \"text-warning\",\n      info: \"text-info\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n  },\n});\n\n/** Semantic color options for typography: default, muted, subtle, destructive, success, warning, info */\nexport type TypographyColor =\n  | \"default\"\n  | \"muted\"\n  | \"subtle\"\n  | \"destructive\"\n  | \"success\"\n  | \"warning\"\n  | \"info\";\n\n/**\n * Title order-based size defaults (only used when size prop is not specified).\n * Maps heading levels (h1-h6) to responsive font sizes.\n *\n * @example\n * ```tsx\n * // order: 1 → \"text-3xl md:text-4xl lg:text-5xl\"\n * // order: 6 → \"text-sm md:text-base lg:text-lg\"\n * ```\n */\nexport const titleOrderSizeVariants = cva(\"\", {\n  variants: {\n    order: {\n      1: \"text-3xl md:text-4xl lg:text-5xl\",\n      2: \"text-2xl md:text-3xl lg:text-4xl\",\n      3: \"text-xl md:text-2xl lg:text-3xl\",\n      4: \"text-lg md:text-xl lg:text-2xl\",\n      5: \"text-base md:text-lg lg:text-xl\",\n      6: \"text-sm md:text-base lg:text-lg\",\n    },\n  },\n});\n\n/**\n * Title order-based style defaults (weight, tracking, leading).\n * Provides appropriate font-weight and line-height for each heading level.\n *\n * @example\n * ```tsx\n * // order: 1 → \"font-bold tracking-tight leading-[1.1]\"\n * // order: 6 → \"font-medium leading-normal\"\n * ```\n */\nexport const titleOrderStyleVariants = cva(\"\", {\n  variants: {\n    order: {\n      1: \"font-bold tracking-tight leading-[1.1]\",\n      2: \"font-semibold tracking-tight leading-[1.2]\",\n      3: \"font-semibold tracking-tight leading-[1.25]\",\n      4: \"font-semibold leading-[1.3]\",\n      5: \"font-medium leading-[1.4]\",\n      6: \"font-medium leading-normal\",\n    },\n  },\n  defaultVariants: {\n    order: 2,\n  },\n});\n\n/**\n * Title component variants for explicit size and weight overrides.\n * Use when you need to override the order-based defaults.\n *\n * @example\n * ```tsx\n * import { titleVariants } from \"@neynar/ui/lib/variants\"\n * import { cn } from \"@neynar/ui/lib/utils\"\n *\n * <h2 className={cn(titleVariants({ size: \"4xl\", weight: \"bold\" }))}>\n *   Large Bold Title\n * </h2>\n * ```\n */\nexport const titleVariants = cva(\"\", {\n  variants: {\n    size: {\n      xs: \"text-xs leading-4\",\n      sm: \"text-sm leading-5\",\n      base: \"text-base leading-6\",\n      lg: \"text-lg leading-7\",\n      xl: \"text-xl leading-7 tracking-tight\",\n      \"2xl\": \"text-2xl leading-8 tracking-tight\",\n      \"3xl\": \"text-3xl leading-9 tracking-tight\",\n      \"4xl\": \"text-4xl leading-10 tracking-tighter\",\n      \"5xl\": \"text-5xl leading-none tracking-tighter\",\n      \"6xl\": \"text-6xl leading-none tracking-tighter\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n    },\n  },\n});\n\n/** Heading level 1-6, maps to h1-h6 elements */\nexport type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Font size options from xs to 6xl */\nexport type TitleSize =\n  | \"xs\"\n  | \"sm\"\n  | \"base\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\"\n  | \"3xl\"\n  | \"4xl\"\n  | \"5xl\"\n  | \"6xl\";\n\n/** Font weight options: normal, medium, semibold, bold */\nexport type TitleWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\n\n/**\n * Text component variants with auto-scaling line-height and letter-spacing.\n * Provides consistent paragraph and body text styling.\n *\n * @example\n * ```tsx\n * import { textVariants } from \"@neynar/ui/lib/variants\"\n * import { cn } from \"@neynar/ui/lib/utils\"\n *\n * <p className={cn(textVariants({ size: \"lg\", weight: \"medium\", align: \"center\" }))}>\n *   Centered large text\n * </p>\n * ```\n */\nexport const textVariants = cva(\"\", {\n  variants: {\n    size: {\n      xs: \"text-xs leading-4\",\n      sm: \"text-sm leading-5\",\n      base: \"text-base leading-6\",\n      lg: \"text-lg leading-7\",\n      xl: \"text-xl leading-7 tracking-tight\",\n      \"2xl\": \"text-2xl leading-8 tracking-tighter\",\n    },\n    weight: {\n      normal: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n      bold: \"font-bold\",\n    },\n    align: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n    },\n    transform: {\n      uppercase: \"uppercase tracking-wider\",\n      lowercase: \"lowercase\",\n      capitalize: \"capitalize\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n  },\n});\n"],"names":[],"mappings":";AAcO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ;AAwBO,MAAM,0BAA0B,IAAI,IAAI;AAAA,EAC7C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAEX,CAAC;AAsBM,MAAM,yBAAyB,IAAI,IAAI;AAAA,EAC5C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAEJ,CAAC;AAYM,MAAM,0BAA0B,IAAI,IAAI;AAAA,EAC7C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAAA,EACL;AAAA,EAEF,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAEX,CAAC;AAgBM,MAAM,gBAAgB,IAAI,IAAI;AAAA,EACnC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,IAET,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,CAAC;AAmCM,MAAM,eAAe,IAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,IAET,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,IAET,WAAW;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,IAAA;AAAA,EACd;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.js

@@ -0,0 +1,27 @@
+"use client";
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useAccordionItemContext } from "../item/AccordionItemContext.js";
+import { accordionStateAttributesMapping } from "../item/stateAttributesMapping.js";
+const AccordionHeader = /* @__PURE__ */ React.forwardRef(function AccordionHeader2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const {
+    state
+  } = useAccordionItemContext();
+  const element = useRenderElement("h3", componentProps, {
+    state,
+    ref: forwardedRef,
+    props: elementProps,
+    stateAttributesMapping: accordionStateAttributesMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") AccordionHeader.displayName = "AccordionHeader";
+export {
+  AccordionHeader
+};
+//# sourceMappingURL=AccordionHeader.js.map

package/dist/node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useAccordionItemContext } from \"../item/AccordionItemContext.js\";\nimport { accordionStateAttributesMapping } from \"../item/stateAttributesMapping.js\";\n\n/**\n * A heading that labels the corresponding panel.\n * Renders an `<h3>` element.\n *\n * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)\n */\nexport const AccordionHeader = /*#__PURE__*/React.forwardRef(function AccordionHeader(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    ...elementProps\n  } = componentProps;\n  const {\n    state\n  } = useAccordionItemContext();\n  const element = useRenderElement('h3', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: elementProps,\n    stateAttributesMapping: accordionStateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") AccordionHeader.displayName = \"AccordionHeader\";"],"names":[],"mappings":";;;;;AAaY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AAEF;AAAuD;AACrD;AACK;AACE;AACiB;AAE1B;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItem.js

@@ -0,0 +1,102 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useMergedRefs } from "../../../../utils/esm/useMergedRefs.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useCollapsibleRoot } from "../../collapsible/root/useCollapsibleRoot.js";
+import { CollapsibleRootContext } from "../../collapsible/root/CollapsibleRootContext.js";
+import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useAccordionRootContext } from "../root/AccordionRootContext.js";
+import { AccordionItemContext } from "./AccordionItemContext.js";
+import { accordionStateAttributesMapping } from "./stateAttributesMapping.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { jsx } from "react/jsx-runtime";
+const AccordionItem = /* @__PURE__ */ React.forwardRef(function AccordionItem2(componentProps, forwardedRef) {
+  const {
+    className,
+    disabled: disabledProp = false,
+    onOpenChange: onOpenChangeProp,
+    render,
+    value: valueProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    ref: listItemRef,
+    index
+  } = useCompositeListItem();
+  const mergedRef = useMergedRefs(forwardedRef, listItemRef);
+  const {
+    disabled: contextDisabled,
+    handleValueChange,
+    state: rootState,
+    value: openValues
+  } = useAccordionRootContext();
+  const fallbackValue = useBaseUiId();
+  const value = valueProp ?? fallbackValue;
+  const disabled = disabledProp || contextDisabled;
+  const isOpen = React.useMemo(() => {
+    if (!openValues) {
+      return false;
+    }
+    for (let i = 0; i < openValues.length; i += 1) {
+      if (openValues[i] === value) {
+        return true;
+      }
+    }
+    return false;
+  }, [openValues, value]);
+  const onOpenChange = useStableCallback((nextOpen, eventDetails) => {
+    onOpenChangeProp?.(nextOpen, eventDetails);
+    if (eventDetails.isCanceled) {
+      return;
+    }
+    handleValueChange(value, nextOpen);
+  });
+  const collapsible = useCollapsibleRoot({
+    open: isOpen,
+    onOpenChange,
+    disabled
+  });
+  const collapsibleState = React.useMemo(() => ({
+    open: collapsible.open,
+    disabled: collapsible.disabled,
+    hidden: !collapsible.mounted,
+    transitionStatus: collapsible.transitionStatus
+  }), [collapsible.open, collapsible.disabled, collapsible.mounted, collapsible.transitionStatus]);
+  const collapsibleContext = React.useMemo(() => ({
+    ...collapsible,
+    onOpenChange,
+    state: collapsibleState
+  }), [collapsible, collapsibleState, onOpenChange]);
+  const state = React.useMemo(() => ({
+    ...rootState,
+    index,
+    disabled,
+    open: isOpen
+  }), [disabled, index, isOpen, rootState]);
+  const [triggerId, setTriggerId] = React.useState(useBaseUiId());
+  const accordionItemContext = React.useMemo(() => ({
+    open: isOpen,
+    state,
+    setTriggerId,
+    triggerId
+  }), [isOpen, state, setTriggerId, triggerId]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: mergedRef,
+    props: elementProps,
+    stateAttributesMapping: accordionStateAttributesMapping
+  });
+  return /* @__PURE__ */ jsx(CollapsibleRootContext.Provider, {
+    value: collapsibleContext,
+    children: /* @__PURE__ */ jsx(AccordionItemContext.Provider, {
+      value: accordionItemContext,
+      children: element
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") AccordionItem.displayName = "AccordionItem";
+export {
+  AccordionItem
+};
+//# sourceMappingURL=AccordionItem.js.map

package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/accordion/item/AccordionItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useCollapsibleRoot } from \"../../collapsible/root/useCollapsibleRoot.js\";\nimport { CollapsibleRootContext } from \"../../collapsible/root/CollapsibleRootContext.js\";\nimport { useCompositeListItem } from \"../../composite/list/useCompositeListItem.js\";\nimport { useAccordionRootContext } from \"../root/AccordionRootContext.js\";\nimport { AccordionItemContext } from \"./AccordionItemContext.js\";\nimport { accordionStateAttributesMapping } from \"./stateAttributesMapping.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Groups an accordion header with the corresponding panel.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)\n */\nexport const AccordionItem = /*#__PURE__*/React.forwardRef(function AccordionItem(componentProps, forwardedRef) {\n  const {\n    className,\n    disabled: disabledProp = false,\n    onOpenChange: onOpenChangeProp,\n    render,\n    value: valueProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    ref: listItemRef,\n    index\n  } = useCompositeListItem();\n  const mergedRef = useMergedRefs(forwardedRef, listItemRef);\n  const {\n    disabled: contextDisabled,\n    handleValueChange,\n    state: rootState,\n    value: openValues\n  } = useAccordionRootContext();\n  const fallbackValue = useBaseUiId();\n  const value = valueProp ?? fallbackValue;\n  const disabled = disabledProp || contextDisabled;\n  const isOpen = React.useMemo(() => {\n    if (!openValues) {\n      return false;\n    }\n    for (let i = 0; i < openValues.length; i += 1) {\n      if (openValues[i] === value) {\n        return true;\n      }\n    }\n    return false;\n  }, [openValues, value]);\n  const onOpenChange = useStableCallback((nextOpen, eventDetails) => {\n    onOpenChangeProp?.(nextOpen, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    handleValueChange(value, nextOpen);\n  });\n  const collapsible = useCollapsibleRoot({\n    open: isOpen,\n    onOpenChange,\n    disabled\n  });\n  const collapsibleState = React.useMemo(() => ({\n    open: collapsible.open,\n    disabled: collapsible.disabled,\n    hidden: !collapsible.mounted,\n    transitionStatus: collapsible.transitionStatus\n  }), [collapsible.open, collapsible.disabled, collapsible.mounted, collapsible.transitionStatus]);\n  const collapsibleContext = React.useMemo(() => ({\n    ...collapsible,\n    onOpenChange,\n    state: collapsibleState\n  }), [collapsible, collapsibleState, onOpenChange]);\n  const state = React.useMemo(() => ({\n    ...rootState,\n    index,\n    disabled,\n    open: isOpen\n  }), [disabled, index, isOpen, rootState]);\n  const [triggerId, setTriggerId] = React.useState(useBaseUiId());\n  const accordionItemContext = React.useMemo(() => ({\n    open: isOpen,\n    state,\n    setTriggerId,\n    triggerId\n  }), [isOpen, state, setTriggerId, triggerId]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: mergedRef,\n    props: elementProps,\n    stateAttributesMapping: accordionStateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(CollapsibleRootContext.Provider, {\n    value: collapsibleContext,\n    children: /*#__PURE__*/_jsx(AccordionItemContext.Provider, {\n      value: accordionItemContext,\n      children: element\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") AccordionItem.displayName = \"AccordionItem\";"],"names":[],"mappings":";;;;;;;;;;;;;AAoBY;AACV;AAAM;AACJ;AACyB;AACX;AACd;AACO;AACJ;AAEL;AAAM;AACC;AACL;AAEF;AACA;AAAM;AACM;AACV;AACO;AACA;AAET;AACA;AACA;AACA;AACE;AACE;AAAO;AAET;AACE;AACE;AAAO;AACT;AAEF;AAAO;AAET;AACE;AACA;AACE;AAAA;AAEF;AAAiC;AAEnC;AAAuC;AAC/B;AACN;AACA;AAEF;AAA8C;AAC1B;AACI;AACD;AACS;AAEhC;AAAgD;AAC3C;AACH;AACO;AAET;AAAmC;AAC9B;AACH;AACA;AACM;AAER;AACA;AAAkD;AAC1C;AACN;AACA;AACA;AAEF;AAAwD;AACtD;AACK;AACE;AACiB;AAE1B;AAA0D;AACjD;AACoD;AAClD;AACG;AACX;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemContext.js

@@ -0,0 +1,17 @@
+"use client";
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const AccordionItemContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") AccordionItemContext.displayName = "AccordionItemContext";
+function useAccordionItemContext() {
+  const context = React.useContext(AccordionItemContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : formatErrorMessage(9));
+  }
+  return context;
+}
+export {
+  AccordionItemContext,
+  useAccordionItemContext
+};
+//# sourceMappingURL=AccordionItemContext.js.map

package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/accordion/item/AccordionItemContext.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const AccordionItemContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") AccordionItemContext.displayName = \"AccordionItemContext\";\nexport function useAccordionItemContext() {\n  const context = React.useContext(AccordionItemContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>.' : _formatErrorMessage(9));\n  }\n  return context;\n}"],"names":[],"mappings":";;;AAIY;AACZ;AACO;AACL;AACA;AACE;AAAoL;AAEtL;AACF;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemDataAttributes.js

@@ -0,0 +1,10 @@
+let AccordionItemDataAttributes = /* @__PURE__ */ (function(AccordionItemDataAttributes2) {
+  AccordionItemDataAttributes2["index"] = "data-index";
+  AccordionItemDataAttributes2["disabled"] = "data-disabled";
+  AccordionItemDataAttributes2["open"] = "data-open";
+  return AccordionItemDataAttributes2;
+})({});
+export {
+  AccordionItemDataAttributes
+};
+//# sourceMappingURL=AccordionItemDataAttributes.js.map

package/dist/node_modules/@base-ui/react/esm/accordion/item/AccordionItemDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemDataAttributes.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/accordion/item/AccordionItemDataAttributes.js"],"sourcesContent":["export let AccordionItemDataAttributes = /*#__PURE__*/function (AccordionItemDataAttributes) {\n  /**\n   * Indicates the index of the accordion item.\n   * @type {number}\n   */\n  AccordionItemDataAttributes[\"index\"] = \"data-index\";\n  /**\n   * Present when the accordion item is disabled.\n   */\n  AccordionItemDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Present when the accordion item is open.\n   */\n  AccordionItemDataAttributes[\"open\"] = \"data-open\";\n  return AccordionItemDataAttributes;\n}({});"],"names":["AccordionItemDataAttributes"],"mappings":"AAAU,IAAC,8BAA2C,0BAAUA,8BAA6B;AAK3F,EAAAA,6BAA4B,OAAO,IAAI;AAIvC,EAAAA,6BAA4B,UAAU,IAAI;AAI1C,EAAAA,6BAA4B,MAAM,IAAI;AACtC,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/accordion/item/stateAttributesMapping.js

@@ -0,0 +1,17 @@
+import { collapsibleOpenStateMapping } from "../../utils/collapsibleOpenStateMapping.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { AccordionItemDataAttributes } from "./AccordionItemDataAttributes.js";
+const accordionStateAttributesMapping = {
+  ...collapsibleOpenStateMapping,
+  index: (value) => {
+    return Number.isInteger(value) ? {
+      [AccordionItemDataAttributes.index]: String(value)
+    } : null;
+  },
+  ...transitionStatusMapping,
+  value: () => null
+};
+export {
+  accordionStateAttributesMapping
+};
+//# sourceMappingURL=stateAttributesMapping.js.map

package/dist/node_modules/@base-ui/react/esm/accordion/item/stateAttributesMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateAttributesMapping.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/accordion/item/stateAttributesMapping.js"],"sourcesContent":["import { collapsibleOpenStateMapping as baseMapping } from \"../../utils/collapsibleOpenStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { AccordionItemDataAttributes } from \"./AccordionItemDataAttributes.js\";\nexport const accordionStateAttributesMapping = {\n  ...baseMapping,\n  index: value => {\n    return Number.isInteger(value) ? {\n      [AccordionItemDataAttributes.index]: String(value)\n    } : null;\n  },\n  ...transitionStatusMapping,\n  value: () => null\n};"],"names":["baseMapping"],"mappings":";;;AAGY,MAAC,kCAAkC;AAAA,EAC7C,GAAGA;AAAAA,EACH,OAAO,WAAS;AACd,WAAO,OAAO,UAAU,KAAK,IAAI;AAAA,MAC/B,CAAC,4BAA4B,KAAK,GAAG,OAAO,KAAK;AAAA,IACvD,IAAQ;AAAA,EACN;AAAA,EACA,GAAG;AAAA,EACH,OAAO,MAAM;AACf;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanel.js

@@ -0,0 +1,139 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { warn } from "../../../../utils/esm/warn.js";
+import { useCollapsibleRootContext } from "../../collapsible/root/CollapsibleRootContext.js";
+import { useCollapsiblePanel } from "../../collapsible/panel/useCollapsiblePanel.js";
+import { useAccordionRootContext } from "../root/AccordionRootContext.js";
+import { useAccordionItemContext } from "../item/AccordionItemContext.js";
+import { accordionStateAttributesMapping } from "../item/stateAttributesMapping.js";
+import { AccordionPanelCssVars } from "./AccordionPanelCssVars.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+const AccordionPanel = /* @__PURE__ */ React.forwardRef(function AccordionPanel2(componentProps, forwardedRef) {
+  const {
+    className,
+    hiddenUntilFound: hiddenUntilFoundProp,
+    keepMounted: keepMountedProp,
+    id: idProp,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    hiddenUntilFound: contextHiddenUntilFound,
+    keepMounted: contextKeepMounted
+  } = useAccordionRootContext();
+  const {
+    abortControllerRef,
+    animationTypeRef,
+    height,
+    mounted,
+    onOpenChange,
+    open,
+    panelId,
+    panelRef,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setHiddenUntilFound,
+    setKeepMounted,
+    setMounted,
+    setOpen,
+    setVisible,
+    transitionDimensionRef,
+    visible,
+    width,
+    setPanelIdState,
+    transitionStatus
+  } = useCollapsibleRootContext();
+  const hiddenUntilFound = hiddenUntilFoundProp ?? contextHiddenUntilFound;
+  const keepMounted = keepMountedProp ?? contextKeepMounted;
+  if (process.env.NODE_ENV !== "production") {
+    useIsoLayoutEffect(() => {
+      if (keepMountedProp === false && hiddenUntilFound) {
+        warn("The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.");
+      }
+    }, [hiddenUntilFound, keepMountedProp]);
+  }
+  useIsoLayoutEffect(() => {
+    if (idProp) {
+      setPanelIdState(idProp);
+      return () => {
+        setPanelIdState(void 0);
+      };
+    }
+    return void 0;
+  }, [idProp, setPanelIdState]);
+  useIsoLayoutEffect(() => {
+    setHiddenUntilFound(hiddenUntilFound);
+  }, [setHiddenUntilFound, hiddenUntilFound]);
+  useIsoLayoutEffect(() => {
+    setKeepMounted(keepMounted);
+  }, [setKeepMounted, keepMounted]);
+  useOpenChangeComplete({
+    open: open && transitionStatus === "idle",
+    ref: panelRef,
+    onComplete() {
+      if (!open) {
+        return;
+      }
+      setDimensions({
+        width: void 0,
+        height: void 0
+      });
+    }
+  });
+  const {
+    props
+  } = useCollapsiblePanel({
+    abortControllerRef,
+    animationTypeRef,
+    externalRef: forwardedRef,
+    height,
+    hiddenUntilFound,
+    id: idProp ?? panelId,
+    keepMounted,
+    mounted,
+    onOpenChange,
+    open,
+    panelRef,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setMounted,
+    setOpen,
+    setVisible,
+    transitionDimensionRef,
+    visible,
+    width
+  });
+  const {
+    state,
+    triggerId
+  } = useAccordionItemContext();
+  const panelState = React.useMemo(() => ({
+    ...state,
+    transitionStatus
+  }), [state, transitionStatus]);
+  const element = useRenderElement("div", componentProps, {
+    state: panelState,
+    ref: [forwardedRef, panelRef],
+    props: [props, {
+      "aria-labelledby": triggerId,
+      role: "region",
+      style: {
+        [AccordionPanelCssVars.accordionPanelHeight]: height === void 0 ? "auto" : `${height}px`,
+        [AccordionPanelCssVars.accordionPanelWidth]: width === void 0 ? "auto" : `${width}px`
+      }
+    }, elementProps],
+    stateAttributesMapping: accordionStateAttributesMapping
+  });
+  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;
+  if (!shouldRender) {
+    return null;
+  }
+  return element;
+});
+if (process.env.NODE_ENV !== "production") AccordionPanel.displayName = "AccordionPanel";
+export {
+  AccordionPanel
+};
+//# sourceMappingURL=AccordionPanel.js.map

package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/accordion/panel/AccordionPanel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { warn } from '@base-ui/utils/warn';\nimport { useCollapsibleRootContext } from \"../../collapsible/root/CollapsibleRootContext.js\";\nimport { useCollapsiblePanel } from \"../../collapsible/panel/useCollapsiblePanel.js\";\nimport { useAccordionRootContext } from \"../root/AccordionRootContext.js\";\nimport { useAccordionItemContext } from \"../item/AccordionItemContext.js\";\nimport { accordionStateAttributesMapping } from \"../item/stateAttributesMapping.js\";\nimport { AccordionPanelCssVars } from \"./AccordionPanelCssVars.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n/**\n * A collapsible panel with the accordion item contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)\n */\nexport const AccordionPanel = /*#__PURE__*/React.forwardRef(function AccordionPanel(componentProps, forwardedRef) {\n  const {\n    className,\n    hiddenUntilFound: hiddenUntilFoundProp,\n    keepMounted: keepMountedProp,\n    id: idProp,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    hiddenUntilFound: contextHiddenUntilFound,\n    keepMounted: contextKeepMounted\n  } = useAccordionRootContext();\n  const {\n    abortControllerRef,\n    animationTypeRef,\n    height,\n    mounted,\n    onOpenChange,\n    open,\n    panelId,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setHiddenUntilFound,\n    setKeepMounted,\n    setMounted,\n    setOpen,\n    setVisible,\n    transitionDimensionRef,\n    visible,\n    width,\n    setPanelIdState,\n    transitionStatus\n  } = useCollapsibleRootContext();\n  const hiddenUntilFound = hiddenUntilFoundProp ?? contextHiddenUntilFound;\n  const keepMounted = keepMountedProp ?? contextKeepMounted;\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useIsoLayoutEffect(() => {\n      if (keepMountedProp === false && hiddenUntilFound) {\n        warn('The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.');\n      }\n    }, [hiddenUntilFound, keepMountedProp]);\n  }\n  useIsoLayoutEffect(() => {\n    if (idProp) {\n      setPanelIdState(idProp);\n      return () => {\n        setPanelIdState(undefined);\n      };\n    }\n    return undefined;\n  }, [idProp, setPanelIdState]);\n  useIsoLayoutEffect(() => {\n    setHiddenUntilFound(hiddenUntilFound);\n  }, [setHiddenUntilFound, hiddenUntilFound]);\n  useIsoLayoutEffect(() => {\n    setKeepMounted(keepMounted);\n  }, [setKeepMounted, keepMounted]);\n  useOpenChangeComplete({\n    open: open && transitionStatus === 'idle',\n    ref: panelRef,\n    onComplete() {\n      if (!open) {\n        return;\n      }\n      setDimensions({\n        width: undefined,\n        height: undefined\n      });\n    }\n  });\n  const {\n    props\n  } = useCollapsiblePanel({\n    abortControllerRef,\n    animationTypeRef,\n    externalRef: forwardedRef,\n    height,\n    hiddenUntilFound,\n    id: idProp ?? panelId,\n    keepMounted,\n    mounted,\n    onOpenChange,\n    open,\n    panelRef,\n    runOnceAnimationsFinish,\n    setDimensions,\n    setMounted,\n    setOpen,\n    setVisible,\n    transitionDimensionRef,\n    visible,\n    width\n  });\n  const {\n    state,\n    triggerId\n  } = useAccordionItemContext();\n  const panelState = React.useMemo(() => ({\n    ...state,\n    transitionStatus\n  }), [state, transitionStatus]);\n  const element = useRenderElement('div', componentProps, {\n    state: panelState,\n    ref: [forwardedRef, panelRef],\n    props: [props, {\n      'aria-labelledby': triggerId,\n      role: 'region',\n      style: {\n        [AccordionPanelCssVars.accordionPanelHeight]: height === undefined ? 'auto' : `${height}px`,\n        [AccordionPanelCssVars.accordionPanelWidth]: width === undefined ? 'auto' : `${width}px`\n      }\n    }, elementProps],\n    stateAttributesMapping: accordionStateAttributesMapping\n  });\n  const shouldRender = keepMounted || hiddenUntilFound || !keepMounted && mounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") AccordionPanel.displayName = \"AccordionPanel\";"],"names":[],"mappings":";;;;;;;;;;;;AAmBY;AACV;AAAM;AACJ;AACkB;AACL;AACT;AACJ;AACG;AAEL;AAAM;AACc;AACL;AAEf;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AAEE;AACE;AACE;AAAmM;AACrM;AACoC;AAExC;AACE;AACE;AACA;AACE;AAAyB;AAC3B;AAEF;AAAO;AAET;AACE;AAAoC;AAEtC;AACE;AAA0B;AAE5B;AAAsB;AACe;AAC9B;AAEH;AACE;AAAA;AAEF;AAAc;AACL;AACC;AACT;AACH;AAEF;AAAM;AACJ;AACsB;AACtB;AACA;AACa;AACb;AACA;AACc;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AAAM;AACJ;AACA;AAEF;AAAwC;AACnC;AACH;AAEF;AAAwD;AAC/C;AACqB;AACb;AACM;AACb;AACC;AACkF;AACH;AAC5F;AACmB;AACS;AAE1B;AACA;AACE;AAAO;AAET;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanelCssVars.js

@@ -0,0 +1,9 @@
+let AccordionPanelCssVars = /* @__PURE__ */ (function(AccordionPanelCssVars2) {
+  AccordionPanelCssVars2["accordionPanelHeight"] = "--accordion-panel-height";
+  AccordionPanelCssVars2["accordionPanelWidth"] = "--accordion-panel-width";
+  return AccordionPanelCssVars2;
+})({});
+export {
+  AccordionPanelCssVars
+};
+//# sourceMappingURL=AccordionPanelCssVars.js.map

package/dist/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanelCssVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanelCssVars.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/accordion/panel/AccordionPanelCssVars.js"],"sourcesContent":["export let AccordionPanelCssVars = /*#__PURE__*/function (AccordionPanelCssVars) {\n  /**\n   * The accordion panel's height.\n   * @type {number}\n   */\n  AccordionPanelCssVars[\"accordionPanelHeight\"] = \"--accordion-panel-height\";\n  /**\n   * The accordion panel's width.\n   * @type {number}\n   */\n  AccordionPanelCssVars[\"accordionPanelWidth\"] = \"--accordion-panel-width\";\n  return AccordionPanelCssVars;\n}({});"],"names":["AccordionPanelCssVars"],"mappings":"AAAU,IAAC,wBAAqC,0BAAUA,wBAAuB;AAK/E,EAAAA,uBAAsB,sBAAsB,IAAI;AAKhD,EAAAA,uBAAsB,qBAAqB,IAAI;AAC/C,SAAOA;AACT,GAAE,CAAA,CAAE;","x_google_ignoreList":[0]}