@etus/ui 0.4.0-beta.2 → 0.4.0-beta.3

package/dist/chunk-NCLOPI6U.js

@@ -0,0 +1,347 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var timelineVariants = cva("flex transition-colors duration-200", {
+  variants: {
+    variant: {
+      default: "flex-col gap-[var(--timeline-root-gap-default)]",
+      horizontal: "flex-row gap-[var(--timeline-root-gap-default)]",
+      compact: "flex-col gap-[var(--timeline-root-gap-compact)]",
+      detailed: "flex-col gap-[var(--timeline-root-gap-detailed)]"
+    },
+    size: {
+      sm: "",
+      default: "",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var timelineItemVariants = cva(
+  "relative flex transition-colors duration-200",
+  {
+    variants: {
+      variant: {
+        default: "flex-row gap-[var(--timeline-item-gap-default)]",
+        horizontal: "flex-col items-center gap-[var(--timeline-item-gap-horizontal)]",
+        compact: "flex-row gap-[var(--timeline-item-gap-compact)]",
+        detailed: "flex-row gap-[var(--timeline-item-gap-detailed)]"
+      },
+      size: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var timelineMarkerVariants = cva(
+  "shrink-0 rounded-full border-[length:var(--timeline-marker-border-width)] transition-colors duration-200 focus-visible:outline-none focus-visible:ring-[length:var(--timeline-marker-focus-ring-width)] focus-visible:ring-[color:var(--timeline-marker-focus-ring-color)]",
+  {
+    variants: {
+      status: {
+        pending: "border-[color:var(--timeline-marker-color-muted)] bg-background",
+        complete: "border-[color:var(--timeline-marker-color-success)] bg-[color:var(--timeline-marker-color-success)]",
+        current: "border-[color:var(--timeline-marker-color-default)] bg-[color:var(--timeline-marker-color-default)] ring-[3px] ring-[color:var(--timeline-marker-color-default)]/30",
+        error: "border-[color:var(--timeline-marker-color-error)] bg-[color:var(--timeline-marker-color-error)]"
+      },
+      size: {
+        sm: "size-[var(--timeline-marker-size-sm)]",
+        default: "size-[var(--timeline-marker-size-default)]",
+        lg: "size-[var(--timeline-marker-size-lg)]"
+      },
+      hasIcon: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        hasIcon: true,
+        className: "size-[var(--timeline-marker-size-icon-sm)] flex items-center justify-center"
+      },
+      {
+        size: "default",
+        hasIcon: true,
+        className: "size-[var(--timeline-marker-size-icon-default)] flex items-center justify-center"
+      },
+      {
+        size: "lg",
+        hasIcon: true,
+        className: "size-[var(--timeline-marker-size-icon-lg)] flex items-center justify-center"
+      }
+    ],
+    defaultVariants: {
+      status: "pending",
+      size: "default",
+      hasIcon: false
+    }
+  }
+);
+var timelineConnectorVariants = cva(
+  "absolute transition-colors duration-200",
+  {
+    variants: {
+      variant: {
+        default: "left-[var(--timeline-connector-offset-default)] top-[var(--timeline-connector-top-default)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2",
+        horizontal: "top-[var(--timeline-connector-offset-default)] left-full w-full h-[var(--timeline-connector-width)] -translate-y-1/2",
+        compact: "left-[var(--timeline-connector-offset-compact)] top-[var(--timeline-connector-top-compact)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2",
+        detailed: "left-[var(--timeline-connector-offset-detailed)] top-[var(--timeline-connector-top-detailed)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2"
+      },
+      status: {
+        pending: "bg-muted-foreground/30",
+        complete: "bg-primary",
+        current: "bg-primary/50",
+        error: "bg-destructive/30"
+      },
+      size: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "default",
+        size: "lg",
+        className: "left-[var(--timeline-connector-offset-lg)]"
+      },
+      {
+        variant: "horizontal",
+        size: "lg",
+        className: "top-[var(--timeline-connector-offset-lg)]"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      status: "pending",
+      size: "default"
+    }
+  }
+);
+function formatTimestamp(date) {
+  return date.toLocaleDateString(void 0, {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  });
+}
+function TimelineMarker({
+  icon,
+  isAnimated = false,
+  size = "default",
+  status = "pending"
+}) {
+  const hasIcon = Boolean(icon);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        timelineMarkerVariants({ status, size, hasIcon }),
+        isAnimated && status === "current" && "animate-pulse"
+      ),
+      "aria-hidden": "true",
+      "data-slot": "timeline-marker",
+      "data-status": status,
+      children: hasIcon && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center text-primary-foreground [&>svg]:h-4 [&>svg]:w-4", children: icon })
+    }
+  );
+}
+function TimelineConnector({
+  size = "default",
+  status = "pending",
+  variant = "default"
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: timelineConnectorVariants({ variant, status, size }),
+      "data-slot": "timeline-connector"
+    }
+  );
+}
+function TimelineContent({
+  children,
+  className,
+  size = "default"
+}) {
+  const textSizes = {
+    default: "text-sm",
+    lg: "text-base",
+    sm: "text-xs"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex min-w-0 flex-1 flex-col", textSizes[size], className),
+      "data-slot": "timeline-content",
+      children
+    }
+  );
+}
+function TimelineItemComponent({
+  children,
+  className,
+  isActive = false,
+  isComplete = false,
+  isLast = false,
+  item,
+  showConnector = true,
+  size = "default",
+  variant = "default",
+  ...props
+}) {
+  const effectiveStatus = item?.status ?? (isComplete ? "complete" : "pending");
+  const isCurrentItem = isActive || item?.status === "current";
+  const handleKeyDown = (event) => {
+    const target = event.currentTarget;
+    const parent = target.parentElement;
+    if (!parent) return;
+    const siblings = [
+      ...parent.querySelectorAll('[data-slot="timeline-item"]')
+    ];
+    const currentIndex = siblings.indexOf(target);
+    let nextIndex = -1;
+    switch (event.key) {
+      case "ArrowDown":
+      case "ArrowRight":
+        event.preventDefault();
+        nextIndex = Math.min(currentIndex + 1, siblings.length - 1);
+        break;
+      case "ArrowUp":
+      case "ArrowLeft":
+        event.preventDefault();
+        nextIndex = Math.max(currentIndex - 1, 0);
+        break;
+      default:
+        return;
+    }
+    const nextElement = siblings[nextIndex];
+    if (nextIndex !== -1 && nextElement) {
+      nextElement.focus();
+    }
+  };
+  const normalizedSize = size ?? void 0;
+  const normalizedVariant = variant ?? void 0;
+  const statusLabel = effectiveStatus === "complete" ? "Completed" : effectiveStatus === "current" ? "In progress" : effectiveStatus === "error" ? "Error" : "Pending";
+  const itemLabel = item?.title ? `${item.title} - ${statusLabel}` : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        timelineItemVariants({ variant: normalizedVariant, size: normalizedSize }),
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      ),
+      "aria-current": isCurrentItem ? "step" : void 0,
+      "aria-label": itemLabel,
+      "data-active": isCurrentItem ? "" : void 0,
+      "data-completed": effectiveStatus === "complete" ? "" : void 0,
+      "data-slot": "timeline-item",
+      "data-status": effectiveStatus,
+      role: "listitem",
+      tabIndex: 0,
+      onKeyDown: handleKeyDown,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center", children: [
+          /* @__PURE__ */ jsx(
+            TimelineMarker,
+            {
+              icon: item?.icon,
+              isAnimated: isCurrentItem,
+              size: normalizedSize,
+              status: effectiveStatus
+            }
+          ),
+          showConnector && !isLast && /* @__PURE__ */ jsx(
+            TimelineConnector,
+            {
+              size: normalizedSize,
+              status: effectiveStatus,
+              variant: normalizedVariant
+            }
+          )
+        ] }),
+        item ? /* @__PURE__ */ jsxs(TimelineContent, { size: normalizedSize, children: [
+          /* @__PURE__ */ jsx("div", { "data-slot": "timeline-title", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: item.title }) }),
+          item.description && /* @__PURE__ */ jsx("div", { "data-slot": "timeline-description", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: item.description }) }),
+          item.timestamp && /* @__PURE__ */ jsx(
+            "time",
+            {
+              className: "mt-1 text-xs text-muted-foreground",
+              "data-slot": "timeline-timestamp",
+              dateTime: item.timestamp.toISOString(),
+              children: formatTimestamp(item.timestamp)
+            }
+          ),
+          item.content && /* @__PURE__ */ jsx("div", { className: "mt-2", "data-slot": "timeline-custom-content", children: item.content })
+        ] }) : /* @__PURE__ */ jsx(TimelineContent, { size: normalizedSize, children })
+      ]
+    }
+  );
+}
+function Timeline({
+  "aria-label": ariaLabel = "Timeline",
+  children,
+  className,
+  completed = 0,
+  connector = true,
+  items,
+  size = "default",
+  variant = "default",
+  activeIndex,
+  ...props
+}) {
+  const processedItems = items?.map((item, index) => {
+    if (item.status) return item;
+    if (index < completed) {
+      return { ...item, status: "complete" };
+    }
+    if (index === completed) {
+      return { ...item, status: "current" };
+    }
+    return { ...item, status: "pending" };
+  });
+  const hasContent = Boolean(processedItems?.length) || Boolean(children);
+  const normalizedSize = size ?? void 0;
+  const normalizedVariant = variant ?? void 0;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      className: cn(timelineVariants({ variant: normalizedVariant, size: normalizedSize }), className),
+      "data-slot": "timeline",
+      "data-variant": variant ?? "default",
+      role: "list",
+      ...props,
+      children: processedItems ? processedItems.map((item, index) => /* @__PURE__ */ jsx(
+        TimelineItemComponent,
+        {
+          isActive: activeIndex === index,
+          isComplete: index < completed,
+          isLast: index === processedItems.length - 1,
+          item,
+          showConnector: connector,
+          size: normalizedSize,
+          variant: normalizedVariant
+        },
+        item.id
+      )) : hasContent ? children : null
+    }
+  );
+}
+
+export { Timeline, TimelineConnector, TimelineContent, TimelineItemComponent, TimelineMarker, timelineItemVariants, timelineMarkerVariants, timelineVariants };
+//# sourceMappingURL=chunk-NCLOPI6U.js.map
+//# sourceMappingURL=chunk-NCLOPI6U.js.map

