@etus/ui 0.4.0-beta.17 → 0.4.0-beta.19

package/dist/{chunk-B7ZLPQSO.js.map → chunk-4XXAIWQ4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Feed/Feed.tsx"],"names":[],"mappings":"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","file":"chunk-B7ZLPQSO.js","sourcesContent":["import type { ReactNode } from \"react\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst feedVariants = cva(\"flex flex-col transition-colors duration-200\", {\n  variants: {\n    variant: {\n      default: \"border-l border-border pl-4 gap-4\",\n      compact: \"gap-2\",\n      highlighted: \"gap-4\",\n    },\n    size: {\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n})\n\nconst feedItemVariants = cva(\n  \"relative flex gap-3 transition-colors duration-200\",\n  {\n    variants: {\n      size: {\n        sm: \"py-2 px-3\",\n        default: \"py-4 px-4\",\n        lg: \"py-6 px-6\",\n      },\n      isActive: {\n        true: \"bg-muted\",\n        false: \"\",\n      },\n      isHighlighted: {\n        true: \"bg-muted/50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isActive: false,\n      isHighlighted: false,\n    },\n  }\n)\n\n/**\n * Feed item data structure\n */\ninterface FeedItem {\n  /** Optional action element */\n  action?: ReactNode\n  /** Optional description */\n  description?: string\n  /** Optional icon element */\n  icon?: ReactNode\n  /** Unique identifier for the item */\n  id: string\n  /** Optional metadata */\n  metadata?: {\n    author?: string\n    avatar?: string\n  }\n  /** Timestamp of the event */\n  timestamp: Date\n  /** Title of the feed item */\n  title: string\n}\n\ninterface FeedProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof feedVariants> {\n  /** Custom content (alternative to items prop) */\n  children?: ReactNode\n  /** Show divider between items @default true */\n  divider?: boolean\n  /** Array of feed items */\n  items?: FeedItem[]\n  /** Loading state @default false */\n  loading?: boolean\n  /** Reverse chronological order @default false */\n  reverse?: boolean\n}\n\ninterface FeedItemProps\n  extends React.ComponentProps<\"article\">,\n    VariantProps<typeof feedItemVariants> {\n  /** Whether the item is the last in the list */\n  isLast?: boolean\n  /** The feed item data */\n  item?: FeedItem\n  /** Show divider after item @default true */\n  showDivider?: boolean\n}\n\n/**\n * Format a date to relative time (e.g., \"2 hours ago\")\n */\nfunction formatRelativeTime(date: Date): string {\n  const now = new Date()\n  const diffMs = now.getTime() - date.getTime()\n  const diffSec = Math.floor(diffMs / 1000)\n  const diffMin = Math.floor(diffSec / 60)\n  const diffHour = Math.floor(diffMin / 60)\n  const diffDay = Math.floor(diffHour / 24)\n\n  if (diffSec < 60) return \"just now\"\n  if (diffMin < 60) return `${String(diffMin)}m ago`\n  if (diffHour < 24) return `${String(diffHour)}h ago`\n  if (diffDay < 7) return `${String(diffDay)}d ago`\n\n  return date.toLocaleDateString()\n}\n\n/**\n * FeedItem component renders a single feed entry\n */\nfunction FeedItemComponent({\n  className,\n  item,\n  size,\n  isActive,\n  isHighlighted,\n  isLast,\n  showDivider = true,\n  children,\n  ...props\n}: FeedItemProps) {\n  return (\n    <article\n      className={cn(\n        feedItemVariants({ size, isActive, isHighlighted }),\n        \"hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n        !isLast && showDivider && \"border-b border-border\",\n        className\n      )}\n      data-active={isActive ? \"\" : undefined}\n      data-highlighted={isHighlighted ? \"\" : undefined}\n      data-slot=\"feed-item\"\n      role=\"article\"\n      tabIndex={0}\n      {...props}\n    >\n      {item ? (\n        <>\n          {item.icon && (\n            <div\n              className=\"mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-full bg-muted\"\n              data-slot=\"feed-icon\"\n            >\n              {item.icon}\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex items-start justify-between gap-2\">\n              <div className=\"min-w-0 flex-1\" data-slot=\"feed-content\">\n                <p className=\"font-medium text-foreground\">{item.title}</p>\n                {item.description && (\n                  <p className=\"mt-1 text-sm text-muted-foreground\">\n                    {item.description}\n                  </p>\n                )}\n                {item.metadata?.author && (\n                  <p className=\"mt-1 text-xs text-muted-foreground\">\n                    by {item.metadata.author}\n                  </p>\n                )}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <time\n                  className=\"text-xs text-muted-foreground\"\n                  data-slot=\"feed-timestamp\"\n                  dateTime={item.timestamp.toISOString()}\n                >\n                  {formatRelativeTime(item.timestamp)}\n                </time>\n                {item.action && (\n                  <span data-slot=\"feed-action\">{item.action}</span>\n                )}\n              </div>\n            </div>\n          </div>\n        </>\n      ) : (\n        children\n      )}\n    </article>\n  )\n}\n\n/**\n * Feed loading skeleton component\n */\nfunction FeedSkeleton({ count = 3 }: { count?: number }) {\n  return (\n    <>\n      {Array.from({ length: count }).map((_, index) => (\n        <div\n          key={`skeleton-${String(index)}`}\n          className=\"flex animate-pulse gap-3 py-4 px-4\"\n          data-slot=\"feed-skeleton\"\n        >\n          <div className=\"size-8 shrink-0 rounded-full bg-muted\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <div className=\"h-4 w-3/4 rounded bg-muted\" />\n            <div className=\"h-3 w-1/2 rounded bg-muted\" />\n          </div>\n          <div className=\"h-3 w-12 shrink-0 rounded bg-muted\" />\n        </div>\n      ))}\n    </>\n  )\n}\n\n/**\n * Feed component displays a series of events or activities in chronological order.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: \"1\", timestamp: new Date(), title: \"New comment\", description: \"John commented on your post\" }\n * ]\n * <Feed items={items} />\n * ```\n */\nfunction Feed({\n  className,\n  variant,\n  size,\n  items,\n  reverse = false,\n  divider = true,\n  loading = false,\n  children,\n  ...props\n}: FeedProps) {\n  const sortedItems = items\n    ? reverse\n      ? [...items].reverse()\n      : items\n    : undefined\n\n  // Determine if we have content (for ARIA role)\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Using || for truthy check, not null/undefined check\n  const hasContent = loading || (sortedItems && sortedItems.length > 0) || children\n\n  return (\n    <div\n      aria-busy={hasContent ? loading : undefined}\n      aria-label={hasContent ? \"Activity feed\" : undefined}\n      aria-live={hasContent ? \"polite\" : undefined}\n      className={cn(feedVariants({ variant, size }), className)}\n      data-loading={loading ? \"\" : undefined}\n      data-slot=\"feed\"\n      data-variant={variant ?? \"default\"}\n      role={hasContent ? \"feed\" : undefined}\n      {...props}\n    >\n      {loading ? (\n        <FeedSkeleton />\n      ) : sortedItems ? (\n        sortedItems.map((item, index) => (\n          <FeedItemComponent\n            key={item.id}\n            isLast={index === sortedItems.length - 1}\n            item={item}\n            showDivider={divider}\n            size={size}\n          />\n        ))\n      ) : (\n        children\n      )}\n    </div>\n  )\n}\n\nexport {\n  Feed,\n  FeedItemComponent as FeedItem,\n  feedItemVariants,\n  FeedSkeleton,\n  feedVariants,\n}\nexport type { FeedItem as FeedItemData, FeedItemProps, FeedProps }\n"]}
+{"version":3,"sources":["../src/components/data-display/Feed/Feed.tsx"],"names":[],"mappings":"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","file":"chunk-4XXAIWQ4.js","sourcesContent":["import type { ReactNode } from \"react\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst feedVariants = cva(\"flex flex-col transition-colors duration-200\", {\n  variants: {\n    variant: {\n      default: \"border-l border-border pl-4 gap-4\",\n      compact: \"gap-2\",\n      highlighted: \"gap-4\",\n    },\n    size: {\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n})\n\nconst feedItemVariants = cva(\n  \"relative flex gap-3 transition-colors duration-200\",\n  {\n    variants: {\n      size: {\n        sm: \"py-2 px-3\",\n        default: \"py-4 px-4\",\n        lg: \"py-6 px-6\",\n      },\n      isActive: {\n        true: \"bg-muted\",\n        false: \"\",\n      },\n      isHighlighted: {\n        true: \"bg-muted/50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isActive: false,\n      isHighlighted: false,\n    },\n  }\n)\n\n/**\n * Feed item data structure\n */\ninterface FeedItem {\n  /** Optional action element */\n  action?: ReactNode\n  /** Optional description */\n  description?: string\n  /** Optional icon element */\n  icon?: ReactNode\n  /** Unique identifier for the item */\n  id: string\n  /** Optional metadata */\n  metadata?: {\n    author?: string\n    avatar?: string\n  }\n  /** Timestamp of the event */\n  timestamp: Date\n  /** Title of the feed item */\n  title: string\n}\n\ninterface FeedProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof feedVariants> {\n  /** Custom content (alternative to items prop) */\n  children?: ReactNode\n  /** Show divider between items @default true */\n  divider?: boolean\n  /** Array of feed items */\n  items?: FeedItem[]\n  /** Loading state @default false */\n  loading?: boolean\n  /** Reverse chronological order @default false */\n  reverse?: boolean\n}\n\ninterface FeedItemProps\n  extends React.ComponentProps<\"article\">,\n    VariantProps<typeof feedItemVariants> {\n  /** Whether the item is the last in the list */\n  isLast?: boolean\n  /** The feed item data */\n  item?: FeedItem\n  /** Show divider after item @default true */\n  showDivider?: boolean\n}\n\n/**\n * Format a date to relative time (e.g., \"2 hours ago\")\n */\nfunction formatRelativeTime(date: Date): string {\n  const now = new Date()\n  const diffMs = now.getTime() - date.getTime()\n  const diffSec = Math.floor(diffMs / 1000)\n  const diffMin = Math.floor(diffSec / 60)\n  const diffHour = Math.floor(diffMin / 60)\n  const diffDay = Math.floor(diffHour / 24)\n\n  if (diffSec < 60) return \"just now\"\n  if (diffMin < 60) return `${String(diffMin)}m ago`\n  if (diffHour < 24) return `${String(diffHour)}h ago`\n  if (diffDay < 7) return `${String(diffDay)}d ago`\n\n  return date.toLocaleDateString()\n}\n\n/**\n * FeedItem component renders a single feed entry\n */\nfunction FeedItemComponent({\n  className,\n  item,\n  size,\n  isActive,\n  isHighlighted,\n  isLast,\n  showDivider = true,\n  children,\n  ...props\n}: FeedItemProps) {\n  return (\n    <article\n      className={cn(\n        feedItemVariants({ size, isActive, isHighlighted }),\n        \"hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n        !isLast && showDivider && \"border-b border-border\",\n        className\n      )}\n      data-active={isActive ? \"\" : undefined}\n      data-highlighted={isHighlighted ? \"\" : undefined}\n      data-slot=\"feed-item\"\n      role=\"article\"\n      tabIndex={0}\n      {...props}\n    >\n      {item ? (\n        <>\n          {item.icon && (\n            <div\n              className=\"mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-full bg-muted\"\n              data-slot=\"feed-icon\"\n            >\n              {item.icon}\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex items-start justify-between gap-2\">\n              <div className=\"min-w-0 flex-1\" data-slot=\"feed-content\">\n                <p className=\"font-medium text-foreground\">{item.title}</p>\n                {item.description && (\n                  <p className=\"mt-1 text-sm text-muted-foreground\">\n                    {item.description}\n                  </p>\n                )}\n                {item.metadata?.author && (\n                  <p className=\"mt-1 text-xs text-muted-foreground\">\n                    by {item.metadata.author}\n                  </p>\n                )}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <time\n                  className=\"text-xs text-muted-foreground\"\n                  data-slot=\"feed-timestamp\"\n                  dateTime={item.timestamp.toISOString()}\n                >\n                  {formatRelativeTime(item.timestamp)}\n                </time>\n                {item.action && (\n                  <span data-slot=\"feed-action\">{item.action}</span>\n                )}\n              </div>\n            </div>\n          </div>\n        </>\n      ) : (\n        children\n      )}\n    </article>\n  )\n}\n\n/**\n * Feed loading skeleton component\n */\nfunction FeedSkeleton({ count = 3 }: { count?: number }) {\n  return (\n    <>\n      {Array.from({ length: count }).map((_, index) => (\n        <div\n          key={`skeleton-${String(index)}`}\n          className=\"flex animate-pulse gap-3 py-4 px-4\"\n          data-slot=\"feed-skeleton\"\n        >\n          <div className=\"size-8 shrink-0 rounded-full bg-muted\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <div className=\"h-4 w-3/4 rounded bg-muted\" />\n            <div className=\"h-3 w-1/2 rounded bg-muted\" />\n          </div>\n          <div className=\"h-3 w-12 shrink-0 rounded bg-muted\" />\n        </div>\n      ))}\n    </>\n  )\n}\n\n/**\n * Feed component displays a series of events or activities in chronological order.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: \"1\", timestamp: new Date(), title: \"New comment\", description: \"John commented on your post\" }\n * ]\n * <Feed items={items} />\n * ```\n */\nfunction Feed({\n  className,\n  variant,\n  size,\n  items,\n  reverse = false,\n  divider = true,\n  loading = false,\n  children,\n  ...props\n}: FeedProps) {\n  const sortedItems = items\n    ? reverse\n      ? [...items].reverse()\n      : items\n    : undefined\n\n  // Determine if we have content (for ARIA role)\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- Using || for truthy check, not null/undefined check\n  const hasContent = loading || (sortedItems && sortedItems.length > 0) || children\n\n  return (\n    <div\n      aria-busy={hasContent ? loading : undefined}\n      aria-label={hasContent ? \"Activity feed\" : undefined}\n      aria-live={hasContent ? \"polite\" : undefined}\n      className={cn(feedVariants({ variant, size }), className)}\n      data-loading={loading ? \"\" : undefined}\n      data-slot=\"feed\"\n      data-variant={variant ?? \"default\"}\n      role={hasContent ? \"feed\" : undefined}\n      {...props}\n    >\n      {loading ? (\n        <FeedSkeleton />\n      ) : sortedItems ? (\n        sortedItems.map((item, index) => (\n          <FeedItemComponent\n            key={item.id}\n            isLast={index === sortedItems.length - 1}\n            item={item}\n            showDivider={divider}\n            size={size}\n          />\n        ))\n      ) : (\n        children\n      )}\n    </div>\n  )\n}\n\nexport {\n  Feed,\n  FeedItemComponent as FeedItem,\n  feedItemVariants,\n  FeedSkeleton,\n  feedVariants,\n}\nexport type { FeedItem as FeedItemData, FeedItemProps, FeedProps }\n"]}

