@tribepad/themis 1.0.10 → 1.0.12

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/ButtonGroup/ButtonGroup.utils.ts","../../../src/elements/ButtonGroup/ButtonGroup.tsx","../../../src/elements/ButtonGroup/ButtonGroup.types.ts"],"names":["cn","inputs","twMerge","clsx","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupVariants","cva","buttonGroupItemVariants","buttonGroupSeparatorVariants","isButtonElement","child","isValidElement","isSeparatorElement","getPosition","index","total","filterButtonChildren","children","getButtonIndex","buttonChildren","ButtonGroup","forwardRef","orientation","variant","size","isDisabled","className","props","ref","childArray","Children","totalButtons","groupContextValue","wrappedChildren","buttonIndex","position","jsx","Toolbar","ButtonGroupSeparator","ButtonGroupPropsSchema","z","ButtonGroupSeparatorPropsSchema"],"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\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","import { isValidElement, type ReactNode, type ComponentType } from 'react';\nimport type { ButtonPosition } from './ButtonGroup.types';\n\n/**\n * ButtonGroup Utility Functions\n *\n * Provides helper functions for:\n * - Child element detection (Button vs Separator vs other)\n * - Position calculation for border-radius styling\n *\n * @see plan.md Decision 6: Non-Button Child Handling\n */\n\n// =============================================================================\n// Child Detection Functions\n// =============================================================================\n\n/**\n * Checks if a React child is a Themis Button component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a Button component\n */\nexport const isButtonElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'Button';\n};\n\n/**\n * Checks if a React child is a ButtonGroupSeparator component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a ButtonGroupSeparator component\n */\nexport const isSeparatorElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'ButtonGroupSeparator';\n};\n\n// =============================================================================\n// Position Calculation\n// =============================================================================\n\n/**\n * Calculates the position of a button within a group\n * Used for applying position-aware border-radius styling\n *\n * @param index - Zero-based index of the button\n * @param total - Total number of buttons in the group\n * @returns Position enum: 'only' | 'first' | 'last' | 'middle'\n *\n * @example\n * getPosition(0, 1) // 'only' - single button\n * getPosition(0, 3) // 'first'\n * getPosition(1, 3) // 'middle'\n * getPosition(2, 3) // 'last'\n */\nexport const getPosition = (index: number, total: number): ButtonPosition => {\n  if (total === 1) return 'only';\n  if (index === 0) return 'first';\n  if (index === total - 1) return 'last';\n  return 'middle';\n};\n\n/**\n * Filters an array of React children to only include Button elements\n * Non-Button children (Separators, custom elements) are excluded\n *\n * @param children - Array of React children\n * @returns Array containing only Button elements\n */\nexport const filterButtonChildren = (children: ReactNode[]): ReactNode[] => {\n  return children.filter(isButtonElement);\n};\n\n/**\n * Gets the index of a button within the filtered button array\n * Used when the child array contains non-Button elements (Separators, etc.)\n *\n * @param child - The button element to find\n * @param buttonChildren - Array of only Button elements\n * @returns Index of the button, or -1 if not found\n */\nexport const getButtonIndex = (\n  child: ReactNode,\n  buttonChildren: ReactNode[]\n): number => {\n  return buttonChildren.indexOf(child);\n};\n","\"use client\";\n\n/**\n * ButtonGroup Component\n *\n * A container that groups related Themis Button components with:\n * - Consistent styling (connected borders, position-aware radii)\n * - Accessible keyboard navigation (React Aria Toolbar)\n * - WCAG 2.2 AAA compliance\n *\n * @see plan.md for architecture details\n * @see buttongroup-prd.md for requirements\n */\n\nimport { forwardRef, Children, type ReactElement } from 'react';\nimport { Toolbar } from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport {\n  ButtonGroupContext,\n  ButtonGroupItemContext,\n  useButtonGroupContext,\n} from './ButtonGroupContext';\nimport { buttonGroupVariants, buttonGroupSeparatorVariants } from './ButtonGroup.variants';\nimport { isButtonElement, getPosition } from './ButtonGroup.utils';\nimport type { ButtonGroupProps, ButtonGroupSeparatorProps } from './ButtonGroup.types';\n\n// =============================================================================\n// ButtonGroup Component\n// =============================================================================\n\n/**\n * ButtonGroup - Groups related buttons with connected styling and keyboard navigation\n *\n * Uses React Aria's Toolbar for:\n * - Roving tabindex (single tab stop)\n * - Arrow key navigation\n * - Home/End key support\n * - RTL support\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Text formatting\">\n *   <Button variant=\"outline\">Bold</Button>\n *   <Button variant=\"outline\">Italic</Button>\n *   <Button variant=\"outline\">Underline</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      orientation = 'horizontal',\n      variant,\n      size,\n      isDisabled,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    // Convert children to array for enumeration\n    const childArray = Children.toArray(children);\n\n    // Filter to get only Button elements for position calculation\n    const buttonChildren = childArray.filter(isButtonElement);\n    const totalButtons = buttonChildren.length;\n\n    // Create context value for group-level props\n    const groupContextValue = {\n      orientation,\n      variant,\n      size,\n      isDisabled,\n    };\n\n    // Wrap each child with appropriate context\n    const wrappedChildren = childArray.map((child, index) => {\n      // If it's a Button, wrap with item context for position\n      if (isButtonElement(child)) {\n        const buttonIndex = buttonChildren.indexOf(child);\n        const position = getPosition(buttonIndex, totalButtons);\n\n        return (\n          <ButtonGroupItemContext.Provider\n            key={index}\n            value={{ position }}\n          >\n            {child}\n          </ButtonGroupItemContext.Provider>\n        );\n      }\n\n      // Non-Button children (Separators, etc.) pass through without item context\n      return child;\n    });\n\n    return (\n      <Toolbar\n        ref={ref}\n        orientation={orientation}\n        aria-label={props['aria-label']}\n        aria-labelledby={props['aria-labelledby']}\n        className={cn(buttonGroupVariants({ orientation }), className)}\n      >\n        <ButtonGroupContext.Provider value={groupContextValue}>\n          {wrappedChildren}\n        </ButtonGroupContext.Provider>\n      </Toolbar>\n    );\n  }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n\n// =============================================================================\n// ButtonGroupSeparator Component\n// =============================================================================\n\n/**\n * ButtonGroupSeparator - Visual divider between button groups\n *\n * Renders a decorative separator that:\n * - Adapts to orientation (vertical line for horizontal, horizontal for vertical)\n * - Is hidden from screen readers (aria-hidden)\n * - Is excluded from keyboard navigation\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Editor actions\">\n *   <Button>Undo</Button>\n *   <Button>Redo</Button>\n *   <ButtonGroupSeparator />\n *   <Button>Cut</Button>\n *   <Button>Copy</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroupSeparator = forwardRef<HTMLDivElement, ButtonGroupSeparatorProps>(\n  ({ className, ...props }, ref): ReactElement => {\n    const groupContext = useButtonGroupContext();\n    const orientation = groupContext?.orientation ?? 'horizontal';\n\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-hidden=\"true\"\n        className={cn(\n          buttonGroupSeparatorVariants({ orientation }),\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nButtonGroupSeparator.displayName = 'ButtonGroupSeparator';\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroup, ButtonGroupSeparator };\n","import { z } from 'zod';\nimport type { ReactNode } from 'react';\n\n/**\n * ButtonGroup Component Types\n *\n * Defines Zod schemas and TypeScript types for the ButtonGroup component.\n * Uses a two-level context pattern:\n * - ButtonGroupContext: Group-level props (orientation, variant, size, isDisabled)\n * - ButtonGroupItemContext: Per-button position information\n *\n * @see plan.md for architecture details\n * @see constitution.md Principle II (Type Safety First)\n */\n\n// =============================================================================\n// Core Types\n// =============================================================================\n\n/**\n * Orientation of the button group\n */\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\n/**\n * Position of a button within the group\n * Used for position-aware border-radius styling\n */\nexport type ButtonPosition = 'first' | 'middle' | 'last' | 'only';\n\n/**\n * Button variants (matches Themis Button variants, excluding 'link')\n * Link variant is excluded as it doesn't make sense in a grouped context\n */\nexport type ButtonGroupVariant =\n  | 'default'\n  | 'destructive'\n  | 'outline'\n  | 'secondary'\n  | 'ghost';\n\n/**\n * Button sizes (matches Themis Button sizes)\n */\nexport type ButtonGroupSize = 'sm' | 'default' | 'lg' | 'icon';\n\n// =============================================================================\n// Zod Schemas\n// =============================================================================\n\n/**\n * ButtonGroup props schema\n * Validates all props for the ButtonGroup container component\n */\nexport const ButtonGroupPropsSchema = z.object({\n  /** Orientation of the button group layout */\n  orientation: z\n    .enum(['horizontal', 'vertical'])\n    .optional()\n    .default('horizontal'),\n\n  /** Default variant for all child buttons (can be overridden per-button) */\n  variant: z\n    .enum(['default', 'destructive', 'outline', 'secondary', 'ghost'])\n    .optional(),\n\n  /** Default size for all child buttons (can be overridden per-button) */\n  size: z.enum(['sm', 'default', 'lg', 'icon']).optional(),\n\n  /** Disable all buttons in the group */\n  isDisabled: z.boolean().optional(),\n\n  /** Accessible label for the toolbar (recommended) */\n  'aria-label': z.string().optional(),\n\n  /** ID of element that labels the toolbar */\n  'aria-labelledby': z.string().optional(),\n\n  /** Additional CSS classes */\n  className: z.string().optional(),\n\n  /** Child elements (Buttons, Separators, etc.) */\n  children: z.custom<ReactNode>(),\n});\n\n/**\n * ButtonGroupSeparator props schema\n * Validates props for the visual separator between button groups\n */\nexport const ButtonGroupSeparatorPropsSchema = z.object({\n  /** Additional CSS classes */\n  className: z.string().optional(),\n  /** Test ID for testing */\n  'data-testid': z.string().optional(),\n});\n\n// =============================================================================\n// TypeScript Types (inferred from schemas)\n// =============================================================================\n\n/**\n * Props for the ButtonGroup container component\n */\nexport type ButtonGroupProps = z.infer<typeof ButtonGroupPropsSchema>;\n\n/**\n * Props for the ButtonGroupSeparator component\n */\nexport type ButtonGroupSeparatorProps = z.infer<\n  typeof ButtonGroupSeparatorPropsSchema\n>;\n\n// =============================================================================\n// Context Types\n// =============================================================================\n\n/**\n * Group-level context value\n * Provides inherited props to all child buttons\n */\nexport interface ButtonGroupContextValue {\n  /** Orientation of the group (affects keyboard navigation and styling) */\n  orientation: ButtonGroupOrientation;\n  /** Default variant for buttons (can be overridden) */\n  variant?: ButtonGroupVariant;\n  /** Default size for buttons (can be overridden) */\n  size?: ButtonGroupSize;\n  /** Whether all buttons in the group are disabled */\n  isDisabled?: boolean;\n}\n\n/**\n * Item-level context value\n * Provides position information to each button for border-radius styling\n */\nexport interface ButtonGroupItemContextValue {\n  /** Position of this button in the group */\n  position: ButtonPosition;\n}\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/ButtonGroup/ButtonGroup.utils.ts","../../../src/elements/ButtonGroup/ButtonGroup.tsx","../../../src/elements/ButtonGroup/ButtonGroup.types.ts"],"names":["cn","inputs","twMerge","clsx","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupVariants","cva","buttonGroupItemVariants","buttonGroupSeparatorVariants","isButtonElement","child","isValidElement","isSeparatorElement","getPosition","index","total","filterButtonChildren","children","getButtonIndex","buttonChildren","ButtonGroup","forwardRef","orientation","variant","size","isDisabled","className","props","ref","childArray","Children","totalButtons","groupContextValue","wrappedChildren","buttonIndex","position","jsx","Toolbar","ButtonGroupSeparator","ButtonGroupPropsSchema","z","ButtonGroupSeparatorPropsSchema"],"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\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","import { isValidElement, type ReactNode, type ComponentType } from 'react';\nimport type { ButtonPosition } from './ButtonGroup.types';\n\n/**\n * ButtonGroup Utility Functions\n *\n * Provides helper functions for:\n * - Child element detection (Button vs Separator vs other)\n * - Position calculation for border-radius styling\n *\n * @see plan.md Decision 6: Non-Button Child Handling\n */\n\n// =============================================================================\n// Child Detection Functions\n// =============================================================================\n\n/**\n * Checks if a React child is a Themis Button component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a Button component\n */\nexport const isButtonElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'Button';\n};\n\n/**\n * Checks if a React child is a ButtonGroupSeparator component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a ButtonGroupSeparator component\n */\nexport const isSeparatorElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'ButtonGroupSeparator';\n};\n\n// =============================================================================\n// Position Calculation\n// =============================================================================\n\n/**\n * Calculates the position of a button within a group\n * Used for applying position-aware border-radius styling\n *\n * @param index - Zero-based index of the button\n * @param total - Total number of buttons in the group\n * @returns Position enum: 'only' | 'first' | 'last' | 'middle'\n *\n * @example\n * getPosition(0, 1) // 'only' - single button\n * getPosition(0, 3) // 'first'\n * getPosition(1, 3) // 'middle'\n * getPosition(2, 3) // 'last'\n */\nexport const getPosition = (index: number, total: number): ButtonPosition => {\n  if (total === 1) return 'only';\n  if (index === 0) return 'first';\n  if (index === total - 1) return 'last';\n  return 'middle';\n};\n\n/**\n * Filters an array of React children to only include Button elements\n * Non-Button children (Separators, custom elements) are excluded\n *\n * @param children - Array of React children\n * @returns Array containing only Button elements\n */\nexport const filterButtonChildren = (children: ReactNode[]): ReactNode[] => {\n  return children.filter(isButtonElement);\n};\n\n/**\n * Gets the index of a button within the filtered button array\n * Used when the child array contains non-Button elements (Separators, etc.)\n *\n * @param child - The button element to find\n * @param buttonChildren - Array of only Button elements\n * @returns Index of the button, or -1 if not found\n */\nexport const getButtonIndex = (\n  child: ReactNode,\n  buttonChildren: ReactNode[]\n): number => {\n  return buttonChildren.indexOf(child);\n};\n","\"use client\";\n\n/**\n * ButtonGroup Component\n *\n * A container that groups related Themis Button components with:\n * - Consistent styling (connected borders, position-aware radii)\n * - Accessible keyboard navigation (React Aria Toolbar)\n * - WCAG 2.2 AAA compliance\n *\n * @see plan.md for architecture details\n * @see buttongroup-prd.md for requirements\n */\n\nimport { forwardRef, Children, type ReactElement } from 'react';\nimport { Toolbar } from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport {\n  ButtonGroupContext,\n  ButtonGroupItemContext,\n  useButtonGroupContext,\n} from './ButtonGroupContext';\nimport { buttonGroupVariants, buttonGroupSeparatorVariants } from './ButtonGroup.variants';\nimport { isButtonElement, getPosition } from './ButtonGroup.utils';\nimport type { ButtonGroupProps, ButtonGroupSeparatorProps } from './ButtonGroup.types';\n\n// =============================================================================\n// ButtonGroup Component\n// =============================================================================\n\n/**\n * ButtonGroup - Groups related buttons with connected styling and keyboard navigation\n *\n * Uses React Aria's Toolbar for:\n * - Roving tabindex (single tab stop)\n * - Arrow key navigation\n * - Home/End key support\n * - RTL support\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Text formatting\">\n *   <Button variant=\"outline\">Bold</Button>\n *   <Button variant=\"outline\">Italic</Button>\n *   <Button variant=\"outline\">Underline</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      orientation = 'horizontal',\n      variant,\n      size,\n      isDisabled,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    // Convert children to array for enumeration\n    const childArray = Children.toArray(children);\n\n    // Filter to get only Button elements for position calculation\n    const buttonChildren = childArray.filter(isButtonElement);\n    const totalButtons = buttonChildren.length;\n\n    // Create context value for group-level props\n    const groupContextValue = {\n      orientation,\n      variant,\n      size,\n      isDisabled,\n    };\n\n    // Wrap each child with appropriate context\n    const wrappedChildren = childArray.map((child, index) => {\n      // If it's a Button, wrap with item context for position\n      if (isButtonElement(child)) {\n        const buttonIndex = buttonChildren.indexOf(child);\n        const position = getPosition(buttonIndex, totalButtons);\n\n        return (\n          <ButtonGroupItemContext.Provider\n            key={index}\n            value={{ position }}\n          >\n            {child}\n          </ButtonGroupItemContext.Provider>\n        );\n      }\n\n      // Non-Button children (Separators, etc.) pass through without item context\n      return child;\n    });\n\n    return (\n      <Toolbar\n        ref={ref}\n        orientation={orientation}\n        aria-label={props['aria-label']}\n        aria-labelledby={props['aria-labelledby']}\n        className={cn(buttonGroupVariants({ orientation }), className)}\n      >\n        <ButtonGroupContext.Provider value={groupContextValue}>\n          {wrappedChildren}\n        </ButtonGroupContext.Provider>\n      </Toolbar>\n    );\n  }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n\n// =============================================================================\n// ButtonGroupSeparator Component\n// =============================================================================\n\n/**\n * ButtonGroupSeparator - Visual divider between button groups\n *\n * Renders a decorative separator that:\n * - Adapts to orientation (vertical line for horizontal, horizontal for vertical)\n * - Is hidden from screen readers (aria-hidden)\n * - Is excluded from keyboard navigation\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Editor actions\">\n *   <Button>Undo</Button>\n *   <Button>Redo</Button>\n *   <ButtonGroupSeparator />\n *   <Button>Cut</Button>\n *   <Button>Copy</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroupSeparator = forwardRef<HTMLDivElement, ButtonGroupSeparatorProps>(\n  ({ className, ...props }, ref): ReactElement => {\n    const groupContext = useButtonGroupContext();\n    const orientation = groupContext?.orientation ?? 'horizontal';\n\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-hidden=\"true\"\n        className={cn(\n          buttonGroupSeparatorVariants({ orientation }),\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nButtonGroupSeparator.displayName = 'ButtonGroupSeparator';\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroup, ButtonGroupSeparator };\n","import { z } from 'zod';\nimport type { ReactNode } from 'react';\n\n/**\n * ButtonGroup Component Types\n *\n * Defines Zod schemas and TypeScript types for the ButtonGroup component.\n * Uses a two-level context pattern:\n * - ButtonGroupContext: Group-level props (orientation, variant, size, isDisabled)\n * - ButtonGroupItemContext: Per-button position information\n *\n * @see plan.md for architecture details\n * @see constitution.md Principle II (Type Safety First)\n */\n\n// =============================================================================\n// Core Types\n// =============================================================================\n\n/**\n * Orientation of the button group\n */\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\n/**\n * Position of a button within the group\n * Used for position-aware border-radius styling\n */\nexport type ButtonPosition = 'first' | 'middle' | 'last' | 'only';\n\n/**\n * Button variants (matches Themis Button variants, excluding 'link')\n * Link variant is excluded as it doesn't make sense in a grouped context\n */\nexport type ButtonGroupVariant =\n  | 'default'\n  | 'destructive'\n  | 'outline'\n  | 'secondary'\n  | 'ghost';\n\n/**\n * Button sizes (matches Themis Button sizes)\n */\nexport type ButtonGroupSize = 'sm' | 'default' | 'lg' | 'icon';\n\n// =============================================================================\n// Zod Schemas\n// =============================================================================\n\n/**\n * ButtonGroup props schema\n * Validates all props for the ButtonGroup container component\n */\nexport const ButtonGroupPropsSchema = z.object({\n  /** Orientation of the button group layout */\n  orientation: z\n    .enum(['horizontal', 'vertical'])\n    .optional()\n    .default('horizontal'),\n\n  /** Default variant for all child buttons (can be overridden per-button) */\n  variant: z\n    .enum(['default', 'destructive', 'outline', 'secondary', 'ghost'])\n    .optional(),\n\n  /** Default size for all child buttons (can be overridden per-button) */\n  size: z.enum(['sm', 'default', 'lg', 'icon']).optional(),\n\n  /** Disable all buttons in the group */\n  isDisabled: z.boolean().optional(),\n\n  /** Accessible label for the toolbar (recommended) */\n  'aria-label': z.string().optional(),\n\n  /** ID of element that labels the toolbar */\n  'aria-labelledby': z.string().optional(),\n\n  /** Additional CSS classes */\n  className: z.string().optional(),\n\n  /** Child elements (Buttons, Separators, etc.) */\n  children: z.custom<ReactNode>(),\n});\n\n/**\n * ButtonGroupSeparator props schema\n * Validates props for the visual separator between button groups\n */\nexport const ButtonGroupSeparatorPropsSchema = z.object({\n  /** Additional CSS classes */\n  className: z.string().optional(),\n  /** Test ID for testing */\n  'data-testid': z.string().optional(),\n});\n\n// =============================================================================\n// TypeScript Types (inferred from schemas)\n// =============================================================================\n\n/**\n * Props for the ButtonGroup container component\n */\nexport interface ButtonGroupProps {\n  orientation?: ButtonGroupOrientation;\n  variant?: ButtonGroupVariant;\n  size?: ButtonGroupSize;\n  isDisabled?: boolean;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface ButtonGroupSeparatorProps {\n  className?: string;\n  'data-testid'?: string;\n}\n\n// =============================================================================\n// Context Types\n// =============================================================================\n\n/**\n * Group-level context value\n * Provides inherited props to all child buttons\n */\nexport interface ButtonGroupContextValue {\n  /** Orientation of the group (affects keyboard navigation and styling) */\n  orientation: ButtonGroupOrientation;\n  /** Default variant for buttons (can be overridden) */\n  variant?: ButtonGroupVariant;\n  /** Default size for buttons (can be overridden) */\n  size?: ButtonGroupSize;\n  /** Whether all buttons in the group are disabled */\n  isDisabled?: boolean;\n}\n\n/**\n * Item-level context value\n * Provides position information to each button for border-radius styling\n */\nexport interface ButtonGroupItemContextValue {\n  /** Position of this button in the group */\n  position: ButtonPosition;\n}\n"]}

