@tribepad/themis 1.0.0 → 1.0.1

package/dist/elements/Accordion/index.js

@@ -1,78 +1,337 @@
+"use client";
 'use strict';
 
-var chunkCKNISJOQ_js = require('../../chunk-CKNISJOQ.js');
-require('../../chunk-VIREG536.js');
-require('../../chunk-T4COXKQ3.js');
+var react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var zod = require('zod');
 
-
-
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.Accordion; }
-});
-Object.defineProperty(exports, "AccordionContent", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionContent; }
-});
-Object.defineProperty(exports, "AccordionContentPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionContentPropsSchema; }
-});
-Object.defineProperty(exports, "AccordionItem", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionItem; }
-});
-Object.defineProperty(exports, "AccordionItemPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionItemPropsSchema; }
-});
-Object.defineProperty(exports, "AccordionPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionPropsSchema; }
+// src/elements/Accordion/Accordion.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var Activity = react.Activity ?? function ActivityFallback({
+  children,
+  mode
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-activity-mode": mode, children });
+};
+var AccordionContext = react.createContext({});
+var accordionVariants = classVarianceAuthority.cva("w-full", {
+  variants: {},
+  defaultVariants: {}
 });
-Object.defineProperty(exports, "AccordionTrigger", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionTrigger; }
+var accordionItemVariants = classVarianceAuthority.cva(
+  [
+    "border-b border-[var(--border)]",
+    // Last item has no border (handled by last:border-b-0)
+    "last:border-b-0"
+  ].join(" "),
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var accordionTriggerVariants = classVarianceAuthority.cva(
+  [
+    // Layout
+    "flex flex-1 items-center justify-between py-4 font-medium w-full",
+    // Text styling
+    "text-sm text-[var(--content-foreground)]",
+    // Hover state
+    "hover:underline",
+    // Focus visible ring (WCAG 2.4.13)
+    "focus-visible:outline-none focus-visible:ring-2",
+    "focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
+    "focus-visible:ring-offset-[var(--content-background)]",
+    // WCAG 2.2 AAA: 44px minimum touch target
+    "min-h-[44px]",
+    // Disabled state
+    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    // Transition for smooth interactions
+    "transition-all"
+  ].join(" "),
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var accordionChevronVariants = classVarianceAuthority.cva(
+  [
+    "h-4 w-4 shrink-0",
+    "text-[var(--menu-muted)]",
+    // Smooth rotation transition
+    "transition-transform duration-200 ease-out",
+    // Reduced motion support
+    "motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      isExpanded: {
+        true: "rotate-180",
+        false: "rotate-0"
+      }
+    },
+    defaultVariants: {
+      isExpanded: false
+    }
+  }
+);
+var accordionContentVariants = classVarianceAuthority.cva(
+  [
+    "overflow-hidden",
+    "text-sm text-[var(--menu-muted)]"
+  ].join(" "),
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var accordionContentInnerVariants = classVarianceAuthority.cva("pb-4 pt-0", {
+  variants: {},
+  defaultVariants: {}
 });
-Object.defineProperty(exports, "AccordionTriggerPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionTriggerPropsSchema; }
+function getHeadingLevel(level) {
+  const levelMap = {
+    h1: 1,
+    h2: 2,
+    h3: 3,
+    h4: 4,
+    h5: 5,
+    h6: 6
+  };
+  return levelMap[level];
+}
+function getFirstAccordionItemId(children) {
+  const childArray = react.Children.toArray(children);
+  for (const child of childArray) {
+    if (react.isValidElement(child)) {
+      const childProps = child.props;
+      if (childProps && typeof childProps === "object" && "id" in childProps) {
+        return childProps.id;
+      }
+    }
+  }
+  return void 0;
+}
+function AccordionRoot({
+  type = "single",
+  collapsible = false,
+  expandedKeys,
+  defaultExpandedKeys,
+  onExpandedChange,
+  isDisabled = false,
+  disabledKeys,
+  className,
+  children,
+  ...props
+}) {
+  const allowsMultipleExpanded = type === "multiple";
+  const effectiveDefaultExpandedKeys = react.useMemo(() => {
+    if (!collapsible && type === "single" && !defaultExpandedKeys && !expandedKeys) {
+      const firstItemId = getFirstAccordionItemId(children);
+      return firstItemId ? [firstItemId] : void 0;
+    }
+    return defaultExpandedKeys;
+  }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);
+  const contextValue = react.useMemo(
+    () => ({ disabledKeys }),
+    [disabledKeys]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.DisclosureGroup,
+    {
+      allowsMultipleExpanded,
+      expandedKeys,
+      defaultExpandedKeys: effectiveDefaultExpandedKeys,
+      onExpandedChange,
+      isDisabled,
+      className: cn(accordionVariants(), className),
+      ...props,
+      children
+    }
+  ) });
+}
+AccordionRoot.displayName = "Accordion";
+function AccordionItemComponent({
+  id,
+  isDisabled: isDisabledProp,
+  className,
+  children,
+  ...props
+}) {
+  const { disabledKeys } = react.useContext(AccordionContext);
+  const isDisabledFromKeys = disabledKeys?.includes(id) ?? false;
+  const isDisabled = isDisabledProp || isDisabledFromKeys;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.Disclosure,
+    {
+      id,
+      isDisabled,
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2) => cn(accordionItemVariants(), className2)
+      ),
+      ...props,
+      children
+    }
+  );
+}
+AccordionItemComponent.displayName = "AccordionItem";
+function AccordionTriggerComponent({
+  as: headingLevel = "h3",
+  icon,
+  hideIcon = false,
+  className,
+  children,
+  ...props
+}) {
+  const state = react.useContext(reactAriaComponents.DisclosureStateContext);
+  const isExpanded = state?.isExpanded ?? false;
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: getHeadingLevel(headingLevel), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    reactAriaComponents.Button,
+    {
+      slot: "trigger",
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2) => cn(accordionTriggerVariants(), className2)
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children }),
+        !hideIcon && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: cn(accordionChevronVariants({ isExpanded }))
+          }
+        ))
+      ]
+    }
+  ) });
+}
+AccordionTriggerComponent.displayName = "AccordionTrigger";
+function AccordionContentInner({
+  preserveState,
+  children
+}) {
+  const state = react.useContext(reactAriaComponents.DisclosureStateContext);
+  const isExpanded = state?.isExpanded ?? false;
+  if (preserveState) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Activity, { mode: isExpanded ? "visible" : "hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: accordionContentInnerVariants(), children }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: accordionContentInnerVariants(), children });
+}
+function AccordionContentComponent({
+  preserveState = false,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.DisclosurePanel,
+    {
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2) => cn(accordionContentVariants(), "animate-accordion", className2)
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContentInner, { preserveState, children })
+    }
+  );
+}
+AccordionContentComponent.displayName = "AccordionContent";
+var Accordion = AccordionRoot;
+var AccordionItem = AccordionItemComponent;
+var AccordionTrigger = AccordionTriggerComponent;
+var AccordionContent = AccordionContentComponent;
+var BaseComponentPropsSchema = zod.z.object({
+  // Styling
+  className: zod.z.string().optional(),
+  // React
+  children: zod.z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: zod.z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "aria-label": zod.z.string().optional(),
+  "aria-labelledby": zod.z.string().optional(),
+  "aria-describedby": zod.z.string().optional(),
+  "aria-live": zod.z.enum(["off", "polite", "assertive"]).optional(),
+  "aria-hidden": zod.z.boolean().optional(),
+  // Testing & Development
+  "data-testid": zod.z.string().optional()
 });
