@mieweb/ui 0.1.0

package/dist/chunk-XXOBTAKA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":[],"mappings":"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","file":"chunk-XXOBTAKA.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst cardVariants = cva(\n  [\n    'rounded-xl bg-card text-card-foreground',\n    'border border-border',\n    'relative overflow-hidden',\n  ],\n  {\n    variants: {\n      padding: {\n        none: 'p-0',\n        sm: 'p-3',\n        md: 'p-4',\n        lg: 'p-6',\n        xl: 'p-8',\n      },\n      variant: {\n        default: 'shadow-card',\n        elevated: 'shadow-lg border-0',\n        outlined: 'shadow-none border-2',\n        ghost: 'shadow-none border-0 bg-transparent',\n        filled: 'shadow-none border-0 bg-muted',\n      },\n      interactive: {\n        true: [\n          'transition-all duration-200',\n          'hover:shadow-md hover:border-primary-200',\n          'dark:hover:border-primary-800',\n          'cursor-pointer',\n          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',\n        ],\n        false: '',\n      },\n      selected: {\n        true: 'ring-2 ring-primary-500 border-primary-500',\n        false: '',\n      },\n      orientation: {\n        vertical: 'flex flex-col',\n        horizontal: 'flex flex-row',\n      },\n    },\n    defaultVariants: {\n      padding: 'md',\n      variant: 'default',\n      interactive: false,\n      selected: false,\n      orientation: 'vertical',\n    },\n  }\n);\n\nconst cardAccentVariants = cva('absolute left-0 top-0 bottom-0 w-1', {\n  variants: {\n    color: {\n      primary: 'bg-primary-500',\n      success: 'bg-success',\n      warning: 'bg-warning',\n      destructive: 'bg-destructive',\n      info: 'bg-primary-200',\n    },\n  },\n});\n\nexport interface CardProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Semantic HTML element to render as */\n  as?: 'div' | 'article' | 'section' | 'aside';\n  /** Accent color bar on the left side */\n  accent?: 'primary' | 'success' | 'warning' | 'destructive' | 'info';\n  /** Loading state - shows skeleton overlay */\n  loading?: boolean;\n}\n\n/**\n * A card container component for grouping related content.\n *\n * @example\n * ```tsx\n * <Card padding=\"lg\" variant=\"elevated\">\n *   <CardHeader>\n *     <CardTitle>Card Title</CardTitle>\n *   </CardHeader>\n *   <CardContent>Card content goes here</CardContent>\n * </Card>\n * ```\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      className,\n      padding,\n      variant,\n      interactive,\n      selected,\n      orientation,\n      accent,\n      loading,\n      as: Component = 'div',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          cardVariants({\n            padding,\n            variant,\n            interactive,\n            selected,\n            orientation,\n          }),\n          accent && 'pl-4',\n          className\n        )}\n        data-loading={loading || undefined}\n        aria-busy={loading || undefined}\n        {...props}\n      >\n        {accent && (\n          <div\n            className={cn(cardAccentVariants({ color: accent }))}\n            aria-hidden=\"true\"\n          />\n        )}\n        {loading && (\n          <div className=\"bg-card/80 absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm\">\n            <div className=\"flex gap-1\">\n              <div className=\"bg-primary-500 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.3s]\" />\n              <div className=\"bg-primary-500 h-2 w-2 animate-bounce rounded-full [animation-delay:-0.15s]\" />\n              <div className=\"bg-primary-500 h-2 w-2 animate-bounce rounded-full\" />\n            </div>\n          </div>\n        )}\n        {children}\n      </Component>\n    );\n  }\n);\n\nCard.displayName = 'Card';\n\n/**\n * Header section of a Card\n */\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col gap-1.5 pb-4', className)}\n    {...props}\n  />\n));\n\nCardHeader.displayName = 'CardHeader';\n\n/**\n * Title for a Card\n */\nconst CardTitle = React.forwardRef<\n  globalThis.HTMLHeadingElement,\n  React.HTMLAttributes<globalThis.HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\n      'text-lg leading-none font-semibold tracking-tight',\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </h3>\n));\n\nCardTitle.displayName = 'CardTitle';\n\n/**\n * Description text for a Card\n */\nconst CardDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\n\nCardDescription.displayName = 'CardDescription';\n\n/**\n * Main content area of a Card\n */\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('', className)} {...props} />\n));\n\nCardContent.displayName = 'CardContent';\n\n/**\n * Footer section of a Card\n */\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center pt-4', className)}\n    {...props}\n  />\n));\n\nCardFooter.displayName = 'CardFooter';\n\n/**\n * Image/Media section for a Card - typically used at the top\n */\nexport interface CardMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Aspect ratio of the media */\n  aspectRatio?: 'video' | 'square' | 'wide' | 'auto';\n  /** Optional overlay content */\n  overlay?: React.ReactNode;\n}\n\nconst CardMedia = React.forwardRef<HTMLDivElement, CardMediaProps>(\n  ({ className, aspectRatio = 'video', overlay, src, alt, ...props }, ref) => {\n    const aspectClasses = {\n      video: 'aspect-video',\n      square: 'aspect-square',\n      wide: 'aspect-[21/9]',\n      auto: '',\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'relative -mx-4 -mt-4 overflow-hidden first:rounded-t-xl',\n          className\n        )}\n      >\n        <img\n          src={src}\n          alt={alt}\n          className={cn('w-full object-cover', aspectClasses[aspectRatio])}\n          {...props}\n        />\n        {overlay && (\n          <div className=\"absolute inset-0 flex items-end bg-gradient-to-t from-neutral-900/60 to-transparent p-4\">\n            {overlay}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nCardMedia.displayName = 'CardMedia';\n\n/**\n * Badge/Label component for Cards\n */\nexport interface CardBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Badge color variant */\n  variant?: 'default' | 'primary' | 'success' | 'warning' | 'destructive';\n  /** Position of the badge */\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n}\n\nconst CardBadge = React.forwardRef<HTMLSpanElement, CardBadgeProps>(\n  (\n    {\n      className,\n      variant = 'default',\n      position = 'top-right',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const variantClasses = {\n      default: 'bg-muted text-muted-foreground',\n      primary: 'bg-primary-500 text-white',\n      success: 'bg-success text-success-foreground',\n      warning: 'bg-warning text-warning-foreground',\n      destructive: 'bg-destructive text-destructive-foreground',\n    };\n\n    const positionClasses = {\n      'top-left': 'top-2 left-2',\n      'top-right': 'top-2 right-2',\n      'bottom-left': 'bottom-2 left-2',\n      'bottom-right': 'bottom-2 right-2',\n    };\n\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          'absolute z-10 rounded-md px-2 py-1 text-xs font-medium',\n          variantClasses[variant],\n          positionClasses[position],\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\n\nCardBadge.displayName = 'CardBadge';\n\n/**\n * Actions area for Card buttons/links\n */\nexport interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Alignment of actions */\n  align?: 'left' | 'center' | 'right' | 'between' | 'around';\n}\n\nconst CardActions = React.forwardRef<HTMLDivElement, CardActionsProps>(\n  ({ className, align = 'right', children, ...props }, ref) => {\n    const alignClasses = {\n      left: 'justify-start',\n      center: 'justify-center',\n      right: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-2 pt-4',\n          alignClasses[align],\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nCardActions.displayName = 'CardActions';\n\n/**\n * Divider line within a Card\n */\nconst CardDivider = React.forwardRef<\n  globalThis.HTMLHRElement,\n  React.HTMLAttributes<globalThis.HTMLHRElement>\n>(({ className, ...props }, ref) => (\n  <hr\n    ref={ref}\n    className={cn('border-border -mx-4 my-4', className)}\n    {...props}\n  />\n));\n\nCardDivider.displayName = 'CardDivider';\n\n/**\n * Collapsible content section for Cards\n */\nexport interface CardCollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Whether the content is expanded */\n  expanded?: boolean;\n  /** Callback when expand state changes */\n  onExpandChange?: (expanded: boolean) => void;\n  /** Trigger element/text for expanding */\n  trigger?: React.ReactNode;\n}\n\nconst CardCollapsible = React.forwardRef<HTMLDivElement, CardCollapsibleProps>(\n  (\n    {\n      className,\n      expanded: controlledExpanded,\n      onExpandChange,\n      trigger = 'Show more',\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalExpanded, setInternalExpanded] = React.useState(false);\n    const isControlled = controlledExpanded !== undefined;\n    const expanded = isControlled ? controlledExpanded : internalExpanded;\n\n    const handleToggle = () => {\n      if (isControlled) {\n        onExpandChange?.(!expanded);\n      } else {\n        setInternalExpanded(!expanded);\n      }\n    };\n\n    return (\n      <div ref={ref} className={cn('', className)} {...props}>\n        <button\n          type=\"button\"\n          onClick={handleToggle}\n          className=\"text-primary-600 focus-visible:ring-primary-500 flex items-center gap-1 rounded text-sm hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\"\n          aria-expanded={expanded}\n        >\n          {typeof trigger === 'string' ? (\n            <>\n              {expanded ? 'Show less' : trigger}\n              <svg\n                className={cn(\n                  'h-4 w-4 transition-transform',\n                  expanded && 'rotate-180'\n                )}\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </>\n          ) : (\n            trigger\n          )}\n        </button>\n        <div\n          className={cn(\n            'grid transition-all duration-300 ease-in-out',\n            expanded\n              ? 'mt-3 grid-rows-[1fr] opacity-100'\n              : 'grid-rows-[0fr] opacity-0'\n          )}\n        >\n          <div className=\"overflow-hidden\">{children}</div>\n        </div>\n      </div>\n    );\n  }\n);\n\nCardCollapsible.displayName = 'CardCollapsible';\n\n/**\n * Stat/Metric display for Cards\n */\nexport interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The main value/number */\n  value: React.ReactNode;\n  /** Label describing the stat */\n  label: string;\n  /** Trend indicator */\n  trend?: { value: number; label?: string };\n  /** Icon to display */\n  icon?: React.ReactNode;\n}\n\nconst CardStat = React.forwardRef<HTMLDivElement, CardStatProps>(\n  ({ className, value, label, trend, icon, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('flex items-start gap-3', className)}\n        {...props}\n      >\n        {icon && (\n          <div className=\"bg-primary-500/10 text-primary-600 rounded-lg p-2\">\n            {icon}\n          </div>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-2xl font-bold tracking-tight\">{value}</div>\n          <div className=\"text-muted-foreground text-sm\">{label}</div>\n          {trend && (\n            <div\n              className={cn(\n                'mt-1 flex items-center gap-1 text-sm',\n                trend.value >= 0 ? 'text-success' : 'text-destructive'\n              )}\n            >\n              <svg\n                className={cn('h-4 w-4', trend.value < 0 && 'rotate-180')}\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M5 10l7-7m0 0l7 7m-7-7v18\"\n                />\n              </svg>\n              <span>{Math.abs(trend.value)}%</span>\n              {trend.label && (\n                <span className=\"text-muted-foreground\">{trend.label}</span>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nCardStat.displayName = 'CardStat';\n\nexport {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  CardMedia,\n  CardBadge,\n  CardActions,\n  CardDivider,\n  CardCollapsible,\n  CardStat,\n  cardVariants,\n  cardAccentVariants,\n};\n"]}

package/dist/chunk-Z3TFPXVN.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+// src/brands/webchart.ts
+var webchartBrand = {
+  name: "webchart",
+  displayName: "WebChart",
+  description: "Future-ready electronic health record system",
+  colors: {
+    // Primary color scale - WebChart Orange (#f5841f)
+    primary: {
+      50: "#fff7ed",
+      100: "#ffedd5",
+      200: "#fed7aa",
+      300: "#fdba74",
+      400: "#fb923c",
+      500: "#f5841f",
+      600: "#ea580c",
+      700: "#c2410c",
+      800: "#9a3412",
+      900: "#7c2d12",
+      950: "#431407"
+    },
+    // Light mode semantic colors
+    light: {
+      background: "#ffffff",
+      foreground: "#171717",
+      card: "#ffffff",
+      cardForeground: "#171717",
+      muted: "#f5f5f5",
+      mutedForeground: "#737373",
+      border: "#e5e7eb",
+      input: "#e5e7eb",
+      ring: "#f5841f",
+      destructive: "#ef4444",
+      destructiveForeground: "#ffffff",
+      success: "#22c55e",
+      successForeground: "#ffffff",
+      warning: "#f59e0b",
+      warningForeground: "#ffffff"
+    },
+    // Dark mode semantic colors
+    dark: {
+      background: "#171717",
+      foreground: "#fafafa",
+      card: "#262626",
+      cardForeground: "#fafafa",
+      muted: "#404040",
+      mutedForeground: "#a1a1aa",
+      border: "#404040",
+      input: "#404040",
+      ring: "#f5841f",
+      destructive: "#dc2626",
+      destructiveForeground: "#fafafa",
+      success: "#16a34a",
+      successForeground: "#fafafa",
+      warning: "#d97706",
+      warningForeground: "#fafafa"
+    }
+  },
+  typography: {
+    fontFamily: {
+      sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"],
+      mono: ["ui-monospace", "SFMono-Regular", "Menlo", "monospace"]
+    }
+  },
+  borderRadius: {
+    none: "0",
+    sm: "0.25rem",
+    md: "0.5rem",
+    lg: "0.75rem",
+    xl: "1rem",
+    "2xl": "1.5rem",
+    full: "9999px"
+  },
+  boxShadow: {
+    card: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    dropdown: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    modal: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+  }
+};
+
+exports.webchartBrand = webchartBrand;
+//# sourceMappingURL=chunk-Z3TFPXVN.cjs.map
+//# sourceMappingURL=chunk-Z3TFPXVN.cjs.map

package/dist/chunk-Z3TFPXVN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brands/webchart.ts"],"names":[],"mappings":";;;AAaO,IAAM,aAAA,GAA6B;AAAA,EACxC,IAAA,EAAM,UAAA;AAAA,EACN,WAAA,EAAa,UAAA;AAAA,EACb,WAAA,EAAa,8CAAA;AAAA,EAEb,MAAA,EAAQ;AAAA;AAAA,IAEN,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK,SAAA;AAAA,MACL,GAAA,EAAK;AAAA,KACP;AAAA;AAAA,IAGA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA,KACrB;AAAA;AAAA,IAGA,IAAA,EAAM;AAAA,MACJ,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM,SAAA;AAAA,MACN,cAAA,EAAgB,SAAA;AAAA,MAChB,KAAA,EAAO,SAAA;AAAA,MACP,eAAA,EAAiB,SAAA;AAAA,MACjB,MAAA,EAAQ,SAAA;AAAA,MACR,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,SAAA;AAAA,MACb,qBAAA,EAAuB,SAAA;AAAA,MACvB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB,SAAA;AAAA,MACnB,OAAA,EAAS,SAAA;AAAA,MACT,iBAAA,EAAmB;AAAA;AACrB,GACF;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,CAAC,OAAA,EAAS,eAAA,EAAiB,aAAa,YAAY,CAAA;AAAA,MAC1D,IAAA,EAAM,CAAC,cAAA,EAAgB,gBAAA,EAAkB,SAAS,WAAW;AAAA;AAC/D,GACF;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,GAAA;AAAA,IACN,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,+DAAA;AAAA,IACN,QAAA,EACE,kEAAA;AAAA,IACF,KAAA,EAAO;AAAA;AAEX","file":"chunk-Z3TFPXVN.cjs","sourcesContent":["/**\n * WebChart Brand Configuration\n *\n * The official brand theme for WebChart EHR.\n * Primary color: #f5841f (WebChart Orange)\n */\n\nimport type { BrandConfig } from './types';\n\n/**\n * WebChart brand configuration.\n * This defines all the design tokens used in WebChart applications.\n */\nexport const webchartBrand: BrandConfig = {\n  name: 'webchart',\n  displayName: 'WebChart',\n  description: 'Future-ready electronic health record system',\n\n  colors: {\n    // Primary color scale - WebChart Orange (#f5841f)\n    primary: {\n      50: '#fff7ed',\n      100: '#ffedd5',\n      200: '#fed7aa',\n      300: '#fdba74',\n      400: '#fb923c',\n      500: '#f5841f',\n      600: '#ea580c',\n      700: '#c2410c',\n      800: '#9a3412',\n      900: '#7c2d12',\n      950: '#431407',\n    },\n\n    // Light mode semantic colors\n    light: {\n      background: '#ffffff',\n      foreground: '#171717',\n      card: '#ffffff',\n      cardForeground: '#171717',\n      muted: '#f5f5f5',\n      mutedForeground: '#737373',\n      border: '#e5e7eb',\n      input: '#e5e7eb',\n      ring: '#f5841f',\n      destructive: '#ef4444',\n      destructiveForeground: '#ffffff',\n      success: '#22c55e',\n      successForeground: '#ffffff',\n      warning: '#f59e0b',\n      warningForeground: '#ffffff',\n    },\n\n    // Dark mode semantic colors\n    dark: {\n      background: '#171717',\n      foreground: '#fafafa',\n      card: '#262626',\n      cardForeground: '#fafafa',\n      muted: '#404040',\n      mutedForeground: '#a1a1aa',\n      border: '#404040',\n      input: '#404040',\n      ring: '#f5841f',\n      destructive: '#dc2626',\n      destructiveForeground: '#fafafa',\n      success: '#16a34a',\n      successForeground: '#fafafa',\n      warning: '#d97706',\n      warningForeground: '#fafafa',\n    },\n  },\n\n  typography: {\n    fontFamily: {\n      sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n      mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],\n    },\n  },\n\n  borderRadius: {\n    none: '0',\n    sm: '0.25rem',\n    md: '0.5rem',\n    lg: '0.75rem',\n    xl: '1rem',\n    '2xl': '1.5rem',\n    full: '9999px',\n  },\n\n  boxShadow: {\n    card: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n    dropdown:\n      '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    modal: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n  },\n};\n\nexport { webchartBrand as default };\n"]}

package/dist/chunk-ZJCPW6MS.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/VisuallyHidden/VisuallyHidden.tsx
+var VisuallyHidden = React__namespace.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        style: {
+          position: "absolute",
+          width: "1px",
+          height: "1px",
+          padding: 0,
+          margin: "-1px",
+          overflow: "hidden",
+          clip: "rect(0, 0, 0, 0)",
+          whiteSpace: "nowrap",
+          borderWidth: 0
+        },
+        ...props,
+        children
+      }
+    );
+  }
+);
+VisuallyHidden.displayName = "VisuallyHidden";
+
+exports.VisuallyHidden = VisuallyHidden;
+//# sourceMappingURL=chunk-ZJCPW6MS.cjs.map
+//# sourceMappingURL=chunk-ZJCPW6MS.cjs.map

