@brycks/core-front 0.3.5 → 0.5.0

package/dist/components/data/TreeView/TreeView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.cjs","sources":["../../../../src/components/data/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * TreeView Component\n *\n * A hierarchical tree structure for displaying nested data.\n * Supports selection, expansion, and keyboard navigation.\n *\n * @module components/data/TreeView\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type KeyboardEvent,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentPaddingY, iconSizes } from '../../../design-system/primitives'\n\nexport interface TreeNode {\n  /** Unique identifier */\n  id: string\n  /** Display label */\n  label: string\n  /** Optional icon */\n  icon?: ReactNode\n  /** Child nodes */\n  children?: TreeNode[]\n  /** Whether the node is disabled */\n  disabled?: boolean\n  /** Additional data */\n  data?: unknown\n}\n\nexport type TreeViewSize = 'sm' | 'md' | 'lg'\n\nexport interface TreeViewProps {\n  /** Tree data */\n  data: TreeNode[]\n  /** Selected node IDs (controlled) */\n  selectedIds?: string[]\n  /** Default selected node IDs (uncontrolled) */\n  defaultSelectedIds?: string[]\n  /** Expanded node IDs (controlled) */\n  expandedIds?: string[]\n  /** Default expanded node IDs (uncontrolled) */\n  defaultExpandedIds?: string[]\n  /** Callback when selection changes */\n  onSelectionChange?: (selectedIds: string[]) => void\n  /** Callback when expansion changes */\n  onExpansionChange?: (expandedIds: string[]) => void\n  /** Callback when a node is clicked */\n  onNodeClick?: (node: TreeNode) => void\n  /** Whether to allow multi-selection */\n  multiSelect?: boolean\n  /** Component size */\n  size?: TreeViewSize\n  /** Whether to show connecting lines */\n  showLines?: boolean\n  /** Custom node renderer */\n  renderNode?: (node: TreeNode, isSelected: boolean, isExpanded: boolean) => ReactNode\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TreeViewSize, { fontSize: number; iconSize: number; padding: number; indent: number }> = {\n  sm: { fontSize: fontSizes.sm, iconSize: iconSizes.xs, padding: componentPaddingY.xs, indent: spacing[4] },\n  md: { fontSize: fontSizes.base, iconSize: iconSizes.sm, padding: componentPaddingY.sm, indent: spacing[5] },\n  lg: { fontSize: fontSizes.md, iconSize: iconSizes.md, padding: componentPaddingY.md, indent: spacing[6] },\n}\n\nfunction ChevronIcon({ expanded }: { expanded: boolean }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      style={{\n        transform: expanded ? 'rotate(90deg)' : 'rotate(0)',\n        transition: `transform ${durations.fast}ms ${easings.easeOut}`,\n      }}\n    >\n      <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\ninterface TreeNodeItemProps {\n  node: TreeNode\n  level: number\n  config: typeof sizeConfig.md\n  isSelected: boolean\n  isExpanded: boolean\n  showLines: boolean\n  onToggle: (id: string) => void\n  onSelect: (id: string, multi: boolean) => void\n  renderNode?: TreeViewProps['renderNode']\n  selectedIds: string[]\n  expandedIds: string[]\n  multiSelect: boolean\n}\n\nfunction TreeNodeItem({\n  node,\n  level,\n  config,\n  isSelected,\n  isExpanded,\n  showLines,\n  onToggle,\n  onSelect,\n  renderNode,\n  selectedIds,\n  expandedIds,\n  multiSelect,\n}: TreeNodeItemProps) {\n  const hasChildren = node.children && node.children.length > 0\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (node.disabled) return\n      onSelect(node.id, e.ctrlKey || e.metaKey)\n    },\n    [node.id, node.disabled, onSelect]\n  )\n\n  const handleToggle = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      if (hasChildren) {\n        onToggle(node.id)\n      }\n    },\n    [node.id, hasChildren, onToggle]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (node.disabled) return\n\n      switch (e.key) {\n        case 'Enter':\n        case ' ':\n          e.preventDefault()\n          onSelect(node.id, e.ctrlKey || e.metaKey)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          if (hasChildren && !isExpanded) {\n            onToggle(node.id)\n          }\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          if (hasChildren && isExpanded) {\n            onToggle(node.id)\n          }\n          break\n      }\n    },\n    [node.id, node.disabled, hasChildren, isExpanded, onToggle, onSelect]\n  )\n\n  const itemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: spacing[1.5],\n    padding: `${config.padding}px ${spacing[2]}px`,\n    paddingLeft: spacing[2] + level * config.indent,\n    fontSize: config.fontSize,\n    color: node.disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-50)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: node.disabled ? 'not-allowed' : 'pointer',\n    userSelect: 'none',\n    transition: `background-color ${durations.fast}ms ${easings.easeOut}`,\n    position: 'relative',\n  }\n\n  const toggleStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    flexShrink: 0,\n  }\n\n  const iconStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-muted)',\n    flexShrink: 0,\n  }\n\n  const lineStyle: CSSProperties = showLines && level > 0 ? {\n    position: 'absolute',\n    left: spacing[2] + (level - 1) * config.indent + config.iconSize / 2,\n    top: 0,\n    bottom: 0,\n    width: 1,\n    backgroundColor: 'var(--brycks-border-default)',\n  } : {}\n\n  return (\n    <li role=\"treeitem\" aria-selected={isSelected} aria-expanded={hasChildren ? isExpanded : undefined}>\n      <div\n        tabIndex={node.disabled ? -1 : 0}\n        style={itemStyle}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(e) => {\n          if (!node.disabled && !isSelected) {\n            e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isSelected) {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }\n        }}\n      >\n        {showLines && level > 0 && <span style={lineStyle} aria-hidden=\"true\" />}\n        <span style={toggleStyle} onClick={handleToggle}>\n          {hasChildren && <ChevronIcon expanded={isExpanded} />}\n        </span>\n        {node.icon && <span style={iconStyle}>{node.icon}</span>}\n        {renderNode ? (\n          renderNode(node, isSelected, isExpanded)\n        ) : (\n          <span style={{ flex: 1 }}>{node.label}</span>\n        )}\n      </div>\n      {hasChildren && isExpanded && (\n        <ul role=\"group\" style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n          {node.children!.map((child) => (\n            <TreeNodeItem\n              key={child.id}\n              node={child}\n              level={level + 1}\n              config={config}\n              isSelected={selectedIds.includes(child.id)}\n              isExpanded={expandedIds.includes(child.id)}\n              showLines={showLines}\n              onToggle={onToggle}\n              onSelect={onSelect}\n              renderNode={renderNode}\n              selectedIds={selectedIds}\n              expandedIds={expandedIds}\n              multiSelect={multiSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nexport const TreeView = forwardRef<HTMLUListElement, TreeViewProps>(function TreeView(\n  {\n    data,\n    selectedIds: controlledSelectedIds,\n    defaultSelectedIds = [],\n    expandedIds: controlledExpandedIds,\n    defaultExpandedIds = [],\n    onSelectionChange,\n    onExpansionChange,\n    onNodeClick,\n    multiSelect = false,\n    size = 'md',\n    showLines = false,\n    renderNode,\n    'aria-label': ariaLabel = 'Tree',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalSelectedIds, setInternalSelectedIds] = useState<string[]>(defaultSelectedIds)\n  const [internalExpandedIds, setInternalExpandedIds] = useState<string[]>(defaultExpandedIds)\n\n  const selectedIds = controlledSelectedIds !== undefined ? controlledSelectedIds : internalSelectedIds\n  const expandedIds = controlledExpandedIds !== undefined ? controlledExpandedIds : internalExpandedIds\n  const config = sizeConfig[size]\n\n  // Flatten all nodes for keyboard navigation\n  const flatNodes = useMemo(() => {\n    const flatten = (nodes: TreeNode[], result: TreeNode[] = []): TreeNode[] => {\n      nodes.forEach((node) => {\n        result.push(node)\n        if (node.children && expandedIds.includes(node.id)) {\n          flatten(node.children, result)\n        }\n      })\n      return result\n    }\n    return flatten(data)\n  }, [data, expandedIds])\n\n  const handleToggle = useCallback(\n    (id: string) => {\n      const newExpandedIds = expandedIds.includes(id)\n        ? expandedIds.filter((eid) => eid !== id)\n        : [...expandedIds, id]\n\n      if (controlledExpandedIds === undefined) {\n        setInternalExpandedIds(newExpandedIds)\n      }\n      onExpansionChange?.(newExpandedIds)\n    },\n    [expandedIds, controlledExpandedIds, onExpansionChange]\n  )\n\n  const handleSelect = useCallback(\n    (id: string, additive: boolean) => {\n      const node = flatNodes.find((n) => n.id === id)\n      if (node) {\n        onNodeClick?.(node)\n      }\n\n      let newSelectedIds: string[]\n      if (multiSelect && additive) {\n        newSelectedIds = selectedIds.includes(id)\n          ? selectedIds.filter((sid) => sid !== id)\n          : [...selectedIds, id]\n      } else {\n        newSelectedIds = selectedIds.includes(id) && selectedIds.length === 1 ? [] : [id]\n      }\n\n      if (controlledSelectedIds === undefined) {\n        setInternalSelectedIds(newSelectedIds)\n      }\n      onSelectionChange?.(newSelectedIds)\n    },\n    [flatNodes, multiSelect, selectedIds, controlledSelectedIds, onSelectionChange, onNodeClick]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLUListElement>) => {\n      const currentIndex = flatNodes.findIndex((n) => selectedIds.includes(n.id))\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault()\n          const nextIndex = currentIndex < flatNodes.length - 1 ? currentIndex + 1 : 0\n          handleSelect(flatNodes[nextIndex].id, false)\n          break\n        }\n        case 'ArrowUp': {\n          e.preventDefault()\n          const prevIndex = currentIndex > 0 ? currentIndex - 1 : flatNodes.length - 1\n          handleSelect(flatNodes[prevIndex].id, false)\n          break\n        }\n        case 'Home':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[0].id, false)\n          }\n          break\n        case 'End':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[flatNodes.length - 1].id, false)\n          }\n          break\n      }\n    },\n    [flatNodes, selectedIds, handleSelect]\n  )\n\n  const containerStyle: CSSProperties = {\n    listStyle: 'none',\n    margin: 0,\n    padding: spacing[1],\n    outline: 'none',\n  }\n\n  return (\n    <ul\n      ref={ref}\n      role=\"tree\"\n      aria-label={ariaLabel}\n      aria-multiselectable={multiSelect}\n      tabIndex={0}\n      className={cx('brycks-treeview', `brycks-treeview--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      onKeyDown={handleKeyDown}\n    >\n      {data.map((node) => (\n        <TreeNodeItem\n          key={node.id}\n          node={node}\n          level={0}\n          config={config}\n          isSelected={selectedIds.includes(node.id)}\n          isExpanded={expandedIds.includes(node.id)}\n          showLines={showLines}\n          onToggle={handleToggle}\n          onSelect={handleSelect}\n          renderNode={renderNode}\n          selectedIds={selectedIds}\n          expandedIds={expandedIds}\n          multiSelect={multiSelect}\n        />\n      ))}\n    </ul>\n  )\n})\n\nTreeView.displayName = 'TreeView'\n"],"names":["sizeConfig","fontSizes","iconSizes","componentPaddingY","spacing","ChevronIcon","expanded","jsx","durations","easings","TreeNodeItem","node","level","config","isSelected","isExpanded","showLines","onToggle","onSelect","renderNode","selectedIds","expandedIds","multiSelect","hasChildren","handleClick","useCallback","e","handleToggle","handleKeyDown","itemStyle","toggleStyle","iconStyle","lineStyle","jsxs","child","TreeView","forwardRef","data","controlledSelectedIds","defaultSelectedIds","controlledExpandedIds","defaultExpandedIds","onSelectionChange","onExpansionChange","onNodeClick","size","ariaLabel","className","testId","ref","internalSelectedIds","setInternalSelectedIds","useState","internalExpandedIds","setInternalExpandedIds","flatNodes","useMemo","flatten","nodes","result","id","newExpandedIds","eid","handleSelect","additive","n","newSelectedIds","sid","currentIndex","nextIndex","prevIndex","containerStyle","cx"],"mappings":"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"}
+{"version":3,"file":"TreeView.cjs","sources":["../../../../src/components/data/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * TreeView Component\n *\n * A hierarchical tree structure for displaying nested data.\n * Supports selection, expansion, and keyboard navigation.\n *\n * @module components/data/TreeView\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type KeyboardEvent,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentPaddingY, iconSizes } from '../../../design-system/primitives'\n\nexport interface TreeNode {\n  /** Unique identifier */\n  id: string\n  /** Display label */\n  label: string\n  /** Optional icon */\n  icon?: ReactNode\n  /** Child nodes */\n  children?: TreeNode[]\n  /** Whether the node is disabled */\n  disabled?: boolean\n  /** Additional data */\n  data?: unknown\n}\n\nexport type TreeViewSize = 'sm' | 'md' | 'lg'\n\nexport interface TreeViewProps {\n  /** Tree data */\n  data: TreeNode[]\n  /** Selected node IDs (controlled) */\n  selectedIds?: string[]\n  /** Default selected node IDs (uncontrolled) */\n  defaultSelectedIds?: string[]\n  /** Expanded node IDs (controlled) */\n  expandedIds?: string[]\n  /** Default expanded node IDs (uncontrolled) */\n  defaultExpandedIds?: string[]\n  /** Callback when selection changes */\n  onSelectionChange?: (selectedIds: string[]) => void\n  /** Callback when expansion changes */\n  onExpansionChange?: (expandedIds: string[]) => void\n  /** Callback when a node is clicked */\n  onNodeClick?: (node: TreeNode) => void\n  /** Whether to allow multi-selection */\n  multiSelect?: boolean\n  /** Component size */\n  size?: TreeViewSize\n  /** Whether to show connecting lines */\n  showLines?: boolean\n  /** Custom node renderer */\n  renderNode?: (node: TreeNode, isSelected: boolean, isExpanded: boolean) => ReactNode\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TreeViewSize, { fontSize: number; iconSize: number; padding: number; indent: number }> = {\n  sm: { fontSize: fontSizes.sm, iconSize: iconSizes.xs, padding: componentPaddingY.xs, indent: spacing[4] },\n  md: { fontSize: fontSizes.base, iconSize: iconSizes.sm, padding: componentPaddingY.sm, indent: spacing[5] },\n  lg: { fontSize: fontSizes.md, iconSize: iconSizes.md, padding: componentPaddingY.md, indent: spacing[6] },\n}\n\nfunction ChevronIcon({ expanded }: { expanded: boolean }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      style={{\n        transform: expanded ? 'rotate(90deg)' : 'rotate(0)',\n        transition: `transform ${durations.fast}ms ${easings.easeOut}`,\n      }}\n    >\n      <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\ninterface TreeNodeItemProps {\n  node: TreeNode\n  level: number\n  config: typeof sizeConfig.md\n  isSelected: boolean\n  isExpanded: boolean\n  showLines: boolean\n  onToggle: (id: string) => void\n  onSelect: (id: string, multi: boolean) => void\n  renderNode?: TreeViewProps['renderNode']\n  selectedIds: string[]\n  expandedIds: string[]\n  multiSelect: boolean\n}\n\nfunction TreeNodeItem({\n  node,\n  level,\n  config,\n  isSelected,\n  isExpanded,\n  showLines,\n  onToggle,\n  onSelect,\n  renderNode,\n  selectedIds,\n  expandedIds,\n  multiSelect,\n}: TreeNodeItemProps) {\n  const hasChildren = node.children && node.children.length > 0\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (node.disabled) return\n      onSelect(node.id, e.ctrlKey || e.metaKey)\n    },\n    [node.id, node.disabled, onSelect]\n  )\n\n  const handleToggle = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      if (hasChildren) {\n        onToggle(node.id)\n      }\n    },\n    [node.id, hasChildren, onToggle]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (node.disabled) return\n\n      switch (e.key) {\n        case 'Enter':\n        case ' ':\n          e.preventDefault()\n          onSelect(node.id, e.ctrlKey || e.metaKey)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          if (hasChildren && !isExpanded) {\n            onToggle(node.id)\n          }\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          if (hasChildren && isExpanded) {\n            onToggle(node.id)\n          }\n          break\n      }\n    },\n    [node.id, node.disabled, hasChildren, isExpanded, onToggle, onSelect]\n  )\n\n  const itemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: spacing[1.5],\n    padding: `${config.padding}px ${spacing[2]}px`,\n    paddingLeft: spacing[2] + level * config.indent,\n    fontSize: config.fontSize,\n    color: node.disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-muted)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: node.disabled ? 'not-allowed' : 'pointer',\n    userSelect: 'none',\n    transition: `background-color ${durations.fast}ms ${easings.easeOut}`,\n    position: 'relative',\n  }\n\n  const toggleStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    flexShrink: 0,\n  }\n\n  const iconStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-muted)',\n    flexShrink: 0,\n  }\n\n  const lineStyle: CSSProperties = showLines && level > 0 ? {\n    position: 'absolute',\n    left: spacing[2] + (level - 1) * config.indent + config.iconSize / 2,\n    top: 0,\n    bottom: 0,\n    width: 1,\n    backgroundColor: 'var(--brycks-border-default)',\n  } : {}\n\n  return (\n    <li role=\"treeitem\" aria-selected={isSelected} aria-expanded={hasChildren ? isExpanded : undefined}>\n      <div\n        tabIndex={node.disabled ? -1 : 0}\n        style={itemStyle}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(e) => {\n          if (!node.disabled && !isSelected) {\n            e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isSelected) {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }\n        }}\n      >\n        {showLines && level > 0 && <span style={lineStyle} aria-hidden=\"true\" />}\n        <span style={toggleStyle} onClick={handleToggle}>\n          {hasChildren && <ChevronIcon expanded={isExpanded} />}\n        </span>\n        {node.icon && <span style={iconStyle}>{node.icon}</span>}\n        {renderNode ? (\n          renderNode(node, isSelected, isExpanded)\n        ) : (\n          <span style={{ flex: 1 }}>{node.label}</span>\n        )}\n      </div>\n      {hasChildren && isExpanded && (\n        <ul role=\"group\" style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n          {node.children!.map((child) => (\n            <TreeNodeItem\n              key={child.id}\n              node={child}\n              level={level + 1}\n              config={config}\n              isSelected={selectedIds.includes(child.id)}\n              isExpanded={expandedIds.includes(child.id)}\n              showLines={showLines}\n              onToggle={onToggle}\n              onSelect={onSelect}\n              renderNode={renderNode}\n              selectedIds={selectedIds}\n              expandedIds={expandedIds}\n              multiSelect={multiSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nexport const TreeView = forwardRef<HTMLUListElement, TreeViewProps>(function TreeView(\n  {\n    data,\n    selectedIds: controlledSelectedIds,\n    defaultSelectedIds = [],\n    expandedIds: controlledExpandedIds,\n    defaultExpandedIds = [],\n    onSelectionChange,\n    onExpansionChange,\n    onNodeClick,\n    multiSelect = false,\n    size = 'md',\n    showLines = false,\n    renderNode,\n    'aria-label': ariaLabel = 'Tree',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalSelectedIds, setInternalSelectedIds] = useState<string[]>(defaultSelectedIds)\n  const [internalExpandedIds, setInternalExpandedIds] = useState<string[]>(defaultExpandedIds)\n\n  const selectedIds = controlledSelectedIds !== undefined ? controlledSelectedIds : internalSelectedIds\n  const expandedIds = controlledExpandedIds !== undefined ? controlledExpandedIds : internalExpandedIds\n  const config = sizeConfig[size]\n\n  // Flatten all nodes for keyboard navigation\n  const flatNodes = useMemo(() => {\n    const flatten = (nodes: TreeNode[], result: TreeNode[] = []): TreeNode[] => {\n      nodes.forEach((node) => {\n        result.push(node)\n        if (node.children && expandedIds.includes(node.id)) {\n          flatten(node.children, result)\n        }\n      })\n      return result\n    }\n    return flatten(data)\n  }, [data, expandedIds])\n\n  const handleToggle = useCallback(\n    (id: string) => {\n      const newExpandedIds = expandedIds.includes(id)\n        ? expandedIds.filter((eid) => eid !== id)\n        : [...expandedIds, id]\n\n      if (controlledExpandedIds === undefined) {\n        setInternalExpandedIds(newExpandedIds)\n      }\n      onExpansionChange?.(newExpandedIds)\n    },\n    [expandedIds, controlledExpandedIds, onExpansionChange]\n  )\n\n  const handleSelect = useCallback(\n    (id: string, additive: boolean) => {\n      const node = flatNodes.find((n) => n.id === id)\n      if (node) {\n        onNodeClick?.(node)\n      }\n\n      let newSelectedIds: string[]\n      if (multiSelect && additive) {\n        newSelectedIds = selectedIds.includes(id)\n          ? selectedIds.filter((sid) => sid !== id)\n          : [...selectedIds, id]\n      } else {\n        newSelectedIds = selectedIds.includes(id) && selectedIds.length === 1 ? [] : [id]\n      }\n\n      if (controlledSelectedIds === undefined) {\n        setInternalSelectedIds(newSelectedIds)\n      }\n      onSelectionChange?.(newSelectedIds)\n    },\n    [flatNodes, multiSelect, selectedIds, controlledSelectedIds, onSelectionChange, onNodeClick]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLUListElement>) => {\n      const currentIndex = flatNodes.findIndex((n) => selectedIds.includes(n.id))\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault()\n          const nextIndex = currentIndex < flatNodes.length - 1 ? currentIndex + 1 : 0\n          handleSelect(flatNodes[nextIndex].id, false)\n          break\n        }\n        case 'ArrowUp': {\n          e.preventDefault()\n          const prevIndex = currentIndex > 0 ? currentIndex - 1 : flatNodes.length - 1\n          handleSelect(flatNodes[prevIndex].id, false)\n          break\n        }\n        case 'Home':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[0].id, false)\n          }\n          break\n        case 'End':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[flatNodes.length - 1].id, false)\n          }\n          break\n      }\n    },\n    [flatNodes, selectedIds, handleSelect]\n  )\n\n  const containerStyle: CSSProperties = {\n    listStyle: 'none',\n    margin: 0,\n    padding: spacing[1],\n    outline: 'none',\n  }\n\n  return (\n    <ul\n      ref={ref}\n      role=\"tree\"\n      aria-label={ariaLabel}\n      aria-multiselectable={multiSelect}\n      tabIndex={0}\n      className={cx('brycks-treeview', `brycks-treeview--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      onKeyDown={handleKeyDown}\n    >\n      {data.map((node) => (\n        <TreeNodeItem\n          key={node.id}\n          node={node}\n          level={0}\n          config={config}\n          isSelected={selectedIds.includes(node.id)}\n          isExpanded={expandedIds.includes(node.id)}\n          showLines={showLines}\n          onToggle={handleToggle}\n          onSelect={handleSelect}\n          renderNode={renderNode}\n          selectedIds={selectedIds}\n          expandedIds={expandedIds}\n          multiSelect={multiSelect}\n        />\n      ))}\n    </ul>\n  )\n})\n\nTreeView.displayName = 'TreeView'\n"],"names":["sizeConfig","fontSizes","iconSizes","componentPaddingY","spacing","ChevronIcon","expanded","jsx","durations","easings","TreeNodeItem","node","level","config","isSelected","isExpanded","showLines","onToggle","onSelect","renderNode","selectedIds","expandedIds","multiSelect","hasChildren","handleClick","useCallback","e","handleToggle","handleKeyDown","itemStyle","toggleStyle","iconStyle","lineStyle","jsxs","child","TreeView","forwardRef","data","controlledSelectedIds","defaultSelectedIds","controlledExpandedIds","defaultExpandedIds","onSelectionChange","onExpansionChange","onNodeClick","size","ariaLabel","className","testId","ref","internalSelectedIds","setInternalSelectedIds","useState","internalExpandedIds","setInternalExpandedIds","flatNodes","useMemo","flatten","nodes","result","id","newExpandedIds","eid","handleSelect","additive","n","newSelectedIds","sid","currentIndex","nextIndex","prevIndex","containerStyle","cx"],"mappings":"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"}