package/dist/elements/ButtonGroup/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {createContext,forwardRef,Children,isValidElement,useContext}from'react';import {Toolbar}from'react-aria-components';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';import {z}from'zod';function s(...t){return twMerge(clsx(t))}var a=createContext(null);a.displayName="ButtonGroupContext";function m(){return useContext(a)}var u=createContext(null);u.displayName="ButtonGroupItemContext";function M(){return useContext(u)}var d=cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}}),A=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}}),B=cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var r=t=>isValidElement(t)?t.type?.displayName==="Button":false,H=t=>isValidElement(t)?t.type?.displayName==="ButtonGroupSeparator":false,x=(t,e)=>e===1?"only":t===0?"first":t===e-1?"last":"middle",L=t=>t.filter(r),j=(t,e)=>e.indexOf(t);var P=forwardRef(({orientation:t="horizontal",variant:e,size:p,isDisabled:f,className:l,children:S,...G},g)=>{let y=Children.toArray(S),b=y.filter(r),z=b.length,I={orientation:t,variant:e,size:p,isDisabled:f},R=y.map((n,E)=>{if(r(n)){let T=b.indexOf(n),w=x(T,z);return jsx(u.Provider,{value:{position:w},children:n},E)}return n});return jsx(Toolbar,{ref:g,orientation:t,"aria-label":G["aria-label"],"aria-labelledby":G["aria-labelledby"],className:s(d({orientation:t}),l),children:jsx(a.Provider,{value:I,children:R})})});P.displayName="ButtonGroup";var N=forwardRef(({className:t,...e},p)=>{let l=m()?.orientation??"horizontal";return jsx("div",{ref:p,role:"separator","aria-hidden":"true",className:s(B({orientation:l}),t),...e})});N.displayName="ButtonGroupSeparator";var F=z.object({orientation:z.enum(["horizontal","vertical"]).optional().default("horizontal"),variant:z.enum(["default","destructive","outline","secondary","ghost"]).optional(),size:z.enum(["sm","default","lg","icon"]).optional(),isDisabled:z.boolean().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),className:z.string().optional(),children:z.custom()}),J=z.object({className:z.string().optional(),"data-testid":z.string().optional()});export{P as ButtonGroup,F as ButtonGroupPropsSchema,N as ButtonGroupSeparator,J as ButtonGroupSeparatorPropsSchema,A as buttonGroupItemVariants,B as buttonGroupSeparatorVariants,d as buttonGroupVariants,L as filterButtonChildren,j as getButtonIndex,x as getPosition,r as isButtonElement,H as isSeparatorElement,m as useButtonGroupContext,M as useButtonGroupItemContext};//# sourceMappingURL=index.mjs.map
+import {createContext,forwardRef,Children,isValidElement,useContext}from'react';import {Toolbar}from'react-aria-components';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';import {z}from'zod';function s(...t){return twMerge(clsx(t))}var a=createContext(null);a.displayName="ButtonGroupContext";function m(){return useContext(a)}var i=createContext(null);i.displayName="ButtonGroupItemContext";function M(){return useContext(i)}var d=cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}}),A=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}}),B=cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var n=t=>isValidElement(t)?t.type?.displayName==="Button":false,H=t=>isValidElement(t)?t.type?.displayName==="ButtonGroupSeparator":false,x=(t,e)=>e===1?"only":t===0?"first":t===e-1?"last":"middle",L=t=>t.filter(n),j=(t,e)=>e.indexOf(t);var g=forwardRef(({orientation:t="horizontal",variant:e,size:p,isDisabled:f,className:l,children:P,...G},S)=>{let b=Children.toArray(P),y=b.filter(n),z=y.length,I={orientation:t,variant:e,size:p,isDisabled:f},R=b.map((r,E)=>{if(n(r)){let T=y.indexOf(r),w=x(T,z);return jsx(i.Provider,{value:{position:w},children:r},E)}return r});return jsx(Toolbar,{ref:S,orientation:t,"aria-label":G["aria-label"],"aria-labelledby":G["aria-labelledby"],className:s(d({orientation:t}),l),children:jsx(a.Provider,{value:I,children:R})})});g.displayName="ButtonGroup";var v=forwardRef(({className:t,...e},p)=>{let l=m()?.orientation??"horizontal";return jsx("div",{ref:p,role:"separator","aria-hidden":"true",className:s(B({orientation:l}),t),...e})});v.displayName="ButtonGroupSeparator";var F=z.object({orientation:z.enum(["horizontal","vertical"]).optional().default("horizontal"),variant:z.enum(["default","destructive","outline","secondary","ghost"]).optional(),size:z.enum(["sm","default","lg","icon"]).optional(),isDisabled:z.boolean().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),className:z.string().optional(),children:z.custom()}),J=z.object({className:z.string().optional(),"data-testid":z.string().optional()});export{g as ButtonGroup,F as ButtonGroupPropsSchema,v as ButtonGroupSeparator,J as ButtonGroupSeparatorPropsSchema,A as buttonGroupItemVariants,B as buttonGroupSeparatorVariants,d as buttonGroupVariants,L as filterButtonChildren,j as getButtonIndex,x as getPosition,n as isButtonElement,H as isSeparatorElement,m as useButtonGroupContext,M as useButtonGroupItemContext};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/elements/ButtonGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/ButtonGroup/ButtonGroup.utils.ts","../../../src/elements/ButtonGroup/ButtonGroup.tsx","../../../src/elements/ButtonGroup/ButtonGroup.types.ts"],"names":["cn","inputs","twMerge","clsx","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupVariants","cva","buttonGroupItemVariants","buttonGroupSeparatorVariants","isButtonElement","child","isValidElement","isSeparatorElement","getPosition","index","total","filterButtonChildren","children","getButtonIndex","buttonChildren","ButtonGroup","forwardRef","orientation","variant","size","isDisabled","className","props","ref","childArray","Children","totalButtons","groupContextValue","wrappedChildren","buttonIndex","position","jsx","Toolbar","ButtonGroupSeparator","ButtonGroupPropsSchema","z","ButtonGroupSeparatorPropsSchema"],"mappings":"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","file":"index.mjs","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\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","import { isValidElement, type ReactNode, type ComponentType } from 'react';\nimport type { ButtonPosition } from './ButtonGroup.types';\n\n/**\n * ButtonGroup Utility Functions\n *\n * Provides helper functions for:\n * - Child element detection (Button vs Separator vs other)\n * - Position calculation for border-radius styling\n *\n * @see plan.md Decision 6: Non-Button Child Handling\n */\n\n// =============================================================================\n// Child Detection Functions\n// =============================================================================\n\n/**\n * Checks if a React child is a Themis Button component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a Button component\n */\nexport const isButtonElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'Button';\n};\n\n/**\n * Checks if a React child is a ButtonGroupSeparator component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a ButtonGroupSeparator component\n */\nexport const isSeparatorElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'ButtonGroupSeparator';\n};\n\n// =============================================================================\n// Position Calculation\n// =============================================================================\n\n/**\n * Calculates the position of a button within a group\n * Used for applying position-aware border-radius styling\n *\n * @param index - Zero-based index of the button\n * @param total - Total number of buttons in the group\n * @returns Position enum: 'only' | 'first' | 'last' | 'middle'\n *\n * @example\n * getPosition(0, 1) // 'only' - single button\n * getPosition(0, 3) // 'first'\n * getPosition(1, 3) // 'middle'\n * getPosition(2, 3) // 'last'\n */\nexport const getPosition = (index: number, total: number): ButtonPosition => {\n  if (total === 1) return 'only';\n  if (index === 0) return 'first';\n  if (index === total - 1) return 'last';\n  return 'middle';\n};\n\n/**\n * Filters an array of React children to only include Button elements\n * Non-Button children (Separators, custom elements) are excluded\n *\n * @param children - Array of React children\n * @returns Array containing only Button elements\n */\nexport const filterButtonChildren = (children: ReactNode[]): ReactNode[] => {\n  return children.filter(isButtonElement);\n};\n\n/**\n * Gets the index of a button within the filtered button array\n * Used when the child array contains non-Button elements (Separators, etc.)\n *\n * @param child - The button element to find\n * @param buttonChildren - Array of only Button elements\n * @returns Index of the button, or -1 if not found\n */\nexport const getButtonIndex = (\n  child: ReactNode,\n  buttonChildren: ReactNode[]\n): number => {\n  return buttonChildren.indexOf(child);\n};\n","\"use client\";\n\n/**\n * ButtonGroup Component\n *\n * A container that groups related Themis Button components with:\n * - Consistent styling (connected borders, position-aware radii)\n * - Accessible keyboard navigation (React Aria Toolbar)\n * - WCAG 2.2 AAA compliance\n *\n * @see plan.md for architecture details\n * @see buttongroup-prd.md for requirements\n */\n\nimport { forwardRef, Children, type ReactElement } from 'react';\nimport { Toolbar } from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport {\n  ButtonGroupContext,\n  ButtonGroupItemContext,\n  useButtonGroupContext,\n} from './ButtonGroupContext';\nimport { buttonGroupVariants, buttonGroupSeparatorVariants } from './ButtonGroup.variants';\nimport { isButtonElement, getPosition } from './ButtonGroup.utils';\nimport type { ButtonGroupProps, ButtonGroupSeparatorProps } from './ButtonGroup.types';\n\n// =============================================================================\n// ButtonGroup Component\n// =============================================================================\n\n/**\n * ButtonGroup - Groups related buttons with connected styling and keyboard navigation\n *\n * Uses React Aria's Toolbar for:\n * - Roving tabindex (single tab stop)\n * - Arrow key navigation\n * - Home/End key support\n * - RTL support\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Text formatting\">\n *   <Button variant=\"outline\">Bold</Button>\n *   <Button variant=\"outline\">Italic</Button>\n *   <Button variant=\"outline\">Underline</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      orientation = 'horizontal',\n      variant,\n      size,\n      isDisabled,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    // Convert children to array for enumeration\n    const childArray = Children.toArray(children);\n\n    // Filter to get only Button elements for position calculation\n    const buttonChildren = childArray.filter(isButtonElement);\n    const totalButtons = buttonChildren.length;\n\n    // Create context value for group-level props\n    const groupContextValue = {\n      orientation,\n      variant,\n      size,\n      isDisabled,\n    };\n\n    // Wrap each child with appropriate context\n    const wrappedChildren = childArray.map((child, index) => {\n      // If it's a Button, wrap with item context for position\n      if (isButtonElement(child)) {\n        const buttonIndex = buttonChildren.indexOf(child);\n        const position = getPosition(buttonIndex, totalButtons);\n\n        return (\n          <ButtonGroupItemContext.Provider\n            key={index}\n            value={{ position }}\n          >\n            {child}\n          </ButtonGroupItemContext.Provider>\n        );\n      }\n\n      // Non-Button children (Separators, etc.) pass through without item context\n      return child;\n    });\n\n    return (\n      <Toolbar\n        ref={ref}\n        orientation={orientation}\n        aria-label={props['aria-label']}\n        aria-labelledby={props['aria-labelledby']}\n        className={cn(buttonGroupVariants({ orientation }), className)}\n      >\n        <ButtonGroupContext.Provider value={groupContextValue}>\n          {wrappedChildren}\n        </ButtonGroupContext.Provider>\n      </Toolbar>\n    );\n  }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n\n// =============================================================================\n// ButtonGroupSeparator Component\n// =============================================================================\n\n/**\n * ButtonGroupSeparator - Visual divider between button groups\n *\n * Renders a decorative separator that:\n * - Adapts to orientation (vertical line for horizontal, horizontal for vertical)\n * - Is hidden from screen readers (aria-hidden)\n * - Is excluded from keyboard navigation\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Editor actions\">\n *   <Button>Undo</Button>\n *   <Button>Redo</Button>\n *   <ButtonGroupSeparator />\n *   <Button>Cut</Button>\n *   <Button>Copy</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroupSeparator = forwardRef<HTMLDivElement, ButtonGroupSeparatorProps>(\n  ({ className, ...props }, ref): ReactElement => {\n    const groupContext = useButtonGroupContext();\n    const orientation = groupContext?.orientation ?? 'horizontal';\n\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-hidden=\"true\"\n        className={cn(\n          buttonGroupSeparatorVariants({ orientation }),\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nButtonGroupSeparator.displayName = 'ButtonGroupSeparator';\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroup, ButtonGroupSeparator };\n","import { z } from 'zod';\nimport type { ReactNode } from 'react';\n\n/**\n * ButtonGroup Component Types\n *\n * Defines Zod schemas and TypeScript types for the ButtonGroup component.\n * Uses a two-level context pattern:\n * - ButtonGroupContext: Group-level props (orientation, variant, size, isDisabled)\n * - ButtonGroupItemContext: Per-button position information\n *\n * @see plan.md for architecture details\n * @see constitution.md Principle II (Type Safety First)\n */\n\n// =============================================================================\n// Core Types\n// =============================================================================\n\n/**\n * Orientation of the button group\n */\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\n/**\n * Position of a button within the group\n * Used for position-aware border-radius styling\n */\nexport type ButtonPosition = 'first' | 'middle' | 'last' | 'only';\n\n/**\n * Button variants (matches Themis Button variants, excluding 'link')\n * Link variant is excluded as it doesn't make sense in a grouped context\n */\nexport type ButtonGroupVariant =\n  | 'default'\n  | 'destructive'\n  | 'outline'\n  | 'secondary'\n  | 'ghost';\n\n/**\n * Button sizes (matches Themis Button sizes)\n */\nexport type ButtonGroupSize = 'sm' | 'default' | 'lg' | 'icon';\n\n// =============================================================================\n// Zod Schemas\n// =============================================================================\n\n/**\n * ButtonGroup props schema\n * Validates all props for the ButtonGroup container component\n */\nexport const ButtonGroupPropsSchema = z.object({\n  /** Orientation of the button group layout */\n  orientation: z\n    .enum(['horizontal', 'vertical'])\n    .optional()\n    .default('horizontal'),\n\n  /** Default variant for all child buttons (can be overridden per-button) */\n  variant: z\n    .enum(['default', 'destructive', 'outline', 'secondary', 'ghost'])\n    .optional(),\n\n  /** Default size for all child buttons (can be overridden per-button) */\n  size: z.enum(['sm', 'default', 'lg', 'icon']).optional(),\n\n  /** Disable all buttons in the group */\n  isDisabled: z.boolean().optional(),\n\n  /** Accessible label for the toolbar (recommended) */\n  'aria-label': z.string().optional(),\n\n  /** ID of element that labels the toolbar */\n  'aria-labelledby': z.string().optional(),\n\n  /** Additional CSS classes */\n  className: z.string().optional(),\n\n  /** Child elements (Buttons, Separators, etc.) */\n  children: z.custom<ReactNode>(),\n});\n\n/**\n * ButtonGroupSeparator props schema\n * Validates props for the visual separator between button groups\n */\nexport const ButtonGroupSeparatorPropsSchema = z.object({\n  /** Additional CSS classes */\n  className: z.string().optional(),\n  /** Test ID for testing */\n  'data-testid': z.string().optional(),\n});\n\n// =============================================================================\n// TypeScript Types (inferred from schemas)\n// =============================================================================\n\n/**\n * Props for the ButtonGroup container component\n */\nexport type ButtonGroupProps = z.infer<typeof ButtonGroupPropsSchema>;\n\n/**\n * Props for the ButtonGroupSeparator component\n */\nexport type ButtonGroupSeparatorProps = z.infer<\n  typeof ButtonGroupSeparatorPropsSchema\n>;\n\n// =============================================================================\n// Context Types\n// =============================================================================\n\n/**\n * Group-level context value\n * Provides inherited props to all child buttons\n */\nexport interface ButtonGroupContextValue {\n  /** Orientation of the group (affects keyboard navigation and styling) */\n  orientation: ButtonGroupOrientation;\n  /** Default variant for buttons (can be overridden) */\n  variant?: ButtonGroupVariant;\n  /** Default size for buttons (can be overridden) */\n  size?: ButtonGroupSize;\n  /** Whether all buttons in the group are disabled */\n  isDisabled?: boolean;\n}\n\n/**\n * Item-level context value\n * Provides position information to each button for border-radius styling\n */\nexport interface ButtonGroupItemContextValue {\n  /** Position of this button in the group */\n  position: ButtonPosition;\n}\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/ButtonGroup/ButtonGroup.utils.ts","../../../src/elements/ButtonGroup/ButtonGroup.tsx","../../../src/elements/ButtonGroup/ButtonGroup.types.ts"],"names":["cn","inputs","twMerge","clsx","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupVariants","cva","buttonGroupItemVariants","buttonGroupSeparatorVariants","isButtonElement","child","isValidElement","isSeparatorElement","getPosition","index","total","filterButtonChildren","children","getButtonIndex","buttonChildren","ButtonGroup","forwardRef","orientation","variant","size","isDisabled","className","props","ref","childArray","Children","totalButtons","groupContextValue","wrappedChildren","buttonIndex","position","jsx","Toolbar","ButtonGroupSeparator","ButtonGroupPropsSchema","z","ButtonGroupSeparatorPropsSchema"],"mappings":"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","file":"index.mjs","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\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","import { isValidElement, type ReactNode, type ComponentType } from 'react';\nimport type { ButtonPosition } from './ButtonGroup.types';\n\n/**\n * ButtonGroup Utility Functions\n *\n * Provides helper functions for:\n * - Child element detection (Button vs Separator vs other)\n * - Position calculation for border-radius styling\n *\n * @see plan.md Decision 6: Non-Button Child Handling\n */\n\n// =============================================================================\n// Child Detection Functions\n// =============================================================================\n\n/**\n * Checks if a React child is a Themis Button component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a Button component\n */\nexport const isButtonElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'Button';\n};\n\n/**\n * Checks if a React child is a ButtonGroupSeparator component\n * Uses displayName for reliable detection across module boundaries\n *\n * @param child - React child element to check\n * @returns true if the child is a ButtonGroupSeparator component\n */\nexport const isSeparatorElement = (child: ReactNode): boolean => {\n  if (!isValidElement(child)) return false;\n\n  const componentType = child.type as ComponentType;\n  return componentType?.displayName === 'ButtonGroupSeparator';\n};\n\n// =============================================================================\n// Position Calculation\n// =============================================================================\n\n/**\n * Calculates the position of a button within a group\n * Used for applying position-aware border-radius styling\n *\n * @param index - Zero-based index of the button\n * @param total - Total number of buttons in the group\n * @returns Position enum: 'only' | 'first' | 'last' | 'middle'\n *\n * @example\n * getPosition(0, 1) // 'only' - single button\n * getPosition(0, 3) // 'first'\n * getPosition(1, 3) // 'middle'\n * getPosition(2, 3) // 'last'\n */\nexport const getPosition = (index: number, total: number): ButtonPosition => {\n  if (total === 1) return 'only';\n  if (index === 0) return 'first';\n  if (index === total - 1) return 'last';\n  return 'middle';\n};\n\n/**\n * Filters an array of React children to only include Button elements\n * Non-Button children (Separators, custom elements) are excluded\n *\n * @param children - Array of React children\n * @returns Array containing only Button elements\n */\nexport const filterButtonChildren = (children: ReactNode[]): ReactNode[] => {\n  return children.filter(isButtonElement);\n};\n\n/**\n * Gets the index of a button within the filtered button array\n * Used when the child array contains non-Button elements (Separators, etc.)\n *\n * @param child - The button element to find\n * @param buttonChildren - Array of only Button elements\n * @returns Index of the button, or -1 if not found\n */\nexport const getButtonIndex = (\n  child: ReactNode,\n  buttonChildren: ReactNode[]\n): number => {\n  return buttonChildren.indexOf(child);\n};\n","\"use client\";\n\n/**\n * ButtonGroup Component\n *\n * A container that groups related Themis Button components with:\n * - Consistent styling (connected borders, position-aware radii)\n * - Accessible keyboard navigation (React Aria Toolbar)\n * - WCAG 2.2 AAA compliance\n *\n * @see plan.md for architecture details\n * @see buttongroup-prd.md for requirements\n */\n\nimport { forwardRef, Children, type ReactElement } from 'react';\nimport { Toolbar } from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport {\n  ButtonGroupContext,\n  ButtonGroupItemContext,\n  useButtonGroupContext,\n} from './ButtonGroupContext';\nimport { buttonGroupVariants, buttonGroupSeparatorVariants } from './ButtonGroup.variants';\nimport { isButtonElement, getPosition } from './ButtonGroup.utils';\nimport type { ButtonGroupProps, ButtonGroupSeparatorProps } from './ButtonGroup.types';\n\n// =============================================================================\n// ButtonGroup Component\n// =============================================================================\n\n/**\n * ButtonGroup - Groups related buttons with connected styling and keyboard navigation\n *\n * Uses React Aria's Toolbar for:\n * - Roving tabindex (single tab stop)\n * - Arrow key navigation\n * - Home/End key support\n * - RTL support\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Text formatting\">\n *   <Button variant=\"outline\">Bold</Button>\n *   <Button variant=\"outline\">Italic</Button>\n *   <Button variant=\"outline\">Underline</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      orientation = 'horizontal',\n      variant,\n      size,\n      isDisabled,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ): ReactElement => {\n    // Convert children to array for enumeration\n    const childArray = Children.toArray(children);\n\n    // Filter to get only Button elements for position calculation\n    const buttonChildren = childArray.filter(isButtonElement);\n    const totalButtons = buttonChildren.length;\n\n    // Create context value for group-level props\n    const groupContextValue = {\n      orientation,\n      variant,\n      size,\n      isDisabled,\n    };\n\n    // Wrap each child with appropriate context\n    const wrappedChildren = childArray.map((child, index) => {\n      // If it's a Button, wrap with item context for position\n      if (isButtonElement(child)) {\n        const buttonIndex = buttonChildren.indexOf(child);\n        const position = getPosition(buttonIndex, totalButtons);\n\n        return (\n          <ButtonGroupItemContext.Provider\n            key={index}\n            value={{ position }}\n          >\n            {child}\n          </ButtonGroupItemContext.Provider>\n        );\n      }\n\n      // Non-Button children (Separators, etc.) pass through without item context\n      return child;\n    });\n\n    return (\n      <Toolbar\n        ref={ref}\n        orientation={orientation}\n        aria-label={props['aria-label']}\n        aria-labelledby={props['aria-labelledby']}\n        className={cn(buttonGroupVariants({ orientation }), className)}\n      >\n        <ButtonGroupContext.Provider value={groupContextValue}>\n          {wrappedChildren}\n        </ButtonGroupContext.Provider>\n      </Toolbar>\n    );\n  }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n\n// =============================================================================\n// ButtonGroupSeparator Component\n// =============================================================================\n\n/**\n * ButtonGroupSeparator - Visual divider between button groups\n *\n * Renders a decorative separator that:\n * - Adapts to orientation (vertical line for horizontal, horizontal for vertical)\n * - Is hidden from screen readers (aria-hidden)\n * - Is excluded from keyboard navigation\n *\n * @example\n * ```tsx\n * <ButtonGroup aria-label=\"Editor actions\">\n *   <Button>Undo</Button>\n *   <Button>Redo</Button>\n *   <ButtonGroupSeparator />\n *   <Button>Cut</Button>\n *   <Button>Copy</Button>\n * </ButtonGroup>\n * ```\n */\nconst ButtonGroupSeparator = forwardRef<HTMLDivElement, ButtonGroupSeparatorProps>(\n  ({ className, ...props }, ref): ReactElement => {\n    const groupContext = useButtonGroupContext();\n    const orientation = groupContext?.orientation ?? 'horizontal';\n\n    return (\n      <div\n        ref={ref}\n        role=\"separator\"\n        aria-hidden=\"true\"\n        className={cn(\n          buttonGroupSeparatorVariants({ orientation }),\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nButtonGroupSeparator.displayName = 'ButtonGroupSeparator';\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroup, ButtonGroupSeparator };\n","import { z } from 'zod';\nimport type { ReactNode } from 'react';\n\n/**\n * ButtonGroup Component Types\n *\n * Defines Zod schemas and TypeScript types for the ButtonGroup component.\n * Uses a two-level context pattern:\n * - ButtonGroupContext: Group-level props (orientation, variant, size, isDisabled)\n * - ButtonGroupItemContext: Per-button position information\n *\n * @see plan.md for architecture details\n * @see constitution.md Principle II (Type Safety First)\n */\n\n// =============================================================================\n// Core Types\n// =============================================================================\n\n/**\n * Orientation of the button group\n */\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\n/**\n * Position of a button within the group\n * Used for position-aware border-radius styling\n */\nexport type ButtonPosition = 'first' | 'middle' | 'last' | 'only';\n\n/**\n * Button variants (matches Themis Button variants, excluding 'link')\n * Link variant is excluded as it doesn't make sense in a grouped context\n */\nexport type ButtonGroupVariant =\n  | 'default'\n  | 'destructive'\n  | 'outline'\n  | 'secondary'\n  | 'ghost';\n\n/**\n * Button sizes (matches Themis Button sizes)\n */\nexport type ButtonGroupSize = 'sm' | 'default' | 'lg' | 'icon';\n\n// =============================================================================\n// Zod Schemas\n// =============================================================================\n\n/**\n * ButtonGroup props schema\n * Validates all props for the ButtonGroup container component\n */\nexport const ButtonGroupPropsSchema = z.object({\n  /** Orientation of the button group layout */\n  orientation: z\n    .enum(['horizontal', 'vertical'])\n    .optional()\n    .default('horizontal'),\n\n  /** Default variant for all child buttons (can be overridden per-button) */\n  variant: z\n    .enum(['default', 'destructive', 'outline', 'secondary', 'ghost'])\n    .optional(),\n\n  /** Default size for all child buttons (can be overridden per-button) */\n  size: z.enum(['sm', 'default', 'lg', 'icon']).optional(),\n\n  /** Disable all buttons in the group */\n  isDisabled: z.boolean().optional(),\n\n  /** Accessible label for the toolbar (recommended) */\n  'aria-label': z.string().optional(),\n\n  /** ID of element that labels the toolbar */\n  'aria-labelledby': z.string().optional(),\n\n  /** Additional CSS classes */\n  className: z.string().optional(),\n\n  /** Child elements (Buttons, Separators, etc.) */\n  children: z.custom<ReactNode>(),\n});\n\n/**\n * ButtonGroupSeparator props schema\n * Validates props for the visual separator between button groups\n */\nexport const ButtonGroupSeparatorPropsSchema = z.object({\n  /** Additional CSS classes */\n  className: z.string().optional(),\n  /** Test ID for testing */\n  'data-testid': z.string().optional(),\n});\n\n// =============================================================================\n// TypeScript Types (inferred from schemas)\n// =============================================================================\n\n/**\n * Props for the ButtonGroup container component\n */\nexport interface ButtonGroupProps {\n  orientation?: ButtonGroupOrientation;\n  variant?: ButtonGroupVariant;\n  size?: ButtonGroupSize;\n  isDisabled?: boolean;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface ButtonGroupSeparatorProps {\n  className?: string;\n  'data-testid'?: string;\n}\n\n// =============================================================================\n// Context Types\n// =============================================================================\n\n/**\n * Group-level context value\n * Provides inherited props to all child buttons\n */\nexport interface ButtonGroupContextValue {\n  /** Orientation of the group (affects keyboard navigation and styling) */\n  orientation: ButtonGroupOrientation;\n  /** Default variant for buttons (can be overridden) */\n  variant?: ButtonGroupVariant;\n  /** Default size for buttons (can be overridden) */\n  size?: ButtonGroupSize;\n  /** Whether all buttons in the group are disabled */\n  isDisabled?: boolean;\n}\n\n/**\n * Item-level context value\n * Provides position information to each button for border-radius styling\n */\nexport interface ButtonGroupItemContextValue {\n  /** Position of this button in the group */\n  position: ButtonPosition;\n}\n"]}