package/dist/chunk-NCLOPI6U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.variants.ts","../src/components/data-display/Timeline/Timeline.tsx"],"names":[],"mappings":"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","file":"chunk-NCLOPI6U.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Timeline container variants\n */\nexport const timelineVariants = cva(\"flex transition-colors duration-200\", {\n  variants: {\n    variant: {\n      default: \"flex-col gap-[var(--timeline-root-gap-default)]\",\n      horizontal: \"flex-row gap-[var(--timeline-root-gap-default)]\",\n      compact: \"flex-col gap-[var(--timeline-root-gap-compact)]\",\n      detailed: \"flex-col gap-[var(--timeline-root-gap-detailed)]\",\n    },\n    size: {\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n})\n\n/**\n * Timeline item variants\n */\nexport const timelineItemVariants = cva(\n  \"relative flex transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: \"flex-row gap-[var(--timeline-item-gap-default)]\",\n        horizontal: \"flex-col items-center gap-[var(--timeline-item-gap-horizontal)]\",\n        compact: \"flex-row gap-[var(--timeline-item-gap-compact)]\",\n        detailed: \"flex-row gap-[var(--timeline-item-gap-detailed)]\",\n      },\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Timeline marker variants based on status\n */\nexport const timelineMarkerVariants = cva(\n  \"shrink-0 rounded-full border-[length:var(--timeline-marker-border-width)] transition-colors duration-200 focus-visible:outline-none focus-visible:ring-[length:var(--timeline-marker-focus-ring-width)] focus-visible:ring-[color:var(--timeline-marker-focus-ring-color)]\",\n  {\n    variants: {\n      status: {\n        pending: \"border-[color:var(--timeline-marker-color-muted)] bg-background\",\n        complete: \"border-[color:var(--timeline-marker-color-success)] bg-[color:var(--timeline-marker-color-success)]\",\n        current: \"border-[color:var(--timeline-marker-color-default)] bg-[color:var(--timeline-marker-color-default)] ring-[3px] ring-[color:var(--timeline-marker-color-default)]/30\",\n        error: \"border-[color:var(--timeline-marker-color-error)] bg-[color:var(--timeline-marker-color-error)]\",\n      },\n      size: {\n        sm: \"size-[var(--timeline-marker-size-sm)]\",\n        default: \"size-[var(--timeline-marker-size-default)]\",\n        lg: \"size-[var(--timeline-marker-size-lg)]\",\n      },\n      hasIcon: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"sm\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-sm)] flex items-center justify-center\",\n      },\n      {\n        size: \"default\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-default)] flex items-center justify-center\",\n      },\n      {\n        size: \"lg\",\n        hasIcon: true,\n        className: \"size-[var(--timeline-marker-size-icon-lg)] flex items-center justify-center\",\n      },\n    ],\n    defaultVariants: {\n      status: \"pending\",\n      size: \"default\",\n      hasIcon: false,\n    },\n  }\n)\n\n/**\n * Timeline connector line variants\n */\nexport const timelineConnectorVariants = cva(\n  \"absolute transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: \"left-[var(--timeline-connector-offset-default)] top-[var(--timeline-connector-top-default)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n        horizontal: \"top-[var(--timeline-connector-offset-default)] left-full w-full h-[var(--timeline-connector-width)] -translate-y-1/2\",\n        compact: \"left-[var(--timeline-connector-offset-compact)] top-[var(--timeline-connector-top-compact)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n        detailed: \"left-[var(--timeline-connector-offset-detailed)] top-[var(--timeline-connector-top-detailed)] w-[var(--timeline-connector-width)] h-full -translate-x-1/2\",\n      },\n      status: {\n        pending: \"bg-muted-foreground/30\",\n        complete: \"bg-primary\",\n        current: \"bg-primary/50\",\n        error: \"bg-destructive/30\",\n      },\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"default\",\n        size: \"lg\",\n        className: \"left-[var(--timeline-connector-offset-lg)]\",\n      },\n      {\n        variant: \"horizontal\",\n        size: \"lg\",\n        className: \"top-[var(--timeline-connector-offset-lg)]\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      status: \"pending\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type TimelineVariantProps = VariantProps<typeof timelineVariants>\nexport type TimelineItemVariantProps = VariantProps<typeof timelineItemVariants>\nexport type TimelineMarkerVariantProps = VariantProps<\n  typeof timelineMarkerVariants\n>\nexport type TimelineConnectorVariantProps = VariantProps<\n  typeof timelineConnectorVariants\n>\n","import type { TimelineItem, TimelineItemProps, TimelineProps } from \"./Timeline.types\"\nimport type { KeyboardEvent, ReactNode } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  timelineConnectorVariants,\n  timelineItemVariants,\n  timelineMarkerVariants,\n  timelineVariants,\n} from \"./Timeline.variants\"\n\n/**\n * Format a date to a human-readable string\n */\nfunction formatTimestamp(date: Date): string {\n  return date.toLocaleDateString(undefined, {\n    day: \"numeric\",\n    month: \"short\",\n    year: \"numeric\",\n  })\n}\n\n/**\n * TimelineMarker component renders the status indicator\n */\nfunction TimelineMarker({\n  icon,\n  isAnimated = false,\n  size = \"default\",\n  status = \"pending\",\n}: {\n  icon?: ReactNode\n  isAnimated?: boolean\n  size?: \"default\" | \"lg\" | \"sm\"\n  status?: \"complete\" | \"current\" | \"error\" | \"pending\"\n}) {\n  const hasIcon = Boolean(icon)\n\n  return (\n    <div\n      className={cn(\n        timelineMarkerVariants({ status, size, hasIcon }),\n        isAnimated && status === \"current\" && \"animate-pulse\"\n      )}\n      aria-hidden=\"true\"\n      data-slot=\"timeline-marker\"\n      data-status={status}\n    >\n      {hasIcon && (\n        <span className=\"flex items-center justify-center text-primary-foreground [&>svg]:h-4 [&>svg]:w-4\">\n          {icon}\n        </span>\n      )}\n    </div>\n  )\n}\n\n/**\n * TimelineConnector component renders the line between items\n */\nfunction TimelineConnector({\n  size = \"default\",\n  status = \"pending\",\n  variant = \"default\",\n}: {\n  size?: \"default\" | \"lg\" | \"sm\"\n  status?: \"complete\" | \"current\" | \"error\" | \"pending\"\n  variant?: \"compact\" | \"default\" | \"detailed\" | \"horizontal\"\n}) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={timelineConnectorVariants({ variant, status, size })}\n      data-slot=\"timeline-connector\"\n    />\n  )\n}\n\n/**\n * TimelineContent component renders the item's text content\n */\nfunction TimelineContent({\n  children,\n  className,\n  size = \"default\",\n}: {\n  children: ReactNode\n  className?: string\n  size?: \"default\" | \"lg\" | \"sm\"\n}) {\n  const textSizes = {\n    default: \"text-sm\",\n    lg: \"text-base\",\n    sm: \"text-xs\",\n  }\n\n  return (\n    <div\n      className={cn(\"flex min-w-0 flex-1 flex-col\", textSizes[size], className)}\n      data-slot=\"timeline-content\"\n    >\n      {children}\n    </div>\n  )\n}\n\n/**\n * TimelineItemComponent renders a single timeline entry\n */\nfunction TimelineItemComponent({\n  children,\n  className,\n  isActive = false,\n  isComplete = false,\n  isLast = false,\n  item,\n  showConnector = true,\n  size = \"default\",\n  variant = \"default\",\n  ...props\n}: TimelineItemProps) {\n  // Determine the effective status\n  const effectiveStatus = item?.status ?? (isComplete ? \"complete\" : \"pending\")\n  const isCurrentItem = isActive || item?.status === \"current\"\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const target = event.currentTarget\n    const parent = target.parentElement\n    if (!parent) return\n\n    const siblings = [\n      ...parent.querySelectorAll('[data-slot=\"timeline-item\"]'),\n    ] as HTMLDivElement[]\n    const currentIndex = siblings.indexOf(target)\n\n    let nextIndex = -1\n\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"ArrowRight\":\n        event.preventDefault()\n        nextIndex = Math.min(currentIndex + 1, siblings.length - 1)\n        break\n      case \"ArrowUp\":\n      case \"ArrowLeft\":\n        event.preventDefault()\n        nextIndex = Math.max(currentIndex - 1, 0)\n        break\n      default:\n        return\n    }\n\n    const nextElement = siblings[nextIndex]\n    if (nextIndex !== -1 && nextElement) {\n      nextElement.focus()\n    }\n  }\n\n  // Normalize null to undefined for size and variant\n  const normalizedSize = size ?? undefined\n  const normalizedVariant = variant ?? undefined\n\n  // Generate accessible label for screen readers\n  const statusLabel =\n    effectiveStatus === \"complete\"\n      ? \"Completed\"\n      : effectiveStatus === \"current\"\n        ? \"In progress\"\n        : effectiveStatus === \"error\"\n          ? \"Error\"\n          : \"Pending\"\n  const itemLabel = item?.title\n    ? `${item.title} - ${statusLabel}`\n    : undefined\n\n  return (\n    <div\n      className={cn(\n        timelineItemVariants({ variant: normalizedVariant, size: normalizedSize }),\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        className\n      )}\n      aria-current={isCurrentItem ? \"step\" : undefined}\n      aria-label={itemLabel}\n      data-active={isCurrentItem ? \"\" : undefined}\n      data-completed={effectiveStatus === \"complete\" ? \"\" : undefined}\n      data-slot=\"timeline-item\"\n      data-status={effectiveStatus}\n      role=\"listitem\"\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {/* Marker with optional connector */}\n      <div className=\"relative flex flex-col items-center\">\n        <TimelineMarker\n          icon={item?.icon}\n          isAnimated={isCurrentItem}\n          size={normalizedSize}\n          status={effectiveStatus}\n        />\n        {showConnector && !isLast && (\n          <TimelineConnector\n            size={normalizedSize}\n            status={effectiveStatus}\n            variant={normalizedVariant}\n          />\n        )}\n      </div>\n\n      {/* Content */}\n      {item ? (\n        <TimelineContent size={normalizedSize}>\n          <div data-slot=\"timeline-title\">\n            <span className=\"font-medium text-foreground\">{item.title}</span>\n          </div>\n          {item.description && (\n            <div data-slot=\"timeline-description\">\n              <span className=\"text-muted-foreground\">{item.description}</span>\n            </div>\n          )}\n          {item.timestamp && (\n            <time\n              className=\"mt-1 text-xs text-muted-foreground\"\n              data-slot=\"timeline-timestamp\"\n              dateTime={item.timestamp.toISOString()}\n            >\n              {formatTimestamp(item.timestamp)}\n            </time>\n          )}\n          {item.content && (\n            <div className=\"mt-2\" data-slot=\"timeline-custom-content\">\n              {item.content}\n            </div>\n          )}\n        </TimelineContent>\n      ) : (\n        <TimelineContent size={normalizedSize}>{children}</TimelineContent>\n      )}\n    </div>\n  )\n}\n\n/**\n * Timeline component displays a sequence of events in chronological order.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: \"1\", title: \"Started\", status: \"complete\" },\n *   { id: \"2\", title: \"In Progress\", status: \"current\" },\n *   { id: \"3\", title: \"Pending\", status: \"pending\" },\n * ]\n * <Timeline items={items} />\n * ```\n */\nfunction Timeline({\n  \"aria-label\": ariaLabel = \"Timeline\",\n  children,\n  className,\n  completed = 0,\n  connector = true,\n  items,\n  size = \"default\",\n  variant = \"default\",\n  activeIndex,\n  ...props\n}: TimelineProps) {\n  // Process items with completed count if provided\n  const processedItems = items?.map((item, index): TimelineItem => {\n    if (item.status) return item\n\n    // Auto-set status based on completed count\n    if (index < completed) {\n      return { ...item, status: \"complete\" }\n    }\n    if (index === completed) {\n      return { ...item, status: \"current\" }\n    }\n    return { ...item, status: \"pending\" }\n  })\n\n  const hasContent = Boolean(processedItems?.length) || Boolean(children)\n\n  // Normalize null to undefined for size and variant\n  const normalizedSize = size ?? undefined\n  const normalizedVariant = variant ?? undefined\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      className={cn(timelineVariants({ variant: normalizedVariant, size: normalizedSize }), className)}\n      data-slot=\"timeline\"\n      data-variant={variant ?? \"default\"}\n      role=\"list\"\n      {...props}\n    >\n      {processedItems\n        ? processedItems.map((item, index) => (\n            <TimelineItemComponent\n              key={item.id}\n              isActive={activeIndex === index}\n              isComplete={index < completed}\n              isLast={index === processedItems.length - 1}\n              item={item}\n              showConnector={connector}\n              size={normalizedSize}\n              variant={normalizedVariant}\n            />\n          ))\n        : hasContent\n          ? children\n          : null}\n    </div>\n  )\n}\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineItemComponent as TimelineItem,\n  timelineItemVariants,\n  TimelineMarker,\n  timelineMarkerVariants,\n  timelineVariants,\n}\nexport type { TimelineItem as TimelineItemData, TimelineItemProps, TimelineProps }\n"]}