package/dist/chunk-ZJCPW6MS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":["React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAM,cAAA,GAAuBA,gBAAA,CAAA,UAAA;AAAA,EAC3B,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/B,IAAA,uBACEC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACL,QAAA,EAAU,UAAA;AAAA,UACV,KAAA,EAAO,KAAA;AAAA,UACP,MAAA,EAAQ,KAAA;AAAA,UACR,OAAA,EAAS,CAAA;AAAA,UACT,MAAA,EAAQ,MAAA;AAAA,UACR,QAAA,EAAU,QAAA;AAAA,UACV,IAAA,EAAM,kBAAA;AAAA,UACN,UAAA,EAAY,QAAA;AAAA,UACZ,WAAA,EAAa;AAAA,SACf;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-ZJCPW6MS.cjs","sourcesContent":["import * as React from 'react';\n\nexport interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode;\n}\n\n/**\n * Component that hides content visually while keeping it accessible to screen readers.\n * Essential for providing context to assistive technologies without affecting visual layout.\n *\n * @example\n * ```tsx\n * <button>\n *   <IconTrash />\n *   <VisuallyHidden>Delete item</VisuallyHidden>\n * </button>\n * ```\n */\nconst VisuallyHidden = React.forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        style={{\n          position: 'absolute',\n          width: '1px',\n          height: '1px',\n          padding: 0,\n          margin: '-1px',\n          overflow: 'hidden',\n          clip: 'rect(0, 0, 0, 0)',\n          whiteSpace: 'nowrap',\n          borderWidth: 0,\n        }}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\n\nVisuallyHidden.displayName = 'VisuallyHidden';\n\nexport { VisuallyHidden };\n"]}