package/dist/elements/Card/Card.d.ts

@@ -7,98 +7,13 @@
  * @see card-prd.md (Product Requirements)
  * @see plan.md (Implementation Plan)
  */
-import { type HTMLAttributes, type ReactNode } from 'react';
-export declare const Card: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
-    children?: any;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    flippable?: boolean | undefined;
-    backContent?: ReactNode;
-    isFlipped?: boolean | undefined;
-    defaultFlipped?: boolean | undefined;
-    onFlipChange?: ((isFlipped: boolean) => void) | undefined;
-    flipButtonPosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
-    flipButtonLabel?: {
-        show?: string | undefined;
-        hide?: string | undefined;
-    } | undefined;
-    flipButtonIcon?: {
-        front?: ReactNode;
-        back?: ReactNode;
-    } | undefined;
-    flipDuration?: number | undefined;
-} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-export declare const CardHeader: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string | undefined;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-export declare const CardTitle: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string | undefined;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-} & HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const CardDescription: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string | undefined;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-} & HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export declare const CardContent: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string | undefined;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CardFooter: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string | undefined;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-export declare const CardAction: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    className?: string | undefined;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+import { type HTMLAttributes } from 'react';
+import { type CardProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type CardActionProps } from './Card.types';
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export declare const CardTitle: import("react").ForwardRefExoticComponent<CardTitleProps & HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: import("react").ForwardRefExoticComponent<CardDescriptionProps & HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const CardContent: import("react").ForwardRefExoticComponent<CardContentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: import("react").ForwardRefExoticComponent<CardFooterProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export declare const CardAction: import("react").ForwardRefExoticComponent<CardActionProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Card.d.ts.map

