@wow-two-beta/ui 0.0.3 → 0.0.5

package/dist/chunk-SYG6ZE42.js

@@ -0,0 +1,218 @@
+import { tv } from './chunk-BMBIZLO4.js';
+import { cn } from './chunk-KZ4VFY2T.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Box = forwardRef(
+  ({ as: Component = "div", className, ...props }, ref) => /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props })
+);
+Box.displayName = "Box";
+
+// src/layout/stack/Stack.variants.ts
+var stackVariants = tv({
+  base: "flex",
+  variants: {
+    direction: {
+      row: "flex-row",
+      column: "flex-col",
+      "row-reverse": "flex-row-reverse",
+      "column-reverse": "flex-col-reverse"
+    },
+    align: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    },
+    justify: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    gap: {
+      "0": "gap-0",
+      "1": "gap-1",
+      "2": "gap-2",
+      "3": "gap-3",
+      "4": "gap-4",
+      "5": "gap-5",
+      "6": "gap-6",
+      "8": "gap-8",
+      "10": "gap-10",
+      "12": "gap-12"
+    },
+    wrap: {
+      wrap: "flex-wrap",
+      nowrap: "flex-nowrap",
+      "wrap-reverse": "flex-wrap-reverse"
+    }
+  },
+  defaultVariants: {
+    direction: "column",
+    gap: "4"
+  }
+});
+var Stack = forwardRef(
+  ({ as: Component = "div", className, direction, align, justify, gap, wrap, ...props }, ref) => /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(stackVariants({ direction, align, justify, gap, wrap }), className),
+      ...props
+    }
+  )
+);
+Stack.displayName = "Stack";
+var HStack = forwardRef((props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "row", ...props }));
+HStack.displayName = "HStack";
+var VStack = forwardRef((props, ref) => /* @__PURE__ */ jsx(Stack, { ref, direction: "column", ...props }));
+VStack.displayName = "VStack";
+
+// src/layout/grid/Grid.variants.ts
+var gridVariants = tv({
+  base: "grid",
+  variants: {
+    columns: {
+      "1": "grid-cols-1",
+      "2": "grid-cols-2",
+      "3": "grid-cols-3",
+      "4": "grid-cols-4",
+      "5": "grid-cols-5",
+      "6": "grid-cols-6",
+      "8": "grid-cols-8",
+      "12": "grid-cols-12"
+    },
+    gap: {
+      "0": "gap-0",
+      "1": "gap-1",
+      "2": "gap-2",
+      "3": "gap-3",
+      "4": "gap-4",
+      "5": "gap-5",
+      "6": "gap-6",
+      "8": "gap-8",
+      "10": "gap-10",
+      "12": "gap-12"
+    }
+  },
+  defaultVariants: {
+    columns: "2",
+    gap: "4"
+  }
+});
+var Grid = forwardRef(
+  ({ as: Component = "div", className, columns, gap, ...props }, ref) => /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(gridVariants({ columns, gap }), className),
+      ...props
+    }
+  )
+);
+Grid.displayName = "Grid";
+
+// src/layout/container/Container.variants.ts
+var containerVariants = tv({
+  base: "mx-auto w-full px-4",
+  variants: {
+    size: {
+      sm: "max-w-screen-sm",
+      md: "max-w-screen-md",
+      lg: "max-w-screen-lg",
+      xl: "max-w-screen-xl",
+      "2xl": "max-w-screen-2xl",
+      full: "max-w-full"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+var Container = forwardRef(
+  ({ as: Component = "div", className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(containerVariants({ size }), className),
+      ...props
+    }
+  )
+);
+Container.displayName = "Container";
+var Flex = forwardRef(
+  ({ as: Component = "div", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn("flex", className),
+      ...props
+    }
+  )
+);
+Flex.displayName = "Flex";
+var AspectRatio = forwardRef(
+  ({ ratio = 1, className, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("relative w-full", className),
+      style: { aspectRatio: `${ratio}`, ...style },
+      ...props,
+      children
+    }
+  )
+);
+AspectRatio.displayName = "AspectRatio";
+var Spacer = forwardRef(
+  ({ size, axis = "horizontal", className, style, ...props }, ref) => {
+    const fixed = size !== void 0 ? axis === "horizontal" ? { width: typeof size === "number" ? `${size}px` : size, flexShrink: 0 } : { height: typeof size === "number" ? `${size}px` : size, flexShrink: 0 } : void 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "aria-hidden": "true",
+        className: cn(size === void 0 && "flex-1", className),
+        style: { ...fixed, ...style },
+        ...props
+      }
+    );
+  }
+);
+Spacer.displayName = "Spacer";
+var Center = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center justify-center", className),
+      ...props
+    }
+  )
+);
+Center.displayName = "Center";
+var ScrollArea = forwardRef(
+  ({ axis = "vertical", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative",
+        axis === "vertical" && "overflow-y-auto overflow-x-hidden",
+        axis === "horizontal" && "overflow-x-auto overflow-y-hidden",
+        axis === "both" && "overflow-auto",
+        className
+      ),
+      ...props
+    }
+  )
+);
+ScrollArea.displayName = "ScrollArea";
+
+export { AspectRatio, Box, Center, Container, Flex, Grid, HStack, ScrollArea, Spacer, Stack, VStack, containerVariants, gridVariants, stackVariants };
+//# sourceMappingURL=chunk-SYG6ZE42.js.map
+//# sourceMappingURL=chunk-SYG6ZE42.js.map