package/dist/chunk-ZO46CFVN.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-ZO46CFVN.cjs.map
+//# sourceMappingURL=chunk-ZO46CFVN.cjs.map

package/dist/chunk-ZO46CFVN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-ZO46CFVN.cjs"}

package/dist/chunk-ZQ4XMJH7.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-ZQ4XMJH7.js.map
+//# sourceMappingURL=chunk-ZQ4XMJH7.js.map

package/dist/chunk-ZQ4XMJH7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-ZQ4XMJH7.js"}

package/dist/components/Alert/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkIY7UQPDO_cjs = require('../../chunk-IY7UQPDO.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () { return chunkIY7UQPDO_cjs.Alert; }
+});
+Object.defineProperty(exports, "AlertDescription", {
+  enumerable: true,
+  get: function () { return chunkIY7UQPDO_cjs.AlertDescription; }
+});
+Object.defineProperty(exports, "AlertTitle", {
+  enumerable: true,
+  get: function () { return chunkIY7UQPDO_cjs.AlertTitle; }
+});
+Object.defineProperty(exports, "alertVariants", {
+  enumerable: true,
+  get: function () { return chunkIY7UQPDO_cjs.alertVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Alert/index.d.cts

@@ -0,0 +1,39 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    variant?: "danger" | "default" | "success" | "info" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /** Icon to display in the alert */
+    icon?: React.ReactElement | null;
+    /** Whether the alert can be dismissed */
+    dismissible?: boolean;
+    /** Callback when the alert is dismissed */
+    onDismiss?: () => void;
+    /** Accessible label for the dismiss button */
+    dismissLabel?: string;
+}
+/**
+ * An alert component for displaying important messages.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="success">
+ *   <AlertTitle>Success!</AlertTitle>
+ *   <AlertDescription>Your changes have been saved.</AlertDescription>
+ * </Alert>
+ * ```
+ */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Title for an Alert component.
+ */
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description text for an Alert component.
+ */
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Alert, AlertDescription, type AlertProps, AlertTitle, alertVariants };

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,39 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    variant?: "danger" | "default" | "success" | "info" | "warning" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /** Icon to display in the alert */
+    icon?: React.ReactElement | null;
+    /** Whether the alert can be dismissed */
+    dismissible?: boolean;
+    /** Callback when the alert is dismissed */
+    onDismiss?: () => void;
+    /** Accessible label for the dismiss button */
+    dismissLabel?: string;
+}
+/**
+ * An alert component for displaying important messages.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="success">
+ *   <AlertTitle>Success!</AlertTitle>
+ *   <AlertDescription>Your changes have been saved.</AlertDescription>
+ * </Alert>
+ * ```
+ */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Title for an Alert component.
+ */
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description text for an Alert component.
+ */
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Alert, AlertDescription, type AlertProps, AlertTitle, alertVariants };

