@parto-system-design/ui 1.1.11 → 1.1.16

package/dist/components/ui/button.js

@@ -1,5 +1,308 @@
-export { Button, buttonVariants } from '../../chunk-3QYYPPFJ.js';
-import '../../chunk-S3T2L6NA.js';
-import '../../chunk-4SVQNEVH.js';
+'use client';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { Loader2 } from 'lucide-react';
+import { forwardRef, cloneElement, isValidElement } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/lib/constants.ts
+var SIZE = {
+  text: {
+    xs: "text-xs",
+    sm: "text-sm leading-4",
+    md: "text-sm",
+    lg: "text-base",
+    xl: "text-base"
+  },
+  padding: {
+    xs: "px-2.5 py-1",
+    sm: "px-3 py-2",
+    md: "px-4 py-2",
+    lg: "px-4 py-2",
+    xl: "px-6 py-3"
+  },
+  height: {
+    xs: "h-[26px]",
+    sm: "h-[34px]",
+    md: "h-[38px]",
+    lg: "h-[42px]",
+    xl: "h-[50px]"
+  }
+};
+var SIZE_VARIANTS = {
+  xs: `${SIZE.text["xs"]} ${SIZE.padding["xs"]} ${SIZE.height["xs"]}`,
+  sm: `${SIZE.text["sm"]} ${SIZE.padding["sm"]} ${SIZE.height["sm"]}`,
+  md: `${SIZE.text["md"]} ${SIZE.padding["md"]} ${SIZE.height["md"]}`,
+  lg: `${SIZE.text["lg"]} ${SIZE.padding["lg"]} ${SIZE.height["lg"]}`,
+  xl: `${SIZE.text["xl"]} ${SIZE.padding["xl"]} ${SIZE.height["xl"]}`
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var DESTRUCTIVE_VARIANT = `
+  text-foreground
+  bg-destructive-300 dark:bg-destructive-400 hover:bg-destructive-400 dark:hover:bg-destructive-400/80
+  border-destructive-500 hover:border-destructive
+  hover:text-hi-contrast
+  data-[state=open]:border-destructive
+  data-[state=open]:bg-destructive-400 dark:data-[state=open]:bg-destructive-600/80
+`;
+var buttonVariants = cva(
+  `inline-flex items-center justify-center
+  relative
+  cursor-pointer
+  gap-2
+  text-center
+  font-normal
+  ease-out
+  duration-200
+  rounded-md
+  outline-none
+  transition-all
+  active:scale-[0.98]
+  focus-visible:ring-2
+  focus-visible:ring-ring
+  focus-visible:ring-offset-2
+  border
+  disabled:pointer-events-none
+  disabled:opacity-50
+  [&_svg]:pointer-events-none
+  [&_svg]:shrink-0
+  `,
+  {
+    variants: {
+      variant: {
+        primary: `
+          bg-brand-400 dark:bg-brand-500
+          hover:bg-brand-300 dark:hover:bg-brand-500/80
+          text-foreground
+          border-brand-500/75 dark:border-brand/30
+          hover:border-brand-600 dark:hover:border-brand-500
+          data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-600/80
+          `,
+        default: `
+          text-foreground
+          bg-alternative dark:bg-muted hover:bg-selection
+          border-strong hover:border-stronger
+          data-[state=open]:bg-selection
+          data-[state=open]:border-button-hover
+          `,
+        secondary: `
+          bg-foreground
+          text-background hover:text-border-stronger
+          focus-visible:text-border-control
+          border-foreground-light hover:border-foreground-lighter
+          data-[state=open]:border-foreground-lighter
+        `,
+        outline: `
+          text-foreground
+          bg-transparent
+          border-strong hover:border-foreground-muted
+          data-[state=open]:border-stronger
+        `,
+        dashed: `
+          text-foreground
+          border
+          border-dashed
+          border-strong hover:border-stronger
+          bg-transparent
+          data-[state=open]:border-stronger
+        `,
+        link: `
+          text-brand-600
+          border
+          border-transparent
+          bg-transparent
+          hover:bg-brand-400
+          shadow-none
+          data-[state=open]:bg-brand-400
+        `,
+        text: `
+          text-foreground
+          hover:bg-surface-300
+          shadow-none
+          data-[state=open]:bg-surface-300
+          border-transparent
+        `,
+        danger: DESTRUCTIVE_VARIANT,
+        warning: `
+          text-foreground
+          bg-warning-300 dark:bg-warning-400 hover:bg-warning-400 dark:hover:bg-warning-400/80
+          border-warning-500 hover:border-warning
+          hover:text-hi-contrast
+          data-[state=open]:border-warning
+          data-[state=open]:bg-warning-400 dark:data-[state=open]:bg-warning-600/80
+        `,
+        destructive: DESTRUCTIVE_VARIANT,
+        ghost: `
+          text-foreground
+          hover:bg-surface-100 dark:hover:bg-surface-200
+          border-transparent
+        `
+      },
+      block: {
+        true: "w-full flex items-center justify-center"
+      },
+      size: {
+        ...SIZE_VARIANTS,
+        default: SIZE_VARIANTS.sm,
+        icon: "size-9",
+        // Compact icon-only button (24×24). Useful for dense rows in tables
+        // and toolbars. Pair with a 14px lucide icon for a balanced look.
+        "icon-xs": "size-6",
+        "icon-sm": "size-7",
+        "icon-lg": "size-10"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed pointer-events-none"
+      },
+      rounded: {
+        true: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "sm"
+    }
+  }
+);
+var IconContainerVariants = cva("inline-flex items-center justify-center", {
+  variants: {
+    size: {
+      xs: "[&_svg]:size-[14px]",
+      sm: "[&_svg]:size-[18px]",
+      md: "[&_svg]:size-[20px]",
+      lg: "[&_svg]:size-[20px]",
+      xl: "[&_svg]:size-[24px]",
+      /** @deprecated */
+      tiny: "[&_svg]:size-[14px]",
+      /** @deprecated */
+      small: "[&_svg]:size-[18px]",
+      /** @deprecated */
+      medium: "[&_svg]:size-[20px]",
+      /** @deprecated */
+      large: "[&_svg]:size-[20px]",
+      /** @deprecated */
+      xlarge: "[&_svg]:size-[24px]",
+      default: "[&_svg]:size-[18px]",
+      icon: "[&_svg]:size-[18px]"
+    },
+    variant: {
+      primary: "text-brand-600",
+      default: "text-foreground-lighter",
+      secondary: "text-border-muted",
+      outline: "text-foreground-lighter",
+      dashed: "text-foreground-lighter",
+      link: "text-brand-600",
+      text: "text-foreground-lighter",
+      danger: "text-destructive-600",
+      warning: "text-warning",
+      destructive: "text-destructive-600",
+      ghost: "text-foreground-lighter"
+    }
+  }
+});
+var loadingVariants = cva("", {
+  variants: {
+    variant: {
+      primary: "text-brand-600",
+      default: "text-foreground-lighter",
+      secondary: "text-border-muted",
+      outline: "text-foreground-lighter",
+      dashed: "text-foreground-lighter",
+      link: "text-brand-600",
+      text: "text-foreground-muted",
+      danger: "text-destructive-600",
+      warning: "text-warning",
+      destructive: "text-destructive-600",
+      ghost: "text-foreground-lighter"
+    },
+    loading: {
+      default: "",
+      true: `animate-spin`
+    }
+  }
+});
+var Button = forwardRef(
+  ({
+    asChild = false,
+    variant,
+    type,
+    size = "sm",
+    children,
+    isLoading,
+    loading,
+    block,
+    icon,
+    iconEnd,
+    iconStart,
+    iconRight,
+    iconLeft,
+    htmlType = "button",
+    rounded,
+    className,
+    ...props
+  }, ref) => {
+    if (process.env.NODE_ENV !== "production") {
+      const deprecatedSizes = ["tiny", "small", "medium", "large", "xlarge"];
+      if (size && deprecatedSizes.includes(size)) {
+        console.warn(`[Parto UI] Button: size="${size}" is deprecated. Use xs|sm|md|lg|xl instead.`);
+      }
+    }
+    const Comp = asChild ? Slot : "button";
+    const { tabIndex } = props;
+    const buttonVariant = type && typeof type === "string" && !["button", "submit", "reset"].includes(type) ? type : variant || "default";
+    const _loading = isLoading ?? loading;
+    const resolvedIconStart = icon ?? iconStart ?? iconLeft;
+    const resolvedIconEnd = iconEnd ?? iconRight;
+    const showIcon = _loading || resolvedIconStart;
+    const disabled = _loading === true || props.disabled;
+    const computedTabIndex = tabIndex !== void 0 ? tabIndex : disabled ? -1 : 0;
+    const iconSize = size === "default" ? "sm" : size === "icon" || size === "icon-sm" ? "sm" : size === "icon-xs" ? "xs" : size === "icon-lg" ? "lg" : size ?? "sm";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-slot": "button",
+        "data-size": size,
+        type: htmlType,
+        disabled,
+        "aria-busy": _loading || void 0,
+        tabIndex: computedTabIndex,
+        className: cn(buttonVariants({ variant: buttonVariant, size, disabled, block, rounded }), className),
+        onClick: (e) => {
+          if (disabled) return e.preventDefault();
+          else props?.onClick?.(e);
+        },
+        ...props,
+        children: asChild ? isValidElement(children) ? cloneElement(
+          children,
+          void 0,
+          showIcon && (_loading ? /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: /* @__PURE__ */ jsx(Loader2, { className: cn(loadingVariants({ loading: _loading, variant: buttonVariant })) }) }) : resolvedIconStart ? /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconStart }) : null),
+          children.props?.children && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 truncate", children: children.props.children }),
+          resolvedIconEnd && !_loading && /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconEnd })
+        ) : null : /* @__PURE__ */ jsxs(Fragment, { children: [
+          showIcon && (_loading ? /* @__PURE__ */ jsxs("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: [
+            /* @__PURE__ */ jsx(
+              Loader2,
+              {
+                "aria-hidden": "true",
+                className: cn(loadingVariants({ loading: _loading, variant: buttonVariant }))
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC..." })
+          ] }) : resolvedIconStart ? /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconStart }) : null),
+          children && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-2 truncate", children }),
+          resolvedIconEnd && !_loading && /* @__PURE__ */ jsx("div", { className: cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconEnd })
+        ] })
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
 //# sourceMappingURL=button.js.map
 //# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"button.js"}