-Object.defineProperty(exports, "AccordionTypeSchema", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.AccordionTypeSchema; }
-});
-Object.defineProperty(exports, "HeadingLevelSchema", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.HeadingLevelSchema; }
-});
-Object.defineProperty(exports, "KeySchema", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.KeySchema; }
-});
-Object.defineProperty(exports, "accordionChevronVariants", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.accordionChevronVariants; }
-});
-Object.defineProperty(exports, "accordionContentInnerVariants", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.accordionContentInnerVariants; }
-});
-Object.defineProperty(exports, "accordionContentVariants", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.accordionContentVariants; }
+
+// src/elements/Accordion/Accordion.types.ts
+var AccordionTypeSchema = zod.z.enum(["single", "multiple"]);
+var HeadingLevelSchema = zod.z.enum(["h1", "h2", "h3", "h4", "h5", "h6"]);
+var KeySchema = zod.z.union([zod.z.string(), zod.z.number()]);
+var AccordionPropsSchema = BaseComponentPropsSchema.extend({
+  // Expansion mode: 'single' (one at a time) or 'multiple' (any number)
+  type: AccordionTypeSchema.optional().default("single"),
+  // Allow all items to be collapsed (only applies to type="single")
+  // When false, one item must always be expanded
+  collapsible: zod.z.boolean().optional().default(false),
+  // Controlled mode: currently expanded keys
+  expandedKeys: zod.z.custom().optional(),
+  // Uncontrolled mode: initial expanded keys
+  defaultExpandedKeys: zod.z.array(KeySchema).optional(),
+  // Expansion change handler
+  onExpandedChange: zod.z.custom().optional(),
+  // Disable all items
+  isDisabled: zod.z.boolean().optional().default(false),
+  // Keys of items to disable individually
+  disabledKeys: zod.z.array(KeySchema).optional(),
+  // Children: AccordionItem components
+  children: zod.z.custom()
 });