package/dist/components/Alert/index.js

@@ -0,0 +1,4 @@
+export { Alert, AlertDescription, AlertTitle, alertVariants } from '../../chunk-B26RIQ5R.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/AudioPlayer/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkVWXGUNBR_cjs = require('../../chunk-VWXGUNBR.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "AudioPlayer", {
+  enumerable: true,
+  get: function () { return chunkVWXGUNBR_cjs.AudioPlayer; }
+});
+Object.defineProperty(exports, "ProgressBar", {
+  enumerable: true,
+  get: function () { return chunkVWXGUNBR_cjs.ProgressBar; }
+});
+Object.defineProperty(exports, "audioPlayerVariants", {
+  enumerable: true,
+  get: function () { return chunkVWXGUNBR_cjs.audioPlayerVariants; }
+});
+Object.defineProperty(exports, "formatAudioTime", {
+  enumerable: true,
+  get: function () { return chunkVWXGUNBR_cjs.formatTime; }
+});
+Object.defineProperty(exports, "playButtonVariants", {
+  enumerable: true,
+  get: function () { return chunkVWXGUNBR_cjs.playButtonVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/AudioPlayer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/AudioPlayer/index.d.cts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type AudioPlayerState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
+interface AudioPlayerProps extends VariantProps<typeof audioPlayerVariants> {
+    /** Audio source URL */
+    src: string;
+    /** Title/label for the audio (used for accessibility and display) */
+    title?: string;
+    /** Callback when playback state changes */
+    onStateChange?: (state: AudioPlayerState) => void;
+    /** Callback when playback ends */
+    onEnded?: () => void;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Callback when time updates during playback */
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+    /** Whether to show the time display */
+    showTime?: boolean;
+    /** Whether to show the duration (for inline variant) */
+    showDuration?: boolean;
+    /** Waveform color (for waveform variant) */
+    waveColor?: string;
+    /** Progress/played waveform color (for waveform variant) */
+    progressColor?: string;
+    /** Height of the waveform (for waveform variant) */
+    waveformHeight?: number;
+    /** Whether the player is disabled */
+    disabled?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Playback speed options */
+    playbackRates?: number[];
+    /** Whether to show playback speed control */
+    showPlaybackRate?: boolean;
+}
+declare const audioPlayerVariants: (props?: ({
+    variant?: "inline" | "compact" | "waveform" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const playButtonVariants: (props?: ({
+    variant?: "inline" | "compact" | "waveform" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function formatTime(seconds: number): string;
+interface ProgressBarProps {
+    currentTime: number;
+    duration: number;
+    onSeek: (time: number) => void;
+    disabled?: boolean;
+}
+declare function ProgressBar({ currentTime, duration, onSeek, disabled, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+/**
+ * A versatile audio player component with multiple display variants.
+ *
+ * @example
+ * ```tsx
+ * // Inline - minimal, just play button and duration
+ * <AudioPlayer src="/audio.mp3" variant="inline" showDuration />
+ *
+ * // Compact - play button, progress bar, and time
+ * <AudioPlayer src="/audio.mp3" variant="compact" showTime />
+ *
+ * // Waveform - full visualization with WaveSurfer
+ * <AudioPlayer src="/audio.mp3" variant="waveform" showTime />
+ * ```
+ */
+declare function AudioPlayer({ src, title, variant, size, onStateChange, onEnded, onError, onTimeUpdate, showTime, showDuration, waveColor, progressColor, waveformHeight, disabled, className, 'aria-label': ariaLabel, playbackRates, showPlaybackRate, 
+/** Whether to preload audio (set to false for lists with many items) */
+preload, 
+/** Fallback duration in seconds to display before audio is loaded */
+fallbackDuration, }: AudioPlayerProps & {
+    preload?: boolean;
+    fallbackDuration?: number;
+}): react_jsx_runtime.JSX.Element;
+declare namespace AudioPlayer {
+    var displayName: string;
+}
+
+export { AudioPlayer, type AudioPlayerProps, type AudioPlayerState, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants };

package/dist/components/AudioPlayer/index.d.ts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type AudioPlayerState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
+interface AudioPlayerProps extends VariantProps<typeof audioPlayerVariants> {
+    /** Audio source URL */
+    src: string;
+    /** Title/label for the audio (used for accessibility and display) */
+    title?: string;
+    /** Callback when playback state changes */
+    onStateChange?: (state: AudioPlayerState) => void;
+    /** Callback when playback ends */
+    onEnded?: () => void;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Callback when time updates during playback */
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+    /** Whether to show the time display */
+    showTime?: boolean;
+    /** Whether to show the duration (for inline variant) */
+    showDuration?: boolean;
+    /** Waveform color (for waveform variant) */
+    waveColor?: string;
+    /** Progress/played waveform color (for waveform variant) */
+    progressColor?: string;
+    /** Height of the waveform (for waveform variant) */
+    waveformHeight?: number;
+    /** Whether the player is disabled */
+    disabled?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Playback speed options */
+    playbackRates?: number[];
+    /** Whether to show playback speed control */
+    showPlaybackRate?: boolean;
+}
+declare const audioPlayerVariants: (props?: ({
+    variant?: "inline" | "compact" | "waveform" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const playButtonVariants: (props?: ({
+    variant?: "inline" | "compact" | "waveform" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function formatTime(seconds: number): string;
+interface ProgressBarProps {
+    currentTime: number;
+    duration: number;
+    onSeek: (time: number) => void;
+    disabled?: boolean;
+}
+declare function ProgressBar({ currentTime, duration, onSeek, disabled, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+/**
+ * A versatile audio player component with multiple display variants.
+ *
+ * @example
+ * ```tsx
+ * // Inline - minimal, just play button and duration
+ * <AudioPlayer src="/audio.mp3" variant="inline" showDuration />
+ *
+ * // Compact - play button, progress bar, and time
+ * <AudioPlayer src="/audio.mp3" variant="compact" showTime />
+ *
+ * // Waveform - full visualization with WaveSurfer
+ * <AudioPlayer src="/audio.mp3" variant="waveform" showTime />
+ * ```
+ */
+declare function AudioPlayer({ src, title, variant, size, onStateChange, onEnded, onError, onTimeUpdate, showTime, showDuration, waveColor, progressColor, waveformHeight, disabled, className, 'aria-label': ariaLabel, playbackRates, showPlaybackRate, 
+/** Whether to preload audio (set to false for lists with many items) */
+preload, 
+/** Fallback duration in seconds to display before audio is loaded */
+fallbackDuration, }: AudioPlayerProps & {
+    preload?: boolean;
+    fallbackDuration?: number;
+}): react_jsx_runtime.JSX.Element;
+declare namespace AudioPlayer {
+    var displayName: string;
+}
+
+export { AudioPlayer, type AudioPlayerProps, type AudioPlayerState, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants };

package/dist/components/AudioPlayer/index.js

@@ -0,0 +1,4 @@
+export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from '../../chunk-QBWVTJKF.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/AudioPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/AudioRecorder/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunk53K3KWXQ_cjs = require('../../chunk-53K3KWXQ.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "AudioRecorder", {
+  enumerable: true,
+  get: function () { return chunk53K3KWXQ_cjs.AudioRecorder; }
+});
+Object.defineProperty(exports, "audioRecorderVariants", {
+  enumerable: true,
+  get: function () { return chunk53K3KWXQ_cjs.audioRecorderVariants; }
+});
+Object.defineProperty(exports, "controlButtonVariants", {
+  enumerable: true,
+  get: function () { return chunk53K3KWXQ_cjs.controlButtonVariants; }
+});
+Object.defineProperty(exports, "formatTime", {
+  enumerable: true,
+  get: function () { return chunk53K3KWXQ_cjs.formatTime; }
+});
+Object.defineProperty(exports, "waveformContainerVariants", {
+  enumerable: true,
+  get: function () { return chunk53K3KWXQ_cjs.waveformContainerVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/AudioRecorder/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}