package/dist/{chunk-D2V2HKLX.js → chunk-5ETVWWA5.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Component } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
@@ -245,5 +245,5 @@ var errorBoundaryActionVariants = cva(
 );
 
 export { DefaultFallback, ErrorBoundary, errorBoundaryActionVariants, errorBoundaryCardVariants, errorBoundaryFallbackVariants, errorBoundaryIconVariants, errorBoundaryMessageVariants, errorBoundaryStackVariants, errorBoundaryTitleVariants };
-//# sourceMappingURL=chunk-D2V2HKLX.js.map
-//# sourceMappingURL=chunk-D2V2HKLX.js.map
+//# sourceMappingURL=chunk-5ETVWWA5.js.map
+//# sourceMappingURL=chunk-5ETVWWA5.js.map

package/dist/{chunk-D2V2HKLX.js.map → chunk-5ETVWWA5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/advanced/ErrorBoundary/ErrorBoundary.tsx","../src/components/advanced/ErrorBoundary/ErrorBoundary.variants.ts"],"names":[],"mappings":";;;;;AAaA,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,kBAAA,EAAmB,EAAkB;AACrE,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT;AAAA,OACF;AAAA,MACA,WAAA,EAAU,WAAA;AAAA,MACV,WAAA,EAAU,yBAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kBAAA,EACb,QAAA,kBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,SAAA;AAAA,YACV,IAAA,EAAK,MAAA;AAAA,YACL,MAAA,EAAO,cAAA;AAAA,YACP,aAAA,EAAc,OAAA;AAAA,YACd,cAAA,EAAe,OAAA;AAAA,YACf,WAAA,EAAY,GAAA;AAAA,YACZ,OAAA,EAAQ,WAAA;AAAA,YACR,KAAA,EAAM,4BAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,YAAO,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,GAAE,IAAA,EAAK,CAAA;AAAA,8BAC/B,GAAA,CAAC,UAAK,EAAA,EAAG,IAAA,EAAK,IAAG,IAAA,EAAK,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,IAAA,EAAK,CAAA;AAAA,8BACrC,GAAA,CAAC,UAAK,EAAA,EAAG,IAAA,EAAK,IAAG,OAAA,EAAQ,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK;AAAA;AAAA;AAAA,SAC3C,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,sBAAA,EAEvD,CAAA;AAAA,8BACC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EACV,QAAA,EAAA,KAAA,CAAM,WAAW,8BAAA,EACpB;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,qKAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,WAAA,EAAU,6BAAA;AAAA,YACV,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,kBAAA;AAAA,YACV,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GACF;AAEJ;AAyBA,IAAM,aAAA,GAAN,cAA4B,SAAA,CAAkD;AAAA,EAC5E,YAAY,KAAA,EAA2B;AACrC,IAAA,KAAA,CAAM,KAAK,CAAA;AACX,IAAA,IAAA,CAAK,KAAA,GAAQ;AAAA,MACX,KAAA,EAAO,IAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,KAAA,EAAkC;AAChE,IAAA,OAAO;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAAA,EAES,iBAAA,CAAkB,OAAc,SAAA,EAA4B;AACnE,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,KAAA;AACzB,IAAA,OAAA,GAAU,OAAO,SAAS,CAAA;AAAA,EAC5B;AAAA,EAES,mBAAmB,SAAA,EAAqC;AAC/D,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,IAAA,CAAK,KAAA;AAC3B,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,IAAA,CAAK,KAAA;AAE1B,IAAA,IAAI,QAAA,IAAY,SAAA,CAAU,SAAA,KAAc,SAAA,EAAW;AAEjD,MAAA,IAAI,SAAA,IAAa,UAAU,SAAA,EAAW;AACpC,QAAA,MAAM,gBAAgB,SAAA,CAAU,IAAA;AAAA,UAC9B,CAAC,GAAA,EAAK,KAAA,KAAU,SAAA,CAAU,SAAA,GAAY,KAAK,CAAA,KAAM;AAAA,SACnD;AACA,QAAA,IAAI,aAAA,EAAe;AACjB,UAAA,IAAA,CAAK,KAAA,EAAM;AAAA,QACb;AAAA,MACF,CAAA,MAAA,IAAW,SAAA,KAAc,SAAA,CAAU,SAAA,EAAW;AAC5C,QAAA,IAAA,CAAK,KAAA,EAAM;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ,MAAY;AAClB,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,KAAA;AACzB,IAAA,OAAA,IAAU;AACV,IAAA,IAAA,CAAK,QAAA,CAAS;AAAA,MACZ,KAAA,EAAO,IAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACX,CAAA;AAAA,EACH,CAAA;AAAA,EAES,MAAA,GAAoB;AAC3B,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,iBAAA,KAAsB,IAAA,CAAK,KAAA;AAClE,IAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,IAAA,CAAK,KAAA;AAEjC,IAAA,IAAI,YAAY,KAAA,EAAO;AACrB,MAAA,MAAM,aAAA,GAA+B;AAAA,QACnC,KAAA;AAAA,QACA,oBAAoB,IAAA,CAAK;AAAA,OAC3B;AAGA,MAAA,IAAI,iBAAA,EAAmB;AACrB,QAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAsB,WAAA,EAAU,kBACnC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAmB,GAAG,aAAA,EAAe,CAAA,EACxC,CAAA;AAAA,MAEJ;AAEA,MAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,QAAA,MAAM,cAAA,GAAiB,QAAA;AACvB,QAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAsB,aAAU,gBAAA,EAClC,QAAA,EAAA,cAAA,CAAe,aAAa,CAAA,EAC/B,CAAA;AAAA,MAEJ;AAEA,MAAA,IAAI,aAAa,MAAA,EAAW;AAC1B,QAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,WAAA,EAAU,kBAClC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,MAEJ;AAGA,MAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAsB,WAAA,EAAU,kBACnC,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,aAAA,EAAe,CAAA,EACtC,CAAA;AAAA,IAEJ;AAEA,IAAA,OAAO,QAAA;AAAA,EACT;AACF;AChLO,IAAM,6BAAA,GAAgC,GAAA;AAAA,EAC3C,uDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,QAAA,EAAU,WAAA;AAAA,QACV,MAAA,EAAQ,WAAA;AAAA,QACR,UAAA,EAAY;AAAA,OACd;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO,kBAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,UAAA;AAAA,MACT,QAAA,EAAU;AAAA;AACZ;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,qCAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,eAAA;AAAA,QACT,QAAA,EAAU,wCAAA;AAAA,QACV,MAAA,EAAQ,wCAAA;AAAA,QACR,UAAA,EAAY;AAAA;AACd,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,UAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO,kBAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACZ;AAEJ;AAKO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,eAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,4BAAA,GAA+B,GAAA;AAAA,EAC1C,uBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,gGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,UAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ;AAKO,IAAM,2BAAA,GAA8B,GAAA;AAAA,EACzC,gKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,OAAA,EAAS,gFAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-D2V2HKLX.js","sourcesContent":["import type {\n  ErrorBoundaryProps,\n  ErrorBoundaryState,\n  FallbackProps,\n} from \"./ErrorBoundary.types\"\n\nimport { Component, type ErrorInfo, type ReactNode } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Default fallback UI shown when an error occurs and no custom fallback is provided\n */\nfunction DefaultFallback({ error, resetErrorBoundary }: FallbackProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-4 rounded-lg border border-destructive bg-destructive/10 p-6\"\n      )}\n      aria-live=\"assertive\"\n      data-slot=\"error-boundary-fallback\"\n      role=\"alert\"\n    >\n      <div className=\"text-destructive\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"size-12\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n          <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n        </svg>\n      </div>\n      <div className=\"space-y-2 text-center\">\n        <h2 className=\"text-lg font-semibold text-destructive\">\n          Something went wrong\n        </h2>\n        <p className=\"text-sm text-muted-foreground\">\n          {error.message || \"An unexpected error occurred\"}\n        </p>\n      </div>\n      <button\n        className={cn(\n          \"inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        )}\n        data-slot=\"error-boundary-reset-button\"\n        type=\"button\"\n        onClick={resetErrorBoundary}\n      >\n        Try again\n      </button>\n    </div>\n  )\n}\n\n/**\n * ErrorBoundary catches JavaScript errors in child component trees,\n * logs them, and displays a fallback UI instead of crashing the whole app.\n *\n * @example\n * ```tsx\n * <ErrorBoundary fallback={<p>Something went wrong</p>}>\n *   <MyComponent />\n * </ErrorBoundary>\n * ```\n *\n * @example\n * ```tsx\n * <ErrorBoundary\n *   FallbackComponent={ErrorFallback}\n *   onError={(error, info) => logError(error, info)}\n *   onReset={() => resetAppState()}\n *   resetKeys={[userId]}\n * >\n *   <Dashboard />\n * </ErrorBoundary>\n * ```\n */\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = {\n      error: null,\n      hasError: false,\n    }\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return {\n      error,\n      hasError: true,\n    }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    const { onError } = this.props\n    onError?.(error, errorInfo)\n  }\n\n  override componentDidUpdate(prevProps: ErrorBoundaryProps): void {\n    const { resetKeys } = this.props\n    const { hasError } = this.state\n\n    if (hasError && prevProps.resetKeys !== resetKeys) {\n      // Check if any resetKey changed\n      if (resetKeys && prevProps.resetKeys) {\n        const hasKeyChanged = resetKeys.some(\n          (key, index) => prevProps.resetKeys?.[index] !== key\n        )\n        if (hasKeyChanged) {\n          this.reset()\n        }\n      } else if (resetKeys !== prevProps.resetKeys) {\n        this.reset()\n      }\n    }\n  }\n\n  reset = (): void => {\n    const { onReset } = this.props\n    onReset?.()\n    this.setState({\n      error: null,\n      hasError: false,\n    })\n  }\n\n  override render(): ReactNode {\n    const { children, className, fallback, FallbackComponent } = this.props\n    const { error, hasError } = this.state\n\n    if (hasError && error) {\n      const fallbackProps: FallbackProps = {\n        error,\n        resetErrorBoundary: this.reset,\n      }\n\n      // Priority: FallbackComponent > fallback function > fallback node > DefaultFallback\n      if (FallbackComponent) {\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            <FallbackComponent {...fallbackProps} />\n          </div>\n        )\n      }\n\n      if (typeof fallback === \"function\") {\n        const renderFallback = fallback\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            {renderFallback(fallbackProps)}\n          </div>\n        )\n      }\n\n      if (fallback !== undefined) {\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            {fallback}\n          </div>\n        )\n      }\n\n      // Default fallback\n      return (\n        <div className={className} data-slot=\"error-boundary\">\n          <DefaultFallback {...fallbackProps} />\n        </div>\n      )\n    }\n\n    return children\n  }\n}\n\nexport { DefaultFallback, ErrorBoundary }\n","import { cva } from \"class-variance-authority\"\n\n/**\n * ErrorBoundary fallback container variants\n */\nexport const errorBoundaryFallbackVariants = cva(\n  \"flex flex-col items-center justify-center text-center\",\n  {\n    variants: {\n      variant: {\n        minimal: \"p-4 gap-2\",\n        detailed: \"p-6 gap-4\",\n        action: \"p-6 gap-4\",\n        fullscreen: \"min-h-screen p-8 gap-6\",\n      },\n      severity: {\n        error: \"text-destructive\",\n        warning: \"text-warning\",\n        info: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"detailed\",\n      severity: \"error\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary fallback card variants\n */\nexport const errorBoundaryCardVariants = cva(\n  \"rounded-lg border bg-background p-6\",\n  {\n    variants: {\n      variant: {\n        minimal: \"border-border\",\n        detailed: \"border-destructive/50 bg-destructive/5\",\n        action: \"border-destructive/50 bg-destructive/5\",\n        fullscreen: \"border-destructive/50 bg-destructive/5 max-w-md w-full\",\n      },\n    },\n    defaultVariants: {\n      variant: \"detailed\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary icon variants\n */\nexport const errorBoundaryIconVariants = cva(\n  \"shrink-0\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 w-8\",\n        md: \"h-12 w-12\",\n        lg: \"h-16 w-16\",\n      },\n      severity: {\n        error: \"text-destructive\",\n        warning: \"text-warning\",\n        info: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      severity: \"error\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary title variants\n */\nexport const errorBoundaryTitleVariants = cva(\n  \"font-semibold\",\n  {\n    variants: {\n      size: {\n        sm: \"text-base\",\n        md: \"text-lg\",\n        lg: \"text-xl\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary message variants\n */\nexport const errorBoundaryMessageVariants = cva(\n  \"text-muted-foreground\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary stack trace variants\n */\nexport const errorBoundaryStackVariants = cva(\n  \"w-full overflow-auto rounded-md bg-muted p-4 text-left font-mono text-xs text-muted-foreground\",\n  {\n    variants: {\n      collapsed: {\n        true: \"max-h-24\",\n        false: \"max-h-64\",\n      },\n    },\n    defaultVariants: {\n      collapsed: true,\n    },\n  }\n)\n\n/**\n * ErrorBoundary action button variants\n */\nexport const errorBoundaryActionVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-sm\",\n        md: \"h-9 px-4 text-sm\",\n        lg: \"h-10 px-6 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n)\n"]}
+{"version":3,"sources":["../src/components/advanced/ErrorBoundary/ErrorBoundary.tsx","../src/components/advanced/ErrorBoundary/ErrorBoundary.variants.ts"],"names":[],"mappings":";;;;;AAaA,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,kBAAA,EAAmB,EAAkB;AACrE,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT;AAAA,OACF;AAAA,MACA,WAAA,EAAU,WAAA;AAAA,MACV,WAAA,EAAU,yBAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kBAAA,EACb,QAAA,kBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,SAAA;AAAA,YACV,IAAA,EAAK,MAAA;AAAA,YACL,MAAA,EAAO,cAAA;AAAA,YACP,aAAA,EAAc,OAAA;AAAA,YACd,cAAA,EAAe,OAAA;AAAA,YACf,WAAA,EAAY,GAAA;AAAA,YACZ,OAAA,EAAQ,WAAA;AAAA,YACR,KAAA,EAAM,4BAAA;AAAA,YAEN,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,YAAO,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,GAAE,IAAA,EAAK,CAAA;AAAA,8BAC/B,GAAA,CAAC,UAAK,EAAA,EAAG,IAAA,EAAK,IAAG,IAAA,EAAK,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,IAAA,EAAK,CAAA;AAAA,8BACrC,GAAA,CAAC,UAAK,EAAA,EAAG,IAAA,EAAK,IAAG,OAAA,EAAQ,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK;AAAA;AAAA;AAAA,SAC3C,EACF,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wCAAA,EAAyC,QAAA,EAAA,sBAAA,EAEvD,CAAA;AAAA,8BACC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EACV,QAAA,EAAA,KAAA,CAAM,WAAW,8BAAA,EACpB;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,qKAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,WAAA,EAAU,6BAAA;AAAA,YACV,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,kBAAA;AAAA,YACV,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GACF;AAEJ;AAyBA,IAAM,aAAA,GAAN,cAA4B,SAAA,CAAkD;AAAA,EAC5E,YAAY,KAAA,EAA2B;AACrC,IAAA,KAAA,CAAM,KAAK,CAAA;AACX,IAAA,IAAA,CAAK,KAAA,GAAQ;AAAA,MACX,KAAA,EAAO,IAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,KAAA,EAAkC;AAChE,IAAA,OAAO;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAU;AAAA,KACZ;AAAA,EACF;AAAA,EAES,iBAAA,CAAkB,OAAc,SAAA,EAA4B;AACnE,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,KAAA;AACzB,IAAA,OAAA,GAAU,OAAO,SAAS,CAAA;AAAA,EAC5B;AAAA,EAES,mBAAmB,SAAA,EAAqC;AAC/D,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,IAAA,CAAK,KAAA;AAC3B,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,IAAA,CAAK,KAAA;AAE1B,IAAA,IAAI,QAAA,IAAY,SAAA,CAAU,SAAA,KAAc,SAAA,EAAW;AAEjD,MAAA,IAAI,SAAA,IAAa,UAAU,SAAA,EAAW;AACpC,QAAA,MAAM,gBAAgB,SAAA,CAAU,IAAA;AAAA,UAC9B,CAAC,GAAA,EAAK,KAAA,KAAU,SAAA,CAAU,SAAA,GAAY,KAAK,CAAA,KAAM;AAAA,SACnD;AACA,QAAA,IAAI,aAAA,EAAe;AACjB,UAAA,IAAA,CAAK,KAAA,EAAM;AAAA,QACb;AAAA,MACF,CAAA,MAAA,IAAW,SAAA,KAAc,SAAA,CAAU,SAAA,EAAW;AAC5C,QAAA,IAAA,CAAK,KAAA,EAAM;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ,MAAY;AAClB,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,KAAA;AACzB,IAAA,OAAA,IAAU;AACV,IAAA,IAAA,CAAK,QAAA,CAAS;AAAA,MACZ,KAAA,EAAO,IAAA;AAAA,MACP,QAAA,EAAU;AAAA,KACX,CAAA;AAAA,EACH,CAAA;AAAA,EAES,MAAA,GAAoB;AAC3B,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,iBAAA,KAAsB,IAAA,CAAK,KAAA;AAClE,IAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,IAAA,CAAK,KAAA;AAEjC,IAAA,IAAI,YAAY,KAAA,EAAO;AACrB,MAAA,MAAM,aAAA,GAA+B;AAAA,QACnC,KAAA;AAAA,QACA,oBAAoB,IAAA,CAAK;AAAA,OAC3B;AAGA,MAAA,IAAI,iBAAA,EAAmB;AACrB,QAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAsB,WAAA,EAAU,kBACnC,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAmB,GAAG,aAAA,EAAe,CAAA,EACxC,CAAA;AAAA,MAEJ;AAEA,MAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,QAAA,MAAM,cAAA,GAAiB,QAAA;AACvB,QAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAsB,aAAU,gBAAA,EAClC,QAAA,EAAA,cAAA,CAAe,aAAa,CAAA,EAC/B,CAAA;AAAA,MAEJ;AAEA,MAAA,IAAI,aAAa,MAAA,EAAW;AAC1B,QAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAsB,WAAA,EAAU,kBAClC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,MAEJ;AAGA,MAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAsB,WAAA,EAAU,kBACnC,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,aAAA,EAAe,CAAA,EACtC,CAAA;AAAA,IAEJ;AAEA,IAAA,OAAO,QAAA;AAAA,EACT;AACF;AChLO,IAAM,6BAAA,GAAgC,GAAA;AAAA,EAC3C,uDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,QAAA,EAAU,WAAA;AAAA,QACV,MAAA,EAAQ,WAAA;AAAA,QACR,UAAA,EAAY;AAAA,OACd;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO,kBAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,UAAA;AAAA,MACT,QAAA,EAAU;AAAA;AACZ;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,qCAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,eAAA;AAAA,QACT,QAAA,EAAU,wCAAA;AAAA,QACV,MAAA,EAAQ,wCAAA;AAAA,QACR,UAAA,EAAY;AAAA;AACd,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,yBAAA,GAA4B,GAAA;AAAA,EACvC,UAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,QAAA,EAAU;AAAA,QACR,KAAA,EAAO,kBAAA;AAAA,QACP,OAAA,EAAS,cAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACZ;AAEJ;AAKO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,eAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,WAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,4BAAA,GAA+B,GAAA;AAAA,EAC1C,uBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC,gGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,UAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ;AAKO,IAAM,2BAAA,GAA8B,GAAA;AAAA,EACzC,gKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wDAAA;AAAA,QACT,OAAA,EAAS,gFAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-5ETVWWA5.js","sourcesContent":["import type {\n  ErrorBoundaryProps,\n  ErrorBoundaryState,\n  FallbackProps,\n} from \"./ErrorBoundary.types\"\n\nimport { Component, type ErrorInfo, type ReactNode } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * Default fallback UI shown when an error occurs and no custom fallback is provided\n */\nfunction DefaultFallback({ error, resetErrorBoundary }: FallbackProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center gap-4 rounded-lg border border-destructive bg-destructive/10 p-6\"\n      )}\n      aria-live=\"assertive\"\n      data-slot=\"error-boundary-fallback\"\n      role=\"alert\"\n    >\n      <div className=\"text-destructive\">\n        <svg\n          aria-hidden=\"true\"\n          className=\"size-12\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"2\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n          <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n        </svg>\n      </div>\n      <div className=\"space-y-2 text-center\">\n        <h2 className=\"text-lg font-semibold text-destructive\">\n          Something went wrong\n        </h2>\n        <p className=\"text-sm text-muted-foreground\">\n          {error.message || \"An unexpected error occurred\"}\n        </p>\n      </div>\n      <button\n        className={cn(\n          \"inline-flex h-9 items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n        )}\n        data-slot=\"error-boundary-reset-button\"\n        type=\"button\"\n        onClick={resetErrorBoundary}\n      >\n        Try again\n      </button>\n    </div>\n  )\n}\n\n/**\n * ErrorBoundary catches JavaScript errors in child component trees,\n * logs them, and displays a fallback UI instead of crashing the whole app.\n *\n * @example\n * ```tsx\n * <ErrorBoundary fallback={<p>Something went wrong</p>}>\n *   <MyComponent />\n * </ErrorBoundary>\n * ```\n *\n * @example\n * ```tsx\n * <ErrorBoundary\n *   FallbackComponent={ErrorFallback}\n *   onError={(error, info) => logError(error, info)}\n *   onReset={() => resetAppState()}\n *   resetKeys={[userId]}\n * >\n *   <Dashboard />\n * </ErrorBoundary>\n * ```\n */\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = {\n      error: null,\n      hasError: false,\n    }\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return {\n      error,\n      hasError: true,\n    }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    const { onError } = this.props\n    onError?.(error, errorInfo)\n  }\n\n  override componentDidUpdate(prevProps: ErrorBoundaryProps): void {\n    const { resetKeys } = this.props\n    const { hasError } = this.state\n\n    if (hasError && prevProps.resetKeys !== resetKeys) {\n      // Check if any resetKey changed\n      if (resetKeys && prevProps.resetKeys) {\n        const hasKeyChanged = resetKeys.some(\n          (key, index) => prevProps.resetKeys?.[index] !== key\n        )\n        if (hasKeyChanged) {\n          this.reset()\n        }\n      } else if (resetKeys !== prevProps.resetKeys) {\n        this.reset()\n      }\n    }\n  }\n\n  reset = (): void => {\n    const { onReset } = this.props\n    onReset?.()\n    this.setState({\n      error: null,\n      hasError: false,\n    })\n  }\n\n  override render(): ReactNode {\n    const { children, className, fallback, FallbackComponent } = this.props\n    const { error, hasError } = this.state\n\n    if (hasError && error) {\n      const fallbackProps: FallbackProps = {\n        error,\n        resetErrorBoundary: this.reset,\n      }\n\n      // Priority: FallbackComponent > fallback function > fallback node > DefaultFallback\n      if (FallbackComponent) {\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            <FallbackComponent {...fallbackProps} />\n          </div>\n        )\n      }\n\n      if (typeof fallback === \"function\") {\n        const renderFallback = fallback\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            {renderFallback(fallbackProps)}\n          </div>\n        )\n      }\n\n      if (fallback !== undefined) {\n        return (\n          <div className={className} data-slot=\"error-boundary\">\n            {fallback}\n          </div>\n        )\n      }\n\n      // Default fallback\n      return (\n        <div className={className} data-slot=\"error-boundary\">\n          <DefaultFallback {...fallbackProps} />\n        </div>\n      )\n    }\n\n    return children\n  }\n}\n\nexport { DefaultFallback, ErrorBoundary }\n","import { cva } from \"class-variance-authority\"\n\n/**\n * ErrorBoundary fallback container variants\n */\nexport const errorBoundaryFallbackVariants = cva(\n  \"flex flex-col items-center justify-center text-center\",\n  {\n    variants: {\n      variant: {\n        minimal: \"p-4 gap-2\",\n        detailed: \"p-6 gap-4\",\n        action: \"p-6 gap-4\",\n        fullscreen: \"min-h-screen p-8 gap-6\",\n      },\n      severity: {\n        error: \"text-destructive\",\n        warning: \"text-warning\",\n        info: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"detailed\",\n      severity: \"error\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary fallback card variants\n */\nexport const errorBoundaryCardVariants = cva(\n  \"rounded-lg border bg-background p-6\",\n  {\n    variants: {\n      variant: {\n        minimal: \"border-border\",\n        detailed: \"border-destructive/50 bg-destructive/5\",\n        action: \"border-destructive/50 bg-destructive/5\",\n        fullscreen: \"border-destructive/50 bg-destructive/5 max-w-md w-full\",\n      },\n    },\n    defaultVariants: {\n      variant: \"detailed\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary icon variants\n */\nexport const errorBoundaryIconVariants = cva(\n  \"shrink-0\",\n  {\n    variants: {\n      size: {\n        sm: \"h-8 w-8\",\n        md: \"h-12 w-12\",\n        lg: \"h-16 w-16\",\n      },\n      severity: {\n        error: \"text-destructive\",\n        warning: \"text-warning\",\n        info: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      severity: \"error\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary title variants\n */\nexport const errorBoundaryTitleVariants = cva(\n  \"font-semibold\",\n  {\n    variants: {\n      size: {\n        sm: \"text-base\",\n        md: \"text-lg\",\n        lg: \"text-xl\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary message variants\n */\nexport const errorBoundaryMessageVariants = cva(\n  \"text-muted-foreground\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * ErrorBoundary stack trace variants\n */\nexport const errorBoundaryStackVariants = cva(\n  \"w-full overflow-auto rounded-md bg-muted p-4 text-left font-mono text-xs text-muted-foreground\",\n  {\n    variants: {\n      collapsed: {\n        true: \"max-h-24\",\n        false: \"max-h-64\",\n      },\n    },\n    defaultVariants: {\n      collapsed: true,\n    },\n  }\n)\n\n/**\n * ErrorBoundary action button variants\n */\nexport const errorBoundaryActionVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        outline: \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-sm\",\n        md: \"h-9 px-4 text-sm\",\n        lg: \"h-10 px-6 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  }\n)\n"]}