package/dist/chunk-NGR4HFVA.js

@@ -0,0 +1,136 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var tabsVariants = cva([
+  "flex flex-col gap-[var(--tabs-root-gap)]"
+]);
+var tabsListVariants = cva(
+  "inline-flex w-fit items-center justify-center",
+  {
+    variants: {
+      variant: {
+        solid: [
+          "bg-[color:var(--tabs-list-bg)] text-[color:var(--tabs-list-fg)]",
+          "h-[var(--tabs-list-height)] rounded-[var(--tabs-list-radius)] p-[var(--tabs-list-padding)]"
+        ],
+        line: [
+          "border-b border-border",
+          "gap-1"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "solid"
+    }
+  }
+);
+var tabsTriggerVariants = cva(
+  [
+    // Base styles shared by all variants
+    "inline-flex items-center justify-center gap-[var(--tabs-trigger-base-gap)]",
+    "text-[length:var(--tabs-trigger-base-text)] font-[var(--tabs-trigger-base-weight)] whitespace-nowrap",
+    "transition-[color,box-shadow,border-color]",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+  ],
+  {
+    variants: {
+      variant: {
+        solid: [
+          "flex-1 h-[calc(100%-1px)]",
+          "rounded-[var(--tabs-trigger-base-radius)] border border-transparent",
+          "px-[var(--tabs-trigger-base-padding-x)] py-[var(--tabs-trigger-base-padding-y)]",
+          "text-[color:var(--tabs-trigger-inactive-fg)] dark:text-muted-foreground",
+          "data-[state=active]:bg-[color:var(--tabs-trigger-active-bg)] data-[state=active]:text-[color:var(--tabs-trigger-active-fg)] data-[state=active]:shadow-[var(--tabs-trigger-active-shadow)]",
+          "dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30",
+          "focus-visible:border-[color:var(--tabs-trigger-focus-ring)] focus-visible:ring-[color:var(--tabs-trigger-focus-ring)]/50 focus-visible:outline-[color:var(--tabs-trigger-focus-ring)]"
+        ],
+        line: [
+          "-mb-px px-3 py-2",
+          "border-b-2 border-transparent",
+          "text-muted-foreground",
+          "hover:text-foreground hover:border-muted-foreground/50",
+          "data-[state=active]:border-primary data-[state=active]:text-primary",
+          "dark:data-[state=active]:border-primary dark:data-[state=active]:text-primary"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "solid"
+    }
+  }
+);
+var tabsContentVariants = cva([
+  "flex-1 outline-none"
+]);
+var TabsVariantContext = React.createContext("solid");
+function Tabs({ className, variant = "solid", ...props }) {
+  return /* @__PURE__ */ jsx(TabsVariantContext, { value: variant, children: /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      className: cn(tabsVariants(), className),
+      "data-slot": "tabs",
+      "data-variant": variant,
+      ...props
+    }
+  ) });
+}
+function TabsList({ className, ...props }) {
+  const variant = React.use(TabsVariantContext);
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      className: cn(tabsListVariants({ variant }), className),
+      "data-slot": "tabs-list",
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  children,
+  icon,
+  badge,
+  ...props
+}) {
+  const variant = React.use(TabsVariantContext);
+  const hasSlots = icon !== void 0 || badge !== void 0;
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      className: cn(tabsTriggerVariants({ variant }), className),
+      "data-slot": "tabs-trigger",
+      ...props,
+      children: hasSlots ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon !== void 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "tabs-trigger-icon", children: icon }),
+        /* @__PURE__ */ jsx("span", { "data-slot": "tabs-trigger-label", children }),
+        badge !== void 0 && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "ml-1 inline-flex items-center rounded-[var(--tabs-trigger-badge-radius)] bg-[color:var(--tabs-trigger-badge-bg)] px-[var(--tabs-trigger-badge-padding-x)] text-xs text-[color:var(--tabs-trigger-badge-fg)]",
+            "data-slot": "tabs-trigger-badge",
+            children: badge
+          }
+        )
+      ] }) : children
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      className: cn(tabsContentVariants(), className),
+      "data-slot": "tabs-content",
+      ...props
+    }
+  );
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsContentVariants, tabsListVariants, tabsTriggerVariants, tabsVariants };
+//# sourceMappingURL=chunk-NGR4HFVA.js.map
+//# sourceMappingURL=chunk-NGR4HFVA.js.map

