@tribepad/themis 1.0.0

package/dist/chunk-CKNISJOQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/Accordion/Accordion.tsx","../src/elements/Accordion/Accordion.types.ts"],"names":["ReactActivity","jsx","createContext","cva","Children","isValidElement","useMemo","DisclosureGroup","cn","useContext","Disclosure","composeRenderProps","className","DisclosureStateContext","Heading","jsxs","Button","ChevronDown","DisclosurePanel","z","BaseComponentPropsSchema"],"mappings":"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","file":"chunk-CKNISJOQ.js","sourcesContent":["'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';\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"]}