package/dist/components/data/TreeView/TreeView.js

@@ -76,7 +76,7 @@ function H({
     paddingLeft: h[2] + f * i.indent,
     fontSize: i.fontSize,
     color: e.disabled ? "var(--brycks-foreground-disabled)" : "var(--brycks-foreground-default)",
-    backgroundColor: m ? "var(--brycks-primary-50)" : "transparent",
+    backgroundColor: m ? "var(--brycks-primary-muted)" : "transparent",
     borderRadius: "var(--brycks-radius-md)",
     cursor: e.disabled ? "not-allowed" : "pointer",
     userSelect: "none",

package/dist/components/data/TreeView/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","sources":["../../../../src/components/data/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * TreeView Component\n *\n * A hierarchical tree structure for displaying nested data.\n * Supports selection, expansion, and keyboard navigation.\n *\n * @module components/data/TreeView\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type KeyboardEvent,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentPaddingY, iconSizes } from '../../../design-system/primitives'\n\nexport interface TreeNode {\n  /** Unique identifier */\n  id: string\n  /** Display label */\n  label: string\n  /** Optional icon */\n  icon?: ReactNode\n  /** Child nodes */\n  children?: TreeNode[]\n  /** Whether the node is disabled */\n  disabled?: boolean\n  /** Additional data */\n  data?: unknown\n}\n\nexport type TreeViewSize = 'sm' | 'md' | 'lg'\n\nexport interface TreeViewProps {\n  /** Tree data */\n  data: TreeNode[]\n  /** Selected node IDs (controlled) */\n  selectedIds?: string[]\n  /** Default selected node IDs (uncontrolled) */\n  defaultSelectedIds?: string[]\n  /** Expanded node IDs (controlled) */\n  expandedIds?: string[]\n  /** Default expanded node IDs (uncontrolled) */\n  defaultExpandedIds?: string[]\n  /** Callback when selection changes */\n  onSelectionChange?: (selectedIds: string[]) => void\n  /** Callback when expansion changes */\n  onExpansionChange?: (expandedIds: string[]) => void\n  /** Callback when a node is clicked */\n  onNodeClick?: (node: TreeNode) => void\n  /** Whether to allow multi-selection */\n  multiSelect?: boolean\n  /** Component size */\n  size?: TreeViewSize\n  /** Whether to show connecting lines */\n  showLines?: boolean\n  /** Custom node renderer */\n  renderNode?: (node: TreeNode, isSelected: boolean, isExpanded: boolean) => ReactNode\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TreeViewSize, { fontSize: number; iconSize: number; padding: number; indent: number }> = {\n  sm: { fontSize: fontSizes.sm, iconSize: iconSizes.xs, padding: componentPaddingY.xs, indent: spacing[4] },\n  md: { fontSize: fontSizes.base, iconSize: iconSizes.sm, padding: componentPaddingY.sm, indent: spacing[5] },\n  lg: { fontSize: fontSizes.md, iconSize: iconSizes.md, padding: componentPaddingY.md, indent: spacing[6] },\n}\n\nfunction ChevronIcon({ expanded }: { expanded: boolean }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      style={{\n        transform: expanded ? 'rotate(90deg)' : 'rotate(0)',\n        transition: `transform ${durations.fast}ms ${easings.easeOut}`,\n      }}\n    >\n      <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\ninterface TreeNodeItemProps {\n  node: TreeNode\n  level: number\n  config: typeof sizeConfig.md\n  isSelected: boolean\n  isExpanded: boolean\n  showLines: boolean\n  onToggle: (id: string) => void\n  onSelect: (id: string, multi: boolean) => void\n  renderNode?: TreeViewProps['renderNode']\n  selectedIds: string[]\n  expandedIds: string[]\n  multiSelect: boolean\n}\n\nfunction TreeNodeItem({\n  node,\n  level,\n  config,\n  isSelected,\n  isExpanded,\n  showLines,\n  onToggle,\n  onSelect,\n  renderNode,\n  selectedIds,\n  expandedIds,\n  multiSelect,\n}: TreeNodeItemProps) {\n  const hasChildren = node.children && node.children.length > 0\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (node.disabled) return\n      onSelect(node.id, e.ctrlKey || e.metaKey)\n    },\n    [node.id, node.disabled, onSelect]\n  )\n\n  const handleToggle = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      if (hasChildren) {\n        onToggle(node.id)\n      }\n    },\n    [node.id, hasChildren, onToggle]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (node.disabled) return\n\n      switch (e.key) {\n        case 'Enter':\n        case ' ':\n          e.preventDefault()\n          onSelect(node.id, e.ctrlKey || e.metaKey)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          if (hasChildren && !isExpanded) {\n            onToggle(node.id)\n          }\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          if (hasChildren && isExpanded) {\n            onToggle(node.id)\n          }\n          break\n      }\n    },\n    [node.id, node.disabled, hasChildren, isExpanded, onToggle, onSelect]\n  )\n\n  const itemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: spacing[1.5],\n    padding: `${config.padding}px ${spacing[2]}px`,\n    paddingLeft: spacing[2] + level * config.indent,\n    fontSize: config.fontSize,\n    color: node.disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-50)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: node.disabled ? 'not-allowed' : 'pointer',\n    userSelect: 'none',\n    transition: `background-color ${durations.fast}ms ${easings.easeOut}`,\n    position: 'relative',\n  }\n\n  const toggleStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    flexShrink: 0,\n  }\n\n  const iconStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-muted)',\n    flexShrink: 0,\n  }\n\n  const lineStyle: CSSProperties = showLines && level > 0 ? {\n    position: 'absolute',\n    left: spacing[2] + (level - 1) * config.indent + config.iconSize / 2,\n    top: 0,\n    bottom: 0,\n    width: 1,\n    backgroundColor: 'var(--brycks-border-default)',\n  } : {}\n\n  return (\n    <li role=\"treeitem\" aria-selected={isSelected} aria-expanded={hasChildren ? isExpanded : undefined}>\n      <div\n        tabIndex={node.disabled ? -1 : 0}\n        style={itemStyle}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(e) => {\n          if (!node.disabled && !isSelected) {\n            e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isSelected) {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }\n        }}\n      >\n        {showLines && level > 0 && <span style={lineStyle} aria-hidden=\"true\" />}\n        <span style={toggleStyle} onClick={handleToggle}>\n          {hasChildren && <ChevronIcon expanded={isExpanded} />}\n        </span>\n        {node.icon && <span style={iconStyle}>{node.icon}</span>}\n        {renderNode ? (\n          renderNode(node, isSelected, isExpanded)\n        ) : (\n          <span style={{ flex: 1 }}>{node.label}</span>\n        )}\n      </div>\n      {hasChildren && isExpanded && (\n        <ul role=\"group\" style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n          {node.children!.map((child) => (\n            <TreeNodeItem\n              key={child.id}\n              node={child}\n              level={level + 1}\n              config={config}\n              isSelected={selectedIds.includes(child.id)}\n              isExpanded={expandedIds.includes(child.id)}\n              showLines={showLines}\n              onToggle={onToggle}\n              onSelect={onSelect}\n              renderNode={renderNode}\n              selectedIds={selectedIds}\n              expandedIds={expandedIds}\n              multiSelect={multiSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nexport const TreeView = forwardRef<HTMLUListElement, TreeViewProps>(function TreeView(\n  {\n    data,\n    selectedIds: controlledSelectedIds,\n    defaultSelectedIds = [],\n    expandedIds: controlledExpandedIds,\n    defaultExpandedIds = [],\n    onSelectionChange,\n    onExpansionChange,\n    onNodeClick,\n    multiSelect = false,\n    size = 'md',\n    showLines = false,\n    renderNode,\n    'aria-label': ariaLabel = 'Tree',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalSelectedIds, setInternalSelectedIds] = useState<string[]>(defaultSelectedIds)\n  const [internalExpandedIds, setInternalExpandedIds] = useState<string[]>(defaultExpandedIds)\n\n  const selectedIds = controlledSelectedIds !== undefined ? controlledSelectedIds : internalSelectedIds\n  const expandedIds = controlledExpandedIds !== undefined ? controlledExpandedIds : internalExpandedIds\n  const config = sizeConfig[size]\n\n  // Flatten all nodes for keyboard navigation\n  const flatNodes = useMemo(() => {\n    const flatten = (nodes: TreeNode[], result: TreeNode[] = []): TreeNode[] => {\n      nodes.forEach((node) => {\n        result.push(node)\n        if (node.children && expandedIds.includes(node.id)) {\n          flatten(node.children, result)\n        }\n      })\n      return result\n    }\n    return flatten(data)\n  }, [data, expandedIds])\n\n  const handleToggle = useCallback(\n    (id: string) => {\n      const newExpandedIds = expandedIds.includes(id)\n        ? expandedIds.filter((eid) => eid !== id)\n        : [...expandedIds, id]\n\n      if (controlledExpandedIds === undefined) {\n        setInternalExpandedIds(newExpandedIds)\n      }\n      onExpansionChange?.(newExpandedIds)\n    },\n    [expandedIds, controlledExpandedIds, onExpansionChange]\n  )\n\n  const handleSelect = useCallback(\n    (id: string, additive: boolean) => {\n      const node = flatNodes.find((n) => n.id === id)\n      if (node) {\n        onNodeClick?.(node)\n      }\n\n      let newSelectedIds: string[]\n      if (multiSelect && additive) {\n        newSelectedIds = selectedIds.includes(id)\n          ? selectedIds.filter((sid) => sid !== id)\n          : [...selectedIds, id]\n      } else {\n        newSelectedIds = selectedIds.includes(id) && selectedIds.length === 1 ? [] : [id]\n      }\n\n      if (controlledSelectedIds === undefined) {\n        setInternalSelectedIds(newSelectedIds)\n      }\n      onSelectionChange?.(newSelectedIds)\n    },\n    [flatNodes, multiSelect, selectedIds, controlledSelectedIds, onSelectionChange, onNodeClick]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLUListElement>) => {\n      const currentIndex = flatNodes.findIndex((n) => selectedIds.includes(n.id))\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault()\n          const nextIndex = currentIndex < flatNodes.length - 1 ? currentIndex + 1 : 0\n          handleSelect(flatNodes[nextIndex].id, false)\n          break\n        }\n        case 'ArrowUp': {\n          e.preventDefault()\n          const prevIndex = currentIndex > 0 ? currentIndex - 1 : flatNodes.length - 1\n          handleSelect(flatNodes[prevIndex].id, false)\n          break\n        }\n        case 'Home':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[0].id, false)\n          }\n          break\n        case 'End':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[flatNodes.length - 1].id, false)\n          }\n          break\n      }\n    },\n    [flatNodes, selectedIds, handleSelect]\n  )\n\n  const containerStyle: CSSProperties = {\n    listStyle: 'none',\n    margin: 0,\n    padding: spacing[1],\n    outline: 'none',\n  }\n\n  return (\n    <ul\n      ref={ref}\n      role=\"tree\"\n      aria-label={ariaLabel}\n      aria-multiselectable={multiSelect}\n      tabIndex={0}\n      className={cx('brycks-treeview', `brycks-treeview--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      onKeyDown={handleKeyDown}\n    >\n      {data.map((node) => (\n        <TreeNodeItem\n          key={node.id}\n          node={node}\n          level={0}\n          config={config}\n          isSelected={selectedIds.includes(node.id)}\n          isExpanded={expandedIds.includes(node.id)}\n          showLines={showLines}\n          onToggle={handleToggle}\n          onSelect={handleSelect}\n          renderNode={renderNode}\n          selectedIds={selectedIds}\n          expandedIds={expandedIds}\n          multiSelect={multiSelect}\n        />\n      ))}\n    </ul>\n  )\n})\n\nTreeView.displayName = 'TreeView'\n"],"names":["sizeConfig","fontSizes","iconSizes","componentPaddingY","spacing","ChevronIcon","expanded","jsx","durations","easings","TreeNodeItem","node","level","config","isSelected","isExpanded","showLines","onToggle","onSelect","renderNode","selectedIds","expandedIds","multiSelect","hasChildren","handleClick","useCallback","e","handleToggle","handleKeyDown","itemStyle","toggleStyle","iconStyle","lineStyle","jsxs","child","TreeView","forwardRef","data","controlledSelectedIds","defaultSelectedIds","controlledExpandedIds","defaultExpandedIds","onSelectionChange","onExpansionChange","onNodeClick","size","ariaLabel","className","testId","ref","internalSelectedIds","setInternalSelectedIds","useState","internalExpandedIds","setInternalExpandedIds","flatNodes","useMemo","flatten","nodes","result","id","newExpandedIds","eid","handleSelect","additive","n","newSelectedIds","sid","currentIndex","nextIndex","prevIndex","containerStyle","cx"],"mappings":"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"}
+{"version":3,"file":"TreeView.js","sources":["../../../../src/components/data/TreeView/TreeView.tsx"],"sourcesContent":["/**\n * TreeView Component\n *\n * A hierarchical tree structure for displaying nested data.\n * Supports selection, expansion, and keyboard navigation.\n *\n * @module components/data/TreeView\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type KeyboardEvent,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentPaddingY, iconSizes } from '../../../design-system/primitives'\n\nexport interface TreeNode {\n  /** Unique identifier */\n  id: string\n  /** Display label */\n  label: string\n  /** Optional icon */\n  icon?: ReactNode\n  /** Child nodes */\n  children?: TreeNode[]\n  /** Whether the node is disabled */\n  disabled?: boolean\n  /** Additional data */\n  data?: unknown\n}\n\nexport type TreeViewSize = 'sm' | 'md' | 'lg'\n\nexport interface TreeViewProps {\n  /** Tree data */\n  data: TreeNode[]\n  /** Selected node IDs (controlled) */\n  selectedIds?: string[]\n  /** Default selected node IDs (uncontrolled) */\n  defaultSelectedIds?: string[]\n  /** Expanded node IDs (controlled) */\n  expandedIds?: string[]\n  /** Default expanded node IDs (uncontrolled) */\n  defaultExpandedIds?: string[]\n  /** Callback when selection changes */\n  onSelectionChange?: (selectedIds: string[]) => void\n  /** Callback when expansion changes */\n  onExpansionChange?: (expandedIds: string[]) => void\n  /** Callback when a node is clicked */\n  onNodeClick?: (node: TreeNode) => void\n  /** Whether to allow multi-selection */\n  multiSelect?: boolean\n  /** Component size */\n  size?: TreeViewSize\n  /** Whether to show connecting lines */\n  showLines?: boolean\n  /** Custom node renderer */\n  renderNode?: (node: TreeNode, isSelected: boolean, isExpanded: boolean) => ReactNode\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TreeViewSize, { fontSize: number; iconSize: number; padding: number; indent: number }> = {\n  sm: { fontSize: fontSizes.sm, iconSize: iconSizes.xs, padding: componentPaddingY.xs, indent: spacing[4] },\n  md: { fontSize: fontSizes.base, iconSize: iconSizes.sm, padding: componentPaddingY.sm, indent: spacing[5] },\n  lg: { fontSize: fontSizes.md, iconSize: iconSizes.md, padding: componentPaddingY.md, indent: spacing[6] },\n}\n\nfunction ChevronIcon({ expanded }: { expanded: boolean }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      style={{\n        transform: expanded ? 'rotate(90deg)' : 'rotate(0)',\n        transition: `transform ${durations.fast}ms ${easings.easeOut}`,\n      }}\n    >\n      <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\ninterface TreeNodeItemProps {\n  node: TreeNode\n  level: number\n  config: typeof sizeConfig.md\n  isSelected: boolean\n  isExpanded: boolean\n  showLines: boolean\n  onToggle: (id: string) => void\n  onSelect: (id: string, multi: boolean) => void\n  renderNode?: TreeViewProps['renderNode']\n  selectedIds: string[]\n  expandedIds: string[]\n  multiSelect: boolean\n}\n\nfunction TreeNodeItem({\n  node,\n  level,\n  config,\n  isSelected,\n  isExpanded,\n  showLines,\n  onToggle,\n  onSelect,\n  renderNode,\n  selectedIds,\n  expandedIds,\n  multiSelect,\n}: TreeNodeItemProps) {\n  const hasChildren = node.children && node.children.length > 0\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (node.disabled) return\n      onSelect(node.id, e.ctrlKey || e.metaKey)\n    },\n    [node.id, node.disabled, onSelect]\n  )\n\n  const handleToggle = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      if (hasChildren) {\n        onToggle(node.id)\n      }\n    },\n    [node.id, hasChildren, onToggle]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (node.disabled) return\n\n      switch (e.key) {\n        case 'Enter':\n        case ' ':\n          e.preventDefault()\n          onSelect(node.id, e.ctrlKey || e.metaKey)\n          break\n        case 'ArrowRight':\n          e.preventDefault()\n          if (hasChildren && !isExpanded) {\n            onToggle(node.id)\n          }\n          break\n        case 'ArrowLeft':\n          e.preventDefault()\n          if (hasChildren && isExpanded) {\n            onToggle(node.id)\n          }\n          break\n      }\n    },\n    [node.id, node.disabled, hasChildren, isExpanded, onToggle, onSelect]\n  )\n\n  const itemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: spacing[1.5],\n    padding: `${config.padding}px ${spacing[2]}px`,\n    paddingLeft: spacing[2] + level * config.indent,\n    fontSize: config.fontSize,\n    color: node.disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-muted)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: node.disabled ? 'not-allowed' : 'pointer',\n    userSelect: 'none',\n    transition: `background-color ${durations.fast}ms ${easings.easeOut}`,\n    position: 'relative',\n  }\n\n  const toggleStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    flexShrink: 0,\n  }\n\n  const iconStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: config.iconSize,\n    height: config.iconSize,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-muted)',\n    flexShrink: 0,\n  }\n\n  const lineStyle: CSSProperties = showLines && level > 0 ? {\n    position: 'absolute',\n    left: spacing[2] + (level - 1) * config.indent + config.iconSize / 2,\n    top: 0,\n    bottom: 0,\n    width: 1,\n    backgroundColor: 'var(--brycks-border-default)',\n  } : {}\n\n  return (\n    <li role=\"treeitem\" aria-selected={isSelected} aria-expanded={hasChildren ? isExpanded : undefined}>\n      <div\n        tabIndex={node.disabled ? -1 : 0}\n        style={itemStyle}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={(e) => {\n          if (!node.disabled && !isSelected) {\n            e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!isSelected) {\n            e.currentTarget.style.backgroundColor = 'transparent'\n          }\n        }}\n      >\n        {showLines && level > 0 && <span style={lineStyle} aria-hidden=\"true\" />}\n        <span style={toggleStyle} onClick={handleToggle}>\n          {hasChildren && <ChevronIcon expanded={isExpanded} />}\n        </span>\n        {node.icon && <span style={iconStyle}>{node.icon}</span>}\n        {renderNode ? (\n          renderNode(node, isSelected, isExpanded)\n        ) : (\n          <span style={{ flex: 1 }}>{node.label}</span>\n        )}\n      </div>\n      {hasChildren && isExpanded && (\n        <ul role=\"group\" style={{ listStyle: 'none', margin: 0, padding: 0 }}>\n          {node.children!.map((child) => (\n            <TreeNodeItem\n              key={child.id}\n              node={child}\n              level={level + 1}\n              config={config}\n              isSelected={selectedIds.includes(child.id)}\n              isExpanded={expandedIds.includes(child.id)}\n              showLines={showLines}\n              onToggle={onToggle}\n              onSelect={onSelect}\n              renderNode={renderNode}\n              selectedIds={selectedIds}\n              expandedIds={expandedIds}\n              multiSelect={multiSelect}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  )\n}\n\nexport const TreeView = forwardRef<HTMLUListElement, TreeViewProps>(function TreeView(\n  {\n    data,\n    selectedIds: controlledSelectedIds,\n    defaultSelectedIds = [],\n    expandedIds: controlledExpandedIds,\n    defaultExpandedIds = [],\n    onSelectionChange,\n    onExpansionChange,\n    onNodeClick,\n    multiSelect = false,\n    size = 'md',\n    showLines = false,\n    renderNode,\n    'aria-label': ariaLabel = 'Tree',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalSelectedIds, setInternalSelectedIds] = useState<string[]>(defaultSelectedIds)\n  const [internalExpandedIds, setInternalExpandedIds] = useState<string[]>(defaultExpandedIds)\n\n  const selectedIds = controlledSelectedIds !== undefined ? controlledSelectedIds : internalSelectedIds\n  const expandedIds = controlledExpandedIds !== undefined ? controlledExpandedIds : internalExpandedIds\n  const config = sizeConfig[size]\n\n  // Flatten all nodes for keyboard navigation\n  const flatNodes = useMemo(() => {\n    const flatten = (nodes: TreeNode[], result: TreeNode[] = []): TreeNode[] => {\n      nodes.forEach((node) => {\n        result.push(node)\n        if (node.children && expandedIds.includes(node.id)) {\n          flatten(node.children, result)\n        }\n      })\n      return result\n    }\n    return flatten(data)\n  }, [data, expandedIds])\n\n  const handleToggle = useCallback(\n    (id: string) => {\n      const newExpandedIds = expandedIds.includes(id)\n        ? expandedIds.filter((eid) => eid !== id)\n        : [...expandedIds, id]\n\n      if (controlledExpandedIds === undefined) {\n        setInternalExpandedIds(newExpandedIds)\n      }\n      onExpansionChange?.(newExpandedIds)\n    },\n    [expandedIds, controlledExpandedIds, onExpansionChange]\n  )\n\n  const handleSelect = useCallback(\n    (id: string, additive: boolean) => {\n      const node = flatNodes.find((n) => n.id === id)\n      if (node) {\n        onNodeClick?.(node)\n      }\n\n      let newSelectedIds: string[]\n      if (multiSelect && additive) {\n        newSelectedIds = selectedIds.includes(id)\n          ? selectedIds.filter((sid) => sid !== id)\n          : [...selectedIds, id]\n      } else {\n        newSelectedIds = selectedIds.includes(id) && selectedIds.length === 1 ? [] : [id]\n      }\n\n      if (controlledSelectedIds === undefined) {\n        setInternalSelectedIds(newSelectedIds)\n      }\n      onSelectionChange?.(newSelectedIds)\n    },\n    [flatNodes, multiSelect, selectedIds, controlledSelectedIds, onSelectionChange, onNodeClick]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLUListElement>) => {\n      const currentIndex = flatNodes.findIndex((n) => selectedIds.includes(n.id))\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault()\n          const nextIndex = currentIndex < flatNodes.length - 1 ? currentIndex + 1 : 0\n          handleSelect(flatNodes[nextIndex].id, false)\n          break\n        }\n        case 'ArrowUp': {\n          e.preventDefault()\n          const prevIndex = currentIndex > 0 ? currentIndex - 1 : flatNodes.length - 1\n          handleSelect(flatNodes[prevIndex].id, false)\n          break\n        }\n        case 'Home':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[0].id, false)\n          }\n          break\n        case 'End':\n          e.preventDefault()\n          if (flatNodes.length > 0) {\n            handleSelect(flatNodes[flatNodes.length - 1].id, false)\n          }\n          break\n      }\n    },\n    [flatNodes, selectedIds, handleSelect]\n  )\n\n  const containerStyle: CSSProperties = {\n    listStyle: 'none',\n    margin: 0,\n    padding: spacing[1],\n    outline: 'none',\n  }\n\n  return (\n    <ul\n      ref={ref}\n      role=\"tree\"\n      aria-label={ariaLabel}\n      aria-multiselectable={multiSelect}\n      tabIndex={0}\n      className={cx('brycks-treeview', `brycks-treeview--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n      onKeyDown={handleKeyDown}\n    >\n      {data.map((node) => (\n        <TreeNodeItem\n          key={node.id}\n          node={node}\n          level={0}\n          config={config}\n          isSelected={selectedIds.includes(node.id)}\n          isExpanded={expandedIds.includes(node.id)}\n          showLines={showLines}\n          onToggle={handleToggle}\n          onSelect={handleSelect}\n          renderNode={renderNode}\n          selectedIds={selectedIds}\n          expandedIds={expandedIds}\n          multiSelect={multiSelect}\n        />\n      ))}\n    </ul>\n  )\n})\n\nTreeView.displayName = 'TreeView'\n"],"names":["sizeConfig","fontSizes","iconSizes","componentPaddingY","spacing","ChevronIcon","expanded","jsx","durations","easings","TreeNodeItem","node","level","config","isSelected","isExpanded","showLines","onToggle","onSelect","renderNode","selectedIds","expandedIds","multiSelect","hasChildren","handleClick","useCallback","e","handleToggle","handleKeyDown","itemStyle","toggleStyle","iconStyle","lineStyle","jsxs","child","TreeView","forwardRef","data","controlledSelectedIds","defaultSelectedIds","controlledExpandedIds","defaultExpandedIds","onSelectionChange","onExpansionChange","onNodeClick","size","ariaLabel","className","testId","ref","internalSelectedIds","setInternalSelectedIds","useState","internalExpandedIds","setInternalExpandedIds","flatNodes","useMemo","flatten","nodes","result","id","newExpandedIds","eid","handleSelect","additive","n","newSelectedIds","sid","currentIndex","nextIndex","prevIndex","containerStyle","cx"],"mappings":"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"}

