@tribepad/themis 1.0.11 → 1.0.12

package/dist/elements/Badge/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {memo,forwardRef}from'react';import {Button}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function c(...i){return twMerge(clsx(i))}var p="data-[pressed]:scale-[0.97]";var l="data-[hovered]:shadow-md";var n="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",s="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var N=cva(["relative inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","focus-visible:outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","focus-visible:ring-offset-[var(--page-background)]","disabled:pointer-events-none","disabled:opacity-50"],{variants:{},defaultVariants:{}}),m=cva(["inline-flex items-center justify-center","gap-1","rounded-full","font-medium","whitespace-nowrap","transition-colors"],{variants:{variant:{primary:["bg-[var(--primary-action)]","text-[var(--primary-action-foreground)]","hover:bg-[var(--primary-action)]/90","data-[pressed]:bg-[var(--primary-action)]/80"],accent:["bg-[var(--accent-background)]","text-[var(--accent-foreground)]","hover:bg-[var(--accent-background)]/90","data-[pressed]:bg-[var(--accent-background)]/80"],destructive:["bg-[var(--destructive-background)]","text-[var(--destructive-foreground)]","hover:bg-[var(--destructive-background)]/90","data-[pressed]:bg-[var(--destructive-background)]/80"],content:["bg-[var(--accent-background)]","text-[var(--accent-foreground)]","hover:bg-[var(--accent-background)]/90","data-[pressed]:bg-[var(--accent-background)]/80"]},size:{sm:"h-5 px-2 text-xs",default:"h-6 px-2.5 text-xs",lg:"h-7 px-3 text-sm"}},defaultVariants:{variant:"primary",size:"default"}}),M=m,U={sm:"[&_svg]:h-2.5 [&_svg]:w-2.5",default:"[&_svg]:h-3 [&_svg]:w-3",lg:"[&_svg]:h-3.5 [&_svg]:w-3.5"},C=memo(forwardRef(({className:i,variant:A="primary",size:g="default",children:r,icon:o,iconPosition:f="start",count:d,onPress:v,isDisabled:z,id:b,"aria-label":S,"aria-labelledby":h,"aria-describedby":x,"data-testid":B,...E},y)=>{let P=c(m({variant:A,size:g}),U[g],i),L=[!!o,d!==void 0,!!r].filter(Boolean).length>1,T=()=>jsxs(Fragment,{children:[o&&f==="start"&&jsx("span",{className:"shrink-0","aria-hidden":"true",children:o}),r&&(L?jsx("span",{children:r}):r),d!==void 0&&jsx("span",{className:"font-mono tabular-nums",children:d}),o&&f==="end"&&jsx("span",{className:"shrink-0","aria-hidden":"true",children:o})]});return v?jsx(Button,{ref:y,isDisabled:z,onPress:v,className:N(),id:b,"aria-label":S,"aria-labelledby":h,"aria-describedby":x,"data-testid":B,...E,children:k=>jsx("span",{className:c(P,p,l,n,s),"data-pressed":k.isPressed||void 0,children:T()})}):jsx("span",{ref:y,className:P,id:b,"aria-label":S,"aria-labelledby":h,"aria-describedby":x,"data-testid":B,...E,children:T()})}));C.displayName="Badge";var V=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var H=z.enum(["primary","accent","destructive","content"]),I=z.enum(["sm","default","lg"]),O=z.enum(["start","end"]),q=V.extend({children:z.string().optional(),icon:z.custom().optional(),iconPosition:O.optional().default("start"),count:z.union([z.number(),z.string()]).optional(),variant:H.optional().default("primary"),size:I.optional().default("default"),onPress:z.function().optional(),isDisabled:z.boolean().optional()});export{C as Badge,O as BadgeIconPositionSchema,q as BadgePropsSchema,I as BadgeSizeSchema,H as BadgeVariantSchema,N as badgeOuterVariants,M as badgeVariants,m as badgeVisualVariants};//# sourceMappingURL=index.mjs.map
+import {memo,forwardRef}from'react';import {Button}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function c(...i){return twMerge(clsx(i))}var p="data-[pressed]:scale-[0.97]";var l="data-[hovered]:shadow-md";var n="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",s="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var N=cva(["relative inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","focus-visible:outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","focus-visible:ring-offset-[var(--page-background)]","disabled:pointer-events-none","disabled:opacity-50"],{variants:{},defaultVariants:{}}),g=cva(["inline-flex items-center justify-center","gap-1","rounded-full","font-medium","whitespace-nowrap","transition-colors"],{variants:{variant:{primary:["bg-[var(--primary-action)]","text-[var(--primary-action-foreground)]","hover:bg-[var(--primary-action)]/90","data-[pressed]:bg-[var(--primary-action)]/80"],accent:["bg-[var(--accent-background)]","text-[var(--accent-foreground)]","hover:bg-[var(--accent-background)]/90","data-[pressed]:bg-[var(--accent-background)]/80"],destructive:["bg-[var(--destructive-background)]","text-[var(--destructive-foreground)]","hover:bg-[var(--destructive-background)]/90","data-[pressed]:bg-[var(--destructive-background)]/80"],content:["bg-[var(--accent-background)]","text-[var(--accent-foreground)]","hover:bg-[var(--accent-background)]/90","data-[pressed]:bg-[var(--accent-background)]/80"]},size:{sm:"h-5 px-2 text-xs",default:"h-6 px-2.5 text-xs",lg:"h-7 px-3 text-sm"}},defaultVariants:{variant:"primary",size:"default"}}),M=g,U={sm:"[&_svg]:h-2.5 [&_svg]:w-2.5",default:"[&_svg]:h-3 [&_svg]:w-3",lg:"[&_svg]:h-3.5 [&_svg]:w-3.5"},C=memo(forwardRef(({className:i,variant:A="primary",size:m="default",children:r,icon:o,iconPosition:f="start",count:d,onPress:b,isDisabled:z,id:v,"aria-label":S,"aria-labelledby":h,"aria-describedby":x,"data-testid":B,...E},y)=>{let T=c(g({variant:A,size:m}),U[m],i),L=[!!o,d!==void 0,!!r].filter(Boolean).length>1,R=()=>jsxs(Fragment,{children:[o&&f==="start"&&jsx("span",{className:"shrink-0","aria-hidden":"true",children:o}),r&&(L?jsx("span",{children:r}):r),d!==void 0&&jsx("span",{className:"font-mono tabular-nums",children:d}),o&&f==="end"&&jsx("span",{className:"shrink-0","aria-hidden":"true",children:o})]});return b?jsx(Button,{ref:y,isDisabled:z,onPress:b,className:N(),id:v,"aria-label":S,"aria-labelledby":h,"aria-describedby":x,"data-testid":B,...E,children:k=>jsx("span",{className:c(T,p,l,n,s),"data-pressed":k.isPressed||void 0,children:R()})}):jsx("span",{ref:y,className:T,id:v,"aria-label":S,"aria-labelledby":h,"aria-describedby":x,"data-testid":B,...E,children:R()})}));C.displayName="Badge";var V=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var I=z.enum(["primary","accent","destructive","content"]),H=z.enum(["sm","default","lg"]),O=z.enum(["start","end"]),q=V.extend({children:z.string().optional(),icon:z.custom().optional(),iconPosition:O.optional().default("start"),count:z.union([z.number(),z.string()]).optional(),variant:I.optional().default("primary"),size:H.optional().default("default"),onPress:z.function().optional(),isDisabled:z.boolean().optional()});export{C as Badge,O as BadgeIconPositionSchema,q as BadgePropsSchema,H as BadgeSizeSchema,I as BadgeVariantSchema,N as badgeOuterVariants,M as badgeVariants,g as badgeVisualVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Badge/Badge.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Badge/Badge.types.ts"],"names":["cn","inputs","twMerge","clsx","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","badgeOuterVariants","cva","badgeVisualVariants","badgeVariants","iconSizeClasses","Badge","memo","forwardRef","className","variant","size","children","icon","iconPosition","count","onPress","isDisabled","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","props","ref","visualClasses","multipleElements","renderContent","jsxs","Fragment","jsx","AriaButton","renderProps","BaseComponentPropsSchema","z","BadgeVariantSchema","BadgeSizeSchema","BadgeIconPositionSchema","BadgePropsSchema"],"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","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Badge Component - 2-Layer Architecture for Actionable Badges\n * Accessible badge with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Static badges: Single span element\n * - Actionable badges (with onPress):\n *   - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n *   - Layer 2: Visual Badge (compact size, colors)\n *\n * @see plan.md for architecture details\n * @see badge-prd.md for requirements\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, type ReactElement } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport {\n  PRESSED_STYLES,\n  HOVER_STYLES,\n  HIGH_CONTRAST_HOVER,\n  HIGH_CONTRAST_PRESSED,\n} from '../../styles/interaction-states';\nimport type { BadgeProps } from './Badge.types';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Only used for actionable badges (with onPress)\n * Handles WCAG 2.2 AAA touch target requirement\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n */\nexport const badgeOuterVariants = cva(\n  [\n    'relative inline-flex items-center justify-center',\n    'min-h-[44px] min-w-[44px]',\n    'focus-visible:outline-none',\n    'focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)]',\n    'focus-visible:ring-offset-2',\n    'focus-visible:ring-offset-[var(--page-background)]',\n    'disabled:pointer-events-none',\n    'disabled:opacity-50',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual Badge appearance\n * Used for all badges (both static and actionable)\n * Provides the visual appearance with configurable size and variant\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const badgeVisualVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'gap-1',\n    'rounded-full',\n    'font-medium',\n    'whitespace-nowrap',\n    'transition-colors',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-[var(--primary-action)]',\n          'text-[var(--primary-action-foreground)]',\n          'hover:bg-[var(--primary-action)]/90',\n          'data-[pressed]:bg-[var(--primary-action)]/80',\n        ],\n        accent: [\n          'bg-[var(--accent-background)]',\n          'text-[var(--accent-foreground)]',\n          'hover:bg-[var(--accent-background)]/90',\n          'data-[pressed]:bg-[var(--accent-background)]/80',\n        ],\n        destructive: [\n          'bg-[var(--destructive-background)]',\n          'text-[var(--destructive-foreground)]',\n          'hover:bg-[var(--destructive-background)]/90',\n          'data-[pressed]:bg-[var(--destructive-background)]/80',\n        ],\n        content: [\n          'bg-[var(--accent-background)]',\n          'text-[var(--accent-foreground)]',\n          'hover:bg-[var(--accent-background)]/90',\n          'data-[pressed]:bg-[var(--accent-background)]/80',\n        ],\n      },\n      size: {\n        sm: 'h-5 px-2 text-xs',\n        default: 'h-6 px-2.5 text-xs',\n        lg: 'h-7 px-3 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * @deprecated Use badgeVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const badgeVariants = badgeVisualVariants;\n\n// Icon size classes mapped to badge sizes\n// Sizes are proportional to badge height: sm=20px, default=24px, lg=28px\nconst iconSizeClasses: Record<NonNullable<BadgeProps['size']>, string> = {\n  sm: '[&_svg]:h-2.5 [&_svg]:w-2.5',      // 10px icons for 20px badge\n  default: '[&_svg]:h-3 [&_svg]:w-3',      // 12px icons for 24px badge\n  lg: '[&_svg]:h-3.5 [&_svg]:w-3.5',       // 14px icons for 28px badge\n};\n\n/**\n * Badge Component - Accessible badge for labels, tags, and status indicators\n *\n * Features:\n * - WCAG 2.2 AAA compliant (7:1 contrast, 44x44px touch targets for actionable)\n * - 4 semantic variants (primary, accent, destructive, content)\n * - 3 sizes (sm, default, lg)\n * - Icon support with configurable position\n * - Count display (number or string)\n * - Static badges (span) vs actionable badges (button)\n */\nconst Badge = memo(\n  forwardRef<HTMLButtonElement | HTMLSpanElement, BadgeProps>(\n    (\n      {\n        className,\n        variant = 'primary',\n        size = 'default',\n        children,\n        icon,\n        iconPosition = 'start',\n        count,\n        onPress,\n        isDisabled,\n        id,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby,\n        'aria-describedby': ariaDescribedby,\n        'data-testid': dataTestId,\n        ...props\n      },\n      ref\n    ): ReactElement => {\n      // Visual classes for the badge appearance\n      const visualClasses = cn(\n        badgeVisualVariants({ variant, size }),\n        iconSizeClasses[size],\n        className\n      );\n\n      // Check if we have multiple content elements (need gap styling)\n      const hasIcon = !!icon;\n      const hasCount = count !== undefined;\n      const hasChildren = !!children;\n      const multipleElements =\n        [hasIcon, hasCount, hasChildren].filter(Boolean).length > 1;\n\n      // Content rendering: icon + children + count (all can display together)\n      // Only wrap children in span when there are multiple elements (for gap)\n      const renderContent = (): ReactElement => (\n        <>\n          {icon && iconPosition === 'start' && (\n            <span className=\"shrink-0\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          )}\n          {children && (multipleElements ? <span>{children}</span> : children)}\n          {count !== undefined && (\n            <span className=\"font-mono tabular-nums\">{count}</span>\n          )}\n          {icon && iconPosition === 'end' && (\n            <span className=\"shrink-0\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          )}\n        </>\n      );\n\n      // Actionable badge (with onPress) - uses 2-layer architecture\n      if (onPress) {\n        return (\n          <AriaButton\n            ref={ref as React.Ref<HTMLButtonElement>}\n            isDisabled={isDisabled}\n            onPress={onPress}\n            className={badgeOuterVariants()}\n            id={id}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-describedby={ariaDescribedby}\n            data-testid={dataTestId}\n            {...(props as Omit<AriaButtonProps, 'className'>)}\n          >\n            {(renderProps) => (\n              <span\n                className={cn(\n                  visualClasses,\n                  // Interaction styles for visual feedback\n                  PRESSED_STYLES,\n                  HOVER_STYLES,\n                  HIGH_CONTRAST_HOVER,\n                  HIGH_CONTRAST_PRESSED\n                )}\n                data-pressed={renderProps.isPressed || undefined}\n              >\n                {renderContent()}\n              </span>\n            )}\n          </AriaButton>\n        );\n      }\n\n      // Static badge - simple span element\n      return (\n        <span\n          ref={ref as React.Ref<HTMLSpanElement>}\n          className={visualClasses}\n          id={id}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          aria-describedby={ariaDescribedby}\n          data-testid={dataTestId}\n          {...props}\n        >\n          {renderContent()}\n        </span>\n      );\n    }\n  )\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { type ReactNode } from 'react';\nimport { type PressEvent } from 'react-aria-components';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * Badge Component Types\n *\n * Defines the props schema and TypeScript types for the Badge component.\n * Extends BaseComponentPropsSchema for consistent accessibility and styling APIs.\n *\n * @see badge-prd.md for full requirements\n * @see WCAG 2.2 AAA compliance requirements\n */\n\n// Variant schema - semantic color variants\nexport const BadgeVariantSchema = z.enum([\n  'primary', // Default brand color for general labels\n  'accent', // Highlighted/featured content\n  'destructive', // Errors, warnings, critical states\n  'content', // Neutral/informational content\n]);\n\n// Size schema - visual size variants\nexport const BadgeSizeSchema = z.enum([\n  'sm', // 20px height\n  'default', // 24px height\n  'lg', // 28px height\n]);\n\n// Icon position schema\nexport const BadgeIconPositionSchema = z.enum([\n  'start', // Icon before text (default)\n  'end', // Icon after text (useful for dismiss/close)\n]);\n\n// Main props schema extending base component props\nexport const BadgePropsSchema = BaseComponentPropsSchema.extend({\n  // Content - override children to be string only for badges\n  children: z.string().optional(),\n  icon: z.custom<ReactNode>().optional(),\n  iconPosition: BadgeIconPositionSchema.optional().default('start'),\n  count: z.union([z.number(), z.string()]).optional(),\n\n  // Variants\n  variant: BadgeVariantSchema.optional().default('primary'),\n  size: BadgeSizeSchema.optional().default('default'),\n\n  // Interaction - makes badge actionable when provided\n  onPress: z.function().optional(), // React Aria PressEvent handler\n  isDisabled: z.boolean().optional(),\n});\n\n// TypeScript types inferred from schemas\nexport type BadgeVariant = z.infer<typeof BadgeVariantSchema>;\nexport type BadgeSize = z.infer<typeof BadgeSizeSchema>;\nexport type BadgeIconPosition = z.infer<typeof BadgeIconPositionSchema>;\n\n// Base props from Zod schema (excluding onPress which needs proper typing)\ntype BadgePropsBase = Omit<z.infer<typeof BadgePropsSchema>, 'onPress'>;\n\n/**\n * Badge component props interface\n * Uses Zod schema inference for most props, but properly types onPress\n * to match React Aria's PressEvent handler signature\n */\nexport interface BadgeProps extends BadgePropsBase {\n  /** Press handler - makes badge actionable when provided */\n  onPress?: (e: PressEvent) => void;\n}\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Badge/Badge.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Badge/Badge.types.ts"],"names":["cn","inputs","twMerge","clsx","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","badgeOuterVariants","cva","badgeVisualVariants","badgeVariants","iconSizeClasses","Badge","memo","forwardRef","className","variant","size","children","icon","iconPosition","count","onPress","isDisabled","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","props","ref","visualClasses","multipleElements","renderContent","jsxs","Fragment","jsx","AriaButton","renderProps","BaseComponentPropsSchema","z","BadgeVariantSchema","BadgeSizeSchema","BadgeIconPositionSchema","BadgePropsSchema"],"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","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Badge Component - 2-Layer Architecture for Actionable Badges\n * Accessible badge with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Static badges: Single span element\n * - Actionable badges (with onPress):\n *   - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n *   - Layer 2: Visual Badge (compact size, colors)\n *\n * @see plan.md for architecture details\n * @see badge-prd.md for requirements\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, type ReactElement } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport {\n  PRESSED_STYLES,\n  HOVER_STYLES,\n  HIGH_CONTRAST_HOVER,\n  HIGH_CONTRAST_PRESSED,\n} from '../../styles/interaction-states';\nimport type { BadgeProps } from './Badge.types';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Only used for actionable badges (with onPress)\n * Handles WCAG 2.2 AAA touch target requirement\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n */\nexport const badgeOuterVariants = cva(\n  [\n    'relative inline-flex items-center justify-center',\n    'min-h-[44px] min-w-[44px]',\n    'focus-visible:outline-none',\n    'focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)]',\n    'focus-visible:ring-offset-2',\n    'focus-visible:ring-offset-[var(--page-background)]',\n    'disabled:pointer-events-none',\n    'disabled:opacity-50',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual Badge appearance\n * Used for all badges (both static and actionable)\n * Provides the visual appearance with configurable size and variant\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const badgeVisualVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'gap-1',\n    'rounded-full',\n    'font-medium',\n    'whitespace-nowrap',\n    'transition-colors',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-[var(--primary-action)]',\n          'text-[var(--primary-action-foreground)]',\n          'hover:bg-[var(--primary-action)]/90',\n          'data-[pressed]:bg-[var(--primary-action)]/80',\n        ],\n        accent: [\n          'bg-[var(--accent-background)]',\n          'text-[var(--accent-foreground)]',\n          'hover:bg-[var(--accent-background)]/90',\n          'data-[pressed]:bg-[var(--accent-background)]/80',\n        ],\n        destructive: [\n          'bg-[var(--destructive-background)]',\n          'text-[var(--destructive-foreground)]',\n          'hover:bg-[var(--destructive-background)]/90',\n          'data-[pressed]:bg-[var(--destructive-background)]/80',\n        ],\n        content: [\n          'bg-[var(--accent-background)]',\n          'text-[var(--accent-foreground)]',\n          'hover:bg-[var(--accent-background)]/90',\n          'data-[pressed]:bg-[var(--accent-background)]/80',\n        ],\n      },\n      size: {\n        sm: 'h-5 px-2 text-xs',\n        default: 'h-6 px-2.5 text-xs',\n        lg: 'h-7 px-3 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * @deprecated Use badgeVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const badgeVariants = badgeVisualVariants;\n\n// Icon size classes mapped to badge sizes\n// Sizes are proportional to badge height: sm=20px, default=24px, lg=28px\nconst iconSizeClasses: Record<NonNullable<BadgeProps['size']>, string> = {\n  sm: '[&_svg]:h-2.5 [&_svg]:w-2.5',      // 10px icons for 20px badge\n  default: '[&_svg]:h-3 [&_svg]:w-3',      // 12px icons for 24px badge\n  lg: '[&_svg]:h-3.5 [&_svg]:w-3.5',       // 14px icons for 28px badge\n};\n\n/**\n * Badge Component - Accessible badge for labels, tags, and status indicators\n *\n * Features:\n * - WCAG 2.2 AAA compliant (7:1 contrast, 44x44px touch targets for actionable)\n * - 4 semantic variants (primary, accent, destructive, content)\n * - 3 sizes (sm, default, lg)\n * - Icon support with configurable position\n * - Count display (number or string)\n * - Static badges (span) vs actionable badges (button)\n */\nconst Badge = memo(\n  forwardRef<HTMLButtonElement | HTMLSpanElement, BadgeProps>(\n    (\n      {\n        className,\n        variant = 'primary',\n        size = 'default',\n        children,\n        icon,\n        iconPosition = 'start',\n        count,\n        onPress,\n        isDisabled,\n        id,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledby,\n        'aria-describedby': ariaDescribedby,\n        'data-testid': dataTestId,\n        ...props\n      },\n      ref\n    ): ReactElement => {\n      // Visual classes for the badge appearance\n      const visualClasses = cn(\n        badgeVisualVariants({ variant, size }),\n        iconSizeClasses[size],\n        className\n      );\n\n      // Check if we have multiple content elements (need gap styling)\n      const hasIcon = !!icon;\n      const hasCount = count !== undefined;\n      const hasChildren = !!children;\n      const multipleElements =\n        [hasIcon, hasCount, hasChildren].filter(Boolean).length > 1;\n\n      // Content rendering: icon + children + count (all can display together)\n      // Only wrap children in span when there are multiple elements (for gap)\n      const renderContent = (): ReactElement => (\n        <>\n          {icon && iconPosition === 'start' && (\n            <span className=\"shrink-0\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          )}\n          {children && (multipleElements ? <span>{children}</span> : children)}\n          {count !== undefined && (\n            <span className=\"font-mono tabular-nums\">{count}</span>\n          )}\n          {icon && iconPosition === 'end' && (\n            <span className=\"shrink-0\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          )}\n        </>\n      );\n\n      // Actionable badge (with onPress) - uses 2-layer architecture\n      if (onPress) {\n        return (\n          <AriaButton\n            ref={ref as React.Ref<HTMLButtonElement>}\n            isDisabled={isDisabled}\n            onPress={onPress}\n            className={badgeOuterVariants()}\n            id={id}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-describedby={ariaDescribedby}\n            data-testid={dataTestId}\n            {...(props as Omit<AriaButtonProps, 'className'>)}\n          >\n            {(renderProps) => (\n              <span\n                className={cn(\n                  visualClasses,\n                  // Interaction styles for visual feedback\n                  PRESSED_STYLES,\n                  HOVER_STYLES,\n                  HIGH_CONTRAST_HOVER,\n                  HIGH_CONTRAST_PRESSED\n                )}\n                data-pressed={renderProps.isPressed || undefined}\n              >\n                {renderContent()}\n              </span>\n            )}\n          </AriaButton>\n        );\n      }\n\n      // Static badge - simple span element\n      return (\n        <span\n          ref={ref as React.Ref<HTMLSpanElement>}\n          className={visualClasses}\n          id={id}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          aria-describedby={ariaDescribedby}\n          data-testid={dataTestId}\n          {...props}\n        >\n          {renderContent()}\n        </span>\n      );\n    }\n  )\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { type ReactNode } from 'react';\nimport { type PressEvent } from 'react-aria-components';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * Badge Component Types\n *\n * Defines the props schema and TypeScript types for the Badge component.\n * Extends BaseComponentPropsSchema for consistent accessibility and styling APIs.\n *\n * @see badge-prd.md for full requirements\n * @see WCAG 2.2 AAA compliance requirements\n */\n\n// Variant schema - semantic color variants\nexport const BadgeVariantSchema = z.enum([\n  'primary', // Default brand color for general labels\n  'accent', // Highlighted/featured content\n  'destructive', // Errors, warnings, critical states\n  'content', // Neutral/informational content\n]);\n\n// Size schema - visual size variants\nexport const BadgeSizeSchema = z.enum([\n  'sm', // 20px height\n  'default', // 24px height\n  'lg', // 28px height\n]);\n\n// Icon position schema\nexport const BadgeIconPositionSchema = z.enum([\n  'start', // Icon before text (default)\n  'end', // Icon after text (useful for dismiss/close)\n]);\n\n// Main props schema extending base component props\nexport const BadgePropsSchema = BaseComponentPropsSchema.extend({\n  // Content - override children to be string only for badges\n  children: z.string().optional(),\n  icon: z.custom<ReactNode>().optional(),\n  iconPosition: BadgeIconPositionSchema.optional().default('start'),\n  count: z.union([z.number(), z.string()]).optional(),\n\n  // Variants\n  variant: BadgeVariantSchema.optional().default('primary'),\n  size: BadgeSizeSchema.optional().default('default'),\n\n  // Interaction - makes badge actionable when provided\n  onPress: z.function().optional(), // React Aria PressEvent handler\n  isDisabled: z.boolean().optional(),\n});\n\n// TypeScript types inferred from schemas\nexport type BadgeVariant = z.infer<typeof BadgeVariantSchema>;\nexport type BadgeSize = z.infer<typeof BadgeSizeSchema>;\nexport type BadgeIconPosition = z.infer<typeof BadgeIconPositionSchema>;\n\nexport interface BadgeProps {\n  className?: string;\n  children?: string;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-live'?: 'off' | 'polite' | 'assertive';\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  icon?: ReactNode;\n  iconPosition?: BadgeIconPosition;\n  count?: number | string;\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n  onPress?: (e: PressEvent) => void;\n  isDisabled?: boolean;\n}\n"]}