+{"version":3,"sources":["../../../src/lib/constants.ts","../../../src/lib/utils.ts","../../../src/components/ui/button.tsx"],"names":[],"mappings":"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","file":"button.js","sourcesContent":["/**\n * Standard size scale used across the design system.\n * Components should accept these values for their `size` prop.\n */\nexport type StandardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\n/** @deprecated Use `StandardSize` instead — legacy names have been removed */\nexport type LegacySize = StandardSize\n\n/** @deprecated Use `StandardSize` instead */\nexport type SizeWithLegacy = StandardSize\n\n/**\n * Normalizes a size value to standard names.\n * @deprecated All sizes are standard now — this function is a no-op passthrough.\n */\nexport function normalizeSize(size: StandardSize): StandardSize {\n  return size\n}\n\nexport const SIZE = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[26px]',\n    sm: 'h-[34px]',\n    md: 'h-[38px]',\n    lg: 'h-[42px]',\n    xl: 'h-[50px]',\n  },\n}\n\n/** Inner sizes for nested elements (badges inside buttons, multi-select items, etc.) */\nexport const SIZE_INNER = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[24px]',\n    sm: 'h-[28px]',\n    md: 'h-[32px]',\n    lg: 'h-[36px]',\n    xl: 'h-[44px]',\n  },\n}\n\nexport const SIZE_VARIANTS = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE.height['xl']}`,\n}\n\nexport const SIZE_VARIANTS_INNER = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE_INNER.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE_INNER.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE_INNER.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE_INNER.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE_INNER.height['xl']}`,\n}\n\n/** @deprecated Use 'sm' instead */\nexport const SIZE_VARIANTS_DEFAULT = 'sm'\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport { formatJalaliDate } from '@/lib/jalali-utils'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport type SupportedLocale = 'fa' | 'ar' | 'en'\n\n/**\n * Convert digits in a string to Persian/Arabic numerals based on locale.\n * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'\n * @example convertToLocalNumbers('123', 'en') => '123'\n */\nexport function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string {\n  if (locale === 'fa' || locale === 'ar') {\n    const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']\n    return String(text).replace(/\\d/g, (digit) => persianDigits[parseInt(digit)])\n  }\n  return String(text)\n}\n\n/**\n * Format large numbers with locale-aware suffixes (K/M/B).\n * @example formatLargeNumber(1500, 'fa') => '۱.۵ هزار'\n * @example formatLargeNumber(1500, 'en') => '1.5K'\n */\nexport function formatLargeNumber(num: number, locale: SupportedLocale): string {\n  if (num >= 1_000_000_000) {\n    const formatted = (num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'B' : ' میلیارد')\n  }\n  if (num >= 1_000_000) {\n    const formatted = (num / 1_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'M' : ' میلیون')\n  }\n  if (num >= 1_000) {\n    const formatted = (num / 1_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'K' : ' هزار')\n  }\n  return convertToLocalNumbers(num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ','), locale)\n}\n\n/**\n * Format number to Instagram-style short format (English only).\n * @example formatNumber(123456, 'short') => '123K'\n * @example formatNumber(123456, 'exact') => '123,456'\n */\nexport function formatNumber(num: number | undefined, format: 'exact' | 'short' = 'exact'): string {\n  if (num === undefined || num === null) return '0'\n\n  if (format === 'exact') {\n    return num.toLocaleString('en-US')\n  }\n\n  // Short format (Instagram style)\n  if (num >= 1_000_000_000) {\n    return `${(num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')}B`\n  }\n  if (num >= 1_000_000) {\n    return `${(num / 1_000_000).toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1).replace(/\\.0$/, '')}K`\n  }\n  return num.toString()\n}\n\n/**\n * Format date to relative time with absolute on hover (Persian)\n * @example formatRelativeTime(new Date()) => '۲ ساعت پیش'\n */\nexport function formatRelativeTime(date: Date | string | number): string {\n  const now = new Date()\n  const then = new Date(date)\n  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1000)\n\n  if (diffInSeconds < 60) {\n    return 'همین الان'\n  }\n\n  const diffInMinutes = Math.floor(diffInSeconds / 60)\n  if (diffInMinutes < 60) {\n    return `${convertToLocalNumbers(diffInMinutes, 'fa')} دقیقه پیش`\n  }\n\n  const diffInHours = Math.floor(diffInMinutes / 60)\n  if (diffInHours < 24) {\n    return `${convertToLocalNumbers(diffInHours, 'fa')} ساعت پیش`\n  }\n\n  const diffInDays = Math.floor(diffInHours / 24)\n  if (diffInDays < 7) {\n    return `${convertToLocalNumbers(diffInDays, 'fa')} روز پیش`\n  }\n\n  const diffInWeeks = Math.floor(diffInDays / 7)\n  if (diffInWeeks < 4) {\n    return `${convertToLocalNumbers(diffInWeeks, 'fa')} هفته پیش`\n  }\n\n  const diffInMonths = Math.floor(diffInDays / 30)\n  if (diffInMonths < 12) {\n    return `${convertToLocalNumbers(diffInMonths, 'fa')} ماه پیش`\n  }\n\n  const diffInYears = Math.floor(diffInDays / 365)\n  return `${convertToLocalNumbers(diffInYears, 'fa')} سال پیش`\n}\n\n/**\n * Format date to absolute format (Persian / Jalali)\n * Uses date-fns-jalali for accurate Jalali conversion.\n * @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'\n */\nexport function formatAbsoluteTime(date: Date | string | number): string {\n  const d = new Date(date)\n  return formatJalaliDate(d, 'd MMMM yyyy، HH:mm')\n}\n","'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport { Loader2 } from 'lucide-react'\nimport { cloneElement, forwardRef, isValidElement } from 'react'\nimport { SIZE_VARIANTS, type StandardSize } from '@/lib/constants'\nimport { cn } from '@/lib/utils'\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>\n\nconst DESTRUCTIVE_VARIANT = `\n  text-foreground\n  bg-destructive-300 dark:bg-destructive-400 hover:bg-destructive-400 dark:hover:bg-destructive-400/80\n  border-destructive-500 hover:border-destructive\n  hover:text-hi-contrast\n  data-[state=open]:border-destructive\n  data-[state=open]:bg-destructive-400 dark:data-[state=open]:bg-destructive-600/80\n`\n\nconst buttonVariants = cva(\n  `inline-flex items-center justify-center\n  relative\n  cursor-pointer\n  gap-2\n  text-center\n  font-normal\n  ease-out\n  duration-200\n  rounded-md\n  outline-none\n  transition-all\n  active:scale-[0.98]\n  focus-visible:ring-2\n  focus-visible:ring-ring\n  focus-visible:ring-offset-2\n  border\n  disabled:pointer-events-none\n  disabled:opacity-50\n  [&_svg]:pointer-events-none\n  [&_svg]:shrink-0\n  `,\n  {\n    variants: {\n      variant: {\n        primary: `\n          bg-brand-400 dark:bg-brand-500\n          hover:bg-brand-300 dark:hover:bg-brand-500/80\n          text-foreground\n          border-brand-500/75 dark:border-brand/30\n          hover:border-brand-600 dark:hover:border-brand-500\n          data-[state=open]:bg-brand-400/80 dark:data-[state=open]:bg-brand-600/80\n          `,\n        default: `\n          text-foreground\n          bg-alternative dark:bg-muted hover:bg-selection\n          border-strong hover:border-stronger\n          data-[state=open]:bg-selection\n          data-[state=open]:border-button-hover\n          `,\n        secondary: `\n          bg-foreground\n          text-background hover:text-border-stronger\n          focus-visible:text-border-control\n          border-foreground-light hover:border-foreground-lighter\n          data-[state=open]:border-foreground-lighter\n        `,\n        outline: `\n          text-foreground\n          bg-transparent\n          border-strong hover:border-foreground-muted\n          data-[state=open]:border-stronger\n        `,\n        dashed: `\n          text-foreground\n          border\n          border-dashed\n          border-strong hover:border-stronger\n          bg-transparent\n          data-[state=open]:border-stronger\n        `,\n        link: `\n          text-brand-600\n          border\n          border-transparent\n          bg-transparent\n          hover:bg-brand-400\n          shadow-none\n          data-[state=open]:bg-brand-400\n        `,\n        text: `\n          text-foreground\n          hover:bg-surface-300\n          shadow-none\n          data-[state=open]:bg-surface-300\n          border-transparent\n        `,\n        danger: DESTRUCTIVE_VARIANT,\n        warning: `\n          text-foreground\n          bg-warning-300 dark:bg-warning-400 hover:bg-warning-400 dark:hover:bg-warning-400/80\n          border-warning-500 hover:border-warning\n          hover:text-hi-contrast\n          data-[state=open]:border-warning\n          data-[state=open]:bg-warning-400 dark:data-[state=open]:bg-warning-600/80\n        `,\n        destructive: DESTRUCTIVE_VARIANT,\n        ghost: `\n          text-foreground\n          hover:bg-surface-100 dark:hover:bg-surface-200\n          border-transparent\n        `,\n      },\n      block: {\n        true: 'w-full flex items-center justify-center',\n      },\n      size: {\n        ...SIZE_VARIANTS,\n        default: SIZE_VARIANTS.sm,\n        icon: 'size-9',\n        // Compact icon-only button (24×24). Useful for dense rows in tables\n        // and toolbars. Pair with a 14px lucide icon for a balanced look.\n        'icon-xs': 'size-6',\n        'icon-sm': 'size-7',\n        'icon-lg': 'size-10',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed pointer-events-none',\n      },\n      rounded: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'sm',\n    },\n  }\n)\n\nconst IconContainerVariants = cva('inline-flex items-center justify-center', {\n  variants: {\n    size: {\n      xs: '[&_svg]:size-[14px]',\n      sm: '[&_svg]:size-[18px]',\n      md: '[&_svg]:size-[20px]',\n      lg: '[&_svg]:size-[20px]',\n      xl: '[&_svg]:size-[24px]',\n      /** @deprecated */ tiny: '[&_svg]:size-[14px]',\n      /** @deprecated */ small: '[&_svg]:size-[18px]',\n      /** @deprecated */ medium: '[&_svg]:size-[20px]',\n      /** @deprecated */ large: '[&_svg]:size-[20px]',\n      /** @deprecated */ xlarge: '[&_svg]:size-[24px]',\n      default: '[&_svg]:size-[18px]',\n      icon: '[&_svg]:size-[18px]',\n    },\n    variant: {\n      primary: 'text-brand-600',\n      default: 'text-foreground-lighter',\n      secondary: 'text-border-muted',\n      outline: 'text-foreground-lighter',\n      dashed: 'text-foreground-lighter',\n      link: 'text-brand-600',\n      text: 'text-foreground-lighter',\n      danger: 'text-destructive-600',\n      warning: 'text-warning',\n      destructive: 'text-destructive-600',\n      ghost: 'text-foreground-lighter',\n    },\n  },\n})\n\nexport type LoadingVariantProps = VariantProps<typeof loadingVariants>\nconst loadingVariants = cva('', {\n  variants: {\n    variant: {\n      primary: 'text-brand-600',\n      default: 'text-foreground-lighter',\n      secondary: 'text-border-muted',\n      outline: 'text-foreground-lighter',\n      dashed: 'text-foreground-lighter',\n      link: 'text-brand-600',\n      text: 'text-foreground-muted',\n      danger: 'text-destructive-600',\n      warning: 'text-warning',\n      destructive: 'text-destructive-600',\n      ghost: 'text-foreground-lighter',\n    },\n    loading: {\n      default: '',\n      true: `animate-spin`,\n    },\n  },\n})\n\nexport interface ButtonProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>,\n    Omit<ButtonVariantProps, 'disabled'>,\n    Omit<LoadingVariantProps, 'variant'> {\n  asChild?: boolean\n  type?: ButtonVariantProps['variant'] | React.ButtonHTMLAttributes<HTMLButtonElement>['type']\n  htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type']\n  icon?: React.ReactNode\n  iconStart?: React.ReactNode\n  iconEnd?: React.ReactNode\n  /** @deprecated Use iconStart instead */\n  iconLeft?: React.ReactNode\n  /** @deprecated Use iconEnd instead */\n  iconRight?: React.ReactNode\n  isLoading?: boolean\n  /** @deprecated Use `isLoading` instead */\n  loading?: boolean\n  block?: boolean\n  rounded?: boolean\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      asChild = false,\n      variant,\n      type,\n      size = 'sm',\n      children,\n      isLoading,\n      loading,\n      block,\n      icon,\n      iconEnd,\n      iconStart,\n      iconRight,\n      iconLeft,\n      htmlType = 'button',\n      rounded,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    if (process.env.NODE_ENV !== 'production') {\n      const deprecatedSizes = ['tiny', 'small', 'medium', 'large', 'xlarge']\n      if (size && deprecatedSizes.includes(size as string)) {\n        console.warn(`[Parto UI] Button: size=\"${size}\" is deprecated. Use xs|sm|md|lg|xl instead.`)\n      }\n    }\n\n    const Comp = asChild ? Slot : 'button'\n    const { tabIndex } = props\n\n    // Support both 'type' (Supabase style) and 'variant' (shadcn style)\n    // If type is provided and it's not a button HTML type, use it as variant\n    const buttonVariant =\n      type && typeof type === 'string' && !['button', 'submit', 'reset'].includes(type)\n        ? (type as ButtonVariantProps['variant'])\n        : variant || 'default'\n\n    const _loading = isLoading ?? loading\n    // Support deprecated iconLeft/iconRight alongside new iconStart/iconEnd\n    const resolvedIconStart = icon ?? iconStart ?? iconLeft\n    const resolvedIconEnd = iconEnd ?? iconRight\n    const showIcon = _loading || resolvedIconStart\n    const disabled = _loading === true || props.disabled\n\n    // Set default tabIndex for proper Safari focus handling\n    // - Explicit tabIndex prop takes precedence\n    // - If disabled, default to -1 (unless explicitly set)\n    // - Otherwise, default to 0 for keyboard accessibility\n    const computedTabIndex = tabIndex !== undefined ? tabIndex : disabled ? -1 : 0\n\n    // Normalize size for IconContainerVariants. Icon-only Button variants\n    // (\"icon\", \"icon-xs\", \"icon-sm\", \"icon-lg\") share the same SVG sizing\n    // family — IconContainerVariants doesn't have those keys, so we collapse\n    // each to the closest standard size for icon scaling.\n    const iconSize: StandardSize | 'default' | 'icon' =\n      size === 'default'\n        ? 'sm'\n        : size === 'icon' || size === 'icon-sm'\n          ? 'sm'\n          : size === 'icon-xs'\n            ? 'xs'\n            : size === 'icon-lg'\n              ? 'lg'\n              : (size ?? 'sm')\n\n    return (\n      <Comp\n        ref={ref}\n        data-slot=\"button\"\n        data-size={size}\n        type={htmlType}\n        disabled={disabled}\n        aria-busy={_loading || undefined}\n        tabIndex={computedTabIndex}\n        className={cn(buttonVariants({ variant: buttonVariant, size, disabled, block, rounded }), className)}\n        onClick={(e) => {\n          // Prevents redirecting if Button is used with a link-based child element\n          if (disabled) return e.preventDefault()\n          else props?.onClick?.(e)\n        }}\n        {...props}\n      >\n        {asChild ? (\n          isValidElement(children) ? (\n            cloneElement(\n              children,\n              undefined,\n              showIcon &&\n                (_loading ? (\n                  <div className={cn(IconContainerVariants({ size: iconSize, variant: buttonVariant }))}>\n                    <Loader2 className={cn(loadingVariants({ loading: _loading, variant: buttonVariant }))} />\n                  </div>\n                ) : resolvedIconStart ? (\n                  <div className={cn(IconContainerVariants({ size: iconSize, variant: buttonVariant }))}>\n                    {resolvedIconStart}\n                  </div>\n                ) : null),\n              (children.props as { children?: React.ReactNode })?.children && (\n                <span className=\"inline-flex items-center gap-2 truncate\">\n                  {(children.props as { children?: React.ReactNode }).children}\n                </span>\n              ),\n              resolvedIconEnd && !_loading && (\n                <div className={cn(IconContainerVariants({ size: iconSize, variant: buttonVariant }))}>\n                  {resolvedIconEnd}\n                </div>\n              )\n            )\n          ) : null\n        ) : (\n          <>\n            {showIcon &&\n              (_loading ? (\n                <div className={cn(IconContainerVariants({ size: iconSize, variant: buttonVariant }))}>\n                  <Loader2\n                    aria-hidden=\"true\"\n                    className={cn(loadingVariants({ loading: _loading, variant: buttonVariant }))}\n                  />\n                  <span className=\"sr-only\">در حال بارگذاری...</span>\n                </div>\n              ) : resolvedIconStart ? (\n                <div className={cn(IconContainerVariants({ size: iconSize, variant: buttonVariant }))}>\n                  {resolvedIconStart}\n                </div>\n              ) : null)}\n            {children && <span className=\"inline-flex items-center gap-2 truncate\">{children}</span>}\n            {resolvedIconEnd && !_loading && (\n              <div className={cn(IconContainerVariants({ size: iconSize, variant: buttonVariant }))}>\n                {resolvedIconEnd}\n              </div>\n            )}\n          </>\n        )}\n      </Comp>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"]}