package/dist/elements/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/Card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,EAAqC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmB/F,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;6EAqHhB,CAAC;AAQF,eAAO,MAAM,UAAU;;;;;;;;;;6EAUtB,CAAC;AAQF,eAAO,MAAM,SAAS;;;;;;;;;;;2FAUrB,CAAC;AAQF,eAAO,MAAM,eAAe;;;;;;;;;;+FAU3B,CAAC;AAQF,eAAO,MAAM,WAAW;;;;;;;;;;mFAMvB,CAAC;AAQF,eAAO,MAAM,UAAU;;;;;;;;;;6EAUtB,CAAC;AAQF,eAAO,MAAM,UAAU;;;;;;;;;;mFAUtB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/Card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,EAAqC,KAAK,cAAc,EAAkB,MAAM,OAAO,CAAC;AAI/F,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAMtB,eAAO,MAAM,IAAI,iIAqHhB,CAAC;AAQF,eAAO,MAAM,UAAU,uIAUtB,CAAC;AAQF,eAAO,MAAM,SAAS,oJAUrB,CAAC;AAQF,eAAO,MAAM,eAAe,8JAU3B,CAAC;AAQF,eAAO,MAAM,WAAW,8IAMvB,CAAC;AAQF,eAAO,MAAM,UAAU,uIAUtB,CAAC;AAQF,eAAO,MAAM,UAAU,6IAUtB,CAAC"}