package/dist/chunk-NGR4HFVA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Tabs/Tabs.variants.ts","../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"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","file":"chunk-NGR4HFVA.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Tabs root variant styles\n */\nexport const tabsVariants = cva([\n  \"flex flex-col gap-[var(--tabs-root-gap)]\",\n])\n\n/**\n * TabsList variant styles - supports solid and line variants\n */\nexport const tabsListVariants = cva(\n  \"inline-flex w-fit items-center justify-center\",\n  {\n    variants: {\n      variant: {\n        solid: [\n          \"bg-[color:var(--tabs-list-bg)] text-[color:var(--tabs-list-fg)]\",\n          \"h-[var(--tabs-list-height)] rounded-[var(--tabs-list-radius)] p-[var(--tabs-list-padding)]\",\n        ],\n        line: [\n          \"border-b border-border\",\n          \"gap-1\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n    },\n  }\n)\n\n/**\n * TabsTrigger variant styles - supports solid and line variants\n */\nexport const tabsTriggerVariants = cva(\n  [\n    // Base styles shared by all variants\n    \"inline-flex items-center justify-center gap-[var(--tabs-trigger-base-gap)]\",\n    \"text-[length:var(--tabs-trigger-base-text)] font-[var(--tabs-trigger-base-weight)] whitespace-nowrap\",\n    \"transition-[color,box-shadow,border-color]\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: [\n          \"flex-1 h-[calc(100%-1px)]\",\n          \"rounded-[var(--tabs-trigger-base-radius)] border border-transparent\",\n          \"px-[var(--tabs-trigger-base-padding-x)] py-[var(--tabs-trigger-base-padding-y)]\",\n          \"text-[color:var(--tabs-trigger-inactive-fg)] dark:text-muted-foreground\",\n          \"data-[state=active]:bg-[color:var(--tabs-trigger-active-bg)] data-[state=active]:text-[color:var(--tabs-trigger-active-fg)] data-[state=active]:shadow-[var(--tabs-trigger-active-shadow)]\",\n          \"dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30\",\n          \"focus-visible:border-[color:var(--tabs-trigger-focus-ring)] focus-visible:ring-[color:var(--tabs-trigger-focus-ring)]/50 focus-visible:outline-[color:var(--tabs-trigger-focus-ring)]\",\n        ],\n        line: [\n          \"-mb-px px-3 py-2\",\n          \"border-b-2 border-transparent\",\n          \"text-muted-foreground\",\n          \"hover:text-foreground hover:border-muted-foreground/50\",\n          \"data-[state=active]:border-primary data-[state=active]:text-primary\",\n          \"dark:data-[state=active]:border-primary dark:data-[state=active]:text-primary\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n    },\n  }\n)\n\n/**\n * TabsContent variant styles\n */\nexport const tabsContentVariants = cva([\n  \"flex-1 outline-none\",\n])\n","\"use client\"\n\nimport type {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsVariant,\n} from \"./Tabs.types\"\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tabsContentVariants,\n  tabsListVariants,\n  tabsTriggerVariants,\n  tabsVariants,\n} from \"./Tabs.variants\"\n\n/**\n * Context for Tabs variant\n */\nconst TabsVariantContext = React.createContext<TabsVariant>(\"solid\")\n\n/**\n * Tabs - A set of layered sections of content, displayed one at a time.\n *\n * Built on top of Radix UI Tabs primitive with accessible keyboard navigation.\n * Supports two visual styles: solid (pill-style) and line (underline-style).\n *\n * @example\n * ```tsx\n * // Solid variant (default)\n * <Tabs defaultValue=\"tab1\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n *\n * // Line variant\n * <Tabs defaultValue=\"tab1\" variant=\"line\">\n *   <TabsList>\n *     <TabsTrigger value=\"tab1\">Tab 1</TabsTrigger>\n *     <TabsTrigger value=\"tab2\">Tab 2</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"tab1\">Content 1</TabsContent>\n *   <TabsContent value=\"tab2\">Content 2</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({ className, variant = \"solid\", ...props }: TabsProps) {\n  return (\n    <TabsVariantContext value={variant}>\n      <TabsPrimitive.Root\n        className={cn(tabsVariants(), className)}\n        data-slot=\"tabs\"\n        data-variant={variant}\n        {...props}\n      />\n    </TabsVariantContext>\n  )\n}\n\n/**\n * TabsList - Container for tab triggers.\n */\nfunction TabsList({ className, ...props }: TabsListProps) {\n  const variant = React.use(TabsVariantContext)\n\n  return (\n    <TabsPrimitive.List\n      className={cn(tabsListVariants({ variant }), className)}\n      data-slot=\"tabs-list\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabsTrigger - Button that activates its associated tab content.\n *\n * Supports optional `icon` (before label) and `badge` (after label) slots\n * matching the Figma `Tabs / Trigger` anatomy. When neither slot is provided,\n * `children` is rendered directly so existing call sites keep working.\n */\nfunction TabsTrigger({\n  className,\n  children,\n  icon,\n  badge,\n  ...props\n}: TabsTriggerProps) {\n  const variant = React.use(TabsVariantContext)\n  const hasSlots = icon !== undefined || badge !== undefined\n\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      data-slot=\"tabs-trigger\"\n      {...props}\n    >\n      {hasSlots ? (\n        <>\n          {icon !== undefined && (\n            <span aria-hidden=\"true\" data-slot=\"tabs-trigger-icon\">\n              {icon}\n            </span>\n          )}\n          <span data-slot=\"tabs-trigger-label\">{children}</span>\n          {badge !== undefined && (\n            <span\n              className=\"ml-1 inline-flex items-center rounded-[var(--tabs-trigger-badge-radius)] bg-[color:var(--tabs-trigger-badge-bg)] px-[var(--tabs-trigger-badge-padding-x)] text-xs text-[color:var(--tabs-trigger-badge-fg)]\"\n              data-slot=\"tabs-trigger-badge\"\n            >\n              {badge}\n            </span>\n          )}\n        </>\n      ) : (\n        children\n      )}\n    </TabsPrimitive.Trigger>\n  )\n}\n\n/**\n * TabsContent - Contains the content associated with each tab.\n */\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      className={cn(tabsContentVariants(), className)}\n      data-slot=\"tabs-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"]}