package/dist/chunk-SYG6ZE42.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"],"names":["forwardRef","jsx"],"mappings":"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","file":"chunk-SYG6ZE42.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"]}

package/dist/chunk-TDX22OWF.js

@@ -0,0 +1,33 @@
+import { cn } from './chunk-KZ4VFY2T.js';
+import { __export } from './chunk-PZ5AY32C.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/icons/index.ts
+var icons_exports = {};
+__export(icons_exports, {
+  Icon: () => Icon
+});
+var Icon = forwardRef(
+  ({ icon: IconComp, size = 20, className, "aria-label": ariaLabel, ...rest }, ref) => {
+    const labelled = ariaLabel !== void 0;
+    return /* @__PURE__ */ jsx(
+      IconComp,
+      {
+        ref,
+        size,
+        className: cn("shrink-0", className),
+        "aria-hidden": labelled ? void 0 : true,
+        "aria-label": ariaLabel,
+        role: labelled ? "img" : void 0,
+        focusable: false,
+        ...rest
+      }
+    );
+  }
+);
+Icon.displayName = "Icon";
+
+export { Icon, icons_exports };
+//# sourceMappingURL=chunk-TDX22OWF.js.map
+//# sourceMappingURL=chunk-TDX22OWF.js.map

package/dist/chunk-TDX22OWF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/index.ts","../src/icons/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AC6BO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,GAAO,EAAA,EAAI,SAAA,EAAW,YAAA,EAAc,SAAA,EAAW,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACnF,IAAA,MAAM,WAAW,SAAA,KAAc,MAAA;AAC/B,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,QACnC,aAAA,EAAa,WAAW,MAAA,GAAY,IAAA;AAAA,QACpC,YAAA,EAAY,SAAA;AAAA,QACZ,IAAA,EAAM,WAAW,KAAA,GAAQ,MAAA;AAAA,QACzB,SAAA,EAAW,KAAA;AAAA,QACV,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"chunk-TDX22OWF.js","sourcesContent":["export { Icon, type IconProps, type IconAdapter, type IconAdapterProps } from './Icon';\n","import { forwardRef, type ComponentType, type SVGProps } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface IconAdapterProps extends SVGProps<SVGSVGElement> {\n  size?: number | string;\n}\n\nexport type IconAdapter = ComponentType<IconAdapterProps>;\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'aria-hidden'> {\n  /** Icon component — pass a `lucide-react` icon, custom SVG component, or any matching shape. */\n  icon: IconAdapter;\n  /** Pixel size of the rendered SVG. Default 20. */\n  size?: number | string;\n  /**\n   * Provide an aria-label when the icon stands alone (decorative siblings\n   * should pass it via parent). Sets `role=\"img\"` and unhides from AT.\n   * Without it, the icon is `aria-hidden` and decorative.\n   */\n  'aria-label'?: string;\n}\n\n/**\n * Generic icon wrapper. Accepts any icon component matching the lucide-react\n * shape (`{ size, color, className, ...svgProps }`).\n *\n * - Without `aria-label` → decorative, `aria-hidden`.\n * - With `aria-label` → semantic, `role=\"img\"`.\n */\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(\n  ({ icon: IconComp, size = 20, className, 'aria-label': ariaLabel, ...rest }, ref) => {\n    const labelled = ariaLabel !== undefined;\n    return (\n      <IconComp\n        ref={ref}\n        size={size}\n        className={cn('shrink-0', className)}\n        aria-hidden={labelled ? undefined : true}\n        aria-label={ariaLabel}\n        role={labelled ? 'img' : undefined}\n        focusable={false}\n        {...rest}\n      />\n    );\n  },\n);\nIcon.displayName = 'Icon';\n"]}