package/dist/components/data.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data/Table/Table.cjs"),t=require("./data/List/List.cjs"),i=require("./data/InfoItem/InfoItem.cjs"),l=require("./data/TreeView/TreeView.cjs"),a=require("./data/VirtualList/VirtualList.cjs");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.List=t.List;exports.ListDivider=t.ListDivider;exports.ListHeader=t.ListHeader;exports.ListItem=t.ListItem;exports.InfoItem=i.InfoItem;exports.InfoList=i.InfoList;exports.TreeView=l.TreeView;exports.VariableHeightVirtualList=a.VariableHeightVirtualList;exports.VirtualList=a.VirtualList;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data/Table/Table.cjs"),t=require("./data/List/List.cjs"),i=require("./data/InfoItem/InfoItem.cjs"),l=require("./data/TreeView/TreeView.cjs"),a=require("./data/VirtualList/VirtualList.cjs");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableEmpty=e.TableEmpty;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.TableSkeleton=e.TableSkeleton;exports.List=t.List;exports.ListDivider=t.ListDivider;exports.ListHeader=t.ListHeader;exports.ListItem=t.ListItem;exports.InfoItem=i.InfoItem;exports.InfoList=i.InfoList;exports.TreeView=l.TreeView;exports.VariableHeightVirtualList=a.VariableHeightVirtualList;exports.VirtualList=a.VirtualList;
 //# sourceMappingURL=data.cjs.map