package/dist/chunk-NK5Q2YRM.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var textVariants = cva("", {
+  variants: {
+    variant: {
+      body: "text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)] text-[color:var(--text-color-default)]",
+      lead: "text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)] text-[color:var(--text-color-muted)]",
+      large: "text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)] font-[var(--text-weight-semibold)]",
+      // Deprecated alias of `muted` — kept for back-compat, will be removed in v2 major.
+      small: "text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]",
+      muted: "text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]",
+      code: "relative rounded-[var(--text-variant-code-radius)] bg-muted px-[var(--text-variant-code-padding-x)] py-[var(--text-variant-code-padding-y)] font-mono text-[length:var(--text-size-sm-font-size)]"
+    },
+    size: {
+      xs: "text-[length:var(--text-size-xs-font-size)] leading-[var(--text-size-xs-line-height)]",
+      sm: "text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)]",
+      base: "text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)]",
+      lg: "text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)]",
+      xl: "text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)]",
+      "2xl": "text-[length:var(--text-size-2xl-font-size)] leading-[var(--text-size-2xl-line-height)]",
+      "3xl": "text-[length:var(--text-size-3xl-font-size)] leading-[var(--text-size-3xl-line-height)]",
+      "4xl": "text-[length:var(--text-size-4xl-font-size)] leading-[var(--text-size-4xl-line-height)]"
+    },
+    weight: {
+      normal: "font-[var(--text-weight-normal)]",
+      medium: "font-[var(--text-weight-medium)]",
+      semibold: "font-[var(--text-weight-semibold)]",
+      bold: "font-[var(--text-weight-bold)]"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+});
+function Text({
+  className,
+  variant,
+  size,
+  weight,
+  as,
+  asChild = false,
+  truncate = false,
+  children,
+  ...props
+}) {
+  const fallbackElement = variant === "code" ? "code" : truncate ? "p" : "span";
+  const inferredElement = as ?? fallbackElement;
+  const Comp = asChild ? Slot : inferredElement;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(
+        textVariants({ variant, size, weight }),
+        truncate && "truncate",
+        className
+      ),
+      "data-slot": "text",
+      ...props,
+      children
+    }
+  );
+}
+
+export { Text, textVariants };
+//# sourceMappingURL=chunk-NK5Q2YRM.js.map
+//# sourceMappingURL=chunk-NK5Q2YRM.js.map