package/dist/chunk-YLN7VMYU.js

@@ -0,0 +1,275 @@
+import { tv } from './chunk-BMBIZLO4.js';
+import { cn } from './chunk-KZ4VFY2T.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// 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-neutral-500",
+      brand: "text-brand-600",
+      muted: "text-neutral-300",
+      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-neutral-200",
+  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-neutral-200",
+  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-brand-600",
+      success: "bg-success-500",
+      warning: "bg-warning-500",
+      danger: "bg-danger-500",
+      neutral: "bg-neutral-500"
+    }
+  },
+  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-brand-600",
+  success: "text-success-500",
+  warning: "text-warning-500",
+  danger: "text-danger-500",
+  neutral: "text-neutral-500"
+};
+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-100 bg-info-50 text-info-900",
+      success: "border-success-100 bg-success-50 text-success-900",
+      warning: "border-warning-100 bg-warning-50 text-warning-900",
+      danger: "border-danger-100 bg-danger-50 text-danger-900",
+      neutral: "border-neutral-200 bg-neutral-50 text-neutral-900"
+    }
+  },
+  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-500 text-white",
+      success: "bg-success-500 text-white",
+      warning: "bg-warning-500 text-warning-900",
+      danger: "bg-danger-500 text-white",
+      neutral: "bg-neutral-900 text-neutral-50"
+    }
+  },
+  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-white shadow-lg px-4 py-3 text-sm",
+  variants: {
+    severity: {
+      info: "border-info-100",
+      success: "border-success-100",
+      warning: "border-warning-100",
+      danger: "border-danger-100",
+      neutral: "border-neutral-200"
+    }
+  },
+  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";
+
+export { AlertSimple, BannerSimple, ProgressBar, ProgressCircle, Skeleton, Spinner, ToastSimple, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, spinnerVariants, toastSimpleVariants };
+//# sourceMappingURL=chunk-YLN7VMYU.js.map
+//# sourceMappingURL=chunk-YLN7VMYU.js.map