package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,13 +1,4 @@
-/**
- * Breadcrumbs Component
- * Accessible breadcrumb navigation with array-based API and ellipsis collapse
- *
- * @see breadcrumbs-prd.md FR-001 to FR-011 (Breadcrumbs Component Requirements)
- * @see breadcrumbs-prd.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)
- * @see breadcrumbs-prd.md FR-008 (44x44px minimum touch targets)
- * @see constitution.md Principle IV (Accessibility First)
- */
-import { type ElementType, type ReactNode } from 'react';
+import type { BreadcrumbsProps } from './Breadcrumbs.types';
 /**
  * Root container styling
  * @see plan.md CVA Variants Structure - breadcrumbsVariants
@@ -63,29 +54,6 @@ export declare const ellipsisButtonVariants: (props?: ({} & import("class-varian
  *
  * @see breadcrumbs-prd.md FR-001 to FR-011 (All Functional Requirements)
  */
-declare const Breadcrumbs: import("react").ForwardRefExoticComponent<{
-    items: {
-        id: string | number;
-        label: string;
-        isDisabled: boolean;
-        href?: string | undefined;
-        icon?: ReactNode;
-    }[];
-    separator: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
-    maxItems: number;
-    itemsBeforeCollapse: number;
-    itemsAfterCollapse: number;
-    isDisabled: boolean;
-    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;
-    linkComponent?: ElementType | undefined;
-} & import("react").RefAttributes<HTMLElement>>;
+declare const Breadcrumbs: import("react").ForwardRefExoticComponent<BreadcrumbsProps & import("react").RefAttributes<HTMLElement>>;
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,EAAwB,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB/E;;;GAGG;AACH,eAAO,MAAM,mBAAmB,2FAG9B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2FAMlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2FAGjC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;8EAmBlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,2FAMlC,CAAC;AAyNF;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;+CAoHhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,gBAAgB,EAKjB,MAAM,qBAAqB,CAAC;AAM7B;;;GAGG;AACH,eAAO,MAAM,mBAAmB,2FAG9B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2FAMlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2FAGjC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;8EAmBlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,2FAMlC,CAAC;AAyNF;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,WAAW,0GAoHhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -15,7 +15,13 @@ export declare const BreadcrumbItemDataSchema: z.ZodObject<{
     icon: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
     isDisabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
 }, z.core.$strip>;