package/dist/elements/Card/Card.types.d.ts

@@ -54,17 +54,17 @@ export declare const CardPropsSchema: z.ZodObject<{
     }>>;
     'aria-hidden': z.ZodOptional<z.ZodBoolean>;
     'data-testid': z.ZodOptional<z.ZodString>;
-    flippable: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    flippable: z.ZodOptional<z.ZodBoolean>;
     backContent: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
     isFlipped: z.ZodOptional<z.ZodBoolean>;
-    defaultFlipped: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    defaultFlipped: z.ZodOptional<z.ZodBoolean>;
     onFlipChange: z.ZodOptional<z.ZodCustom<(isFlipped: boolean) => void, (isFlipped: boolean) => void>>;
-    flipButtonPosition: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+    flipButtonPosition: z.ZodOptional<z.ZodEnum<{
         "top-right": "top-right";
         "top-left": "top-left";
         "bottom-right": "bottom-right";
         "bottom-left": "bottom-left";
-    }>>>;
+    }>>;
     flipButtonLabel: z.ZodOptional<z.ZodObject<{
         show: z.ZodOptional<z.ZodString>;
         hide: z.ZodOptional<z.ZodString>;
@@ -73,14 +73,32 @@ export declare const CardPropsSchema: z.ZodObject<{
         front: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
         back: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
     }, z.core.$strip>>;
-    flipDuration: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    flipDuration: z.ZodOptional<z.ZodNumber>;
 }, z.core.$strip>;
 /**
- * Use z.input so that fields with .default() remain optional in the type.
- * z.infer treats .default() fields as required (output type), but callers
- * should not need to pass flippable, flipDuration, etc. on every Card.
+ * Explicit interface to avoid Zod 4 d.ts inference issues where
+ * z.infer resolves optional fields as required through complex generics.
  */