package/dist/chunk-NK5Q2YRM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,YAAA,GAAe,IAAI,EAAA,EAAI;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,kIAAA;AAAA,MACN,IAAA,EAAM,4HAAA;AAAA,MACN,KAAA,EAAO,0HAAA;AAAA;AAAA,MAEP,KAAA,EAAO,4HAAA;AAAA,MACP,KAAA,EAAO,4HAAA;AAAA,MACP,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,uFAAA;AAAA,MACJ,EAAA,EAAI,uFAAA;AAAA,MACJ,IAAA,EAAM,2FAAA;AAAA,MACN,EAAA,EAAI,uFAAA;AAAA,MACJ,EAAA,EAAI,uFAAA;AAAA,MACJ,KAAA,EAAO,yFAAA;AAAA,MACP,KAAA,EAAO,yFAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ,kCAAA;AAAA,MACR,MAAA,EAAQ,kCAAA;AAAA,MACR,QAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC;AAyBD,SAAS,IAAA,CAAK;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,MAAM,eAAA,GACJ,OAAA,KAAY,MAAA,GAAS,MAAA,GAAS,WAAW,GAAA,GAAM,MAAA;AACjD,EAAA,MAAM,kBAA+B,EAAA,IAAM,eAAA;AAC3C,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,eAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAA,CAAa,EAAE,OAAA,EAAS,IAAA,EAAM,QAAQ,CAAA;AAAA,QACtC,QAAA,IAAY,UAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACA,WAAA,EAAU,MAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-NK5Q2YRM.js","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst textVariants = cva(\"\", {\n  variants: {\n    variant: {\n      body: \"text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)] text-[color:var(--text-color-default)]\",\n      lead: \"text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)] text-[color:var(--text-color-muted)]\",\n      large: \"text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)] font-[var(--text-weight-semibold)]\",\n      // Deprecated alias of `muted` — kept for back-compat, will be removed in v2 major.\n      small: \"text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]\",\n      muted: \"text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]\",\n      code: \"relative rounded-[var(--text-variant-code-radius)] bg-muted px-[var(--text-variant-code-padding-x)] py-[var(--text-variant-code-padding-y)] font-mono text-[length:var(--text-size-sm-font-size)]\",\n    },\n    size: {\n      xs: \"text-[length:var(--text-size-xs-font-size)] leading-[var(--text-size-xs-line-height)]\",\n      sm: \"text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)]\",\n      base: \"text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)]\",\n      lg: \"text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)]\",\n      xl: \"text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)]\",\n      \"2xl\": \"text-[length:var(--text-size-2xl-font-size)] leading-[var(--text-size-2xl-line-height)]\",\n      \"3xl\": \"text-[length:var(--text-size-3xl-font-size)] leading-[var(--text-size-3xl-line-height)]\",\n      \"4xl\": \"text-[length:var(--text-size-4xl-font-size)] leading-[var(--text-size-4xl-line-height)]\",\n    },\n    weight: {\n      normal: \"font-[var(--text-weight-normal)]\",\n      medium: \"font-[var(--text-weight-medium)]\",\n      semibold: \"font-[var(--text-weight-semibold)]\",\n      bold: \"font-[var(--text-weight-bold)]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body\",\n  },\n})\n\ntype TextElement =\n  | \"code\"\n  | \"div\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n  | \"p\"\n  | \"span\"\n\ninterface TextProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof textVariants> {\n  as?: TextElement\n  asChild?: boolean\n  /** HTML for attribute, used when as=\"label\" */\n  htmlFor?: string\n  truncate?: boolean\n}\n\nfunction Text({\n  className,\n  variant,\n  size,\n  weight,\n  as,\n  asChild = false,\n  truncate = false,\n  children,\n  ...props\n}: TextProps) {\n  const fallbackElement: TextElement =\n    variant === \"code\" ? \"code\" : truncate ? \"p\" : \"span\"\n  const inferredElement: TextElement = as ?? fallbackElement\n  const Comp = asChild ? Slot : inferredElement\n\n  return (\n    <Comp\n      className={cn(\n        textVariants({ variant, size, weight }),\n        truncate && \"truncate\",\n        className\n      )}\n      data-slot=\"text\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  )\n}\n\nexport { Text, type TextElement, type TextProps, textVariants }\n"]}

package/dist/chunk-NNOGFX66.js

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

package/dist/chunk-NNOGFX66.js.map

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