@wow-two-beta/ui 0.0.7 → 0.0.9

package/dist/chunk-NKGNOOXJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layout/box/Box.tsx","../src/layout/stack/Stack.variants.ts","../src/layout/stack/Stack.tsx","../src/layout/hStack/HStack.tsx","../src/layout/vStack/VStack.tsx","../src/layout/grid/Grid.variants.ts","../src/layout/grid/Grid.tsx","../src/layout/container/Container.variants.ts","../src/layout/container/Container.tsx","../src/layout/flex/Flex.tsx","../src/layout/aspectRatio/AspectRatio.tsx","../src/layout/spacer/Spacer.tsx","../src/layout/center/Center.tsx","../src/layout/scrollArea/ScrollArea.tsx","../src/layout/inline/Inline.tsx","../src/layout/cluster/Cluster.tsx","../src/layout/frame/Frame.tsx","../src/layout/twoColumn/TwoColumn.tsx"],"names":["forwardRef","jsx","GAP"],"mappings":"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","file":"chunk-NKGNOOXJ.js","sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementType, type Ref } from 'react';\nimport { cn } from '../../utils';\n\nexport interface BoxProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {\n  /** HTML element to render. Default `div`. */\n  as?: ElementType;\n}\n\n/**\n * The lowest-level layout primitive. Renders any element (default `div`)\n * with className passthrough. Use as a styling shell when no other layout\n * atom fits.\n */\nexport const Box = forwardRef<HTMLElement, BoxProps>(\n  ({ as: Component = 'div', className, ...props }, ref) => (\n    <Component ref={ref as Ref<HTMLElement>} className={cn(className)} {...props} />\n  ),\n);\nBox.displayName = 'Box';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const stackVariants = tv({\n  base: 'flex',\n  variants: {\n    direction: {\n      row: 'flex-row',\n      column: 'flex-col',\n      'row-reverse': 'flex-row-reverse',\n      'column-reverse': 'flex-col-reverse',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    gap: {\n      '0': 'gap-0',\n      '1': 'gap-1',\n      '2': 'gap-2',\n      '3': 'gap-3',\n      '4': 'gap-4',\n      '5': 'gap-5',\n      '6': 'gap-6',\n      '8': 'gap-8',\n      '10': 'gap-10',\n      '12': 'gap-12',\n    },\n    wrap: {\n      wrap: 'flex-wrap',\n      nowrap: 'flex-nowrap',\n      'wrap-reverse': 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    direction: 'column',\n    gap: '4',\n  },\n});\n\nexport type StackVariants = VariantProps<typeof stackVariants>;\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type Ref,\n} from 'react';\nimport { cn } from '../../utils';\nimport { stackVariants, type StackVariants } from './Stack.variants';\n\nexport interface StackProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>,\n    StackVariants {\n  as?: ElementType;\n}\n\n/**\n * Vertical (default) or horizontal flex container with gap and alignment\n * variants. For row preset use `HStack`, for column use `VStack`.\n */\nexport const Stack = forwardRef<HTMLElement, StackProps>(\n  ({ as: Component = 'div', className, direction, align, justify, gap, wrap, ...props }, ref) => (\n    <Component\n      ref={ref as Ref<HTMLElement>}\n      className={cn(stackVariants({ direction, align, justify, gap, wrap }), className)}\n      {...props}\n    />\n  ),\n);\nStack.displayName = 'Stack';\n","import { forwardRef, type Ref } from 'react';\nimport { Stack, type StackProps } from '../stack/Stack';\n\nexport type HStackProps = Omit<StackProps, 'direction'>;\n\n/** Stack preset: `direction=\"row\"`. */\nexport const HStack = forwardRef<HTMLElement, HStackProps>((props, ref) => (\n  <Stack ref={ref as Ref<HTMLElement>} direction=\"row\" {...props} />\n));\nHStack.displayName = 'HStack';\n","import { forwardRef, type Ref } from 'react';\nimport { Stack, type StackProps } from '../stack/Stack';\n\nexport type VStackProps = Omit<StackProps, 'direction'>;\n\n/** Stack preset: `direction=\"column\"` (default). Provided for symmetry with HStack. */\nexport const VStack = forwardRef<HTMLElement, VStackProps>((props, ref) => (\n  <Stack ref={ref as Ref<HTMLElement>} direction=\"column\" {...props} />\n));\nVStack.displayName = 'VStack';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const gridVariants = tv({\n  base: 'grid',\n  variants: {\n    columns: {\n      '1': 'grid-cols-1',\n      '2': 'grid-cols-2',\n      '3': 'grid-cols-3',\n      '4': 'grid-cols-4',\n      '5': 'grid-cols-5',\n      '6': 'grid-cols-6',\n      '8': 'grid-cols-8',\n      '12': 'grid-cols-12',\n    },\n    gap: {\n      '0': 'gap-0',\n      '1': 'gap-1',\n      '2': 'gap-2',\n      '3': 'gap-3',\n      '4': 'gap-4',\n      '5': 'gap-5',\n      '6': 'gap-6',\n      '8': 'gap-8',\n      '10': 'gap-10',\n      '12': 'gap-12',\n    },\n  },\n  defaultVariants: {\n    columns: '2',\n    gap: '4',\n  },\n});\n\nexport type GridVariants = VariantProps<typeof gridVariants>;\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type Ref,\n} from 'react';\nimport { cn } from '../../utils';\nimport { gridVariants, type GridVariants } from './Grid.variants';\n\nexport interface GridProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>,\n    GridVariants {\n  as?: ElementType;\n}\n\n/**\n * CSS grid container with column and gap variants. For non-uniform tracks\n * pass an explicit `style={{ gridTemplateColumns }}` — the variant covers\n * the equal-column case.\n */\nexport const Grid = forwardRef<HTMLElement, GridProps>(\n  ({ as: Component = 'div', className, columns, gap, ...props }, ref) => (\n    <Component\n      ref={ref as Ref<HTMLElement>}\n      className={cn(gridVariants({ columns, gap }), className)}\n      {...props}\n    />\n  ),\n);\nGrid.displayName = 'Grid';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const containerVariants = tv({\n  base: 'mx-auto w-full px-4',\n  variants: {\n    size: {\n      sm: 'max-w-screen-sm',\n      md: 'max-w-screen-md',\n      lg: 'max-w-screen-lg',\n      xl: 'max-w-screen-xl',\n      '2xl': 'max-w-screen-2xl',\n      full: 'max-w-full',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport type ContainerVariants = VariantProps<typeof containerVariants>;\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type Ref,\n} from 'react';\nimport { cn } from '../../utils';\nimport { containerVariants, type ContainerVariants } from './Container.variants';\n\nexport interface ContainerProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'as'>,\n    ContainerVariants {\n  as?: ElementType;\n}\n\n/**\n * Centered max-width wrapper with horizontal padding. Use at page-level to\n * constrain content width.\n */\nexport const Container = forwardRef<HTMLElement, ContainerProps>(\n  ({ as: Component = 'div', className, size, ...props }, ref) => (\n    <Component\n      ref={ref as Ref<HTMLElement>}\n      className={cn(containerVariants({ size }), className)}\n      {...props}\n    />\n  ),\n);\nContainer.displayName = 'Container';\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type Ref,\n} from 'react';\nimport { cn } from '../../utils';\n\nexport interface FlexProps extends Omit<ComponentPropsWithoutRef<'div'>, 'as'> {\n  as?: ElementType;\n}\n\n/**\n * Bare flex container — no opinions on direction, gap, or alignment.\n * Use for one-off flex layouts that don't fit `Stack`'s variant matrix.\n */\nexport const Flex = forwardRef<HTMLElement, FlexProps>(\n  ({ as: Component = 'div', className, ...props }, ref) => (\n    <Component\n      ref={ref as Ref<HTMLElement>}\n      className={cn('flex', className)}\n      {...props}\n    />\n  ),\n);\nFlex.displayName = 'Flex';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface AspectRatioProps extends ComponentPropsWithoutRef<'div'> {\n  /** Numeric ratio (width/height). Default 1 (square). */\n  ratio?: number;\n}\n\n/**\n * Constrain children to an aspect ratio (width / height). Children are\n * absolutely positioned and stretched to fill — typically pass a single\n * `<img>`, `<video>`, or `<iframe>` with `className=\"absolute inset-0 w-full h-full\"`.\n */\nexport const AspectRatio = forwardRef<HTMLDivElement, AspectRatioProps>(\n  ({ ratio = 1, className, style, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('relative w-full', className)}\n      style={{ aspectRatio: `${ratio}`, ...style }}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\nAspectRatio.displayName = 'AspectRatio';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface SpacerProps extends ComponentPropsWithoutRef<'div'> {\n  /** Optional explicit size (CSS length). When inside a flex/grid parent,\n   *  the default `flex: 1` already pushes siblings apart. */\n  size?: number | string;\n  axis?: 'horizontal' | 'vertical';\n}\n\n/**\n * A flexible empty box. In a flex parent it expands (`flex: 1`) and pushes\n * siblings to opposite ends. Pass `size` for a fixed gap.\n */\nexport const Spacer = forwardRef<HTMLDivElement, SpacerProps>(\n  ({ size, axis = 'horizontal', className, style, ...props }, ref) => {\n    const fixed: React.CSSProperties | undefined =\n      size !== undefined\n        ? axis === 'horizontal'\n          ? { width: typeof size === 'number' ? `${size}px` : size, flexShrink: 0 }\n          : { height: typeof size === 'number' ? `${size}px` : size, flexShrink: 0 }\n        : undefined;\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(size === undefined && 'flex-1', className)}\n        style={{ ...fixed, ...style }}\n        {...props}\n      />\n    );\n  },\n);\nSpacer.displayName = 'Spacer';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport type CenterProps = ComponentPropsWithoutRef<'div'>;\n\n/** Flex shorthand that centers its children both axes. */\nexport const Center = forwardRef<HTMLDivElement, CenterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex items-center justify-center', className)}\n      {...props}\n    />\n  ),\n);\nCenter.displayName = 'Center';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface ScrollAreaProps extends ComponentPropsWithoutRef<'div'> {\n  axis?: 'vertical' | 'horizontal' | 'both';\n}\n\n/**\n * Native scrollable container with stable visuals. For custom-styled\n * scrollbars (track + thumb separately animated) use the L5 ScrollArea\n * organism. This atom exists for the common case.\n */\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  ({ axis = 'vertical', className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'relative',\n        axis === 'vertical' && 'overflow-y-auto overflow-x-hidden',\n        axis === 'horizontal' && 'overflow-x-auto overflow-y-hidden',\n        axis === 'both' && 'overflow-auto',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nScrollArea.displayName = 'ScrollArea';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface InlineProps extends ComponentPropsWithoutRef<'div'> {\n  /** Gap between children (Tailwind spacing). Default `2`. */\n  gap?: '0' | '1' | '2' | '3' | '4' | '6' | '8';\n  /** Vertical alignment. Default `center`. */\n  align?: 'start' | 'center' | 'end' | 'baseline';\n}\n\nconst GAP: Record<NonNullable<InlineProps['gap']>, string> = {\n  '0': 'gap-0', '1': 'gap-1', '2': 'gap-2', '3': 'gap-3', '4': 'gap-4', '6': 'gap-6', '8': 'gap-8',\n};\nconst ALIGN: Record<NonNullable<InlineProps['align']>, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  baseline: 'items-baseline',\n};\n\n/**\n * Wrapping horizontal row with consistent gap. Use for chips/tag rows,\n * inline button groups, breadcrumb-like sequences.\n */\nexport const Inline = forwardRef<HTMLDivElement, InlineProps>(\n  ({ gap = '2', align = 'center', className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-wrap', GAP[gap], ALIGN[align], className)}\n      {...props}\n    />\n  ),\n);\nInline.displayName = 'Inline';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface ClusterProps extends ComponentPropsWithoutRef<'div'> {\n  /** Gap between children. Default `4`. */\n  gap?: '2' | '3' | '4' | '6' | '8';\n  /** Justify on cross axis. Default `center`. */\n  justify?: 'start' | 'center' | 'end';\n}\n\nconst GAP: Record<NonNullable<ClusterProps['gap']>, string> = {\n  '2': 'gap-2', '3': 'gap-3', '4': 'gap-4', '6': 'gap-6', '8': 'gap-8',\n};\nconst JUSTIFY: Record<NonNullable<ClusterProps['justify']>, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n};\n\n/**\n * Centered wrapping row — for auth-page action clusters, hero CTAs, footer\n * link groups. `Inline` left-aligns; `Cluster` centers by default.\n */\nexport const Cluster = forwardRef<HTMLDivElement, ClusterProps>(\n  ({ gap = '4', justify = 'center', className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('flex flex-wrap items-center', GAP[gap], JUSTIFY[justify], className)}\n      {...props}\n    />\n  ),\n);\nCluster.displayName = 'Cluster';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface FrameProps extends ComponentPropsWithoutRef<'div'> {\n  /** Padding. Default `4`. */\n  padding?: '0' | '2' | '3' | '4' | '6' | '8';\n  /** Border radius. Default `md`. */\n  radius?: 'none' | 'sm' | 'md' | 'lg';\n  /** Surface background — `card` (raised) or `muted` (recessed). Default `card`. */\n  surface?: 'card' | 'muted' | 'transparent';\n  /** Show the border. Default `true`. */\n  bordered?: boolean;\n}\n\nconst PADDING: Record<NonNullable<FrameProps['padding']>, string> = {\n  '0': '', '2': 'p-2', '3': 'p-3', '4': 'p-4', '6': 'p-6', '8': 'p-8',\n};\nconst RADIUS: Record<NonNullable<FrameProps['radius']>, string> = {\n  none: '', sm: 'rounded-sm', md: 'rounded-md', lg: 'rounded-lg',\n};\nconst SURFACE: Record<NonNullable<FrameProps['surface']>, string> = {\n  card: 'bg-card text-card-foreground',\n  muted: 'bg-muted text-foreground',\n  transparent: '',\n};\n\n/**\n * Bordered shell with padding + radius — `Card` without slot semantics.\n * Use when you want the visual but not the structured Header/Body/Footer.\n */\nexport const Frame = forwardRef<HTMLDivElement, FrameProps>(\n  ({ padding = '4', radius = 'md', surface = 'card', bordered = true, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        SURFACE[surface],\n        PADDING[padding],\n        RADIUS[radius],\n        bordered && 'border border-border',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nFrame.displayName = 'Frame';\n","import { forwardRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport { cn } from '../../utils';\n\nexport interface TwoColumnProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** Sidebar / aside content. */\n  aside: ReactNode;\n  /** Main content. */\n  children: ReactNode;\n  /** Aside width — Tailwind class string (e.g. `w-64`). Default `w-64`. */\n  asideWidth?: string;\n  /** Side the aside sits on. Default `left`. */\n  asideSide?: 'left' | 'right';\n  /** Gap between aside and main. Default `6`. */\n  gap?: '0' | '4' | '6' | '8' | '10';\n}\n\nconst GAP: Record<NonNullable<TwoColumnProps['gap']>, string> = {\n  '0': 'gap-0', '4': 'gap-4', '6': 'gap-6', '8': 'gap-8', '10': 'gap-10',\n};\n\n/**\n * Two-pane layout — fixed-width aside + flexible main. Sidebar+content,\n * filter+results, table-of-contents+article patterns.\n */\nexport const TwoColumn = forwardRef<HTMLDivElement, TwoColumnProps>(\n  (\n    { aside, children, asideWidth = 'w-64', asideSide = 'left', gap = '6', className, ...props },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex w-full',\n        asideSide === 'right' && 'flex-row-reverse',\n        GAP[gap],\n        className,\n      )}\n      {...props}\n    >\n      <aside className={cn('shrink-0', asideWidth)}>{aside}</aside>\n      <main className=\"min-w-0 flex-1\">{children}</main>\n    </div>\n  ),\n);\nTwoColumn.displayName = 'TwoColumn';\n"]}

package/dist/chunk-RIW2V3N4.js

@@ -0,0 +1,596 @@
+import { tv } from './chunk-BMBIZLO4.js';
+import { Icon } from './chunk-TDX22OWF.js';
+import { cn } from './chunk-KZ4VFY2T.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { X, Check, TrendingUp, TrendingDown, Minus } from 'lucide-react';
+
+// src/feedback/spinner/Spinner.variants.ts
+var spinnerVariants = tv({
+  base: "inline-block animate-spin rounded-full border-current border-b-transparent",
+  variants: {
+    size: {
+      xs: "h-3 w-3 border",
+      sm: "h-4 w-4 border-2",
+      md: "h-5 w-5 border-2",
+      lg: "h-8 w-8 border-2",
+      xl: "h-12 w-12 border-[3px]"
+    },
+    tone: {
+      default: "text-muted-foreground",
+      brand: "text-primary",
+      muted: "text-border",
+      current: ""
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    tone: "default"
+  }
+});
+var Spinner = forwardRef(
+  ({ className, size, tone, label = "Loading", role = "status", ...props }, ref) => /* @__PURE__ */ jsxs("span", { ref, role, ...props, children: [
+    /* @__PURE__ */ jsx("span", { className: cn(spinnerVariants({ size, tone }), className) }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+  ] })
+);
+Spinner.displayName = "Spinner";
+
+// src/feedback/skeleton/Skeleton.variants.ts
+var skeletonVariants = tv({
+  base: "animate-pulse bg-muted",
+  variants: {
+    shape: {
+      rect: "rounded-md",
+      text: "h-4 rounded-sm",
+      circle: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    shape: "rect"
+  }
+});
+var Skeleton = forwardRef(
+  ({ className, shape, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "aria-hidden": "true",
+      className: cn(skeletonVariants({ shape }), className),
+      ...props
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+
+// src/feedback/progressBar/ProgressBar.variants.ts
+var progressTrackVariants = tv({
+  base: "h-2 w-full overflow-hidden rounded-full bg-muted",
+  variants: {
+    size: {
+      sm: "h-1",
+      md: "h-2",
+      lg: "h-3"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var progressFillVariants = tv({
+  base: "h-full rounded-full transition-[width] duration-300",
+  variants: {
+    tone: {
+      brand: "bg-primary",
+      success: "bg-success",
+      warning: "bg-warning",
+      danger: "bg-destructive",
+      neutral: "bg-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    tone: "brand"
+  }
+});
+var ProgressBar = forwardRef(
+  ({ value, max = 100, size, tone, label, className, ...props }, ref) => {
+    const determinate = typeof value === "number";
+    const pct = determinate ? Math.min(100, Math.max(0, value / max * 100)) : void 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": determinate ? value : void 0,
+        className: cn(progressTrackVariants({ size }), className),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              progressFillVariants({ tone }),
+              !determinate && "w-1/3 animate-[indeterminate_1.4s_ease-in-out_infinite]"
+            ),
+            style: determinate ? { width: `${pct}%` } : void 0
+          }
+        )
+      }
+    );
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+var TONE_CLASS = {
+  brand: "text-primary",
+  success: "text-success",
+  warning: "text-warning",
+  danger: "text-destructive",
+  neutral: "text-muted-foreground"
+};
+var ProgressCircle = forwardRef(
+  ({ value, max = 100, size = 40, thickness = 4, tone = "brand", label, className, ...props }, ref) => {
+    const determinate = typeof value === "number";
+    const radius = (size - thickness) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const pct = determinate ? Math.min(100, Math.max(0, value / max * 100)) : 25;
+    const offset = circumference - pct / 100 * circumference;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": determinate ? value : void 0,
+        className: cn("inline-block", !determinate && "animate-spin", TONE_CLASS[tone], className),
+        style: { width: size, height: size },
+        ...props,
+        children: /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              stroke: "currentColor",
+              strokeWidth: thickness,
+              fill: "none",
+              opacity: 0.2
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: size / 2,
+              cy: size / 2,
+              r: radius,
+              stroke: "currentColor",
+              strokeWidth: thickness,
+              strokeLinecap: "round",
+              fill: "none",
+              strokeDasharray: circumference,
+              strokeDashoffset: offset,
+              transform: `rotate(-90 ${size / 2} ${size / 2})`,
+              style: { transition: "stroke-dashoffset 300ms ease" }
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+ProgressCircle.displayName = "ProgressCircle";
+
+// src/feedback/alertSimple/AlertSimple.variants.ts
+var alertSimpleVariants = tv({
+  base: "rounded-md border px-4 py-3 text-sm",
+  variants: {
+    severity: {
+      info: "border-info-soft bg-info-soft text-info-soft-foreground",
+      success: "border-success-soft bg-success-soft text-success-soft-foreground",
+      warning: "border-warning-soft bg-warning-soft text-warning-soft-foreground",
+      danger: "border-destructive-soft bg-destructive-soft text-destructive-soft-foreground",
+      neutral: "border-border bg-muted text-foreground"
+    }
+  },
+  defaultVariants: {
+    severity: "info"
+  }
+});
+var AlertSimple = forwardRef(
+  ({ className, severity, role = "status", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role,
+      className: cn(alertSimpleVariants({ severity }), className),
+      ...props
+    }
+  )
+);
+AlertSimple.displayName = "AlertSimple";
+
+// src/feedback/bannerSimple/BannerSimple.variants.ts
+var bannerSimpleVariants = tv({
+  base: "w-full px-6 py-3 text-sm",
+  variants: {
+    severity: {
+      info: "bg-info text-info-foreground",
+      success: "bg-success text-success-foreground",
+      warning: "bg-warning text-warning-foreground",
+      danger: "bg-destructive text-destructive-foreground",
+      neutral: "bg-inverse text-inverse-foreground"
+    }
+  },
+  defaultVariants: {
+    severity: "info"
+  }
+});
+var BannerSimple = forwardRef(
+  ({ className, severity, role = "status", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role,
+      className: cn(bannerSimpleVariants({ severity }), className),
+      ...props
+    }
+  )
+);
+BannerSimple.displayName = "BannerSimple";
+
+// src/feedback/toastSimple/ToastSimple.variants.ts
+var toastSimpleVariants = tv({
+  base: "pointer-events-auto rounded-md border bg-popover text-popover-foreground shadow-lg px-4 py-3 text-sm",
+  variants: {
+    severity: {
+      info: "border-info-soft",
+      success: "border-success-soft",
+      warning: "border-warning-soft",
+      danger: "border-destructive-soft",
+      neutral: "border-border"
+    }
+  },
+  defaultVariants: {
+    severity: "neutral"
+  }
+});
+var ToastSimple = forwardRef(
+  ({ className, severity, role = "status", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role,
+      "aria-live": "polite",
+      className: cn(toastSimpleVariants({ severity }), className),
+      ...props
+    }
+  )
+);
+ToastSimple.displayName = "ToastSimple";
+var Alert = forwardRef(
+  ({ icon, title, description, actions, onClose, closeLabel = "Dismiss", severity, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    AlertSimple,
+    {
+      ref,
+      severity,
+      className: cn("flex items-start gap-3", className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx("div", { className: "font-medium", children: title }),
+          description && /* @__PURE__ */ jsx("div", { className: cn("text-sm", title && "mt-0.5 opacity-90"), children: description }),
+          actions && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: actions })
+        ] }),
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: "-mr-1 grid h-6 w-6 shrink-0 place-items-center rounded text-current opacity-60 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current",
+            children: /* @__PURE__ */ jsx(Icon, { icon: X, size: 14 })
+          }
+        )
+      ]
+    }
+  )
+);
+Alert.displayName = "Alert";
+var Banner = forwardRef(
+  ({ icon, title, description, actions, onClose, closeLabel = "Dismiss", severity, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    BannerSimple,
+    {
+      ref,
+      severity,
+      className: cn("flex items-center gap-4", className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-baseline gap-3", children: [
+          title && /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }),
+          description && /* @__PURE__ */ jsx("span", { className: "opacity-90", children: description })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions }),
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: "-mr-2 grid h-7 w-7 shrink-0 place-items-center rounded text-current opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current",
+            children: /* @__PURE__ */ jsx(Icon, { icon: X, size: 16 })
+          }
+        )
+      ]
+    }
+  )
+);
+Banner.displayName = "Banner";
+var Toast = forwardRef(
+  ({ icon, title, description, actions, onClose, closeLabel = "Dismiss", severity, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    ToastSimple,
+    {
+      ref,
+      severity,
+      className: cn("flex items-start gap-3", className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx("div", { className: "font-medium", children: title }),
+          description && /* @__PURE__ */ jsx("div", { className: cn("text-sm", title && "mt-0.5 text-muted-foreground"), children: description }),
+          actions && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: actions })
+        ] }),
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: "-mr-1 grid h-6 w-6 shrink-0 place-items-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            children: /* @__PURE__ */ jsx(Icon, { icon: X, size: 14 })
+          }
+        )
+      ]
+    }
+  )
+);
+Toast.displayName = "Toast";
+var SEVERITY = {
+  info: "border-l-info text-foreground",
+  success: "border-l-success text-foreground",
+  warning: "border-l-warning text-foreground",
+  danger: "border-l-destructive text-foreground",
+  neutral: "border-l-border text-foreground"
+};
+var Callout = forwardRef(
+  ({ severity = "info", icon, title, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-start gap-3 rounded-md border-l-4 bg-card px-4 py-3 text-sm",
+        SEVERITY[severity],
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx("div", { className: "mb-0.5 font-medium", children: title }),
+          children
+        ] })
+      ]
+    }
+  )
+);
+Callout.displayName = "Callout";
+var InlineSpinner = forwardRef(
+  ({ children = "Loading\u2026", size = "sm", tone = "default", className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      className: cn("inline-flex items-center gap-2 text-sm text-muted-foreground", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Spinner, { size, tone }),
+        children
+      ]
+    }
+  )
+);
+InlineSpinner.displayName = "InlineSpinner";
+var LoadingState = forwardRef(
+  ({ title = "Loading\u2026", description, size = "lg", className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "status",
+      className: cn("flex flex-col items-center justify-center gap-3 py-12 text-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Spinner, { size, tone: "brand" }),
+        title && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: description })
+      ]
+    }
+  )
+);
+LoadingState.displayName = "LoadingState";
+var ProgressSteps = forwardRef(
+  ({ steps, current, orientation = "horizontal", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      ref,
+      className: cn(
+        "flex",
+        orientation === "horizontal" ? "flex-row items-center gap-2" : "flex-col gap-3",
+        className
+      ),
+      ...props,
+      children: steps.map((label, i) => {
+        const status = i < current ? "complete" : i === current ? "current" : "upcoming";
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: cn(
+              "flex items-center gap-2",
+              orientation === "horizontal" && i < steps.length - 1 && "flex-1"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "grid h-7 w-7 place-items-center rounded-full text-xs font-medium",
+                    status === "complete" && "bg-primary text-primary-foreground",
+                    status === "current" && "border-2 border-primary text-primary",
+                    status === "upcoming" && "border border-border text-muted-foreground"
+                  ),
+                  "aria-current": status === "current" ? "step" : void 0,
+                  children: status === "complete" ? /* @__PURE__ */ jsx(Icon, { icon: Check, size: 14 }) : i + 1
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "text-sm",
+                    status === "upcoming" ? "text-muted-foreground" : "text-foreground"
+                  ),
+                  children: label
+                }
+              ),
+              orientation === "horizontal" && i < steps.length - 1 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "h-px flex-1",
+                    i < current ? "bg-primary" : "bg-border"
+                  ),
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          },
+          i
+        );
+      })
+    }
+  )
+);
+ProgressSteps.displayName = "ProgressSteps";
+var TONE = {
+  success: "bg-success",
+  warning: "bg-warning",
+  destructive: "bg-destructive",
+  info: "bg-info",
+  neutral: "bg-muted-foreground"
+};
+var StatusIndicator = forwardRef(
+  ({ tone = "success", label, description, pulse, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex items-start gap-3", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "relative mt-1 inline-flex", children: [
+          /* @__PURE__ */ jsx("span", { className: cn("inline-block h-2.5 w-2.5 rounded-full", TONE[tone]) }),
+          pulse && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "absolute inset-0 inline-block rounded-full opacity-75 animate-ping",
+                TONE[tone]
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: label }),
+          description && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: description })
+        ] })
+      ]
+    }
+  )
+);
+StatusIndicator.displayName = "StatusIndicator";
+var SIZE = {
+  sm: "h-1",
+  md: "h-2",
+  lg: "h-3"
+};
+var MeterBar = forwardRef(
+  ({ value, max = 100, thresholds, size = "md", label, className, ...props }, ref) => {
+    const [good, warn] = thresholds ?? [max * 0.7, max * 0.9];
+    const tone = value <= good ? "bg-success" : value <= warn ? "bg-warning" : "bg-destructive";
+    const pct = Math.min(100, Math.max(0, value / max * 100));
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "meter",
+        "aria-label": label,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": value,
+        className: cn("w-full overflow-hidden rounded-full bg-muted", SIZE[size], className),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("h-full rounded-full transition-[width] duration-300", tone),
+            style: { width: `${pct}%` }
+          }
+        )
+      }
+    );
+  }
+);
+MeterBar.displayName = "MeterBar";
+var SIZE_TEXT = {
+  xs: "text-xs",
+  sm: "text-sm",
+  md: "text-base"
+};
+var SIZE_ICON = {
+  xs: 12,
+  sm: 14,
+  md: 16
+};
+var TrendIndicator = forwardRef(
+  ({ value, format, inverse, label, size = "sm", className, ...props }, ref) => {
+    const direction = value > 0 ? "up" : value < 0 ? "down" : "flat";
+    const positive = direction === "flat" ? false : direction === "up" !== Boolean(inverse);
+    const tone = direction === "flat" ? "text-muted-foreground" : positive ? "text-success" : "text-destructive";
+    const arrow = direction === "up" ? TrendingUp : direction === "down" ? TrendingDown : Minus;
+    const display = format ? format(value) : `${value > 0 ? "+" : ""}${value}%`;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn("inline-flex items-center gap-1 font-medium", SIZE_TEXT[size], tone, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: arrow, size: SIZE_ICON[size] }),
+          display,
+          label && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            " ",
+            label
+          ] })
+        ]
+      }
+    );
+  }
+);
+TrendIndicator.displayName = "TrendIndicator";
+
+export { Alert, AlertSimple, Banner, BannerSimple, Callout, InlineSpinner, LoadingState, MeterBar, ProgressBar, ProgressCircle, ProgressSteps, Skeleton, Spinner, StatusIndicator, Toast, ToastSimple, TrendIndicator, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants };
+//# sourceMappingURL=chunk-RIW2V3N4.js.map
+//# sourceMappingURL=chunk-RIW2V3N4.js.map