-Object.defineProperty(exports, "accordionItemVariants", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.accordionItemVariants; }
+var AccordionItemPropsSchema = BaseComponentPropsSchema.extend({
+  // Unique identifier (required)
+  id: KeySchema,
+  // Disable this specific item
+  isDisabled: zod.z.boolean().optional(),
+  // Children: AccordionTrigger + AccordionContent
+  children: zod.z.custom()
 });
-Object.defineProperty(exports, "accordionTriggerVariants", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.accordionTriggerVariants; }
+var AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({
+  // Heading level for proper document structure (default: h3)
+  as: HeadingLevelSchema.optional().default("h3"),
+  // Custom icon to replace default chevron
+  icon: zod.z.custom().optional(),
+  // Hide the expand/collapse icon entirely
+  hideIcon: zod.z.boolean().optional().default(false),
+  // Trigger content (text, icons, custom content)
+  children: zod.z.custom()
 });
-Object.defineProperty(exports, "accordionVariants", {
-  enumerable: true,
-  get: function () { return chunkCKNISJOQ_js.accordionVariants; }
+var AccordionContentPropsSchema = BaseComponentPropsSchema.extend({
+  // Preserve component state when collapsed using React Activity API
+  // When true, wraps content in <Activity> component
+  // Effects are cleaned up when hidden, restored when visible
+  preserveState: zod.z.boolean().optional().default(false),
+  // Panel content
+  children: zod.z.custom()
 });
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionContentPropsSchema = AccordionContentPropsSchema;
+exports.AccordionItem = AccordionItem;
+exports.AccordionItemPropsSchema = AccordionItemPropsSchema;
+exports.AccordionPropsSchema = AccordionPropsSchema;
+exports.AccordionTrigger = AccordionTrigger;
+exports.AccordionTriggerPropsSchema = AccordionTriggerPropsSchema;
+exports.AccordionTypeSchema = AccordionTypeSchema;
+exports.HeadingLevelSchema = HeadingLevelSchema;
+exports.KeySchema = KeySchema;
+exports.accordionChevronVariants = accordionChevronVariants;
+exports.accordionContentInnerVariants = accordionContentInnerVariants;
+exports.accordionContentVariants = accordionContentVariants;
+exports.accordionItemVariants = accordionItemVariants;
+exports.accordionTriggerVariants = accordionTriggerVariants;
+exports.accordionVariants = accordionVariants;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/elements/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Accordion/Accordion.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Accordion/Accordion.types.ts"],"names":["twMerge","clsx","ReactActivity","jsx","createContext","cva","Children","isValidElement","useMemo","DisclosureGroup","useContext","Disclosure","composeRenderProps","className","DisclosureStateContext","Heading","jsxs","Button","ChevronDown","DisclosurePanel","z"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","'use client';\n\n/**\n * Accordion Component - Implementation\n *\n * Accessible accordion/disclosure group component combining React Aria primitives with CVA styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria DisclosureGroup for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for consistent styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Single/Multiple expansion modes\n * - Controlled and uncontrolled state management\n * - Configurable heading levels for document structure\n * - Custom icon support\n *\n * @see accordion-prd.md (Full requirements)\n * @see Accordion.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n  Activity as ReactActivity,\n  type ReactNode,\n  type ReactElement,\n  useMemo,\n  useContext,\n  createContext,\n  Children,\n  isValidElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\nconst Activity = ReactActivity ?? function ActivityFallback({\n  children,\n  mode,\n}: {\n  children: ReactNode;\n  mode: 'visible' | 'hidden';\n}): ReactElement {\n  return <div data-activity-mode={mode}>{children}</div>;\n};\n\nimport {\n  DisclosureGroup,\n  Disclosure,\n  DisclosurePanel,\n  Heading,\n  Button,\n  composeRenderProps,\n  DisclosureStateContext,\n  type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n  AccordionProps,\n  AccordionItemProps,\n  AccordionTriggerProps,\n  AccordionContentProps,\n  HeadingLevel,\n} from './Accordion.types';\n\n// ============================================================================\n// Context for disabledKeys\n// ============================================================================\n\n/**\n * Context to pass disabledKeys from Accordion to AccordionItem\n * Since DisclosureGroup doesn't support disabledKeys directly, we handle it via context\n */\ninterface AccordionContextValue {\n  disabledKeys?: (string | number)[];\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Accordion root CVA variants\n *\n * @see accordion-prd.md FR-001 (Accordion Root)\n */\nexport const accordionVariants = cva('w-full', {\n  variants: {},\n  defaultVariants: {},\n});\n\n/**\n * AccordionItem CVA variants\n *\n * @see accordion-prd.md FR-002 (AccordionItem)\n * @see accordion-prd.md DS-001 (Visual Design - borders)\n */\nexport const accordionItemVariants = cva(\n  [\n    'border-b border-[var(--border)]',\n    // Last item has no border (handled by last:border-b-0)\n    'last:border-b-0',\n  ].join(' '),\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * AccordionTrigger CVA variants\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger)\n * @see accordion-prd.md AR-006 (Touch Target Size - 44x44px)\n * @see accordion-prd.md DS-002 (Typography)\n */\nexport const accordionTriggerVariants = cva(\n  [\n    // Layout\n    'flex flex-1 items-center justify-between py-4 font-medium w-full',\n    // Text styling\n    'text-sm text-[var(--content-foreground)]',\n    // Hover state\n    'hover:underline',\n    // Focus visible ring (WCAG 2.4.13)\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n    'focus-visible:ring-offset-[var(--content-background)]',\n    // WCAG 2.2 AAA: 44px minimum touch target\n    'min-h-[44px]',\n    // Disabled state\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n    // Transition for smooth interactions\n    'transition-all',\n  ].join(' '),\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Chevron icon CVA variants\n *\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionChevronVariants = cva(\n  [\n    'h-4 w-4 shrink-0',\n    'text-[var(--menu-muted)]',\n    // Smooth rotation transition\n    'transition-transform duration-200 ease-out',\n    // Reduced motion support\n    'motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      isExpanded: {\n        true: 'rotate-180',\n        false: 'rotate-0',\n      },\n    },\n    defaultVariants: {\n      isExpanded: false,\n    },\n  }\n);\n\n/**\n * AccordionContent CVA variants\n *\n * @see accordion-prd.md FR-004 (AccordionContent)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionContentVariants = cva(\n  [\n    'overflow-hidden',\n    'text-sm text-[var(--menu-muted)]',\n  ].join(' '),\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * AccordionContent inner wrapper CVA variants\n */\nexport const accordionContentInnerVariants = cva('pb-4 pt-0', {\n  variants: {},\n  defaultVariants: {},\n});\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Convert heading level string to number for React Aria Heading\n */\nfunction getHeadingLevel(level: HeadingLevel): 1 | 2 | 3 | 4 | 5 | 6 {\n  const levelMap: Record<HeadingLevel, 1 | 2 | 3 | 4 | 5 | 6> = {\n    h1: 1,\n    h2: 2,\n    h3: 3,\n    h4: 4,\n    h5: 5,\n    h6: 6,\n  };\n  return levelMap[level];\n}\n\n/**\n * Get the first AccordionItem id from children\n * Used for auto-expanding first item when collapsible={false}\n */\nfunction getFirstAccordionItemId(children: ReactNode): AriaKey | undefined {\n  const childArray = Children.toArray(children);\n  for (const child of childArray) {\n    if (isValidElement(child)) {\n      const childProps = child.props as Record<string, unknown>;\n      if (childProps && typeof childProps === 'object' && 'id' in childProps) {\n        return childProps.id as AriaKey;\n      }\n    }\n  }\n  return undefined;\n}\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Accordion Root Component\n *\n * Container for accordion items. Manages expansion state and provides\n * context to child components.\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-005 (Single Expansion Mode)\n * @see accordion-prd.md FR-006 (Multiple Expansion Mode)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled single mode\n * <Accordion type=\"single\" collapsible>\n *   <AccordionItem id=\"item-1\">\n *     <AccordionTrigger>Section 1</AccordionTrigger>\n *     <AccordionContent>Content 1</AccordionContent>\n *   </AccordionItem>\n * </Accordion>\n *\n * @example\n * // Controlled multiple mode\n * <Accordion\n *   type=\"multiple\"\n *   expandedKeys={expandedKeys}\n *   onExpandedChange={setExpandedKeys}\n * >\n *   ...\n * </Accordion>\n */\nfunction AccordionRoot({\n  type = 'single',\n  collapsible = false,\n  expandedKeys,\n  defaultExpandedKeys,\n  onExpandedChange,\n  isDisabled = false,\n  disabledKeys,\n  className,\n  children,\n  ...props\n}: AccordionProps) {\n  // Map type prop to React Aria's allowsMultipleExpanded\n  const allowsMultipleExpanded = type === 'multiple';\n\n  // Auto-expand first item when collapsible={false} and no default provided\n  // This ensures one item is always expanded in non-collapsible single mode\n  const effectiveDefaultExpandedKeys = useMemo(() => {\n    if (!collapsible && type === 'single' && !defaultExpandedKeys && !expandedKeys) {\n      const firstItemId = getFirstAccordionItemId(children);\n      return firstItemId ? [firstItemId] : undefined;\n    }\n    return defaultExpandedKeys;\n  }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);\n\n  // Context value for passing disabledKeys to AccordionItem\n  const contextValue = useMemo(\n    () => ({ disabledKeys }),\n    [disabledKeys]\n  );\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      <DisclosureGroup\n        allowsMultipleExpanded={allowsMultipleExpanded}\n        expandedKeys={expandedKeys as Set<AriaKey> | undefined}\n        defaultExpandedKeys={effectiveDefaultExpandedKeys as Iterable<AriaKey> | undefined}\n        onExpandedChange={onExpandedChange as ((keys: Set<AriaKey>) => void) | undefined}\n        isDisabled={isDisabled}\n        className={cn(accordionVariants(), className)}\n        {...props}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\n\nAccordionRoot.displayName = 'Accordion';\n\n/**\n * AccordionItem Component\n *\n * Wrapper for each expandable disclosure section.\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n *\n * @example\n * <AccordionItem id=\"faq-1\" isDisabled={!isAuthenticated}>\n *   <AccordionTrigger>Members-only FAQ</AccordionTrigger>\n *   <AccordionContent>This content is for members only.</AccordionContent>\n * </AccordionItem>\n */\nfunction AccordionItemComponent({\n  id,\n  isDisabled: isDisabledProp,\n  className,\n  children,\n  ...props\n}: AccordionItemProps) {\n  // Check if this item is in the disabledKeys array\n  const { disabledKeys } = useContext(AccordionContext);\n  const isDisabledFromKeys = disabledKeys?.includes(id as string | number) ?? false;\n  const isDisabled = isDisabledProp || isDisabledFromKeys;\n\n  return (\n    <Disclosure\n      id={id}\n      isDisabled={isDisabled}\n      className={composeRenderProps(className, (className) =>\n        cn(accordionItemVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </Disclosure>\n  );\n}\n\nAccordionItemComponent.displayName = 'AccordionItem';\n\n/**\n * AccordionTrigger Component\n *\n * Clickable button that toggles accordion content visibility.\n * Wrapped in a Heading for proper document structure.\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n * @see accordion-prd.md AR-002 (ARIA Attributes)\n * @see accordion-prd.md AR-003 (Keyboard Navigation)\n *\n * @example\n * // Default with chevron\n * <AccordionTrigger>Is it accessible?</AccordionTrigger>\n *\n * @example\n * // Custom heading level\n * <AccordionTrigger as=\"h2\">Important Section</AccordionTrigger>\n *\n * @example\n * // Custom icon\n * <AccordionTrigger icon={<PlusIcon className=\"h-4 w-4\" />}>\n *   Click to expand\n * </AccordionTrigger>\n */\nfunction AccordionTriggerComponent({\n  as: headingLevel = 'h3',\n  icon,\n  hideIcon = false,\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) {\n  // Access disclosure state from context\n  const state = useContext(DisclosureStateContext);\n  const isExpanded = state?.isExpanded ?? false;\n\n  return (\n    <Heading level={getHeadingLevel(headingLevel)}>\n      <Button\n        slot=\"trigger\"\n        className={composeRenderProps(className, (className) =>\n          cn(accordionTriggerVariants(), className)\n        )}\n        {...props}\n      >\n        <span className=\"flex-1 text-left\">{children}</span>\n        {!hideIcon && (\n          icon ?? (\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={cn(accordionChevronVariants({ isExpanded }))}\n            />\n          )\n        )}\n      </Button>\n    </Heading>\n  );\n}\n\nAccordionTriggerComponent.displayName = 'AccordionTrigger';\n\n/**\n * AccordionContent Component\n *\n * Expandable container for accordion content.\n * Supports animated height transitions and React Activity state preservation.\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n *\n * @example\n * // Standard content\n * <AccordionContent>\n *   Yes. It adheres to the WAI-ARIA design pattern.\n * </AccordionContent>\n *\n * @example\n * // With state preservation\n * <AccordionContent preserveState>\n *   <form>\n *     <input name=\"email\" />\n *   </form>\n * </AccordionContent>\n */\n/**\n * Inner component for AccordionContent with state preservation\n * Uses DisclosureStateContext to get isExpanded state\n */\nfunction AccordionContentInner({\n  preserveState,\n  children,\n}: {\n  preserveState: boolean;\n  children: ReactNode;\n}) {\n  const state = useContext(DisclosureStateContext);\n  const isExpanded = state?.isExpanded ?? false;\n\n  if (preserveState) {\n    return (\n      <Activity mode={isExpanded ? 'visible' : 'hidden'}>\n        <div className={accordionContentInnerVariants()}>{children}</div>\n      </Activity>\n    );\n  }\n\n  return <div className={accordionContentInnerVariants()}>{children}</div>;\n}\n\nfunction AccordionContentComponent({\n  preserveState = false,\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  return (\n    <DisclosurePanel\n      className={composeRenderProps(className, (className) =>\n        cn(accordionContentVariants(), 'animate-accordion', className)\n      )}\n      {...props}\n    >\n      <AccordionContentInner preserveState={preserveState}>\n        {children}\n      </AccordionContentInner>\n    </DisclosurePanel>\n  );\n}\n\nAccordionContentComponent.displayName = 'AccordionContent';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Accordion follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '...'\n */\nexport const Accordion = AccordionRoot;\nexport const AccordionItem = AccordionItemComponent;\nexport const AccordionTrigger = AccordionTriggerComponent;\nexport const AccordionContent = AccordionContentComponent;\n\n// Re-export types for convenience\nexport type {\n  AccordionProps,\n  AccordionItemProps,\n  AccordionTriggerProps,\n  AccordionContentProps,\n};\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode, Key } from 'react';\n\n/**\n * Accordion Type Schema\n * Defines expansion mode: single (one item at a time) or multiple (any number)\n *\n * @see accordion-prd.md FR-005, FR-006 (Expansion Modes)\n */\nexport const AccordionTypeSchema = z.enum(['single', 'multiple']);\nexport type AccordionType = z.infer<typeof AccordionTypeSchema>;\n\n/**\n * Heading Level Schema\n * Configurable heading level for document structure (h1-h6)\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger with as prop)\n */\nexport const HeadingLevelSchema = z.enum(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\nexport type HeadingLevel = z.infer<typeof HeadingLevelSchema>;\n\n/**\n * Key Schema for item identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Accordion root component props schema\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n */\nexport const AccordionPropsSchema = BaseComponentPropsSchema.extend({\n  // Expansion mode: 'single' (one at a time) or 'multiple' (any number)\n  type: AccordionTypeSchema.optional().default('single'),\n\n  // Allow all items to be collapsed (only applies to type=\"single\")\n  // When false, one item must always be expanded\n  collapsible: z.boolean().optional().default(false),\n\n  // Controlled mode: currently expanded keys\n  expandedKeys: z.custom<Set<Key>>().optional(),\n\n  // Uncontrolled mode: initial expanded keys\n  defaultExpandedKeys: z.array(KeySchema).optional(),\n\n  // Expansion change handler\n  onExpandedChange: z.custom<(keys: Set<Key>) => void>().optional(),\n\n  // Disable all items\n  isDisabled: z.boolean().optional().default(false),\n\n  // Keys of items to disable individually\n  disabledKeys: z.array(KeySchema).optional(),\n\n  // Children: AccordionItem components\n  children: z.custom<ReactNode>(),\n});\n\nexport type AccordionProps = z.infer<typeof AccordionPropsSchema>;\n\n/**\n * AccordionItem component props schema\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n */\nexport const AccordionItemPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier (required)\n  id: KeySchema,\n\n  // Disable this specific item\n  isDisabled: z.boolean().optional(),\n\n  // Children: AccordionTrigger + AccordionContent\n  children: z.custom<ReactNode>(),\n});\n\nexport type AccordionItemProps = z.infer<typeof AccordionItemPropsSchema>;\n\n/**\n * AccordionTrigger component props schema\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n */\nexport const AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({\n  // Heading level for proper document structure (default: h3)\n  as: HeadingLevelSchema.optional().default('h3'),\n\n  // Custom icon to replace default chevron\n  icon: z.custom<ReactNode>().optional(),\n\n  // Hide the expand/collapse icon entirely\n  hideIcon: z.boolean().optional().default(false),\n\n  // Trigger content (text, icons, custom content)\n  children: z.custom<ReactNode>(),\n});\n\nexport type AccordionTriggerProps = z.infer<typeof AccordionTriggerPropsSchema>;\n\n/**\n * AccordionContent component props schema\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const AccordionContentPropsSchema = BaseComponentPropsSchema.extend({\n  // Preserve component state when collapsed using React Activity API\n  // When true, wraps content in <Activity> component\n  // Effects are cleaned up when hidden, restored when visible\n  preserveState: z.boolean().optional().default(false),\n\n  // Panel content\n  children: z.custom<ReactNode>(),\n});\n\nexport type AccordionContentProps = z.infer<typeof AccordionContentPropsSchema>;\n"]}