package/dist/components/data.js

@@ -1,25 +1,27 @@
-import { Table as o, TableBody as r, TableCaption as a, TableCell as i, TableFoot as l, TableHead as b, TableHeader as T, TableRow as f } from "./data/Table/Table.js";
-import { List as s, ListDivider as L, ListHeader as p, ListItem as d } from "./data/List/List.js";
-import { InfoItem as H, InfoList as I } from "./data/InfoItem/InfoItem.js";
-import { TreeView as n } from "./data/TreeView/TreeView.js";
-import { VariableHeightVirtualList as w, VirtualList as C } from "./data/VirtualList/VirtualList.js";
+import { Table as a, TableBody as o, TableCaption as r, TableCell as l, TableEmpty as i, TableFoot as b, TableHead as T, TableHeader as m, TableRow as f, TableSkeleton as p } from "./data/Table/Table.js";
+import { List as L, ListDivider as d, ListHeader as x, ListItem as n } from "./data/List/List.js";
+import { InfoItem as I, InfoList as V } from "./data/InfoItem/InfoItem.js";
+import { TreeView as w } from "./data/TreeView/TreeView.js";
+import { VariableHeightVirtualList as C, VirtualList as g } from "./data/VirtualList/VirtualList.js";
 export {
-  H as InfoItem,
-  I as InfoList,
-  s as List,
-  L as ListDivider,
-  p as ListHeader,
-  d as ListItem,
-  o as Table,
-  r as TableBody,
-  a as TableCaption,
-  i as TableCell,
-  l as TableFoot,
-  b as TableHead,
-  T as TableHeader,
+  I as InfoItem,
+  V as InfoList,
+  L as List,
+  d as ListDivider,
+  x as ListHeader,
+  n as ListItem,
+  a as Table,
+  o as TableBody,
+  r as TableCaption,
+  l as TableCell,
+  i as TableEmpty,
+  b as TableFoot,
+  T as TableHead,
+  m as TableHeader,
   f as TableRow,
-  n as TreeView,
-  w as VariableHeightVirtualList,
-  C as VirtualList
+  p as TableSkeleton,
+  w as TreeView,
+  C as VariableHeightVirtualList,
+  g as VirtualList
 };
 //# sourceMappingURL=data.js.map