-export type BreadcrumbItemData = z.infer<typeof BreadcrumbItemDataSchema>;
+export interface BreadcrumbItemData {
+    id: string | number;
+    label: string;
+    href?: string;
+    icon?: ReactNode;
+    isDisabled?: boolean;
+}
 /**
  * Separator Type Schema
  * Controls the visual separator between breadcrumb items
@@ -61,7 +67,24 @@ export declare const BreadcrumbsPropsSchema: z.ZodObject<{
     linkComponent: z.ZodOptional<z.ZodCustom<ElementType, ElementType>>;
     isDisabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
 }, z.core.$strip>;
-export type BreadcrumbsProps = z.infer<typeof BreadcrumbsPropsSchema>;
+export interface BreadcrumbsProps {
+    className?: string;
+    children?: unknown;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-live'?: 'off' | 'polite' | 'assertive';
+    'aria-hidden'?: boolean;
+    'data-testid'?: string;
+    items: BreadcrumbItemData[];
+    separator?: SeparatorType;
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+    linkComponent?: ElementType;
+    isDisabled?: boolean;
+}
 /**
  * Internal collapsed items structure
  * Used by ellipsis collapse logic

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpD;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB;;;;;;iBAenC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAE1E;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,0GAI9B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgDjC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,mCAAmC;IACnC,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,qCAAqC;IACrC,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,gCAAgC;IAC/C,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpD;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB;;;;;;iBAenC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,0GAI9B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgDjC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,mCAAmC;IACnC,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,qCAAqC;IACrC,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,gCAAgC;IAC/C,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC"}

package/dist/elements/Breadcrumbs/index.js

@@ -1,3 +1,3 @@
 "use client";
-'use strict';var zod=require('zod'),react=require('react'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactAriaComponents=require('react-aria-components'),jsxRuntime=require('react/jsx-runtime');var se=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var pe=zod.z.object({id:zod.z.union([zod.z.string(),zod.z.number()]),label:zod.z.string(),href:zod.z.string().optional(),icon:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false)}),le=zod.z.union([zod.z.literal("chevron"),zod.z.literal("slash"),zod.z.custom()]),ke=se.extend({items:zod.z.array(pe),separator:le.optional().default("chevron"),maxItems:zod.z.number().int().positive().optional().default(4),itemsBeforeCollapse:zod.z.number().int().nonnegative().optional().default(1),itemsAfterCollapse:zod.z.number().int().positive().optional().default(2),linkComponent:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false)});function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var H=classVarianceAuthority.cva("z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),C=classVarianceAuthority.cva("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function $(e){if(typeof e=="function"||typeof e=="object")return e?.displayName}var fe=react.forwardRef(({defaultOpen:e=false,isOpen:t,onOpenChange:o,children:a},n)=>{if(process.env.NODE_ENV!=="production"){let s=react.Children.toArray(a),p=s.some(u=>react.isValidElement(u)&&(u.type===k||$(u.type)==="DropdownTrigger")),v=s.some(u=>react.isValidElement(u)&&(u.type===P||$(u.type)==="DropdownMenu"));if(!p||!v)throw new Error("Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children")}return jsxRuntime.jsx(reactAriaComponents.MenuTrigger,{defaultOpen:e,isOpen:t,onOpenChange:o,children:a})});fe.displayName="Dropdown";var k=react.forwardRef(({children:e,...t},o)=>react.isValidElement(e)?react.cloneElement(e,{...t,slot:"trigger"}):jsxRuntime.jsx(reactAriaComponents.Button,{ref:o,...t,children:e}));k.displayName="DropdownTrigger";var P=react.forwardRef(({align:e="start",side:t="bottom",className:o,children:a,...n},s)=>{let p=`${t} ${e}`;return jsxRuntime.jsx(reactAriaComponents.Popover,{placement:p,className:"entering:animate-in exiting:animate-out",children:jsxRuntime.jsx(reactAriaComponents.Menu,{className:c(H({variant:"default"}),o),...n,children:a})})});P.displayName="DropdownMenu";var F=react.forwardRef(({children:e,onAction:t,isDisabled:o=false,shortcut:a,icon:n,iconRight:s,className:p,"aria-label":v,...u},y)=>{let h=react.Children.toArray(e),l=f=>react.isValidElement(f)&&(f.type===P||$(f.type)==="DropdownMenu"),d=h.some(l),g=h.filter(f=>!l(f)),D=h.find(l);return d&&D?jsxRuntime.jsxs(reactAriaComponents.SubmenuTrigger,{children:[jsxRuntime.jsxs(reactAriaComponents.MenuItem,{"aria-label":v,className:c(C({variant:"default"}),p),...u,children:[n&&jsxRuntime.jsx("span",{className:"mr-2",children:n}),jsxRuntime.jsx("span",{className:"flex-1",children:g}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-4 w-4","aria-hidden":"true"})]}),D]}):jsxRuntime.jsxs(reactAriaComponents.MenuItem,{onAction:t,isDisabled:o,"aria-label":v,className:c(C({variant:"default"}),p),...u,children:[n&&jsxRuntime.jsx("span",{className:"mr-2",children:n}),jsxRuntime.jsx("span",{className:"flex-1",children:e}),s&&jsxRuntime.jsx("span",{className:"ml-auto",children:s}),a&&jsxRuntime.jsx("kbd",{className:"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100",children:a})]})});F.displayName="DropdownItem";var Y=react.memo(react.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(reactAriaComponents.Separator,{className:c("-mx-1 my-1 h-px bg-[var(--accent-background)]",e),...t})));Y.displayName="DropdownSeparator";var W=react.memo(react.forwardRef(({children:e,className:t,...o},a)=>jsxRuntime.jsx(reactAriaComponents.Header,{className:c("px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",t),...o,children:e})));W.displayName="DropdownLabel";var S=Object.assign(fe,{Trigger:k,Menu:P,Item:F,Separator:Y,Label:W});var j=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),U=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var q="data-[pressed]:scale-[0.97]";var Z="data-[hovered]:shadow-md";var L="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",M="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var he=react.createContext(null);he.displayName="ButtonGroupContext";function ye(){return react.useContext(he)}var De=react.createContext(null);De.displayName="ButtonGroupItemContext";function we(){return react.useContext(De)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Se=classVarianceAuthority.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"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var A=react.memo(react.forwardRef(({className:e,buttonVisualClassName:t,variant:o,size:a,visualSize:n,fullWidth:s,loading:p=false,loadingText:v="Loading...",shortcut:u,children:y,isDisabled:h,paywall:l=false,paywallRedirect:d,paywallDescription:g,onPress:D,...f},Ie)=>{let ae=react.useId(),V=ye(),oe=we(),Pe=o??V?.variant??"default",Te=a??V?.size,Ce=h??V?.isDisabled??false,ne=V?.orientation==="vertical",ie=s||ne,Ee=oe?Se({orientation:V?.orientation??"horizontal",position:oe.position}):"",z=n??Te??"default";return process.env.NODE_ENV!=="production"&&(z==="dot"||z==="icon")&&!f["aria-label"]&&!y&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:Ie,isDisabled:Ce||p||void 0,"aria-disabled":l?true:void 0,"aria-describedby":l?ae:void 0,onPress:I=>{if(l){d&&window.open(d,"_blank","noopener,noreferrer");return}D?.(I);},className:c(j({fullWidth:ie,inVerticalGroup:ne}),e),...f,children:I=>jsxRuntime.jsxs("span",{className:c(U({variant:Pe,visualSize:z,paywall:l,fullWidth:ie}),Ee,t,q,Z,L,M),"data-pressed":I.isPressed||void 0,children:[p&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:v})]}),!p&&y,l&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),l&&jsxRuntime.jsxs("span",{id:ae,className:"sr-only",children:["Premium feature: ",g||"Upgrade required to access this feature"]}),I.isFocusVisible&&u&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:u}),I.isPressed&&jsxRuntime.jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));A.displayName="Button";var te=classVarianceAuthority.cva("flex items-center flex-wrap",{variants:{},defaultVariants:{}}),re=classVarianceAuthority.cva("flex flex-wrap items-center gap-1 break-words text-sm text-[var(--menu-muted)]",{variants:{},defaultVariants:{}}),T=classVarianceAuthority.cva("inline-flex items-center gap-1",{variants:{},defaultVariants:{}}),G=classVarianceAuthority.cva("inline-flex items-center gap-2 min-h-[44px] pr-2 rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",{variants:{state:{default:["text-[var(--menu-muted)]","hover:text-[var(--content-foreground)]","hover:underline underline-offset-4"].join(" "),current:"text-[var(--content-foreground)] font-medium pointer-events-none",disabled:"text-[var(--menu-muted)] opacity-50 cursor-not-allowed pointer-events-none"}},defaultVariants:{state:"default"}}),R=classVarianceAuthority.cva("text-[var(--menu-muted)]",{variants:{type:{chevron:"[&>svg]:h-4 [&>svg]:w-4",slash:"mx-2",custom:""}},defaultVariants:{type:"chevron"}}),Ne=classVarianceAuthority.cva("inline-flex items-center justify-center min-h-[44px] min-w-[44px] rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 hover:bg-[var(--accent)]",{variants:{},defaultVariants:{}});function Be(e,t){return e===t-1}function tt(e,t,o,a){if(e.length<=t||o+a>=e.length)return null;let n=e.slice(0,o),s=e.slice(-a),p=e.slice(o,e.length-a);return {before:n,collapsed:p,after:s}}function _({separator:e}){return e==="chevron"?jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:R({type:"chevron"}),children:jsxRuntime.jsx(lucideReact.ChevronRight,{})}):e==="slash"?jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:R({type:"slash"}),children:"/"}):jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:R({type:"custom"}),children:e})}function ee({item:e,isCurrent:t,linkComponent:o="a",isGroupDisabled:a}){let n=a||e.isDisabled,s=t?"current":n?"disabled":"default";return t?jsxRuntime.jsxs("span",{className:G({state:"current"}),"aria-current":"page",children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):e.href?jsxRuntime.jsxs(o,{href:e.href,className:G({state:s}),"aria-disabled":n||void 0,children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):jsxRuntime.jsxs("span",{className:G({state:n?"disabled":"default"}),"aria-disabled":n||void 0,children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]})}function rt({items:e,linkComponent:t="a",isGroupDisabled:o}){return jsxRuntime.jsxs(S,{defaultOpen:false,children:[jsxRuntime.jsx(S.Trigger,{children:jsxRuntime.jsx(A,{variant:"ghost",size:"icon",className:Ne(),"aria-label":"More breadcrumbs",children:jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-4 w-4"})})}),jsxRuntime.jsx(S.Menu,{align:"start",side:"bottom",children:e.map(a=>jsxRuntime.jsx(S.Item,{isDisabled:o||a.isDisabled,children:jsxRuntime.jsxs(t,{href:a.href,className:"flex flex-1 items-center gap-2",children:[a.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:a.icon}),a.label]})},a.id))})]})}var Ve=react.forwardRef(({items:e,separator:t="chevron",maxItems:o=4,itemsBeforeCollapse:a=1,itemsAfterCollapse:n=2,linkComponent:s,isDisabled:p,className:v,"aria-label":u="Breadcrumb",...y},h)=>{if(!e||e.length===0)return null;let l=tt(e,o,a,n);return l?jsxRuntime.jsx("nav",{ref:h,"aria-label":u,className:c(te(),v),...y,children:jsxRuntime.jsxs("ol",{className:re(),children:[l.before.map(d=>jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:T(),children:jsxRuntime.jsx(ee,{item:d,isCurrent:false,linkComponent:s,isGroupDisabled:p})}),jsxRuntime.jsx(_,{separator:t})]},d.id)),jsxRuntime.jsx("li",{className:T(),children:jsxRuntime.jsx(rt,{items:l.collapsed,linkComponent:s,isGroupDisabled:p})}),jsxRuntime.jsx(_,{separator:t}),l.after.map((d,g)=>{let D=g===l.after.length-1,f=e.length-l.after.length+g;return jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:T(),children:jsxRuntime.jsx(ee,{item:d,isCurrent:Be(f,e.length),linkComponent:s,isGroupDisabled:p})}),!D&&jsxRuntime.jsx(_,{separator:t})]},d.id)})]})}):jsxRuntime.jsx("nav",{ref:h,"aria-label":u,className:c(te(),v),...y,children:jsxRuntime.jsx("ol",{className:re(),children:e.map((d,g)=>jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:T(),children:jsxRuntime.jsx(ee,{item:d,isCurrent:Be(g,e.length),linkComponent:s,isGroupDisabled:p})}),g<e.length-1&&jsxRuntime.jsx(_,{separator:t})]},d.id))})})});Ve.displayName="Breadcrumbs";exports.BreadcrumbItemDataSchema=pe;exports.Breadcrumbs=Ve;exports.BreadcrumbsPropsSchema=ke;exports.SeparatorTypeSchema=le;exports.breadcrumbItemVariants=T;exports.breadcrumbLinkVariants=G;exports.breadcrumbListVariants=re;exports.breadcrumbsVariants=te;exports.ellipsisButtonVariants=Ne;exports.separatorVariants=R;//# sourceMappingURL=index.js.map
+'use strict';var zod=require('zod'),react=require('react'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactAriaComponents=require('react-aria-components'),jsxRuntime=require('react/jsx-runtime');var se=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var pe=zod.z.object({id:zod.z.union([zod.z.string(),zod.z.number()]),label:zod.z.string(),href:zod.z.string().optional(),icon:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false)}),le=zod.z.union([zod.z.literal("chevron"),zod.z.literal("slash"),zod.z.custom()]),ke=se.extend({items:zod.z.array(pe),separator:le.optional().default("chevron"),maxItems:zod.z.number().int().positive().optional().default(4),itemsBeforeCollapse:zod.z.number().int().nonnegative().optional().default(1),itemsAfterCollapse:zod.z.number().int().positive().optional().default(2),linkComponent:zod.z.custom().optional(),isDisabled:zod.z.boolean().optional().default(false)});function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var H=classVarianceAuthority.cva("z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),C=classVarianceAuthority.cva("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function $(e){if(typeof e=="function"||typeof e=="object")return e?.displayName}var fe=react.forwardRef(({defaultOpen:e=false,isOpen:r,onOpenChange:o,children:a},n)=>{if(process.env.NODE_ENV!=="production"){let s=react.Children.toArray(a),p=s.some(d=>react.isValidElement(d)&&(d.type===k||$(d.type)==="DropdownTrigger")),v=s.some(d=>react.isValidElement(d)&&(d.type===T||$(d.type)==="DropdownMenu"));if(!p||!v)throw new Error("Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children")}return jsxRuntime.jsx(reactAriaComponents.MenuTrigger,{defaultOpen:e,isOpen:r,onOpenChange:o,children:a})});fe.displayName="Dropdown";var k=react.forwardRef(({children:e,...r},o)=>react.isValidElement(e)?react.cloneElement(e,{...r,slot:"trigger"}):jsxRuntime.jsx(reactAriaComponents.Button,{ref:o,...r,children:e}));k.displayName="DropdownTrigger";var T=react.forwardRef(({align:e="start",side:r="bottom",className:o,children:a,...n},s)=>{let p=`${r} ${e}`;return jsxRuntime.jsx(reactAriaComponents.Popover,{placement:p,className:"entering:animate-in exiting:animate-out",children:jsxRuntime.jsx(reactAriaComponents.Menu,{className:c(H({variant:"default"}),o),...n,children:a})})});T.displayName="DropdownMenu";var F=react.forwardRef(({children:e,onAction:r,isDisabled:o=false,shortcut:a,icon:n,iconRight:s,className:p,"aria-label":v,...d},y)=>{let h=react.Children.toArray(e),l=f=>react.isValidElement(f)&&(f.type===T||$(f.type)==="DropdownMenu"),u=h.some(l),g=h.filter(f=>!l(f)),D=h.find(l);return u&&D?jsxRuntime.jsxs(reactAriaComponents.SubmenuTrigger,{children:[jsxRuntime.jsxs(reactAriaComponents.MenuItem,{"aria-label":v,className:c(C({variant:"default"}),p),...d,children:[n&&jsxRuntime.jsx("span",{className:"mr-2",children:n}),jsxRuntime.jsx("span",{className:"flex-1",children:g}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-4 w-4","aria-hidden":"true"})]}),D]}):jsxRuntime.jsxs(reactAriaComponents.MenuItem,{onAction:r,isDisabled:o,"aria-label":v,className:c(C({variant:"default"}),p),...d,children:[n&&jsxRuntime.jsx("span",{className:"mr-2",children:n}),jsxRuntime.jsx("span",{className:"flex-1",children:e}),s&&jsxRuntime.jsx("span",{className:"ml-auto",children:s}),a&&jsxRuntime.jsx("kbd",{className:"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100",children:a})]})});F.displayName="DropdownItem";var Y=react.memo(react.forwardRef(({className:e,...r},o)=>jsxRuntime.jsx(reactAriaComponents.Separator,{className:c("-mx-1 my-1 h-px bg-[var(--accent-background)]",e),...r})));Y.displayName="DropdownSeparator";var W=react.memo(react.forwardRef(({children:e,className:r,...o},a)=>jsxRuntime.jsx(reactAriaComponents.Header,{className:c("px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",r),...o,children:e})));W.displayName="DropdownLabel";var S=Object.assign(fe,{Trigger:k,Menu:T,Item:F,Separator:Y,Label:W});var j=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),U=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var q="data-[pressed]:scale-[0.97]";var Z="data-[hovered]:shadow-md";var L="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",M="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var he=react.createContext(null);he.displayName="ButtonGroupContext";function ye(){return react.useContext(he)}var De=react.createContext(null);De.displayName="ButtonGroupItemContext";function we(){return react.useContext(De)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Se=classVarianceAuthority.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"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var A=react.memo(react.forwardRef(({className:e,buttonVisualClassName:r,variant:o,size:a,visualSize:n,fullWidth:s,loading:p=false,loadingText:v="Loading...",shortcut:d,children:y,isDisabled:h,paywall:l=false,paywallRedirect:u,paywallDescription:g,onPress:D,...f},Ie)=>{let ae=react.useId(),V=ye(),oe=we(),Te=o??V?.variant??"default",Pe=a??V?.size,Ce=h??V?.isDisabled??false,ne=V?.orientation==="vertical",ie=s||ne,Ee=oe?Se({orientation:V?.orientation??"horizontal",position:oe.position}):"",z=n??Pe??"default";return process.env.NODE_ENV!=="production"&&(z==="dot"||z==="icon")&&!f["aria-label"]&&!y&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:Ie,isDisabled:Ce||p||void 0,"aria-disabled":l?true:void 0,"aria-describedby":l?ae:void 0,onPress:I=>{if(l){u&&window.open(u,"_blank","noopener,noreferrer");return}D?.(I);},className:c(j({fullWidth:ie,inVerticalGroup:ne}),e),...f,children:I=>jsxRuntime.jsxs("span",{className:c(U({variant:Te,visualSize:z,paywall:l,fullWidth:ie}),Ee,r,q,Z,L,M),"data-pressed":I.isPressed||void 0,children:[p&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:v})]}),!p&&y,l&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),l&&jsxRuntime.jsxs("span",{id:ae,className:"sr-only",children:["Premium feature: ",g||"Upgrade required to access this feature"]}),I.isFocusVisible&&d&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:d}),I.isPressed&&jsxRuntime.jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));A.displayName="Button";var re=classVarianceAuthority.cva("flex items-center flex-wrap",{variants:{},defaultVariants:{}}),te=classVarianceAuthority.cva("flex flex-wrap items-center gap-1 break-words text-sm text-[var(--menu-muted)]",{variants:{},defaultVariants:{}}),P=classVarianceAuthority.cva("inline-flex items-center gap-1",{variants:{},defaultVariants:{}}),G=classVarianceAuthority.cva("inline-flex items-center gap-2 min-h-[44px] pr-2 rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",{variants:{state:{default:["text-[var(--menu-muted)]","hover:text-[var(--content-foreground)]","hover:underline underline-offset-4"].join(" "),current:"text-[var(--content-foreground)] font-medium pointer-events-none",disabled:"text-[var(--menu-muted)] opacity-50 cursor-not-allowed pointer-events-none"}},defaultVariants:{state:"default"}}),R=classVarianceAuthority.cva("text-[var(--menu-muted)]",{variants:{type:{chevron:"[&>svg]:h-4 [&>svg]:w-4",slash:"mx-2",custom:""}},defaultVariants:{type:"chevron"}}),Ne=classVarianceAuthority.cva("inline-flex items-center justify-center min-h-[44px] min-w-[44px] rounded-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 hover:bg-[var(--accent)]",{variants:{},defaultVariants:{}});function Be(e,r){return e===r-1}function rr(e,r,o,a){if(e.length<=r||o+a>=e.length)return null;let n=e.slice(0,o),s=e.slice(-a),p=e.slice(o,e.length-a);return {before:n,collapsed:p,after:s}}function _({separator:e}){return e==="chevron"?jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:R({type:"chevron"}),children:jsxRuntime.jsx(lucideReact.ChevronRight,{})}):e==="slash"?jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:R({type:"slash"}),children:"/"}):jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:R({type:"custom"}),children:e})}function ee({item:e,isCurrent:r,linkComponent:o="a",isGroupDisabled:a}){let n=a||e.isDisabled,s=r?"current":n?"disabled":"default";return r?jsxRuntime.jsxs("span",{className:G({state:"current"}),"aria-current":"page",children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):e.href?jsxRuntime.jsxs(o,{href:e.href,className:G({state:s}),"aria-disabled":n||void 0,children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]}):jsxRuntime.jsxs("span",{className:G({state:n?"disabled":"default"}),"aria-disabled":n||void 0,children:[e.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:e.icon}),e.label]})}function tr({items:e,linkComponent:r="a",isGroupDisabled:o}){return jsxRuntime.jsxs(S,{defaultOpen:false,children:[jsxRuntime.jsx(S.Trigger,{children:jsxRuntime.jsx(A,{variant:"ghost",size:"icon",className:Ne(),"aria-label":"More breadcrumbs",children:jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-4 w-4"})})}),jsxRuntime.jsx(S.Menu,{align:"start",side:"bottom",children:e.map(a=>jsxRuntime.jsx(S.Item,{isDisabled:o||a.isDisabled,children:jsxRuntime.jsxs(r,{href:a.href,className:"flex flex-1 items-center gap-2",children:[a.icon&&jsxRuntime.jsx("span",{"aria-hidden":"true",children:a.icon}),a.label]})},a.id))})]})}var Ve=react.forwardRef(({items:e,separator:r="chevron",maxItems:o=4,itemsBeforeCollapse:a=1,itemsAfterCollapse:n=2,linkComponent:s,isDisabled:p,className:v,"aria-label":d="Breadcrumb",...y},h)=>{if(!e||e.length===0)return null;let l=rr(e,o,a,n);return l?jsxRuntime.jsx("nav",{ref:h,"aria-label":d,className:c(re(),v),...y,children:jsxRuntime.jsxs("ol",{className:te(),children:[l.before.map(u=>jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:P(),children:jsxRuntime.jsx(ee,{item:u,isCurrent:false,linkComponent:s,isGroupDisabled:p})}),jsxRuntime.jsx(_,{separator:r})]},u.id)),jsxRuntime.jsx("li",{className:P(),children:jsxRuntime.jsx(tr,{items:l.collapsed,linkComponent:s,isGroupDisabled:p})}),jsxRuntime.jsx(_,{separator:r}),l.after.map((u,g)=>{let D=g===l.after.length-1,f=e.length-l.after.length+g;return jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:P(),children:jsxRuntime.jsx(ee,{item:u,isCurrent:Be(f,e.length),linkComponent:s,isGroupDisabled:p})}),!D&&jsxRuntime.jsx(_,{separator:r})]},u.id)})]})}):jsxRuntime.jsx("nav",{ref:h,"aria-label":d,className:c(re(),v),...y,children:jsxRuntime.jsx("ol",{className:te(),children:e.map((u,g)=>jsxRuntime.jsxs(react.Fragment,{children:[jsxRuntime.jsx("li",{className:P(),children:jsxRuntime.jsx(ee,{item:u,isCurrent:Be(g,e.length),linkComponent:s,isGroupDisabled:p})}),g<e.length-1&&jsxRuntime.jsx(_,{separator:r})]},u.id))})})});Ve.displayName="Breadcrumbs";exports.BreadcrumbItemDataSchema=pe;exports.Breadcrumbs=Ve;exports.BreadcrumbsPropsSchema=ke;exports.SeparatorTypeSchema=le;exports.breadcrumbItemVariants=P;exports.breadcrumbLinkVariants=G;exports.breadcrumbListVariants=te;exports.breadcrumbsVariants=re;exports.ellipsisButtonVariants=Ne;exports.separatorVariants=R;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map