-export type CardProps = z.input<typeof CardPropsSchema>;
+export interface CardProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-live'?: 'off' | 'polite' | 'assertive';
+    'aria-hidden'?: boolean;
+    'data-testid'?: string;
+    flippable?: boolean;
+    backContent?: ReactNode;
+    isFlipped?: boolean;
+    defaultFlipped?: boolean;
+    onFlipChange?: (isFlipped: boolean) => void;
+    flipButtonPosition?: FlipButtonPosition;
+    flipButtonLabel?: FlipButtonLabel;
+    flipButtonIcon?: FlipButtonIcon;
+    flipDuration?: number;
+}
 /**
  * CardHeader props schema
  *
@@ -101,7 +119,15 @@ export declare const CardHeaderPropsSchema: z.ZodObject<{
     'data-testid': z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type CardHeaderProps = z.infer<typeof CardHeaderPropsSchema>;
+export interface CardHeaderProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'data-testid'?: string;
+}
 /**
  * CardTitle props schema
  *
@@ -120,17 +146,23 @@ export declare const CardTitlePropsSchema: z.ZodObject<{
     }>>;
     'aria-hidden': z.ZodOptional<z.ZodBoolean>;
     'data-testid': z.ZodOptional<z.ZodString>;
-    as: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+    as: z.ZodOptional<z.ZodEnum<{
         h1: "h1";
         h2: "h2";
         h3: "h3";
         h4: "h4";
         h5: "h5";
         h6: "h6";
-    }>>>;
+    }>>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type CardTitleProps = z.input<typeof CardTitlePropsSchema>;
+export interface CardTitleProps {
+    className?: string;
+    children?: ReactNode;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    id?: string;
+    'data-testid'?: string;
+}
 /**
  * CardDescription props schema
  *
@@ -151,7 +183,12 @@ export declare const CardDescriptionPropsSchema: z.ZodObject<{
     'data-testid': z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type CardDescriptionProps = z.infer<typeof CardDescriptionPropsSchema>;
+export interface CardDescriptionProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'data-testid'?: string;
+}
 /**
  * CardContent props schema
  *
@@ -172,7 +209,12 @@ export declare const CardContentPropsSchema: z.ZodObject<{
     'data-testid': z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type CardContentProps = z.infer<typeof CardContentPropsSchema>;
+export interface CardContentProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'data-testid'?: string;
+}
 /**
  * CardFooter props schema
  *
@@ -193,7 +235,12 @@ export declare const CardFooterPropsSchema: z.ZodObject<{
     'data-testid': z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type CardFooterProps = z.infer<typeof CardFooterPropsSchema>;
+export interface CardFooterProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'data-testid'?: string;
+}
 /**
  * CardAction props schema
  *
@@ -214,7 +261,12 @@ export declare const CardActionPropsSchema: z.ZodObject<{
     'data-testid': z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type CardActionProps = z.infer<typeof CardActionPropsSchema>;
+export interface CardActionProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'data-testid'?: string;
+}
 /**
  * CVA variants for flip button positioning
  *

package/dist/elements/Card/Card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB;;;;;EAKnC,CAAC;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAE1E;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;;;iBAGhC,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;iBAK/B,CAAC;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;wDAeS,OAAO,KAAK,IAAI,cAAhB,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;iBAcnD,CAAC;AAEH;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;iBAEhC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;iBAK/B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;iBAErC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;iBAEjC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;iBAEhC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;iBAEhC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B;;8EAsBtC,CAAC"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Card/Card.types.ts"],"names":[],"mappings":"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"}