package/dist/{chunk-U4H3XHSI.js → chunk-5GV4LDX7.js}

@@ -1,5 +1,5 @@
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-TEVGCTUN.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -301,5 +301,5 @@ function ProgressCircle({
 }
 
 export { PROGRESS_CIRCLE_SIZES, ProgressCircle, progressCircleContainerVariants, progressCircleIndicatorVariants, progressCircleLabelVariants, progressCircleTrackVariants, progressCircleValueVariants };
-//# sourceMappingURL=chunk-U4H3XHSI.js.map
-//# sourceMappingURL=chunk-U4H3XHSI.js.map
+//# sourceMappingURL=chunk-5GV4LDX7.js.map
+//# sourceMappingURL=chunk-5GV4LDX7.js.map

package/dist/{chunk-U4H3XHSI.js.map → chunk-5GV4LDX7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/ProgressCircle/ProgressCircle.variants.ts","../src/components/primitives/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"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","file":"chunk-U4H3XHSI.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Size configuration for ProgressCircle\n * Maps size variant to actual pixel dimensions and stroke widths.\n *\n * Values are synced with CSS variables from @etus/tokens:\n * - --progress-circle-size-{size}-diameter\n * - --progress-circle-size-{size}-stroke-width\n *\n * Numeric values are required here for SVG attribute calculations\n * (radius, circumference, path coordinates).\n */\nexport const PROGRESS_CIRCLE_SIZES = {\n  xxs: { diameter: 64, strokeWidth: 4, fontSize: \"text-sm\", labelSize: \"text-xs\" },\n  xs: { diameter: 160, strokeWidth: 8, fontSize: \"text-2xl\", labelSize: \"text-sm\" },\n  sm: { diameter: 200, strokeWidth: 10, fontSize: \"text-3xl\", labelSize: \"text-sm\" },\n  md: { diameter: 240, strokeWidth: 12, fontSize: \"text-4xl\", labelSize: \"text-base\" },\n  lg: { diameter: 280, strokeWidth: 14, fontSize: \"text-5xl\", labelSize: \"text-base\" },\n} as const\n\n/**\n * Container variants for the progress circle\n * Uses CSS custom properties from @etus/tokens for sizing\n */\nexport const progressCircleContainerVariants = cva(\n  \"relative inline-flex items-center justify-center\",\n  {\n    variants: {\n      size: {\n        xxs: \"w-[var(--progress-circle-size-xxs-diameter)] h-[var(--progress-circle-size-xxs-diameter)]\",\n        xs: \"w-[var(--progress-circle-size-xs-diameter)] h-[var(--progress-circle-size-xs-diameter)]\",\n        sm: \"w-[var(--progress-circle-size-sm-diameter)] h-[var(--progress-circle-size-sm-diameter)]\",\n        md: \"w-[var(--progress-circle-size-md-diameter)] h-[var(--progress-circle-size-md-diameter)]\",\n        lg: \"w-[var(--progress-circle-size-lg-diameter)] h-[var(--progress-circle-size-lg-diameter)]\",\n      },\n      shape: {\n        circle: \"\",\n        \"half-circle\": \"!h-auto\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"circle\",\n    },\n  }\n)\n\n/**\n * Track (background circle) color variants\n */\nexport const progressCircleTrackVariants = cva(\n  \"transition-colors\",\n  {\n    variants: {\n      color: {\n        default: \"stroke-[color:var(--progress-circle-track-color-default)]\",\n        primary: \"stroke-[color:var(--progress-circle-track-color-primary)]\",\n        success: \"stroke-[color:var(--progress-circle-track-color-success)]\",\n        warning: \"stroke-[color:var(--progress-circle-track-color-warning)]\",\n        error: \"stroke-[color:var(--progress-circle-track-color-error)]\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n    },\n  }\n)\n\n/**\n * Indicator (progress arc) color variants\n */\nexport const progressCircleIndicatorVariants = cva(\n  \"transition-all duration-700 ease-out motion-reduce:transition-none\",\n  {\n    variants: {\n      color: {\n        default: \"stroke-[color:var(--progress-circle-indicator-color-default)]\",\n        primary: \"stroke-[color:var(--progress-circle-indicator-color-primary)]\",\n        success: \"stroke-[color:var(--progress-circle-indicator-color-success)]\",\n        warning: \"stroke-[color:var(--progress-circle-indicator-color-warning)]\",\n        error: \"stroke-[color:var(--progress-circle-indicator-color-error)]\",\n      },\n      indeterminate: {\n        true: \"animate-spin origin-center\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n      indeterminate: false,\n    },\n  }\n)\n\n/**\n * Value text variants (percentage in center)\n */\nexport const progressCircleValueVariants = cva(\n  \"font-[var(--progress-circle-value-font-weight)] tabular-nums text-[color:var(--progress-circle-value-color)]\",\n  {\n    variants: {\n      size: {\n        xxs: \"text-sm\",\n        xs: \"text-2xl\",\n        sm: \"text-3xl\",\n        md: \"text-4xl\",\n        lg: \"text-5xl\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Label text variants (below percentage)\n */\nexport const progressCircleLabelVariants = cva(\n  \"text-[color:var(--progress-circle-label-color)]\",\n  {\n    variants: {\n      size: {\n        xxs: \"text-xs\",\n        xs: \"text-sm\",\n        sm: \"text-sm\",\n        md: \"text-base\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type ProgressCircleContainerVariants = VariantProps<typeof progressCircleContainerVariants>\nexport type ProgressCircleTrackVariants = VariantProps<typeof progressCircleTrackVariants>\nexport type ProgressCircleIndicatorVariants = VariantProps<typeof progressCircleIndicatorVariants>\n","\"use client\"\n\nimport type { ProgressCircleProps } from \"./ProgressCircle.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  PROGRESS_CIRCLE_SIZES,\n  progressCircleContainerVariants,\n  progressCircleIndicatorVariants,\n  progressCircleLabelVariants,\n  progressCircleTrackVariants,\n  progressCircleValueVariants,\n} from \"./ProgressCircle.variants\"\n\n/**\n * Default format function for progress value\n */\nconst defaultFormatValue = (value: number): string => `${String(value)}%`\n\n/**\n * ProgressCircle component for displaying circular progress indicators.\n *\n * Built with SVG for smooth rendering and full accessibility support.\n * Supports multiple sizes, shapes (full circle and half-circle),\n * color variants, and optional labels.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ProgressCircle value={75} />\n *\n * // With label\n * <ProgressCircle value={60} label=\"Active users\" />\n *\n * // Half-circle variant\n * <ProgressCircle value={80} shape=\"half-circle\" />\n *\n * // Different sizes and colors\n * <ProgressCircle value={50} size=\"lg\" color=\"warning\" />\n * ```\n */\nfunction ProgressCircle({\n  value = 0,\n  max = 100,\n  indeterminate = false,\n  size = \"md\",\n  shape = \"circle\",\n  color = \"default\",\n  label,\n  formatValue = defaultFormatValue,\n  showValue = true,\n  radius: customRadius,\n  strokeWidth: customStrokeWidth,\n  className,\n  animate = true,\n  tooltip,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n}: ProgressCircleProps) {\n  // Clamp the raw value between 0 and max first\n  const clampedRawValue = Math.min(max, Math.max(0, value))\n\n  // Calculate percentage based on clamped value and max\n  const clampedValue = (clampedRawValue / max) * 100\n\n  // Animation state - initialize based on animate and indeterminate props\n  const [isVisible, setIsVisible] = React.useState(!animate || indeterminate)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  // Use IntersectionObserver to trigger animation only when in viewport\n  React.useEffect(() => {\n    // Skip if not animating, indeterminate, or already visible\n    if (!animate || indeterminate || isVisible) {\n      return\n    }\n\n    const element = containerRef.current\n    if (!element) {\n      return\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0]\n        if (entry?.isIntersecting) {\n          requestAnimationFrame(() => {\n            setIsVisible(true)\n          })\n          observer.disconnect()\n        }\n      },\n      { threshold: 0.1 }\n    )\n\n    observer.observe(element)\n\n    return () => { observer.disconnect(); }\n  }, [animate, indeterminate, isVisible])\n\n  // Get size configuration\n  const sizeConfig = PROGRESS_CIRCLE_SIZES[size]\n  const strokeWidth = customStrokeWidth ?? sizeConfig.strokeWidth\n  // Use custom radius if provided, otherwise use size preset\n  const diameter = customRadius ? (customRadius * 2 + strokeWidth) : sizeConfig.diameter\n\n  // Calculate SVG dimensions\n  const radius = (diameter - strokeWidth) / 2\n  const center = diameter / 2\n\n  // Calculate circumference and progress\n  const isHalfCircle = shape === \"half-circle\"\n  const circumference = isHalfCircle ? Math.PI * radius : 2 * Math.PI * radius\n\n  // For indeterminate, show ~25% of the arc; otherwise use the actual value\n  // For animation, start at 0 and animate to the target value when visible\n  const displayValue = indeterminate ? 25 : (isVisible ? clampedValue : 0)\n  const progressOffset = circumference - (displayValue / 100) * circumference\n\n  // SVG viewBox and path calculations\n  const viewBoxHeight = isHalfCircle ? diameter / 2 + strokeWidth : diameter\n\n  // For half-circle, we use an arc path instead of a circle\n  const getPath = () => {\n    if (isHalfCircle) {\n      // Arc from left to right (180 degrees at top)\n      const startX = strokeWidth / 2\n      const startY = center\n      const endX = diameter - strokeWidth / 2\n      const endY = center\n      return `M ${String(startX)} ${String(startY)} A ${String(radius)} ${String(radius)} 0 0 1 ${String(endX)} ${String(endY)}`\n    }\n    return\n  }\n\n  // Format the clamped value for display\n  const formattedValue = formatValue(clampedRawValue)\n\n  const progressCircleElement = (\n    <div\n      ref={containerRef}\n      className={cn(\n        progressCircleContainerVariants({ size, shape }),\n        className\n      )}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : clampedRawValue}\n      data-indeterminate={indeterminate || undefined}\n      data-slot=\"progress-circle\"\n      role=\"progressbar\"\n    >\n      <svg\n        className={isHalfCircle ? \"rotate-0\" : \"\"}\n        data-slot=\"progress-circle-svg\"\n        height={viewBoxHeight}\n        viewBox={`0 0 ${String(diameter)} ${String(viewBoxHeight)}`}\n        width={diameter}\n      >\n        {isHalfCircle ? (\n          <>\n            {/* Half-circle track */}\n            <path\n              className={cn(progressCircleTrackVariants({ color }))}\n              d={getPath()}\n              data-slot=\"progress-circle-track\"\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              strokeWidth={strokeWidth}\n            />\n            {/* Half-circle indicator */}\n            <path\n              className={cn(progressCircleIndicatorVariants({ color }))}\n              d={getPath()}\n              data-slot=\"progress-circle-indicator\"\n              fill=\"none\"\n              strokeDasharray={circumference}\n              strokeDashoffset={progressOffset}\n              strokeLinecap=\"round\"\n              strokeWidth={strokeWidth}\n            />\n          </>\n        ) : (\n          <>\n            {/* Full circle track */}\n            <circle\n              className={cn(progressCircleTrackVariants({ color }))}\n              cx={center}\n              cy={center}\n              data-slot=\"progress-circle-track\"\n              fill=\"none\"\n              r={radius}\n              strokeWidth={strokeWidth}\n            />\n            {/* Full circle indicator */}\n            <circle\n              style={{\n                transform: indeterminate ? undefined : \"rotate(-90deg)\",\n                transformOrigin: \"center\",\n              }}\n              className={cn(progressCircleIndicatorVariants({ color, indeterminate }))}\n              cx={center}\n              cy={center}\n              data-slot=\"progress-circle-indicator\"\n              fill=\"none\"\n              r={radius}\n              strokeDasharray={circumference}\n              strokeDashoffset={progressOffset}\n              strokeLinecap=\"round\"\n              strokeWidth={strokeWidth}\n            />\n          </>\n        )}\n      </svg>\n\n      {/* Center content (value and label) */}\n      <div\n        className={cn(\n          \"absolute flex flex-col items-center justify-center\",\n          isHalfCircle && \"bottom-0\"\n        )}\n        data-slot=\"progress-circle-content\"\n      >\n        {showValue && !indeterminate && (\n          <span\n            className={cn(progressCircleValueVariants({ size }))}\n            data-slot=\"progress-circle-value\"\n          >\n            {formattedValue}\n          </span>\n        )}\n        {label && (\n          <span\n            className={cn(progressCircleLabelVariants({ size }))}\n            data-slot=\"progress-circle-label\"\n          >\n            {label}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n\n  if (tooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {progressCircleElement}\n        </TooltipTrigger>\n        <TooltipContent>\n          {tooltip}\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return progressCircleElement\n}\n\nexport { ProgressCircle }\n"]}
+{"version":3,"sources":["../src/components/primitives/ProgressCircle/ProgressCircle.variants.ts","../src/components/primitives/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"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","file":"chunk-5GV4LDX7.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Size configuration for ProgressCircle\n * Maps size variant to actual pixel dimensions and stroke widths.\n *\n * Values are synced with CSS variables from @etus/tokens:\n * - --progress-circle-size-{size}-diameter\n * - --progress-circle-size-{size}-stroke-width\n *\n * Numeric values are required here for SVG attribute calculations\n * (radius, circumference, path coordinates).\n */\nexport const PROGRESS_CIRCLE_SIZES = {\n  xxs: { diameter: 64, strokeWidth: 4, fontSize: \"text-sm\", labelSize: \"text-xs\" },\n  xs: { diameter: 160, strokeWidth: 8, fontSize: \"text-2xl\", labelSize: \"text-sm\" },\n  sm: { diameter: 200, strokeWidth: 10, fontSize: \"text-3xl\", labelSize: \"text-sm\" },\n  md: { diameter: 240, strokeWidth: 12, fontSize: \"text-4xl\", labelSize: \"text-base\" },\n  lg: { diameter: 280, strokeWidth: 14, fontSize: \"text-5xl\", labelSize: \"text-base\" },\n} as const\n\n/**\n * Container variants for the progress circle\n * Uses CSS custom properties from @etus/tokens for sizing\n */\nexport const progressCircleContainerVariants = cva(\n  \"relative inline-flex items-center justify-center\",\n  {\n    variants: {\n      size: {\n        xxs: \"w-[var(--progress-circle-size-xxs-diameter)] h-[var(--progress-circle-size-xxs-diameter)]\",\n        xs: \"w-[var(--progress-circle-size-xs-diameter)] h-[var(--progress-circle-size-xs-diameter)]\",\n        sm: \"w-[var(--progress-circle-size-sm-diameter)] h-[var(--progress-circle-size-sm-diameter)]\",\n        md: \"w-[var(--progress-circle-size-md-diameter)] h-[var(--progress-circle-size-md-diameter)]\",\n        lg: \"w-[var(--progress-circle-size-lg-diameter)] h-[var(--progress-circle-size-lg-diameter)]\",\n      },\n      shape: {\n        circle: \"\",\n        \"half-circle\": \"!h-auto\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"circle\",\n    },\n  }\n)\n\n/**\n * Track (background circle) color variants\n */\nexport const progressCircleTrackVariants = cva(\n  \"transition-colors\",\n  {\n    variants: {\n      color: {\n        default: \"stroke-[color:var(--progress-circle-track-color-default)]\",\n        primary: \"stroke-[color:var(--progress-circle-track-color-primary)]\",\n        success: \"stroke-[color:var(--progress-circle-track-color-success)]\",\n        warning: \"stroke-[color:var(--progress-circle-track-color-warning)]\",\n        error: \"stroke-[color:var(--progress-circle-track-color-error)]\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n    },\n  }\n)\n\n/**\n * Indicator (progress arc) color variants\n */\nexport const progressCircleIndicatorVariants = cva(\n  \"transition-all duration-700 ease-out motion-reduce:transition-none\",\n  {\n    variants: {\n      color: {\n        default: \"stroke-[color:var(--progress-circle-indicator-color-default)]\",\n        primary: \"stroke-[color:var(--progress-circle-indicator-color-primary)]\",\n        success: \"stroke-[color:var(--progress-circle-indicator-color-success)]\",\n        warning: \"stroke-[color:var(--progress-circle-indicator-color-warning)]\",\n        error: \"stroke-[color:var(--progress-circle-indicator-color-error)]\",\n      },\n      indeterminate: {\n        true: \"animate-spin origin-center\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n      indeterminate: false,\n    },\n  }\n)\n\n/**\n * Value text variants (percentage in center)\n */\nexport const progressCircleValueVariants = cva(\n  \"font-[var(--progress-circle-value-font-weight)] tabular-nums text-[color:var(--progress-circle-value-color)]\",\n  {\n    variants: {\n      size: {\n        xxs: \"text-sm\",\n        xs: \"text-2xl\",\n        sm: \"text-3xl\",\n        md: \"text-4xl\",\n        lg: \"text-5xl\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Label text variants (below percentage)\n */\nexport const progressCircleLabelVariants = cva(\n  \"text-[color:var(--progress-circle-label-color)]\",\n  {\n    variants: {\n      size: {\n        xxs: \"text-xs\",\n        xs: \"text-sm\",\n        sm: \"text-sm\",\n        md: \"text-base\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type ProgressCircleContainerVariants = VariantProps<typeof progressCircleContainerVariants>\nexport type ProgressCircleTrackVariants = VariantProps<typeof progressCircleTrackVariants>\nexport type ProgressCircleIndicatorVariants = VariantProps<typeof progressCircleIndicatorVariants>\n","\"use client\"\n\nimport type { ProgressCircleProps } from \"./ProgressCircle.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  PROGRESS_CIRCLE_SIZES,\n  progressCircleContainerVariants,\n  progressCircleIndicatorVariants,\n  progressCircleLabelVariants,\n  progressCircleTrackVariants,\n  progressCircleValueVariants,\n} from \"./ProgressCircle.variants\"\n\n/**\n * Default format function for progress value\n */\nconst defaultFormatValue = (value: number): string => `${String(value)}%`\n\n/**\n * ProgressCircle component for displaying circular progress indicators.\n *\n * Built with SVG for smooth rendering and full accessibility support.\n * Supports multiple sizes, shapes (full circle and half-circle),\n * color variants, and optional labels.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <ProgressCircle value={75} />\n *\n * // With label\n * <ProgressCircle value={60} label=\"Active users\" />\n *\n * // Half-circle variant\n * <ProgressCircle value={80} shape=\"half-circle\" />\n *\n * // Different sizes and colors\n * <ProgressCircle value={50} size=\"lg\" color=\"warning\" />\n * ```\n */\nfunction ProgressCircle({\n  value = 0,\n  max = 100,\n  indeterminate = false,\n  size = \"md\",\n  shape = \"circle\",\n  color = \"default\",\n  label,\n  formatValue = defaultFormatValue,\n  showValue = true,\n  radius: customRadius,\n  strokeWidth: customStrokeWidth,\n  className,\n  animate = true,\n  tooltip,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n}: ProgressCircleProps) {\n  // Clamp the raw value between 0 and max first\n  const clampedRawValue = Math.min(max, Math.max(0, value))\n\n  // Calculate percentage based on clamped value and max\n  const clampedValue = (clampedRawValue / max) * 100\n\n  // Animation state - initialize based on animate and indeterminate props\n  const [isVisible, setIsVisible] = React.useState(!animate || indeterminate)\n  const containerRef = React.useRef<HTMLDivElement>(null)\n\n  // Use IntersectionObserver to trigger animation only when in viewport\n  React.useEffect(() => {\n    // Skip if not animating, indeterminate, or already visible\n    if (!animate || indeterminate || isVisible) {\n      return\n    }\n\n    const element = containerRef.current\n    if (!element) {\n      return\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0]\n        if (entry?.isIntersecting) {\n          requestAnimationFrame(() => {\n            setIsVisible(true)\n          })\n          observer.disconnect()\n        }\n      },\n      { threshold: 0.1 }\n    )\n\n    observer.observe(element)\n\n    return () => { observer.disconnect(); }\n  }, [animate, indeterminate, isVisible])\n\n  // Get size configuration\n  const sizeConfig = PROGRESS_CIRCLE_SIZES[size]\n  const strokeWidth = customStrokeWidth ?? sizeConfig.strokeWidth\n  // Use custom radius if provided, otherwise use size preset\n  const diameter = customRadius ? (customRadius * 2 + strokeWidth) : sizeConfig.diameter\n\n  // Calculate SVG dimensions\n  const radius = (diameter - strokeWidth) / 2\n  const center = diameter / 2\n\n  // Calculate circumference and progress\n  const isHalfCircle = shape === \"half-circle\"\n  const circumference = isHalfCircle ? Math.PI * radius : 2 * Math.PI * radius\n\n  // For indeterminate, show ~25% of the arc; otherwise use the actual value\n  // For animation, start at 0 and animate to the target value when visible\n  const displayValue = indeterminate ? 25 : (isVisible ? clampedValue : 0)\n  const progressOffset = circumference - (displayValue / 100) * circumference\n\n  // SVG viewBox and path calculations\n  const viewBoxHeight = isHalfCircle ? diameter / 2 + strokeWidth : diameter\n\n  // For half-circle, we use an arc path instead of a circle\n  const getPath = () => {\n    if (isHalfCircle) {\n      // Arc from left to right (180 degrees at top)\n      const startX = strokeWidth / 2\n      const startY = center\n      const endX = diameter - strokeWidth / 2\n      const endY = center\n      return `M ${String(startX)} ${String(startY)} A ${String(radius)} ${String(radius)} 0 0 1 ${String(endX)} ${String(endY)}`\n    }\n    return\n  }\n\n  // Format the clamped value for display\n  const formattedValue = formatValue(clampedRawValue)\n\n  const progressCircleElement = (\n    <div\n      ref={containerRef}\n      className={cn(\n        progressCircleContainerVariants({ size, shape }),\n        className\n      )}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : clampedRawValue}\n      data-indeterminate={indeterminate || undefined}\n      data-slot=\"progress-circle\"\n      role=\"progressbar\"\n    >\n      <svg\n        className={isHalfCircle ? \"rotate-0\" : \"\"}\n        data-slot=\"progress-circle-svg\"\n        height={viewBoxHeight}\n        viewBox={`0 0 ${String(diameter)} ${String(viewBoxHeight)}`}\n        width={diameter}\n      >\n        {isHalfCircle ? (\n          <>\n            {/* Half-circle track */}\n            <path\n              className={cn(progressCircleTrackVariants({ color }))}\n              d={getPath()}\n              data-slot=\"progress-circle-track\"\n              fill=\"none\"\n              strokeLinecap=\"round\"\n              strokeWidth={strokeWidth}\n            />\n            {/* Half-circle indicator */}\n            <path\n              className={cn(progressCircleIndicatorVariants({ color }))}\n              d={getPath()}\n              data-slot=\"progress-circle-indicator\"\n              fill=\"none\"\n              strokeDasharray={circumference}\n              strokeDashoffset={progressOffset}\n              strokeLinecap=\"round\"\n              strokeWidth={strokeWidth}\n            />\n          </>\n        ) : (\n          <>\n            {/* Full circle track */}\n            <circle\n              className={cn(progressCircleTrackVariants({ color }))}\n              cx={center}\n              cy={center}\n              data-slot=\"progress-circle-track\"\n              fill=\"none\"\n              r={radius}\n              strokeWidth={strokeWidth}\n            />\n            {/* Full circle indicator */}\n            <circle\n              style={{\n                transform: indeterminate ? undefined : \"rotate(-90deg)\",\n                transformOrigin: \"center\",\n              }}\n              className={cn(progressCircleIndicatorVariants({ color, indeterminate }))}\n              cx={center}\n              cy={center}\n              data-slot=\"progress-circle-indicator\"\n              fill=\"none\"\n              r={radius}\n              strokeDasharray={circumference}\n              strokeDashoffset={progressOffset}\n              strokeLinecap=\"round\"\n              strokeWidth={strokeWidth}\n            />\n          </>\n        )}\n      </svg>\n\n      {/* Center content (value and label) */}\n      <div\n        className={cn(\n          \"absolute flex flex-col items-center justify-center\",\n          isHalfCircle && \"bottom-0\"\n        )}\n        data-slot=\"progress-circle-content\"\n      >\n        {showValue && !indeterminate && (\n          <span\n            className={cn(progressCircleValueVariants({ size }))}\n            data-slot=\"progress-circle-value\"\n          >\n            {formattedValue}\n          </span>\n        )}\n        {label && (\n          <span\n            className={cn(progressCircleLabelVariants({ size }))}\n            data-slot=\"progress-circle-label\"\n          >\n            {label}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n\n  if (tooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {progressCircleElement}\n        </TooltipTrigger>\n        <TooltipContent>\n          {tooltip}\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return progressCircleElement\n}\n\nexport { ProgressCircle }\n"]}

package/dist/{chunk-BFBGESUI.js → chunk-5MJQ5XSR.js}

@@ -1,5 +1,5 @@
-import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-XXWCMY2G.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as React from 'react';
 import { PieChart as PieChart$1, Pie, Cell } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -213,5 +213,5 @@ function PieChart({
 PieChart.displayName = "PieChart";
 
 export { PieChart };
-//# sourceMappingURL=chunk-BFBGESUI.js.map
-//# sourceMappingURL=chunk-BFBGESUI.js.map
+//# sourceMappingURL=chunk-5MJQ5XSR.js.map
+//# sourceMappingURL=chunk-5MJQ5XSR.js.map

package/dist/{chunk-BFBGESUI.js.map → chunk-5MJQ5XSR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/PieChart/PieChart.tsx"],"names":["props","RechartsPieChart"],"mappings":"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","file":"chunk-BFBGESUI.js","sourcesContent":["\"use client\"\n\nimport type {\n  PieChartActiveShape,\n  PieChartCenterLabel,\n  PieChartDataItem,\n  PieChartLabelConfig,\n  PieChartProps,\n} from \"./PieChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Cell,\n  Pie,\n  PieChart as RechartsPieChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Get variant configuration for pie chart\n */\nfunction getVariantConfig(\n  variant: PieChartProps[\"variant\"],\n  innerRadius?: number,\n  outerRadius?: number,\n  startAngle?: number,\n  endAngle?: number\n): { endAngle: number; innerRadius: number; outerRadius: number; startAngle: number } {\n  const defaultOuterRadius = outerRadius ?? 80\n\n  switch (variant) {\n    case \"donut\":\n      return {\n        endAngle: endAngle ?? 360,\n        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 0,\n      }\n    case \"semi\":\n      return {\n        endAngle: endAngle ?? 0,\n        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 180,\n      }\n    default: // \"pie\"\n      return {\n        endAngle: endAngle ?? 360,\n        innerRadius: innerRadius ?? 0,\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 0,\n      }\n  }\n}\n\n/**\n * Render center label for donut charts\n */\nfunction CenterLabel({\n  centerLabel,\n  cx,\n  cy,\n}: {\n  centerLabel: PieChartCenterLabel\n  cx: string\n  cy: string\n}) {\n  return (\n    <>\n      {centerLabel.value && (\n        <text\n          className=\"fill-foreground text-3xl font-bold\"\n          dominantBaseline=\"middle\"\n          textAnchor=\"middle\"\n          x={cx}\n          y={centerLabel.label ? \"45%\" : cy}\n        >\n          {centerLabel.value}\n        </text>\n      )}\n      {centerLabel.label && (\n        <text\n          className=\"fill-muted-foreground text-sm\"\n          dominantBaseline=\"middle\"\n          textAnchor=\"middle\"\n          x={cx}\n          y={centerLabel.value ? \"55%\" : cy}\n        >\n          {centerLabel.label}\n        </text>\n      )}\n    </>\n  )\n}\n\n/**\n * Create label render function from config\n */\nfunction createLabelRenderer(config: PieChartLabelConfig | true) {\n  if (config === true) {\n    return ({ name, percent }: { name?: string; percent?: number }) =>\n      `${name ?? ''} ${((percent ?? 0) * 100).toFixed(0)}%`\n  }\n\n  const { formatter } = config\n  if (formatter) {\n    return (entry: { name?: string; percent?: number; value?: number }) =>\n      formatter(entry as PieChartDataItem & { percent: number }, entry.percent ?? 0)\n  }\n\n  return ({ name, percent }: { name?: string; percent?: number }) =>\n    `${name ?? ''} ${((percent ?? 0) * 100).toFixed(0)}%`\n}\n\n/**\n * PieChart - Data visualization component for proportional distribution\n *\n * Displays data as slices of a circle where each slice represents a proportion\n * of the whole. Supports pie, donut, and semi-circle variants.\n *\n * @example\n * ```tsx\n * const data = [\n *   { name: \"Chrome\", value: 275, fill: \"var(--color-chrome)\" },\n *   { name: \"Safari\", value: 200, fill: \"var(--color-safari)\" },\n *   { name: \"Firefox\", value: 187, fill: \"var(--color-firefox)\" },\n * ]\n *\n * const config = {\n *   chrome: { label: \"Chrome\", color: \"hsl(var(--chart-1))\" },\n *   safari: { label: \"Safari\", color: \"hsl(var(--chart-2))\" },\n *   firefox: { label: \"Firefox\", color: \"hsl(var(--chart-3))\" },\n * }\n *\n * <PieChart\n *   data={data}\n *   config={config}\n * />\n * ```\n */\nexport function PieChart({\n  activeIndex,\n  activeShape,\n  animationDuration = 400,\n  centerLabel,\n  className,\n  config,\n  cornerRadius = 0,\n  customTooltip,\n  data,\n  dataKey = \"value\",\n  enableLegendSlider = false,\n  endAngle: endAngleProp,\n  innerRadius: innerRadiusProp,\n  label = false,\n  nameKey = \"name\",\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  outerRadius: outerRadiusProp,\n  paddingAngle = 0,\n  showLegend = false,\n  showTooltip = true,\n  startAngle: startAngleProp,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"pie\",\n  ...props\n}: PieChartProps) {\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          name: payload?.[0]?.name,\n          payload: payload?.map((p: { name: string; payload: PieChartDataItem; value: number; }) => ({\n            name: p.name,\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} nameKey={nameKey} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator, nameKey]\n  )\n  const {\n    endAngle,\n    innerRadius,\n    outerRadius,\n    startAngle,\n  } = getVariantConfig(\n    variant,\n    innerRadiusProp,\n    outerRadiusProp,\n    startAngleProp,\n    endAngleProp\n  )\n\n  const showCenterLabel = centerLabel && innerRadius > 0\n\n  // Build active shape config\n  const activeShapeConfig: PieChartActiveShape | undefined = activeShape\n    ? {\n        outerRadius: activeShape.outerRadius ?? outerRadius + 10,\n        stroke: activeShape.stroke ?? \"var(--primary)\",\n        strokeWidth: activeShape.strokeWidth ?? 2,\n      }\n    : undefined\n\n  // Handle label configuration\n  const labelConfig = typeof label === \"boolean\"\n    ? (label ? true : undefined)\n    : label\n\n  const labelRenderer = labelConfig\n    ? createLabelRenderer(labelConfig)\n    : undefined\n\n  const showLabelLine = typeof label === \"object\" && label.line !== false\n\n  // Event handlers\n  const handleClick = onClick\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onClick(item, index)\n      }\n    : undefined\n\n  const handleMouseEnter = onMouseEnter\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onMouseEnter(item, index)\n      }\n    : undefined\n\n  return (\n    <div data-slot=\"pie-chart\" {...props}>\n      <ChartContainer\n        className={cn(\n          variant === \"semi\" && \"aspect-[2/1]\",\n          className\n        )}\n        config={config}\n      >\n        <RechartsPieChart>\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} nameKey={nameKey} />)\n              }\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend content={<ChartLegendContent enableSlider={enableLegendSlider} nameKey={nameKey} />} />\n          )}\n\n          { }\n          { }\n          <Pie\n            {...({\n              activeIndex,\n              activeShape: activeShapeConfig,\n              animationDuration,\n              cornerRadius,\n              cx: \"50%\",\n              cy: variant === \"semi\" ? \"100%\" : \"50%\",\n              data,\n              dataKey,\n              endAngle,\n              innerRadius,\n              label: labelRenderer,\n              labelLine: showLabelLine,\n              nameKey,\n              onClick: handleClick,\n              onMouseEnter: handleMouseEnter,\n              onMouseLeave,\n              outerRadius,\n              paddingAngle,\n              startAngle,\n            } as Record<string, unknown>)}\n          >\n            {data.map((entry) => (\n              <Cell\n                key={entry.name}\n                fill={entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(\" \", \"-\")})`}\n              />\n            ))}\n          </Pie>\n\n          {showCenterLabel && (\n            <CenterLabel\n              centerLabel={centerLabel}\n              cx=\"50%\"\n              cy={variant === \"semi\" ? \"100%\" : \"50%\"}\n            />\n          )}\n        </RechartsPieChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nPieChart.displayName = \"PieChart\"\n"]}
+{"version":3,"sources":["../src/components/data-display/PieChart/PieChart.tsx"],"names":["props","RechartsPieChart"],"mappings":"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","file":"chunk-5MJQ5XSR.js","sourcesContent":["\"use client\"\n\nimport type {\n  PieChartActiveShape,\n  PieChartCenterLabel,\n  PieChartDataItem,\n  PieChartLabelConfig,\n  PieChartProps,\n} from \"./PieChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Cell,\n  Pie,\n  PieChart as RechartsPieChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Get variant configuration for pie chart\n */\nfunction getVariantConfig(\n  variant: PieChartProps[\"variant\"],\n  innerRadius?: number,\n  outerRadius?: number,\n  startAngle?: number,\n  endAngle?: number\n): { endAngle: number; innerRadius: number; outerRadius: number; startAngle: number } {\n  const defaultOuterRadius = outerRadius ?? 80\n\n  switch (variant) {\n    case \"donut\":\n      return {\n        endAngle: endAngle ?? 360,\n        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 0,\n      }\n    case \"semi\":\n      return {\n        endAngle: endAngle ?? 0,\n        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 180,\n      }\n    default: // \"pie\"\n      return {\n        endAngle: endAngle ?? 360,\n        innerRadius: innerRadius ?? 0,\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 0,\n      }\n  }\n}\n\n/**\n * Render center label for donut charts\n */\nfunction CenterLabel({\n  centerLabel,\n  cx,\n  cy,\n}: {\n  centerLabel: PieChartCenterLabel\n  cx: string\n  cy: string\n}) {\n  return (\n    <>\n      {centerLabel.value && (\n        <text\n          className=\"fill-foreground text-3xl font-bold\"\n          dominantBaseline=\"middle\"\n          textAnchor=\"middle\"\n          x={cx}\n          y={centerLabel.label ? \"45%\" : cy}\n        >\n          {centerLabel.value}\n        </text>\n      )}\n      {centerLabel.label && (\n        <text\n          className=\"fill-muted-foreground text-sm\"\n          dominantBaseline=\"middle\"\n          textAnchor=\"middle\"\n          x={cx}\n          y={centerLabel.value ? \"55%\" : cy}\n        >\n          {centerLabel.label}\n        </text>\n      )}\n    </>\n  )\n}\n\n/**\n * Create label render function from config\n */\nfunction createLabelRenderer(config: PieChartLabelConfig | true) {\n  if (config === true) {\n    return ({ name, percent }: { name?: string; percent?: number }) =>\n      `${name ?? ''} ${((percent ?? 0) * 100).toFixed(0)}%`\n  }\n\n  const { formatter } = config\n  if (formatter) {\n    return (entry: { name?: string; percent?: number; value?: number }) =>\n      formatter(entry as PieChartDataItem & { percent: number }, entry.percent ?? 0)\n  }\n\n  return ({ name, percent }: { name?: string; percent?: number }) =>\n    `${name ?? ''} ${((percent ?? 0) * 100).toFixed(0)}%`\n}\n\n/**\n * PieChart - Data visualization component for proportional distribution\n *\n * Displays data as slices of a circle where each slice represents a proportion\n * of the whole. Supports pie, donut, and semi-circle variants.\n *\n * @example\n * ```tsx\n * const data = [\n *   { name: \"Chrome\", value: 275, fill: \"var(--color-chrome)\" },\n *   { name: \"Safari\", value: 200, fill: \"var(--color-safari)\" },\n *   { name: \"Firefox\", value: 187, fill: \"var(--color-firefox)\" },\n * ]\n *\n * const config = {\n *   chrome: { label: \"Chrome\", color: \"hsl(var(--chart-1))\" },\n *   safari: { label: \"Safari\", color: \"hsl(var(--chart-2))\" },\n *   firefox: { label: \"Firefox\", color: \"hsl(var(--chart-3))\" },\n * }\n *\n * <PieChart\n *   data={data}\n *   config={config}\n * />\n * ```\n */\nexport function PieChart({\n  activeIndex,\n  activeShape,\n  animationDuration = 400,\n  centerLabel,\n  className,\n  config,\n  cornerRadius = 0,\n  customTooltip,\n  data,\n  dataKey = \"value\",\n  enableLegendSlider = false,\n  endAngle: endAngleProp,\n  innerRadius: innerRadiusProp,\n  label = false,\n  nameKey = \"name\",\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  outerRadius: outerRadiusProp,\n  paddingAngle = 0,\n  showLegend = false,\n  showTooltip = true,\n  startAngle: startAngleProp,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"pie\",\n  ...props\n}: PieChartProps) {\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          name: payload?.[0]?.name,\n          payload: payload?.map((p: { name: string; payload: PieChartDataItem; value: number; }) => ({\n            name: p.name,\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} nameKey={nameKey} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator, nameKey]\n  )\n  const {\n    endAngle,\n    innerRadius,\n    outerRadius,\n    startAngle,\n  } = getVariantConfig(\n    variant,\n    innerRadiusProp,\n    outerRadiusProp,\n    startAngleProp,\n    endAngleProp\n  )\n\n  const showCenterLabel = centerLabel && innerRadius > 0\n\n  // Build active shape config\n  const activeShapeConfig: PieChartActiveShape | undefined = activeShape\n    ? {\n        outerRadius: activeShape.outerRadius ?? outerRadius + 10,\n        stroke: activeShape.stroke ?? \"var(--primary)\",\n        strokeWidth: activeShape.strokeWidth ?? 2,\n      }\n    : undefined\n\n  // Handle label configuration\n  const labelConfig = typeof label === \"boolean\"\n    ? (label ? true : undefined)\n    : label\n\n  const labelRenderer = labelConfig\n    ? createLabelRenderer(labelConfig)\n    : undefined\n\n  const showLabelLine = typeof label === \"object\" && label.line !== false\n\n  // Event handlers\n  const handleClick = onClick\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onClick(item, index)\n      }\n    : undefined\n\n  const handleMouseEnter = onMouseEnter\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onMouseEnter(item, index)\n      }\n    : undefined\n\n  return (\n    <div data-slot=\"pie-chart\" {...props}>\n      <ChartContainer\n        className={cn(\n          variant === \"semi\" && \"aspect-[2/1]\",\n          className\n        )}\n        config={config}\n      >\n        <RechartsPieChart>\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} nameKey={nameKey} />)\n              }\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend content={<ChartLegendContent enableSlider={enableLegendSlider} nameKey={nameKey} />} />\n          )}\n\n          { }\n          { }\n          <Pie\n            {...({\n              activeIndex,\n              activeShape: activeShapeConfig,\n              animationDuration,\n              cornerRadius,\n              cx: \"50%\",\n              cy: variant === \"semi\" ? \"100%\" : \"50%\",\n              data,\n              dataKey,\n              endAngle,\n              innerRadius,\n              label: labelRenderer,\n              labelLine: showLabelLine,\n              nameKey,\n              onClick: handleClick,\n              onMouseEnter: handleMouseEnter,\n              onMouseLeave,\n              outerRadius,\n              paddingAngle,\n              startAngle,\n            } as Record<string, unknown>)}\n          >\n            {data.map((entry) => (\n              <Cell\n                key={entry.name}\n                fill={entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(\" \", \"-\")})`}\n              />\n            ))}\n          </Pie>\n\n          {showCenterLabel && (\n            <CenterLabel\n              centerLabel={centerLabel}\n              cx=\"50%\"\n              cy={variant === \"semi\" ? \"100%\" : \"50%\"}\n            />\n          )}\n        </RechartsPieChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nPieChart.displayName = \"PieChart\"\n"]}

package/dist/{chunk-GKMR5SVC.js → chunk-5QDKJMUA.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -93,5 +93,5 @@ function TabPanel({
 }
 
 export { TabPanel, TabPanelList, TabPanelRoot, TabPanelTrigger, tabPanelListVariants, tabPanelRootVariants, tabPanelTriggerVariants, tabPanelVariants };
-//# sourceMappingURL=chunk-GKMR5SVC.js.map
-//# sourceMappingURL=chunk-GKMR5SVC.js.map
+//# sourceMappingURL=chunk-5QDKJMUA.js.map
+//# sourceMappingURL=chunk-5QDKJMUA.js.map

package/dist/{chunk-GKMR5SVC.js.map → chunk-5QDKJMUA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/TabPanel/TabPanel.variants.ts","../src/components/navigation/TabPanel/TabPanel.tsx"],"names":[],"mappings":";;;;;AAKO,IAAM,uBAAuB,GAAA,CAAI;AAAA,EACtC;AACF,CAAC;AAKM,IAAM,uBAAuB,GAAA,CAAI;AAAA,EACtC;AACF,CAAC;AAKM,IAAM,0BAA0B,GAAA,CAAI;AAAA;AAAA,EAEzC,2EAAA;AAAA,EACA,sFAAA;AAAA;AAAA,EAEA,4CAAA;AAAA,EACA,iEAAA;AAAA,EACA,qHAAA;AAAA;AAAA,EAEA,iFAAA;AAAA,EACA,kDAAA;AAAA;AAAA,EAEA,+BAAA;AAAA;AAAA,EAEA,kDAAA;AAAA;AAAA,EAEA;AACF,CAAC;AAKM,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA;AAAA,IAEE,mBAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,KAAA;AAAA,QACT,IAAA,EAAM,yCAAA;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AC5BA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsB;AAChE,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,IAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,MAC/C,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsB;AAChE,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,IAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,MAC/C,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,OAAM,EAAyB;AACtE,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,OAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAwB,EAAG,SAAS,CAAA;AAAA,MAClD,WAAA,EAAU,mBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAcA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,OAAA;AAAA,IAAd;AAAA,MACC,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACtD,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-GKMR5SVC.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * TabPanelRoot variant styles\n */\nexport const tabPanelRootVariants = cva([\n  \"flex flex-col gap-2\",\n])\n\n/**\n * TabPanelList variant styles\n */\nexport const tabPanelListVariants = cva([\n  \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1\",\n])\n\n/**\n * TabPanelTrigger variant styles\n */\nexport const tabPanelTriggerVariants = cva([\n  // Base styles\n  \"inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5\",\n  \"rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap\",\n  // Color states\n  \"text-foreground dark:text-muted-foreground\",\n  \"data-[state=active]:bg-background data-[state=active]:shadow-sm\",\n  \"dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30\",\n  // Focus styles\n  \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring\",\n  \"focus-visible:ring-[3px] focus-visible:outline-1\",\n  // Transition\n  \"transition-[color,box-shadow]\",\n  // Disabled\n  \"disabled:pointer-events-none disabled:opacity-50\",\n  // SVG styles\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n\n/**\n * TabPanel (content) variant styles\n */\nexport const tabPanelVariants = cva(\n  [\n    // Base styles\n    \"mt-2 outline-none\",\n    // Focus styles\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"p-4\",\n        card: \"rounded-lg border bg-card p-6 shadow-sm\",\n        bordered: \"border-t pt-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  TabPanelListProps,\n  TabPanelProps,\n  TabPanelRootProps,\n  TabPanelTriggerProps,\n} from \"./TabPanel.types\"\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tabPanelListVariants,\n  tabPanelRootVariants,\n  tabPanelTriggerVariants,\n  tabPanelVariants,\n} from \"./TabPanel.variants\"\n\n/**\n * TabPanelRoot - Root container for the tab panel system.\n *\n * Wraps Radix UI Tabs primitive.\n *\n * @example\n * <TabPanelRoot defaultValue=\"tab1\">\n *   <TabPanelList>\n *     <TabPanelTrigger value=\"tab1\">Tab 1</TabPanelTrigger>\n *   </TabPanelList>\n *   <TabPanel value=\"tab1\">Content 1</TabPanel>\n * </TabPanelRoot>\n */\nfunction TabPanelRoot({ className, ...props }: TabPanelRootProps) {\n  return (\n    <TabsPrimitive.Root\n      className={cn(tabPanelRootVariants(), className)}\n      data-slot=\"tab-panel-root\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabPanelList - Container for tab triggers.\n */\nfunction TabPanelList({ className, ...props }: TabPanelListProps) {\n  return (\n    <TabsPrimitive.List\n      className={cn(tabPanelListVariants(), className)}\n      data-slot=\"tab-panel-list\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabPanelTrigger - Button that activates its associated tab panel.\n */\nfunction TabPanelTrigger({ className, ...props }: TabPanelTriggerProps) {\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(tabPanelTriggerVariants(), className)}\n      data-slot=\"tab-panel-trigger\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabPanel - Content panel associated with a tab.\n *\n * Displays content when its corresponding tab is active.\n * Supports visual variants for different styling needs.\n *\n * @example\n * <TabPanel value=\"tab1\" variant=\"card\">\n *   <h3>Account Settings</h3>\n *   <p>Manage your account here.</p>\n * </TabPanel>\n */\nfunction TabPanel({\n  className,\n  variant = \"default\",\n  ...props\n}: TabPanelProps) {\n  return (\n    <TabsPrimitive.Content\n      className={cn(tabPanelVariants({ variant }), className)}\n      data-slot=\"tab-panel\"\n      {...props}\n    />\n  )\n}\n\nexport { TabPanel, TabPanelList, TabPanelRoot, TabPanelTrigger }\n"]}
+{"version":3,"sources":["../src/components/navigation/TabPanel/TabPanel.variants.ts","../src/components/navigation/TabPanel/TabPanel.tsx"],"names":[],"mappings":";;;;;AAKO,IAAM,uBAAuB,GAAA,CAAI;AAAA,EACtC;AACF,CAAC;AAKM,IAAM,uBAAuB,GAAA,CAAI;AAAA,EACtC;AACF,CAAC;AAKM,IAAM,0BAA0B,GAAA,CAAI;AAAA;AAAA,EAEzC,2EAAA;AAAA,EACA,sFAAA;AAAA;AAAA,EAEA,4CAAA;AAAA,EACA,iEAAA;AAAA,EACA,qHAAA;AAAA;AAAA,EAEA,iFAAA;AAAA,EACA,kDAAA;AAAA;AAAA,EAEA,+BAAA;AAAA;AAAA,EAEA,kDAAA;AAAA;AAAA,EAEA;AACF,CAAC;AAKM,IAAM,gBAAA,GAAmB,GAAA;AAAA,EAC9B;AAAA;AAAA,IAEE,mBAAA;AAAA;AAAA,IAEA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,KAAA;AAAA,QACT,IAAA,EAAM,yCAAA;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AC5BA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsB;AAChE,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,IAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,MAC/C,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsB;AAChE,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,IAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,MAC/C,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAKA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,OAAM,EAAyB;AACtE,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,OAAA;AAAA,IAAd;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAwB,EAAG,SAAS,CAAA;AAAA,MAClD,WAAA,EAAU,mBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAcA,SAAS,QAAA,CAAS;AAAA,EAChB,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,uBACE,GAAA;AAAA,IAAe,aAAA,CAAA,OAAA;AAAA,IAAd;AAAA,MACC,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACtD,WAAA,EAAU,WAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-5QDKJMUA.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * TabPanelRoot variant styles\n */\nexport const tabPanelRootVariants = cva([\n  \"flex flex-col gap-2\",\n])\n\n/**\n * TabPanelList variant styles\n */\nexport const tabPanelListVariants = cva([\n  \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1\",\n])\n\n/**\n * TabPanelTrigger variant styles\n */\nexport const tabPanelTriggerVariants = cva([\n  // Base styles\n  \"inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5\",\n  \"rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap\",\n  // Color states\n  \"text-foreground dark:text-muted-foreground\",\n  \"data-[state=active]:bg-background data-[state=active]:shadow-sm\",\n  \"dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30\",\n  // Focus styles\n  \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring\",\n  \"focus-visible:ring-[3px] focus-visible:outline-1\",\n  // Transition\n  \"transition-[color,box-shadow]\",\n  // Disabled\n  \"disabled:pointer-events-none disabled:opacity-50\",\n  // SVG styles\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n])\n\n/**\n * TabPanel (content) variant styles\n */\nexport const tabPanelVariants = cva(\n  [\n    // Base styles\n    \"mt-2 outline-none\",\n    // Focus styles\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"p-4\",\n        card: \"rounded-lg border bg-card p-6 shadow-sm\",\n        bordered: \"border-t pt-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n","\"use client\"\n\nimport type {\n  TabPanelListProps,\n  TabPanelProps,\n  TabPanelRootProps,\n  TabPanelTriggerProps,\n} from \"./TabPanel.types\"\n\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tabPanelListVariants,\n  tabPanelRootVariants,\n  tabPanelTriggerVariants,\n  tabPanelVariants,\n} from \"./TabPanel.variants\"\n\n/**\n * TabPanelRoot - Root container for the tab panel system.\n *\n * Wraps Radix UI Tabs primitive.\n *\n * @example\n * <TabPanelRoot defaultValue=\"tab1\">\n *   <TabPanelList>\n *     <TabPanelTrigger value=\"tab1\">Tab 1</TabPanelTrigger>\n *   </TabPanelList>\n *   <TabPanel value=\"tab1\">Content 1</TabPanel>\n * </TabPanelRoot>\n */\nfunction TabPanelRoot({ className, ...props }: TabPanelRootProps) {\n  return (\n    <TabsPrimitive.Root\n      className={cn(tabPanelRootVariants(), className)}\n      data-slot=\"tab-panel-root\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabPanelList - Container for tab triggers.\n */\nfunction TabPanelList({ className, ...props }: TabPanelListProps) {\n  return (\n    <TabsPrimitive.List\n      className={cn(tabPanelListVariants(), className)}\n      data-slot=\"tab-panel-list\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabPanelTrigger - Button that activates its associated tab panel.\n */\nfunction TabPanelTrigger({ className, ...props }: TabPanelTriggerProps) {\n  return (\n    <TabsPrimitive.Trigger\n      className={cn(tabPanelTriggerVariants(), className)}\n      data-slot=\"tab-panel-trigger\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TabPanel - Content panel associated with a tab.\n *\n * Displays content when its corresponding tab is active.\n * Supports visual variants for different styling needs.\n *\n * @example\n * <TabPanel value=\"tab1\" variant=\"card\">\n *   <h3>Account Settings</h3>\n *   <p>Manage your account here.</p>\n * </TabPanel>\n */\nfunction TabPanel({\n  className,\n  variant = \"default\",\n  ...props\n}: TabPanelProps) {\n  return (\n    <TabsPrimitive.Content\n      className={cn(tabPanelVariants({ variant }), className)}\n      data-slot=\"tab-panel\"\n      {...props}\n    />\n  )\n}\n\nexport { TabPanel, TabPanelList, TabPanelRoot, TabPanelTrigger }\n"]}

package/dist/{chunk-3NFQXZHO.js → chunk-5T7EKOJ5.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
@@ -195,5 +195,5 @@ function SheetDescription({ className, ...props }) {
 }
 
 export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetContentVariants, sheetOverlayVariants };
-//# sourceMappingURL=chunk-3NFQXZHO.js.map
-//# sourceMappingURL=chunk-3NFQXZHO.js.map
+//# sourceMappingURL=chunk-5T7EKOJ5.js.map
+//# sourceMappingURL=chunk-5T7EKOJ5.js.map

package/dist/{chunk-3NFQXZHO.js.map → chunk-5T7EKOJ5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/Sheet/Sheet.variants.ts","../src/components/layout/Sheet/Sheet.tsx"],"names":[],"mappings":"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","file":"chunk-3NFQXZHO.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Sheet overlay variant styles\n * Controls the background overlay appearance\n */\nexport const sheetOverlayVariants = cva(\n  \"fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n  {\n    variants: {\n      /**\n       * Overlay background style\n       * - default: Semi-transparent black (50% opacity)\n       * - light: Semi-transparent white (50% opacity)\n       * - blur: Light black with backdrop blur effect\n       */\n      variant: {\n        default: \"bg-[color:var(--sheet-overlay-bg-default)]\",\n        light: \"bg-[color:var(--sheet-overlay-bg-light)]\",\n        blur: \"bg-[color:var(--sheet-overlay-bg-blur)] backdrop-blur-sm\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Sheet content variant styles\n * Controls the slide-out panel position and size\n */\nexport const sheetContentVariants = cva(\n  \"bg-[color:var(--sheet-content-bg)] border-[color:var(--sheet-content-border)] shadow-[var(--sheet-content-shadow)] p-[var(--sheet-content-padding)] fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  {\n    variants: {\n      /**\n       * Side from which the sheet slides in\n       * - top: Slides down from top edge\n       * - right: Slides in from right edge (default)\n       * - bottom: Slides up from bottom edge\n       * - left: Slides in from left edge\n       */\n      side: {\n        top: \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b\",\n        right:\n          \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l\",\n        bottom:\n          \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t\",\n        left: \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r\",\n      },\n      /**\n       * Size of the sheet\n       * - sm: Compact size (w-64 or max-h-250px)\n       * - default: Standard size (w-80/sm:max-w-sm or max-h-400px)\n       * - lg: Large size (w-500px or max-h-600px)\n       * - full: Full width/height\n       */\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n        full: \"\",\n      },\n    },\n    compoundVariants: [\n      // Horizontal sheets (left/right) - width sizing\n      { side: \"left\", size: \"sm\", class: \"w-[var(--sheet-content-width-sm)] max-w-[80vw]\" },\n      { side: \"left\", size: \"default\", class: \"w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm\" },\n      { side: \"left\", size: \"lg\", class: \"w-[var(--sheet-content-width-lg)] max-w-[90vw]\" },\n      { side: \"left\", size: \"full\", class: \"w-full\" },\n      { side: \"right\", size: \"sm\", class: \"w-[var(--sheet-content-width-sm)] max-w-[80vw]\" },\n      {\n        side: \"right\",\n        size: \"default\",\n        class: \"w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm\",\n      },\n      { side: \"right\", size: \"lg\", class: \"w-[var(--sheet-content-width-lg)] max-w-[90vw]\" },\n      { side: \"right\", size: \"full\", class: \"w-full\" },\n      // Vertical sheets (top/bottom) - height sizing\n      { side: \"top\", size: \"sm\", class: \"max-h-[var(--sheet-content-max-height-sm)]\" },\n      { side: \"top\", size: \"default\", class: \"max-h-[var(--sheet-content-max-height-default)]\" },\n      { side: \"top\", size: \"lg\", class: \"max-h-[var(--sheet-content-max-height-lg)]\" },\n      { side: \"top\", size: \"full\", class: \"h-full\" },\n      { side: \"bottom\", size: \"sm\", class: \"max-h-[var(--sheet-content-max-height-sm)]\" },\n      { side: \"bottom\", size: \"default\", class: \"max-h-[var(--sheet-content-max-height-default)]\" },\n      { side: \"bottom\", size: \"lg\", class: \"max-h-[var(--sheet-content-max-height-lg)]\" },\n      { side: \"bottom\", size: \"full\", class: \"h-full\" },\n    ],\n    defaultVariants: {\n      side: \"right\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type SheetOverlayVariantProps = VariantProps<typeof sheetOverlayVariants>\nexport type SheetContentVariantProps = VariantProps<typeof sheetContentVariants>\n","\"use client\"\n\nimport type {\n  SheetBodyProps,\n  SheetCloseProps,\n  SheetContentProps,\n  SheetDescriptionProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n  SheetPortalProps,\n  SheetProps,\n  SheetTitleProps,\n  SheetTriggerProps,\n} from \"./Sheet.types\"\n\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { sheetContentVariants, sheetOverlayVariants } from \"./Sheet.variants\"\n\nfunction Sheet({ ...props }: SheetProps) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: SheetTriggerProps) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({ ...props }: SheetCloseProps) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: SheetPortalProps) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, variant, ...props }: SheetOverlayProps) {\n  return (\n    <SheetPrimitive.Overlay\n      className={cn(sheetOverlayVariants({ variant }), className)}\n      data-slot=\"sheet-overlay\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  size = \"default\",\n  showCloseButton = true,\n  overlayVariant,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay variant={overlayVariant} />\n      <SheetPrimitive.Content\n        className={cn(sheetContentVariants({ side, size }), className)}\n        data-slot=\"sheet-content\"\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-[var(--sheet-close-top)] right-[var(--sheet-close-right)] rounded-[var(--sheet-close-radius)] opacity-[var(--sheet-close-opacity-default)] transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n            data-slot=\"sheet-close\"\n          >\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps) {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      data-slot=\"sheet-header\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetBody({ className, ...props }: SheetBodyProps) {\n  return (\n    <div\n      className={cn(\"flex-1 overflow-auto px-4\", className)}\n      data-slot=\"sheet-body\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps) {\n  return (\n    <div\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      data-slot=\"sheet-footer\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({ className, ...props }: SheetTitleProps) {\n  return (\n    <SheetPrimitive.Title\n      className={cn(\"text-foreground font-semibold\", className)}\n      data-slot=\"sheet-title\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({ className, ...props }: SheetDescriptionProps) {\n  return (\n    <SheetPrimitive.Description\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"sheet-description\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n}\n"]}
+{"version":3,"sources":["../src/components/layout/Sheet/Sheet.variants.ts","../src/components/layout/Sheet/Sheet.tsx"],"names":[],"mappings":"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","file":"chunk-5T7EKOJ5.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Sheet overlay variant styles\n * Controls the background overlay appearance\n */\nexport const sheetOverlayVariants = cva(\n  \"fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n  {\n    variants: {\n      /**\n       * Overlay background style\n       * - default: Semi-transparent black (50% opacity)\n       * - light: Semi-transparent white (50% opacity)\n       * - blur: Light black with backdrop blur effect\n       */\n      variant: {\n        default: \"bg-[color:var(--sheet-overlay-bg-default)]\",\n        light: \"bg-[color:var(--sheet-overlay-bg-light)]\",\n        blur: \"bg-[color:var(--sheet-overlay-bg-blur)] backdrop-blur-sm\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Sheet content variant styles\n * Controls the slide-out panel position and size\n */\nexport const sheetContentVariants = cva(\n  \"bg-[color:var(--sheet-content-bg)] border-[color:var(--sheet-content-border)] shadow-[var(--sheet-content-shadow)] p-[var(--sheet-content-padding)] fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  {\n    variants: {\n      /**\n       * Side from which the sheet slides in\n       * - top: Slides down from top edge\n       * - right: Slides in from right edge (default)\n       * - bottom: Slides up from bottom edge\n       * - left: Slides in from left edge\n       */\n      side: {\n        top: \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b\",\n        right:\n          \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l\",\n        bottom:\n          \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t\",\n        left: \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r\",\n      },\n      /**\n       * Size of the sheet\n       * - sm: Compact size (w-64 or max-h-250px)\n       * - default: Standard size (w-80/sm:max-w-sm or max-h-400px)\n       * - lg: Large size (w-500px or max-h-600px)\n       * - full: Full width/height\n       */\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n        full: \"\",\n      },\n    },\n    compoundVariants: [\n      // Horizontal sheets (left/right) - width sizing\n      { side: \"left\", size: \"sm\", class: \"w-[var(--sheet-content-width-sm)] max-w-[80vw]\" },\n      { side: \"left\", size: \"default\", class: \"w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm\" },\n      { side: \"left\", size: \"lg\", class: \"w-[var(--sheet-content-width-lg)] max-w-[90vw]\" },\n      { side: \"left\", size: \"full\", class: \"w-full\" },\n      { side: \"right\", size: \"sm\", class: \"w-[var(--sheet-content-width-sm)] max-w-[80vw]\" },\n      {\n        side: \"right\",\n        size: \"default\",\n        class: \"w-[var(--sheet-content-width-default)] max-w-[80vw] sm:max-w-sm\",\n      },\n      { side: \"right\", size: \"lg\", class: \"w-[var(--sheet-content-width-lg)] max-w-[90vw]\" },\n      { side: \"right\", size: \"full\", class: \"w-full\" },\n      // Vertical sheets (top/bottom) - height sizing\n      { side: \"top\", size: \"sm\", class: \"max-h-[var(--sheet-content-max-height-sm)]\" },\n      { side: \"top\", size: \"default\", class: \"max-h-[var(--sheet-content-max-height-default)]\" },\n      { side: \"top\", size: \"lg\", class: \"max-h-[var(--sheet-content-max-height-lg)]\" },\n      { side: \"top\", size: \"full\", class: \"h-full\" },\n      { side: \"bottom\", size: \"sm\", class: \"max-h-[var(--sheet-content-max-height-sm)]\" },\n      { side: \"bottom\", size: \"default\", class: \"max-h-[var(--sheet-content-max-height-default)]\" },\n      { side: \"bottom\", size: \"lg\", class: \"max-h-[var(--sheet-content-max-height-lg)]\" },\n      { side: \"bottom\", size: \"full\", class: \"h-full\" },\n    ],\n    defaultVariants: {\n      side: \"right\",\n      size: \"default\",\n    },\n  }\n)\n\nexport type SheetOverlayVariantProps = VariantProps<typeof sheetOverlayVariants>\nexport type SheetContentVariantProps = VariantProps<typeof sheetContentVariants>\n","\"use client\"\n\nimport type {\n  SheetBodyProps,\n  SheetCloseProps,\n  SheetContentProps,\n  SheetDescriptionProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n  SheetPortalProps,\n  SheetProps,\n  SheetTitleProps,\n  SheetTriggerProps,\n} from \"./Sheet.types\"\n\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { sheetContentVariants, sheetOverlayVariants } from \"./Sheet.variants\"\n\nfunction Sheet({ ...props }: SheetProps) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: SheetTriggerProps) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({ ...props }: SheetCloseProps) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: SheetPortalProps) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, variant, ...props }: SheetOverlayProps) {\n  return (\n    <SheetPrimitive.Overlay\n      className={cn(sheetOverlayVariants({ variant }), className)}\n      data-slot=\"sheet-overlay\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  size = \"default\",\n  showCloseButton = true,\n  overlayVariant,\n  ...props\n}: SheetContentProps) {\n  return (\n    <SheetPortal>\n      <SheetOverlay variant={overlayVariant} />\n      <SheetPrimitive.Content\n        className={cn(sheetContentVariants({ side, size }), className)}\n        data-slot=\"sheet-content\"\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-[var(--sheet-close-top)] right-[var(--sheet-close-right)] rounded-[var(--sheet-close-radius)] opacity-[var(--sheet-close-opacity-default)] transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\"\n            data-slot=\"sheet-close\"\n          >\n            <XIcon className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps) {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      data-slot=\"sheet-header\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetBody({ className, ...props }: SheetBodyProps) {\n  return (\n    <div\n      className={cn(\"flex-1 overflow-auto px-4\", className)}\n      data-slot=\"sheet-body\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps) {\n  return (\n    <div\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      data-slot=\"sheet-footer\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({ className, ...props }: SheetTitleProps) {\n  return (\n    <SheetPrimitive.Title\n      className={cn(\"text-foreground font-semibold\", className)}\n      data-slot=\"sheet-title\"\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({ className, ...props }: SheetDescriptionProps) {\n  return (\n    <SheetPrimitive.Description\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"sheet-description\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n}\n"]}

package/dist/{chunk-WBE6VQOO.js → chunk-5W3T767A.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HRNDJU7D.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
 import 'react';
@@ -231,5 +231,5 @@ function SelectScrollDownButton({ className, ...props }) {
 }
 
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectContentVariants, selectItemVariants, selectLabelVariants, selectScrollButtonVariants, selectSeparatorVariants, selectTriggerVariants };
-//# sourceMappingURL=chunk-WBE6VQOO.js.map
-//# sourceMappingURL=chunk-WBE6VQOO.js.map
+//# sourceMappingURL=chunk-5W3T767A.js.map
+//# sourceMappingURL=chunk-5W3T767A.js.map