package/dist/components/feedback/Alert/Alert.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("react"),p=require("../../../utils/styles.cjs"),v={info:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M9 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"5.5",r:"0.75",fill:"currentColor"})]}),success:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6 9L8 11L12 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),warning:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("path",{d:"M9 2L16.5 15H1.5L9 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),r.jsx("path",{d:"M9 7V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"12.5",r:"0.75",fill:"currentColor"})]}),error:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},i=y.forwardRef(function({intent:e="info",variant:l="subtle",title:s,icon:n,showIcon:d=!0,action:t,isDismissible:o,onDismiss:a,className:h,style:k,testId:x,children:c,...u},j){return r.jsxs("div",{ref:j,role:"alert",className:p.cx("brycks-alert",`brycks-alert--${e}`,`brycks-alert--${l}`,h),style:k,"data-testid":x,...u,children:[d&&r.jsx("span",{className:"brycks-alert__icon",children:n??v[e]}),r.jsxs("div",{className:"brycks-alert__content",children:[s&&r.jsx("div",{className:"brycks-alert__title",children:s}),c&&r.jsx("div",{className:"brycks-alert__description",children:c})]}),(t||o)&&r.jsxs("div",{className:"brycks-alert__actions",children:[t,o&&r.jsx("button",{type:"button",className:"brycks-alert__dismiss",onClick:a,"aria-label":"Dismiss alert",children:r.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:r.jsx("path",{d:"M3 3L11 11M11 3L3 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]})]})});i.displayName="Alert";exports.Alert=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),v=require("../../../utils/styles.cjs"),L={info:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M9 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"5.5",r:"0.75",fill:"currentColor"})]}),success:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6 9L8 11L12 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),warning:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("path",{d:"M9 2L16.5 15H1.5L9 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),r.jsx("path",{d:"M9 7V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"12.5",r:"0.75",fill:"currentColor"})]}),error:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},i=p.forwardRef(function({intent:e="info",variant:l="subtle",title:s,icon:n,showIcon:d=!0,action:t,isDismissible:o,onDismiss:a,dismissLabel:h="Dismiss alert",className:k,style:x,testId:u,children:c,...j},y){return r.jsxs("div",{ref:y,role:"alert",className:v.cx("brycks-alert",`brycks-alert--${e}`,`brycks-alert--${l}`,k),style:x,"data-testid":u,...j,children:[d&&r.jsx("span",{className:"brycks-alert__icon",children:n??L[e]}),r.jsxs("div",{className:"brycks-alert__content",children:[s&&r.jsx("div",{className:"brycks-alert__title",children:s}),c&&r.jsx("div",{className:"brycks-alert__description",children:c})]}),(t||o)&&r.jsxs("div",{className:"brycks-alert__actions",children:[t,o&&r.jsx("button",{type:"button",className:"brycks-alert__dismiss",onClick:a,"aria-label":h,children:r.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:r.jsx("path",{d:"M3 3L11 11M11 3L3 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]})]})});i.displayName="Alert";exports.Alert=i;
 //# sourceMappingURL=Alert.cjs.map

package/dist/components/feedback/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert Component\r\n *\r\n * Contextual feedback message for user actions and states.\r\n * Clean design with subtle color coding and optional icons.\r\n *\r\n * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type AlertIntent = 'info' | 'success' | 'warning' | 'error'\r\nexport type AlertVariant = 'subtle' | 'solid' | 'outline'\r\n\r\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Visual intent/status */\r\n  intent?: AlertIntent\r\n  /** Visual variant */\r\n  variant?: AlertVariant\r\n  /** Alert title */\r\n  title?: ReactNode\r\n  /** Custom icon */\r\n  icon?: ReactNode\r\n  /** Whether to show default icon */\r\n  showIcon?: boolean\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Whether alert can be dismissed */\r\n  isDismissible?: boolean\r\n  /** Callback when dismissed */\r\n  onDismiss?: () => void\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Alert content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst defaultIcons: Record<AlertIntent, React.JSX.Element> = {\r\n  info: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M9 8V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"5.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  success: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n    </svg>\r\n  ),\r\n  warning: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <path d=\"M9 2L16.5 15H1.5L9 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\r\n      <path d=\"M9 7V10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"12.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  error: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n    </svg>\r\n  ),\r\n}\r\n\r\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\r\n  {\r\n    intent = 'info',\r\n    variant = 'subtle',\r\n    title,\r\n    icon,\r\n    showIcon = true,\r\n    action,\r\n    isDismissible,\r\n    onDismiss,\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"alert\"\r\n      className={cx(\r\n        'brycks-alert',\r\n        `brycks-alert--${intent}`,\r\n        `brycks-alert--${variant}`,\r\n        className\r\n      )}\r\n      style={style}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showIcon && (\r\n        <span className=\"brycks-alert__icon\">\r\n          {icon ?? defaultIcons[intent]}\r\n        </span>\r\n      )}\r\n\r\n      <div className=\"brycks-alert__content\">\r\n        {title && <div className=\"brycks-alert__title\">{title}</div>}\r\n        {children && <div className=\"brycks-alert__description\">{children}</div>}\r\n      </div>\r\n\r\n      {(action || isDismissible) && (\r\n        <div className=\"brycks-alert__actions\">\r\n          {action}\r\n          {isDismissible && (\r\n            <button\r\n              type=\"button\"\r\n              className=\"brycks-alert__dismiss\"\r\n              onClick={onDismiss}\r\n              aria-label=\"Dismiss alert\"\r\n            >\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n                <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n              </svg>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nAlert.displayName = 'Alert'\r\n"],"names":["defaultIcons","jsxs","jsx","Alert","forwardRef","intent","variant","title","icon","showIcon","action","isDismissible","onDismiss","className","style","testId","children","props","ref","cx"],"mappings":"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"}
+{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert Component\r\n *\r\n * Contextual feedback message for user actions and states.\r\n * Clean design with subtle color coding and optional icons.\r\n *\r\n * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type AlertIntent = 'info' | 'success' | 'warning' | 'error'\r\nexport type AlertVariant = 'subtle' | 'solid' | 'outline'\r\n\r\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Visual intent/status */\r\n  intent?: AlertIntent\r\n  /** Visual variant */\r\n  variant?: AlertVariant\r\n  /** Alert title */\r\n  title?: ReactNode\r\n  /** Custom icon */\r\n  icon?: ReactNode\r\n  /** Whether to show default icon */\r\n  showIcon?: boolean\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Whether alert can be dismissed */\r\n  isDismissible?: boolean\r\n  /** Callback when dismissed */\r\n  onDismiss?: () => void\r\n  /** Accessible label of the dismiss button */\r\n  dismissLabel?: string\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Alert content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst defaultIcons: Record<AlertIntent, React.JSX.Element> = {\r\n  info: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M9 8V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"5.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  success: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n    </svg>\r\n  ),\r\n  warning: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <path d=\"M9 2L16.5 15H1.5L9 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\r\n      <path d=\"M9 7V10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"12.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  error: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n    </svg>\r\n  ),\r\n}\r\n\r\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\r\n  {\r\n    intent = 'info',\r\n    variant = 'subtle',\r\n    title,\r\n    icon,\r\n    showIcon = true,\r\n    action,\r\n    isDismissible,\r\n    onDismiss,\r\n    dismissLabel = 'Dismiss alert',\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"alert\"\r\n      className={cx(\r\n        'brycks-alert',\r\n        `brycks-alert--${intent}`,\r\n        `brycks-alert--${variant}`,\r\n        className\r\n      )}\r\n      style={style}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showIcon && (\r\n        <span className=\"brycks-alert__icon\">\r\n          {icon ?? defaultIcons[intent]}\r\n        </span>\r\n      )}\r\n\r\n      <div className=\"brycks-alert__content\">\r\n        {title && <div className=\"brycks-alert__title\">{title}</div>}\r\n        {children && <div className=\"brycks-alert__description\">{children}</div>}\r\n      </div>\r\n\r\n      {(action || isDismissible) && (\r\n        <div className=\"brycks-alert__actions\">\r\n          {action}\r\n          {isDismissible && (\r\n            <button\r\n              type=\"button\"\r\n              className=\"brycks-alert__dismiss\"\r\n              onClick={onDismiss}\r\n              aria-label={dismissLabel}\r\n            >\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n                <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n              </svg>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nAlert.displayName = 'Alert'\r\n"],"names":["defaultIcons","jsxs","jsx","Alert","forwardRef","intent","variant","title","icon","showIcon","action","isDismissible","onDismiss","dismissLabel","className","style","testId","children","props","ref","cx"],"mappings":"+KA8CMA,EAAuD,CAC3D,KACEC,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,OAAO,eAAe,YAAY,KAAA,CAAM,EACtEA,EAAAA,IAAC,QAAK,EAAE,UAAU,OAAO,eAAe,YAAY,MAAM,cAAc,OAAA,CAAQ,EAChFA,EAAAA,IAAC,UAAO,GAAG,IAAI,GAAG,MAAM,EAAE,OAAO,KAAK,cAAA,CAAe,CAAA,EACvD,EAEF,QACED,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,OAAO,eAAe,YAAY,KAAA,CAAM,EACtEA,EAAAA,IAAC,OAAA,CAAK,EAAE,iBAAiB,OAAO,eAAe,YAAY,MAAM,cAAc,QAAQ,eAAe,OAAA,CAAQ,CAAA,EAChH,EAEF,QACED,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,EAAE,wBAAwB,OAAO,eAAe,YAAY,MAAM,eAAe,OAAA,CAAQ,EAC/FA,EAAAA,IAAC,QAAK,EAAE,UAAU,OAAO,eAAe,YAAY,MAAM,cAAc,OAAA,CAAQ,EAChFA,EAAAA,IAAC,UAAO,GAAG,IAAI,GAAG,OAAO,EAAE,OAAO,KAAK,cAAA,CAAe,CAAA,EACxD,EAEF,MACED,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,OAAO,eAAe,YAAY,KAAA,CAAM,EACtEA,EAAAA,IAAC,QAAK,EAAE,uCAAuC,OAAO,eAAe,YAAY,MAAM,cAAc,OAAA,CAAQ,CAAA,CAAA,CAC/G,CAEJ,EAEaC,EAAQC,EAAAA,WAAuC,SAC1D,CACE,OAAAC,EAAS,OACT,QAAAC,EAAU,SACV,MAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,EACA,cAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,gBACf,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,OACElB,EAAAA,KAAC,MAAA,CACC,IAAAkB,EACA,KAAK,QACL,UAAWC,EAAAA,GACT,eACA,iBAAiBf,CAAM,GACvB,iBAAiBC,CAAO,GACxBQ,CAAA,EAEF,MAAAC,EACA,cAAaC,EACZ,GAAGE,EAEH,SAAA,CAAAT,SACE,OAAA,CAAK,UAAU,qBACb,SAAAD,GAAQR,EAAaK,CAAM,EAC9B,EAGFJ,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAM,GAASL,EAAAA,IAAC,MAAA,CAAI,UAAU,sBAAuB,SAAAK,EAAM,EACrDU,GAAYf,EAAAA,IAAC,MAAA,CAAI,UAAU,4BAA6B,SAAAe,CAAA,CAAS,CAAA,EACpE,GAEEP,GAAUC,IACVV,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAS,EACAC,GACCT,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,wBACV,QAASU,EACT,aAAYC,EAEZ,SAAAX,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,eAAC,OAAA,CAAK,EAAE,uBAAuB,OAAO,eAAe,YAAY,MAAM,cAAc,QAAQ,CAAA,CAC/F,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CAIR,CAAC,EAEDC,EAAM,YAAc"}

package/dist/components/feedback/Alert/Alert.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { cx as m } from "../../../utils/styles.js";
-const v = {
+import { forwardRef as m } from "react";
+import { cx as v } from "../../../utils/styles.js";
+const L = {
   info: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
     /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
     /* @__PURE__ */ r("path", { d: "M9 8V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
@@ -20,7 +20,7 @@ const v = {
     /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
     /* @__PURE__ */ r("path", { d: "M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
   ] })
-}, L = y(function({
+}, x = m(function({
   intent: t = "info",
   variant: l = "subtle",
   title: o,
@@ -29,28 +29,29 @@ const v = {
   action: c,
   isDismissible: i,
   onDismiss: a,
-  className: h,
-  style: k,
-  testId: u,
+  dismissLabel: h = "Dismiss alert",
+  className: k,
+  style: u,
+  testId: p,
   children: s,
-  ...p
-}, f) {
+  ...f
+}, y) {
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: f,
+      ref: y,
       role: "alert",
-      className: m(
+      className: v(
         "brycks-alert",
         `brycks-alert--${t}`,
         `brycks-alert--${l}`,
-        h
+        k
       ),
-      style: k,
-      "data-testid": u,
-      ...p,
+      style: u,
+      "data-testid": p,
+      ...f,
       children: [
-        d && /* @__PURE__ */ r("span", { className: "brycks-alert__icon", children: n ?? v[t] }),
+        d && /* @__PURE__ */ r("span", { className: "brycks-alert__icon", children: n ?? L[t] }),
         /* @__PURE__ */ e("div", { className: "brycks-alert__content", children: [
           o && /* @__PURE__ */ r("div", { className: "brycks-alert__title", children: o }),
           s && /* @__PURE__ */ r("div", { className: "brycks-alert__description", children: s })
@@ -63,7 +64,7 @@ const v = {
               type: "button",
               className: "brycks-alert__dismiss",
               onClick: a,
-              "aria-label": "Dismiss alert",
+              "aria-label": h,
               children: /* @__PURE__ */ r("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ r("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
             }
           )
@@ -72,8 +73,8 @@ const v = {
     }
   );
 });
-L.displayName = "Alert";
+x.displayName = "Alert";
 export {
-  L as Alert
+  x as Alert
 };
 //# sourceMappingURL=Alert.js.map

package/dist/components/feedback/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert Component\r\n *\r\n * Contextual feedback message for user actions and states.\r\n * Clean design with subtle color coding and optional icons.\r\n *\r\n * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type AlertIntent = 'info' | 'success' | 'warning' | 'error'\r\nexport type AlertVariant = 'subtle' | 'solid' | 'outline'\r\n\r\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Visual intent/status */\r\n  intent?: AlertIntent\r\n  /** Visual variant */\r\n  variant?: AlertVariant\r\n  /** Alert title */\r\n  title?: ReactNode\r\n  /** Custom icon */\r\n  icon?: ReactNode\r\n  /** Whether to show default icon */\r\n  showIcon?: boolean\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Whether alert can be dismissed */\r\n  isDismissible?: boolean\r\n  /** Callback when dismissed */\r\n  onDismiss?: () => void\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Alert content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst defaultIcons: Record<AlertIntent, React.JSX.Element> = {\r\n  info: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M9 8V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"5.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  success: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n    </svg>\r\n  ),\r\n  warning: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <path d=\"M9 2L16.5 15H1.5L9 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\r\n      <path d=\"M9 7V10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"12.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  error: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n    </svg>\r\n  ),\r\n}\r\n\r\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\r\n  {\r\n    intent = 'info',\r\n    variant = 'subtle',\r\n    title,\r\n    icon,\r\n    showIcon = true,\r\n    action,\r\n    isDismissible,\r\n    onDismiss,\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"alert\"\r\n      className={cx(\r\n        'brycks-alert',\r\n        `brycks-alert--${intent}`,\r\n        `brycks-alert--${variant}`,\r\n        className\r\n      )}\r\n      style={style}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showIcon && (\r\n        <span className=\"brycks-alert__icon\">\r\n          {icon ?? defaultIcons[intent]}\r\n        </span>\r\n      )}\r\n\r\n      <div className=\"brycks-alert__content\">\r\n        {title && <div className=\"brycks-alert__title\">{title}</div>}\r\n        {children && <div className=\"brycks-alert__description\">{children}</div>}\r\n      </div>\r\n\r\n      {(action || isDismissible) && (\r\n        <div className=\"brycks-alert__actions\">\r\n          {action}\r\n          {isDismissible && (\r\n            <button\r\n              type=\"button\"\r\n              className=\"brycks-alert__dismiss\"\r\n              onClick={onDismiss}\r\n              aria-label=\"Dismiss alert\"\r\n            >\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n                <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n              </svg>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nAlert.displayName = 'Alert'\r\n"],"names":["defaultIcons","jsxs","jsx","Alert","forwardRef","intent","variant","title","icon","showIcon","action","isDismissible","onDismiss","className","style","testId","children","props","ref","cx"],"mappings":";;;AA4CA,MAAMA,IAAuD;AAAA,EAC3D,MACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACnD,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,OAAM,QAAO,gBAAe,aAAY,MAAA,CAAM;AAAA,IACtE,gBAAAA,EAAC,UAAK,GAAE,WAAU,QAAO,gBAAe,aAAY,OAAM,eAAc,QAAA,CAAQ;AAAA,IAChF,gBAAAA,EAAC,YAAO,IAAG,KAAI,IAAG,OAAM,GAAE,QAAO,MAAK,eAAA,CAAe;AAAA,EAAA,GACvD;AAAA,EAEF,SACE,gBAAAD,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACnD,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,OAAM,QAAO,gBAAe,aAAY,MAAA,CAAM;AAAA,IACtE,gBAAAA,EAAC,QAAA,EAAK,GAAE,kBAAiB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ;AAAA,EAAA,GAChH;AAAA,EAEF,SACE,gBAAAD,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACnD,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,yBAAwB,QAAO,gBAAe,aAAY,OAAM,gBAAe,QAAA,CAAQ;AAAA,IAC/F,gBAAAA,EAAC,UAAK,GAAE,WAAU,QAAO,gBAAe,aAAY,OAAM,eAAc,QAAA,CAAQ;AAAA,IAChF,gBAAAA,EAAC,YAAO,IAAG,KAAI,IAAG,QAAO,GAAE,QAAO,MAAK,eAAA,CAAe;AAAA,EAAA,GACxD;AAAA,EAEF,OACE,gBAAAD,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACnD,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,OAAM,QAAO,gBAAe,aAAY,MAAA,CAAM;AAAA,IACtE,gBAAAA,EAAC,UAAK,GAAE,wCAAuC,QAAO,gBAAe,aAAY,OAAM,eAAc,QAAA,CAAQ;AAAA,EAAA,EAAA,CAC/G;AAEJ,GAEaC,IAAQC,EAAuC,SAC1D;AAAA,EACE,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAjB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAiB;AAAA,MACA,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA,QACA,iBAAiBd,CAAM;AAAA,QACvB,iBAAiBC,CAAO;AAAA,QACxBO;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MACA,eAAaC;AAAA,MACZ,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAR,uBACE,QAAA,EAAK,WAAU,sBACb,UAAAD,KAAQR,EAAaK,CAAM,GAC9B;AAAA,QAGF,gBAAAJ,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,UAAAM,KAAS,gBAAAL,EAAC,OAAA,EAAI,WAAU,uBAAuB,UAAAK,GAAM;AAAA,UACrDS,KAAY,gBAAAd,EAAC,OAAA,EAAI,WAAU,6BAA6B,UAAAc,EAAA,CAAS;AAAA,QAAA,GACpE;AAAA,SAEEN,KAAUC,MACV,gBAAAV,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,UAAAS;AAAA,UACAC,KACC,gBAAAT;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAASU;AAAA,cACT,cAAW;AAAA,cAEX,UAAA,gBAAAV,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACnD,4BAAC,QAAA,EAAK,GAAE,wBAAuB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,EAAA,CAC/F;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAEDC,EAAM,cAAc;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert Component\r\n *\r\n * Contextual feedback message for user actions and states.\r\n * Clean design with subtle color coding and optional icons.\r\n *\r\n * All color styles are handled via CSS classes for easy customization.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type AlertIntent = 'info' | 'success' | 'warning' | 'error'\r\nexport type AlertVariant = 'subtle' | 'solid' | 'outline'\r\n\r\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Visual intent/status */\r\n  intent?: AlertIntent\r\n  /** Visual variant */\r\n  variant?: AlertVariant\r\n  /** Alert title */\r\n  title?: ReactNode\r\n  /** Custom icon */\r\n  icon?: ReactNode\r\n  /** Whether to show default icon */\r\n  showIcon?: boolean\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Whether alert can be dismissed */\r\n  isDismissible?: boolean\r\n  /** Callback when dismissed */\r\n  onDismiss?: () => void\r\n  /** Accessible label of the dismiss button */\r\n  dismissLabel?: string\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Alert content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst defaultIcons: Record<AlertIntent, React.JSX.Element> = {\r\n  info: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M9 8V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"5.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  success: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n    </svg>\r\n  ),\r\n  warning: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <path d=\"M9 2L16.5 15H1.5L9 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\r\n      <path d=\"M9 7V10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      <circle cx=\"9\" cy=\"12.5\" r=\"0.75\" fill=\"currentColor\" />\r\n    </svg>\r\n  ),\r\n  error: (\r\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n      <path d=\"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n    </svg>\r\n  ),\r\n}\r\n\r\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\r\n  {\r\n    intent = 'info',\r\n    variant = 'subtle',\r\n    title,\r\n    icon,\r\n    showIcon = true,\r\n    action,\r\n    isDismissible,\r\n    onDismiss,\r\n    dismissLabel = 'Dismiss alert',\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"alert\"\r\n      className={cx(\r\n        'brycks-alert',\r\n        `brycks-alert--${intent}`,\r\n        `brycks-alert--${variant}`,\r\n        className\r\n      )}\r\n      style={style}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showIcon && (\r\n        <span className=\"brycks-alert__icon\">\r\n          {icon ?? defaultIcons[intent]}\r\n        </span>\r\n      )}\r\n\r\n      <div className=\"brycks-alert__content\">\r\n        {title && <div className=\"brycks-alert__title\">{title}</div>}\r\n        {children && <div className=\"brycks-alert__description\">{children}</div>}\r\n      </div>\r\n\r\n      {(action || isDismissible) && (\r\n        <div className=\"brycks-alert__actions\">\r\n          {action}\r\n          {isDismissible && (\r\n            <button\r\n              type=\"button\"\r\n              className=\"brycks-alert__dismiss\"\r\n              onClick={onDismiss}\r\n              aria-label={dismissLabel}\r\n            >\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n                <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n              </svg>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nAlert.displayName = 'Alert'\r\n"],"names":["defaultIcons","jsxs","jsx","Alert","forwardRef","intent","variant","title","icon","showIcon","action","isDismissible","onDismiss","dismissLabel","className","style","testId","children","props","ref","cx"],"mappings":"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"}

package/dist/components/feedback/Banner/Banner.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),L=require("../../../utils/styles.cjs"),f={info:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none","aria-hidden":"true",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M9 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"5.5",r:"0.75",fill:"currentColor"})]}),success:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none","aria-hidden":"true",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6 9L8 11L12 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),warning:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none","aria-hidden":"true",children:[r.jsx("path",{d:"M9 2L16.5 15H1.5L9 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),r.jsx("path",{d:"M9 7V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"12.5",r:"0.75",fill:"currentColor"})]}),error:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none","aria-hidden":"true",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})},g=new Set(["warning","error"]),a=p.forwardRef(function({intent:e="info",title:s,icon:l,showIcon:d=!0,action:n,isDismissible:t,onDismiss:h,dismissLabel:u="Dismiss",role:x,className:k,style:j,testId:b,children:o,...v},y){const i=x??(g.has(e)?"alert":"status"),c=l??(e==="neutral"?null:f[e]);return r.jsxs("div",{ref:y,role:i,"aria-live":i==="alert"?"assertive":"polite",className:L.cx("brycks-banner",`brycks-banner--${e}`,k),style:j,"data-testid":b,...v,children:[d&&c&&r.jsx("span",{className:"brycks-banner__icon",children:c}),r.jsxs("div",{className:"brycks-banner__content",children:[s&&r.jsx("div",{className:"brycks-banner__title",children:s}),o&&r.jsx("div",{className:"brycks-banner__description",children:o})]}),(n||t)&&r.jsxs("div",{className:"brycks-banner__actions",children:[n,t&&r.jsx("button",{type:"button",className:"brycks-banner__dismiss",onClick:h,"aria-label":u,children:r.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:r.jsx("path",{d:"M3 3L11 11M11 3L3 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]})]})});a.displayName="Banner";exports.Banner=a;
+//# sourceMappingURL=Banner.cjs.map

package/dist/components/feedback/Banner/Banner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/feedback/Banner/Banner.tsx"],"sourcesContent":["/**\n * Banner Component\n *\n * App-level announcement bar for status, alerts, and notices.\n * Horizontal, full-width layout designed to sit at the top of a page or app shell.\n *\n * Unlike Alert (a contained, in-flow message), Banner spans the full width and\n * picks its ARIA role from the intent: critical intents (warning/error) announce\n * assertively as `alert`, informational intents (info/success/neutral) as `status`.\n *\n * All color styles are handled via CSS classes for easy customization.\n */\n\nimport React, {\n  forwardRef,\n  type ReactNode,\n  type HTMLAttributes,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type BannerIntent = 'info' | 'success' | 'warning' | 'error' | 'neutral'\n\nexport interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Visual intent/status */\n  intent?: BannerIntent\n  /** Banner title (stronger weight, sits above the description) */\n  title?: ReactNode\n  /** Custom icon (overrides the default per-intent icon) */\n  icon?: ReactNode\n  /** Whether to show the leading icon */\n  showIcon?: boolean\n  /** Action element (button, link) shown on the trailing edge */\n  action?: ReactNode\n  /** Whether the banner can be dismissed */\n  isDismissible?: boolean\n  /** Callback when dismissed */\n  onDismiss?: () => void\n  /** Accessible label of the dismiss button */\n  dismissLabel?: string\n  /**\n   * ARIA live-region role. Defaults to `alert` for warning/error and\n   * `status` for info/success/neutral. Override when the default is wrong.\n   */\n  role?: 'alert' | 'status'\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n  /** Banner content (description) */\n  children?: ReactNode\n}\n\nconst defaultIcons: Record<Exclude<BannerIntent, 'neutral'>, React.JSX.Element> = {\n  info: (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M9 8V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n      <circle cx=\"9\" cy=\"5.5\" r=\"0.75\" fill=\"currentColor\" />\n    </svg>\n  ),\n  success: (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  ),\n  warning: (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M9 2L16.5 15H1.5L9 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\n      <path d=\"M9 7V10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n      <circle cx=\"9\" cy=\"12.5\" r=\"0.75\" fill=\"currentColor\" />\n    </svg>\n  ),\n  error: (\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  ),\n}\n\nconst criticalIntents: ReadonlySet<BannerIntent> = new Set<BannerIntent>(['warning', 'error'])\n\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(\n  {\n    intent = 'info',\n    title,\n    icon,\n    showIcon = true,\n    action,\n    isDismissible,\n    onDismiss,\n    dismissLabel = 'Dismiss',\n    role,\n    className,\n    style,\n    testId,\n    children,\n    ...props\n  },\n  ref\n) {\n  const resolvedRole = role ?? (criticalIntents.has(intent) ? 'alert' : 'status')\n  const resolvedIcon = icon ?? (intent === 'neutral' ? null : defaultIcons[intent])\n\n  return (\n    <div\n      ref={ref}\n      role={resolvedRole}\n      aria-live={resolvedRole === 'alert' ? 'assertive' : 'polite'}\n      className={cx('brycks-banner', `brycks-banner--${intent}`, className)}\n      style={style}\n      data-testid={testId}\n      {...props}\n    >\n      {showIcon && resolvedIcon && (\n        <span className=\"brycks-banner__icon\">{resolvedIcon}</span>\n      )}\n\n      <div className=\"brycks-banner__content\">\n        {title && <div className=\"brycks-banner__title\">{title}</div>}\n        {children && <div className=\"brycks-banner__description\">{children}</div>}\n      </div>\n\n      {(action || isDismissible) && (\n        <div className=\"brycks-banner__actions\">\n          {action}\n          {isDismissible && (\n            <button\n              type=\"button\"\n              className=\"brycks-banner__dismiss\"\n              onClick={onDismiss}\n              aria-label={dismissLabel}\n            >\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  )\n})\n\nBanner.displayName = 'Banner'\n"],"names":["defaultIcons","jsxs","jsx","criticalIntents","Banner","forwardRef","intent","title","icon","showIcon","action","isDismissible","onDismiss","dismissLabel","role","className","style","testId","children","props","ref","resolvedRole","resolvedIcon","cx"],"mappings":"+KAoDMA,EAA4E,CAChF,KACEC,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAY,OACtE,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,OAAO,eAAe,YAAY,KAAA,CAAM,EACtEA,EAAAA,IAAC,QAAK,EAAE,UAAU,OAAO,eAAe,YAAY,MAAM,cAAc,OAAA,CAAQ,EAChFA,EAAAA,IAAC,UAAO,GAAG,IAAI,GAAG,MAAM,EAAE,OAAO,KAAK,cAAA,CAAe,CAAA,EACvD,EAEF,QACED,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAY,OACtE,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,OAAO,eAAe,YAAY,KAAA,CAAM,EACtEA,EAAAA,IAAC,OAAA,CAAK,EAAE,iBAAiB,OAAO,eAAe,YAAY,MAAM,cAAc,QAAQ,eAAe,OAAA,CAAQ,CAAA,EAChH,EAEF,QACED,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAY,OACtE,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,EAAE,wBAAwB,OAAO,eAAe,YAAY,MAAM,eAAe,OAAA,CAAQ,EAC/FA,EAAAA,IAAC,QAAK,EAAE,UAAU,OAAO,eAAe,YAAY,MAAM,cAAc,OAAA,CAAQ,EAChFA,EAAAA,IAAC,UAAO,GAAG,IAAI,GAAG,OAAO,EAAE,OAAO,KAAK,cAAA,CAAe,CAAA,EACxD,EAEF,MACED,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAY,OACtE,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,OAAO,eAAe,YAAY,KAAA,CAAM,EACtEA,EAAAA,IAAC,QAAK,EAAE,uCAAuC,OAAO,eAAe,YAAY,MAAM,cAAc,OAAA,CAAQ,CAAA,CAAA,CAC/G,CAEJ,EAEMC,EAA6C,IAAI,IAAkB,CAAC,UAAW,OAAO,CAAC,EAEhFC,EAASC,EAAAA,WAAwC,SAC5D,CACE,OAAAC,EAAS,OACT,MAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,EACA,cAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,UACf,KAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAeP,IAASX,EAAgB,IAAIG,CAAM,EAAI,QAAU,UAChEgB,EAAed,IAASF,IAAW,UAAY,KAAON,EAAaM,CAAM,GAE/E,OACEL,EAAAA,KAAC,MAAA,CACC,IAAAmB,EACA,KAAMC,EACN,YAAWA,IAAiB,QAAU,YAAc,SACpD,UAAWE,EAAAA,GAAG,gBAAiB,kBAAkBjB,CAAM,GAAIS,CAAS,EACpE,MAAAC,EACA,cAAaC,EACZ,GAAGE,EAEH,SAAA,CAAAV,GAAYa,GACXpB,EAAAA,IAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAoB,EAAa,EAGtDrB,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACZ,SAAA,CAAAM,GAASL,EAAAA,IAAC,MAAA,CAAI,UAAU,uBAAwB,SAAAK,EAAM,EACtDW,GAAYhB,EAAAA,IAAC,MAAA,CAAI,UAAU,6BAA8B,SAAAgB,CAAA,CAAS,CAAA,EACrE,GAEER,GAAUC,IACVV,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACZ,SAAA,CAAAS,EACAC,GACCT,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAU,yBACV,QAASU,EACT,aAAYC,EAEZ,SAAAX,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAY,OACtE,SAAAA,EAAAA,IAAC,OAAA,CAAK,EAAE,uBAAuB,OAAO,eAAe,YAAY,MAAM,cAAc,OAAA,CAAQ,CAAA,CAC/F,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CAIR,CAAC,EAEDE,EAAO,YAAc"}

package/dist/components/feedback/Banner/Banner.js

@@ -0,0 +1,77 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { cx as L } from "../../../utils/styles.js";
+const w = {
+  info: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ r("path", { d: "M9 8V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("circle", { cx: "9", cy: "5.5", r: "0.75", fill: "currentColor" })
+  ] }),
+  success: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ r("path", { d: "M6 9L8 11L12 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] }),
+  warning: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ r("path", { d: "M9 2L16.5 15H1.5L9 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+    /* @__PURE__ */ r("path", { d: "M9 7V10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ r("circle", { cx: "9", cy: "12.5", r: "0.75", fill: "currentColor" })
+  ] }),
+  error: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ r("path", { d: "M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] })
+}, x = /* @__PURE__ */ new Set(["warning", "error"]), g = y(function({
+  intent: n = "info",
+  title: o,
+  icon: l,
+  showIcon: d = !0,
+  action: t,
+  isDismissible: i,
+  onDismiss: h,
+  dismissLabel: k = "Dismiss",
+  role: u,
+  className: p,
+  style: v,
+  testId: b,
+  children: s,
+  ...f
+}, m) {
+  const c = u ?? (x.has(n) ? "alert" : "status"), a = l ?? (n === "neutral" ? null : w[n]);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: m,
+      role: c,
+      "aria-live": c === "alert" ? "assertive" : "polite",
+      className: L("brycks-banner", `brycks-banner--${n}`, p),
+      style: v,
+      "data-testid": b,
+      ...f,
+      children: [
+        d && a && /* @__PURE__ */ r("span", { className: "brycks-banner__icon", children: a }),
+        /* @__PURE__ */ e("div", { className: "brycks-banner__content", children: [
+          o && /* @__PURE__ */ r("div", { className: "brycks-banner__title", children: o }),
+          s && /* @__PURE__ */ r("div", { className: "brycks-banner__description", children: s })
+        ] }),
+        (t || i) && /* @__PURE__ */ e("div", { className: "brycks-banner__actions", children: [
+          t,
+          i && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: "brycks-banner__dismiss",
+              onClick: h,
+              "aria-label": k,
+              children: /* @__PURE__ */ r("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+g.displayName = "Banner";
+export {
+  g as Banner
+};
+//# sourceMappingURL=Banner.js.map