package/dist/chunk-YLN7VMYU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/feedback/spinner/Spinner.variants.ts","../src/feedback/spinner/Spinner.tsx","../src/feedback/skeleton/Skeleton.variants.ts","../src/feedback/skeleton/Skeleton.tsx","../src/feedback/progressBar/ProgressBar.variants.ts","../src/feedback/progressBar/ProgressBar.tsx","../src/feedback/progressCircle/ProgressCircle.tsx","../src/feedback/alertSimple/AlertSimple.variants.ts","../src/feedback/alertSimple/AlertSimple.tsx","../src/feedback/bannerSimple/BannerSimple.variants.ts","../src/feedback/bannerSimple/BannerSimple.tsx","../src/feedback/toastSimple/ToastSimple.variants.ts","../src/feedback/toastSimple/ToastSimple.tsx"],"names":["forwardRef","jsx","jsxs"],"mappings":";;;;;;AAEO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,kBAAA;AAAA,MACT,KAAA,EAAO,gBAAA;AAAA,MACP,KAAA,EAAO,kBAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,qBACxE,IAAA,CAAC,UAAK,GAAA,EAAU,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,oBACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA;;;ACrBf,IAAM,mBAAmB,EAAA,CAAG;AAAA,EACjC,IAAA,EAAM,8BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,YAAA;AAAA,MACN,IAAA,EAAM,gBAAA;AAAA,MACN,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO;AAAA;AAEX,CAAC;ACJM,IAAM,QAAA,GAAWA,UAAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,wBAC/BC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,aAAA,EAAY,MAAA;AAAA,MACZ,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACnD,GAAG;AAAA;AAAA;AAGV;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;;;AClBhB,IAAM,wBAAwB,EAAA,CAAG;AAAA,EACtC,IAAA,EAAM,wDAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,uBAAuB,EAAA,CAAG;AAAA,EACrC,IAAA,EAAM,qDAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,KAAA,EAAO,cAAA;AAAA,MACP,OAAA,EAAS,gBAAA;AAAA,MACT,OAAA,EAAS,gBAAA;AAAA,MACT,MAAA,EAAQ,eAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,WAAA,GAAcD,UAAAA;AAAA,EACzB,CAAC,EAAE,KAAA,EAAO,GAAA,GAAM,GAAA,EAAK,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrE,IAAA,MAAM,WAAA,GAAc,OAAO,KAAA,KAAU,QAAA;AACrC,IAAA,MAAM,GAAA,GAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAI,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA,GAAI,MAAA;AAC5E,IAAA,uBACEC,GAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,aAAA;AAAA,QACL,YAAA,EAAY,KAAA;AAAA,QACZ,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,eAAA,EAAe,cAAc,KAAA,GAAQ,MAAA;AAAA,QACrC,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACvD,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAA,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,oBAAA,CAAqB,EAAE,IAAA,EAAM,CAAA;AAAA,cAC7B,CAAC,WAAA,IAAe;AAAA,aAClB;AAAA,YACA,OAAO,WAAA,GAAc,EAAE,OAAO,CAAA,EAAG,GAAG,KAAI,GAAI;AAAA;AAAA;AAC9C;AAAA,KACF;AAAA,EAEJ;AACF;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;ACnC1B,IAAM,UAAA,GAAuE;AAAA,EAC3E,KAAA,EAAO,gBAAA;AAAA,EACP,OAAA,EAAS,kBAAA;AAAA,EACT,OAAA,EAAS,kBAAA;AAAA,EACT,MAAA,EAAQ,iBAAA;AAAA,EACR,OAAA,EAAS;AACX,CAAA;AAMO,IAAM,cAAA,GAAiBD,UAAAA;AAAA,EAC5B,CACE,EAAE,KAAA,EAAO,GAAA,GAAM,GAAA,EAAK,OAAO,EAAA,EAAI,SAAA,GAAY,CAAA,EAAG,IAAA,GAAO,SAAS,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,IACnF,GAAA,KACG;AACH,IAAA,MAAM,WAAA,GAAc,OAAO,KAAA,KAAU,QAAA;AACrC,IAAA,MAAM,MAAA,GAAA,CAAU,OAAO,SAAA,IAAa,CAAA;AACpC,IAAA,MAAM,aAAA,GAAgB,CAAA,GAAI,IAAA,CAAK,EAAA,GAAK,MAAA;AACpC,IAAA,MAAM,GAAA,GAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAI,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA,GAAI,EAAA;AAC5E,IAAA,MAAM,MAAA,GAAS,aAAA,GAAiB,GAAA,GAAM,GAAA,GAAO,aAAA;AAE7C,IAAA,uBACEC,GAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,aAAA;AAAA,QACL,YAAA,EAAY,KAAA;AAAA,QACZ,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,eAAA,EAAe,cAAc,KAAA,GAAQ,MAAA;AAAA,QACrC,SAAA,EAAW,GAAG,cAAA,EAAgB,CAAC,eAAe,cAAA,EAAgB,UAAA,CAAW,IAAI,CAAA,EAAG,SAAS,CAAA;AAAA,QACzF,KAAA,EAAO,EAAE,KAAA,EAAO,IAAA,EAAM,QAAQ,IAAA,EAAK;AAAA,QAClC,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAC,IAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,OAAA,EAAS,CAAA,IAAA,EAAO,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAC1D,QAAA,EAAA;AAAA,0BAAAD,GAAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAI,IAAA,GAAO,CAAA;AAAA,cACX,IAAI,IAAA,GAAO,CAAA;AAAA,cACX,CAAA,EAAG,MAAA;AAAA,cACH,MAAA,EAAO,cAAA;AAAA,cACP,WAAA,EAAa,SAAA;AAAA,cACb,IAAA,EAAK,MAAA;AAAA,cACL,OAAA,EAAS;AAAA;AAAA,WACX;AAAA,0BACAA,GAAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAI,IAAA,GAAO,CAAA;AAAA,cACX,IAAI,IAAA,GAAO,CAAA;AAAA,cACX,CAAA,EAAG,MAAA;AAAA,cACH,MAAA,EAAO,cAAA;AAAA,cACP,WAAA,EAAa,SAAA;AAAA,cACb,aAAA,EAAc,OAAA;AAAA,cACd,IAAA,EAAK,MAAA;AAAA,cACL,eAAA,EAAiB,aAAA;AAAA,cACjB,gBAAA,EAAkB,MAAA;AAAA,cAClB,WAAW,CAAA,WAAA,EAAc,IAAA,GAAO,CAAC,CAAA,CAAA,EAAI,OAAO,CAAC,CAAA,CAAA,CAAA;AAAA,cAC7C,KAAA,EAAO,EAAE,UAAA,EAAY,8BAAA;AAA+B;AAAA;AACtD,SAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;AC1EtB,IAAM,sBAAsB,EAAA,CAAG;AAAA,EACpC,IAAA,EAAM,qCAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,0CAAA;AAAA,MACN,OAAA,EAAS,mDAAA;AAAA,MACT,OAAA,EAAS,mDAAA;AAAA,MACT,MAAA,EAAQ,gDAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU;AAAA;AAEd,CAAC;ACDM,IAAM,WAAA,GAAcD,UAAAA;AAAA,EACzB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,GAAO,UAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnDC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;;;ACvBnB,IAAM,uBAAuB,EAAA,CAAG;AAAA,EACrC,IAAA,EAAM,0BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,wBAAA;AAAA,MACN,OAAA,EAAS,2BAAA;AAAA,MACT,OAAA,EAAS,iCAAA;AAAA,MACT,MAAA,EAAQ,0BAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU;AAAA;AAEd,CAAC;ACJM,IAAM,YAAA,GAAeD,UAAAA;AAAA,EAC1B,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,GAAO,UAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnDC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,MAC1D,GAAG;AAAA;AAAA;AAGV;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;;;ACpBpB,IAAM,sBAAsB,EAAA,CAAG;AAAA,EACpC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,iBAAA;AAAA,MACN,OAAA,EAAS,oBAAA;AAAA,MACT,OAAA,EAAS,oBAAA;AAAA,MACT,MAAA,EAAQ,mBAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU;AAAA;AAEd,CAAC;ACFM,IAAM,WAAA,GAAcD,UAAAA;AAAA,EACzB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,GAAO,UAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnDC,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-YLN7VMYU.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\nexport const spinnerVariants = tv({\n  base: 'inline-block animate-spin rounded-full border-current border-b-transparent',\n  variants: {\n    size: {\n      xs: 'h-3 w-3 border',\n      sm: 'h-4 w-4 border-2',\n      md: 'h-5 w-5 border-2',\n      lg: 'h-8 w-8 border-2',\n      xl: 'h-12 w-12 border-[3px]',\n    },\n    tone: {\n      default: 'text-neutral-500',\n      brand: 'text-brand-600',\n      muted: 'text-neutral-300',\n      current: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { spinnerVariants, type SpinnerVariants } from './Spinner.variants';\n\nexport interface SpinnerProps\n  extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n    SpinnerVariants {\n  /** Accessible label. Default `\"Loading\"`. */\n  label?: string;\n}\n\n/**\n * Indeterminate loading spinner. Renders a spinning circle and a visually\n * hidden text label for screen readers.\n */\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  ({ className, size, tone, label = 'Loading', role = 'status', ...props }, ref) => (\n    <span ref={ref} role={role} {...props}>\n      <span className={cn(spinnerVariants({ size, tone }), className)} />\n      <span className=\"sr-only\">{label}</span>\n    </span>\n  ),\n);\nSpinner.displayName = 'Spinner';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const skeletonVariants = tv({\n  base: 'animate-pulse bg-neutral-200',\n  variants: {\n    shape: {\n      rect: 'rounded-md',\n      text: 'h-4 rounded-sm',\n      circle: 'rounded-full',\n    },\n  },\n  defaultVariants: {\n    shape: 'rect',\n  },\n});\n\nexport type SkeletonVariants = VariantProps<typeof skeletonVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { skeletonVariants, type SkeletonVariants } from './Skeleton.variants';\n\nexport interface SkeletonProps extends ComponentPropsWithoutRef<'div'>, SkeletonVariants {}\n\n/**\n * Loading placeholder. Use sized via `className` (e.g. `w-32 h-4`) for text\n * lines, or as a full block with `shape=\"rect\"`.\n */\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, shape, ...props }, ref) => (\n    <div\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(skeletonVariants({ shape }), className)}\n      {...props}\n    />\n  ),\n);\nSkeleton.displayName = 'Skeleton';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const progressTrackVariants = tv({\n  base: 'h-2 w-full overflow-hidden rounded-full bg-neutral-200',\n  variants: {\n    size: {\n      sm: 'h-1',\n      md: 'h-2',\n      lg: 'h-3',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport const progressFillVariants = tv({\n  base: 'h-full rounded-full transition-[width] duration-300',\n  variants: {\n    tone: {\n      brand: 'bg-brand-600',\n      success: 'bg-success-500',\n      warning: 'bg-warning-500',\n      danger: 'bg-danger-500',\n      neutral: 'bg-neutral-500',\n    },\n  },\n  defaultVariants: {\n    tone: 'brand',\n  },\n});\n\nexport type ProgressBarVariants = VariantProps<typeof progressTrackVariants> &\n  VariantProps<typeof progressFillVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport {\n  progressFillVariants,\n  progressTrackVariants,\n  type ProgressBarVariants,\n} from './ProgressBar.variants';\n\nexport interface ProgressBarProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'children'>,\n    ProgressBarVariants {\n  /** Current value 0–100. Pass `undefined` for indeterminate. */\n  value?: number;\n  max?: number;\n  /** Accessible label for the progress. */\n  label?: string;\n}\n\n/**\n * Linear progress indicator. Set `value` (0–`max`) for determinate; omit\n * for indeterminate.\n */\nexport const ProgressBar = forwardRef<HTMLDivElement, ProgressBarProps>(\n  ({ value, max = 100, size, tone, label, className, ...props }, ref) => {\n    const determinate = typeof value === 'number';\n    const pct = determinate ? Math.min(100, Math.max(0, (value / max) * 100)) : undefined;\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-label={label}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-valuenow={determinate ? value : undefined}\n        className={cn(progressTrackVariants({ size }), className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            progressFillVariants({ tone }),\n            !determinate && 'w-1/3 animate-[indeterminate_1.4s_ease-in-out_infinite]',\n          )}\n          style={determinate ? { width: `${pct}%` } : undefined}\n        />\n      </div>\n    );\n  },\n);\nProgressBar.displayName = 'ProgressBar';\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\n\nexport interface ProgressCircleProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** 0–100. Omit for indeterminate. */\n  value?: number;\n  max?: number;\n  size?: number;\n  thickness?: number;\n  tone?: 'brand' | 'success' | 'warning' | 'danger' | 'neutral';\n  label?: string;\n}\n\nconst TONE_CLASS: Record<NonNullable<ProgressCircleProps['tone']>, string> = {\n  brand: 'text-brand-600',\n  success: 'text-success-500',\n  warning: 'text-warning-500',\n  danger: 'text-danger-500',\n  neutral: 'text-neutral-500',\n};\n\n/**\n * Circular progress indicator (SVG). Determinate when `value` is set;\n * indeterminate (rotating) when omitted.\n */\nexport const ProgressCircle = forwardRef<HTMLDivElement, ProgressCircleProps>(\n  (\n    { value, max = 100, size = 40, thickness = 4, tone = 'brand', label, className, ...props },\n    ref,\n  ) => {\n    const determinate = typeof value === 'number';\n    const radius = (size - thickness) / 2;\n    const circumference = 2 * Math.PI * radius;\n    const pct = determinate ? Math.min(100, Math.max(0, (value / max) * 100)) : 25;\n    const offset = circumference - (pct / 100) * circumference;\n\n    return (\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-label={label}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-valuenow={determinate ? value : undefined}\n        className={cn('inline-block', !determinate && 'animate-spin', TONE_CLASS[tone], className)}\n        style={{ width: size, height: size }}\n        {...props}\n      >\n        <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n          <circle\n            cx={size / 2}\n            cy={size / 2}\n            r={radius}\n            stroke=\"currentColor\"\n            strokeWidth={thickness}\n            fill=\"none\"\n            opacity={0.2}\n          />\n          <circle\n            cx={size / 2}\n            cy={size / 2}\n            r={radius}\n            stroke=\"currentColor\"\n            strokeWidth={thickness}\n            strokeLinecap=\"round\"\n            fill=\"none\"\n            strokeDasharray={circumference}\n            strokeDashoffset={offset}\n            transform={`rotate(-90 ${size / 2} ${size / 2})`}\n            style={{ transition: 'stroke-dashoffset 300ms ease' }}\n          />\n        </svg>\n      </div>\n    );\n  },\n);\nProgressCircle.displayName = 'ProgressCircle';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const alertSimpleVariants = tv({\n  base: 'rounded-md border px-4 py-3 text-sm',\n  variants: {\n    severity: {\n      info: 'border-info-100 bg-info-50 text-info-900',\n      success: 'border-success-100 bg-success-50 text-success-900',\n      warning: 'border-warning-100 bg-warning-50 text-warning-900',\n      danger: 'border-danger-100 bg-danger-50 text-danger-900',\n      neutral: 'border-neutral-200 bg-neutral-50 text-neutral-900',\n    },\n  },\n  defaultVariants: {\n    severity: 'info',\n  },\n});\n\nexport type AlertSimpleVariants = VariantProps<typeof alertSimpleVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { alertSimpleVariants, type AlertSimpleVariants } from './AlertSimple.variants';\n\nexport interface AlertSimpleProps\n  extends ComponentPropsWithoutRef<'div'>,\n    AlertSimpleVariants {}\n\n/**\n * Atomic alert — a styled colored container that takes free-form `children`.\n * No internal slots; consumer composes title/description/actions inline.\n *\n * For the structured Icon + Title + Description + Actions composition use\n * the `Alert` molecule (L4).\n */\nexport const AlertSimple = forwardRef<HTMLDivElement, AlertSimpleProps>(\n  ({ className, severity, role = 'status', ...props }, ref) => (\n    <div\n      ref={ref}\n      role={role}\n      className={cn(alertSimpleVariants({ severity }), className)}\n      {...props}\n    />\n  ),\n);\nAlertSimple.displayName = 'AlertSimple';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const bannerSimpleVariants = tv({\n  base: 'w-full px-6 py-3 text-sm',\n  variants: {\n    severity: {\n      info: 'bg-info-500 text-white',\n      success: 'bg-success-500 text-white',\n      warning: 'bg-warning-500 text-warning-900',\n      danger: 'bg-danger-500 text-white',\n      neutral: 'bg-neutral-900 text-neutral-50',\n    },\n  },\n  defaultVariants: {\n    severity: 'info',\n  },\n});\n\nexport type BannerSimpleVariants = VariantProps<typeof bannerSimpleVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { bannerSimpleVariants, type BannerSimpleVariants } from './BannerSimple.variants';\n\nexport interface BannerSimpleProps\n  extends ComponentPropsWithoutRef<'div'>,\n    BannerSimpleVariants {}\n\n/**\n * Full-width banner — typically pinned to the top of the app to broadcast\n * status. Atom; for structured slotted layout use `Banner` (L4).\n */\nexport const BannerSimple = forwardRef<HTMLDivElement, BannerSimpleProps>(\n  ({ className, severity, role = 'status', ...props }, ref) => (\n    <div\n      ref={ref}\n      role={role}\n      className={cn(bannerSimpleVariants({ severity }), className)}\n      {...props}\n    />\n  ),\n);\nBannerSimple.displayName = 'BannerSimple';\n","import { tv, type VariantProps } from '../../utils';\n\nexport const toastSimpleVariants = tv({\n  base: 'pointer-events-auto rounded-md border bg-white shadow-lg px-4 py-3 text-sm',\n  variants: {\n    severity: {\n      info: 'border-info-100',\n      success: 'border-success-100',\n      warning: 'border-warning-100',\n      danger: 'border-danger-100',\n      neutral: 'border-neutral-200',\n    },\n  },\n  defaultVariants: {\n    severity: 'neutral',\n  },\n});\n\nexport type ToastSimpleVariants = VariantProps<typeof toastSimpleVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { toastSimpleVariants, type ToastSimpleVariants } from './ToastSimple.variants';\n\nexport interface ToastSimpleProps\n  extends ComponentPropsWithoutRef<'div'>,\n    ToastSimpleVariants {}\n\n/**\n * Atomic toast — a single notification card with free-form `children`.\n * Visual only; the queue / portal manager (`Toaster`) lives at L5. For\n * the structured Icon + Title + Description + Action layout, use the\n * `Toast` molecule (L4).\n */\nexport const ToastSimple = forwardRef<HTMLDivElement, ToastSimpleProps>(\n  ({ className, severity, role = 'status', ...props }, ref) => (\n    <div\n      ref={ref}\n      role={role}\n      aria-live=\"polite\"\n      className={cn(toastSimpleVariants({ severity }), className)}\n      {...props}\n    />\n  ),\n);\nToastSimple.displayName = 'ToastSimple';\n"]}