@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/chunk-MEKWH3GS.js

@@ -0,0 +1,89 @@
+import { cn } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  "inline-flex items-center rounded-full font-normal whitespace-nowrap transition-colors duration-150",
+  {
+    variants: {
+      variant: {
+        default: "bg-surface-75 text-foreground-light border border-strong",
+        secondary: "bg-[hsl(var(--secondary-default)/0.1)] border border-[hsl(var(--secondary-default)/0.4)] text-[hsl(var(--secondary-default))]",
+        success: "bg-brand bg-opacity-10 text-brand-600 border border-brand-500",
+        warning: "bg-warning bg-opacity-10 text-warning border border-warning-500",
+        destructive: "bg-destructive bg-opacity-10 text-destructive-600 border border-destructive-500",
+        brand: "bg-brand bg-opacity-10 text-brand-600 border border-brand-500",
+        outline: "bg-transparent text-foreground border border-foreground-muted"
+      },
+      size: {
+        xs: "px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase",
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2 py-0.5 text-xs",
+        lg: "px-3 py-0.5 text-sm",
+        /** @deprecated Use xs */
+        tiny: "px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase",
+        /** @deprecated Use sm */
+        small: "px-2 py-0.5 text-xs",
+        /** @deprecated Use lg */
+        large: "px-3 py-0.5 text-sm"
+      },
+      dot: {
+        true: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "sm"
+    }
+  }
+);
+var dotVariants = cva("size-2 rounded-full", {
+  variants: {
+    position: {
+      start: "-ms-0.5 me-1.5",
+      end: "ms-1.5 -me-0.5"
+    }
+  },
+  defaultVariants: {
+    position: "start"
+  }
+});
+var Badge = React.forwardRef(
+  ({ className, variant, size, dot, dotPosition = "end", children, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production") {
+      const deprecatedSizes = ["tiny", "small", "large"];
+      if (size && deprecatedSizes.includes(size)) {
+        console.warn(`[Parto UI] Badge: size="${size}" is deprecated. Use xs|sm|md|lg instead.`);
+      }
+    }
+    return /* @__PURE__ */ jsxs("span", { ref, "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+      dot && dotPosition === "start" && /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: cn(dotVariants({ position: "start" })),
+          fill: "currentColor",
+          viewBox: "0 0 8 8",
+          children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "3" })
+        }
+      ),
+      children,
+      dot && dotPosition === "end" && /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: cn(dotVariants({ position: "end" })),
+          fill: "currentColor",
+          viewBox: "0 0 8 8",
+          children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "3" })
+        }
+      )
+    ] });
+  }
+);
+Badge.displayName = "Badge";
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=chunk-MEKWH3GS.js.map
+//# sourceMappingURL=chunk-MEKWH3GS.js.map

package/dist/chunk-MEKWH3GS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/badge.tsx"],"names":[],"mappings":"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","file":"chunk-MEKWH3GS.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full font-normal whitespace-nowrap transition-colors duration-150',\n  {\n    variants: {\n      variant: {\n        default: 'bg-surface-75 text-foreground-light border border-strong',\n        secondary:\n          'bg-[hsl(var(--secondary-default)/0.1)] border border-[hsl(var(--secondary-default)/0.4)] text-[hsl(var(--secondary-default))]',\n        success: 'bg-brand bg-opacity-10 text-brand-600 border border-brand-500',\n        warning: 'bg-warning bg-opacity-10 text-warning border border-warning-500',\n        destructive: 'bg-destructive bg-opacity-10 text-destructive-600 border border-destructive-500',\n        brand: 'bg-brand bg-opacity-10 text-brand-600 border border-brand-500',\n        outline: 'bg-transparent text-foreground border border-foreground-muted',\n      },\n      size: {\n        xs: 'px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase',\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2 py-0.5 text-xs',\n        lg: 'px-3 py-0.5 text-sm',\n        /** @deprecated Use xs */ tiny: 'px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase',\n        /** @deprecated Use sm */ small: 'px-2 py-0.5 text-xs',\n        /** @deprecated Use lg */ large: 'px-3 py-0.5 text-sm',\n      },\n      dot: {\n        true: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'sm',\n    },\n  }\n)\n\nconst dotVariants = cva('size-2 rounded-full', {\n  variants: {\n    position: {\n      start: '-ms-0.5 me-1.5',\n      end: 'ms-1.5 -me-0.5',\n    },\n  },\n  defaultVariants: {\n    position: 'start',\n  },\n})\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {\n  dot?: boolean\n  dotPosition?: 'start' | 'end'\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, dot, dotPosition = 'end', children, ...props }, ref) => {\n    if (process.env.NODE_ENV !== 'production') {\n      const deprecatedSizes = ['tiny', 'small', 'large']\n      if (size && deprecatedSizes.includes(size as string)) {\n        console.warn(`[Parto UI] Badge: size=\"${size}\" is deprecated. Use xs|sm|md|lg instead.`)\n      }\n    }\n\n    return (\n      <span ref={ref} data-slot=\"badge\" className={cn(badgeVariants({ variant, size }), className)} {...props}>\n        {dot && dotPosition === 'start' && (\n          <svg\n            aria-hidden=\"true\"\n            className={cn(dotVariants({ position: 'start' }))}\n            fill=\"currentColor\"\n            viewBox=\"0 0 8 8\"\n          >\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\n          </svg>\n        )}\n        {children}\n        {dot && dotPosition === 'end' && (\n          <svg\n            aria-hidden=\"true\"\n            className={cn(dotVariants({ position: 'end' }))}\n            fill=\"currentColor\"\n            viewBox=\"0 0 8 8\"\n          >\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\n          </svg>\n        )}\n      </span>\n    )\n  }\n)\n\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"]}

package/dist/chunk-MFTX2DDQ.js

@@ -0,0 +1,27 @@
+import { cn } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { jsx } from 'react/jsx-runtime';
+
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    "data-slot": "popover-content",
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 rounded-md border border-overlay bg-overlay p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=chunk-MFTX2DDQ.js.map
+//# sourceMappingURL=chunk-MFTX2DDQ.js.map

package/dist/chunk-MFTX2DDQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/popover.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,OAAA,GAA2B,gBAAA,CAAA;AAEjC,IAAM,cAAA,GAAkC,gBAAA,CAAA;AAExC,IAAM,aAAA,GAAiC,gBAAA,CAAA;AAEvC,IAAM,cAAA,GAAuB,KAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,WAAW,KAAA,GAAQ,QAAA,EAAU,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC5D,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,iBAAA;AAAA,IACV,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,geAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+B,gBAAA,CAAA,OAAA,CAAQ,WAAA","file":"chunk-MFTX2DDQ.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-md border border-overlay bg-overlay p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/chunk-MMC6M35Q.cjs

@@ -0,0 +1,272 @@
+'use strict';
+
+var chunkK6G63EED_cjs = require('./chunk-K6G63EED.cjs');
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 = classVarianceAuthority.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
+          hover:bg-brand-400
+          border-opacity-0
+          bg-opacity-0
+          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: {
+        ...chunkK6G63EED_cjs.SIZE_VARIANTS,
+        default: chunkK6G63EED_cjs.SIZE_VARIANTS.sm,
+        icon: "size-9"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed pointer-events-none"
+      },
+      rounded: {
+        true: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "sm"
+    }
+  }
+);
+var IconContainerVariants = classVarianceAuthority.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 = classVarianceAuthority.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 = react.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 ? reactSlot.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" ? "sm" : size ?? "sm";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        ref,
+        "data-slot": "button",
+        "data-size": size,
+        type: htmlType,
+        disabled,
+        "aria-busy": _loading || void 0,
+        tabIndex: computedTabIndex,
+        className: chunkNV4JOKWL_cjs.cn(buttonVariants({ variant: buttonVariant, size, disabled, block, rounded }), className),
+        onClick: (e) => {
+          if (disabled) return e.preventDefault();
+          else props?.onClick?.(e);
+        },
+        ...props,
+        children: asChild ? react.isValidElement(children) ? react.cloneElement(
+          children,
+          void 0,
+          showIcon && (_loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNV4JOKWL_cjs.cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: chunkNV4JOKWL_cjs.cn(loadingVariants({ loading: _loading, variant: buttonVariant })) }) }) : resolvedIconStart ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNV4JOKWL_cjs.cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconStart }) : null),
+          children.props?.children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 truncate", children: children.props.children }),
+          resolvedIconEnd && !_loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNV4JOKWL_cjs.cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconEnd })
+        ) : null : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          showIcon && (_loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNV4JOKWL_cjs.cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.Loader2,
+              {
+                "aria-hidden": "true",
+                className: chunkNV4JOKWL_cjs.cn(loadingVariants({ loading: _loading, variant: buttonVariant }))
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC..." })
+          ] }) : resolvedIconStart ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNV4JOKWL_cjs.cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconStart }) : null),
+          children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 truncate", children }),
+          resolvedIconEnd && !_loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNV4JOKWL_cjs.cn(IconContainerVariants({ size: iconSize, variant: buttonVariant })), children: resolvedIconEnd })
+        ] })
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-MMC6M35Q.cjs.map
+//# sourceMappingURL=chunk-MMC6M35Q.cjs.map

package/dist/chunk-MMC6M35Q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.tsx"],"names":["cva","SIZE_VARIANTS","forwardRef","Slot","jsx","cn","isValidElement","cloneElement","Loader2","jsxs","Fragment"],"mappings":"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","file":"chunk-MMC6M35Q.cjs","sourcesContent":["'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          hover:bg-brand-400\n          border-opacity-0\n          bg-opacity-0\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      },\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\n    const iconSize: StandardSize | 'default' | 'icon' =\n      size === 'default' ? 'sm' : size === 'icon' ? 'sm' : (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"]}

package/dist/chunk-NMH43BDC.js

@@ -0,0 +1,130 @@
+import { useChartTheme, ChartLoadingSkeleton, ChartContainer, ChartTooltip, ChartLegend, CHART_FONT_FAMILY } from './chunk-PYURPUTV.js';
+import * as React from 'react';
+import { ResponsiveContainer, PieChart, Pie, Cell, Tooltip, Sector } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function renderActiveShape(props) {
+  const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, fill, cornerRadius } = props;
+  return /* @__PURE__ */ jsx(
+    Sector,
+    {
+      cx,
+      cy,
+      innerRadius: innerRadius - 3,
+      outerRadius: outerRadius + 5,
+      startAngle,
+      endAngle,
+      fill,
+      cornerRadius,
+      forceCornerRadius: true
+    }
+  );
+}
+function renderArcLinkLabel(props, labelSkipAngle, textColor) {
+  const { cx, cy, midAngle, outerRadius, name, percent } = props;
+  const angle = percent * 360;
+  if (angle < labelSkipAngle) return null;
+  const RADIAN = Math.PI / 180;
+  const sin = Math.sin(-RADIAN * midAngle);
+  const cos = Math.cos(-RADIAN * midAngle);
+  const arcX = cx + (outerRadius + 4) * cos;
+  const arcY = cy + (outerRadius + 4) * sin;
+  const diagLen = 10;
+  const diagX = arcX + diagLen * cos;
+  const diagY = arcY + diagLen * sin;
+  const straightLen = 14;
+  const endX = diagX + (cos >= 0 ? straightLen : -straightLen);
+  const endY = diagY;
+  const textAnchor = cos >= 0 ? "start" : "end";
+  const textX = endX + (cos >= 0 ? 4 : -4);
+  return /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: `M ${arcX},${arcY} L ${diagX},${diagY} L ${endX},${endY}`,
+        fill: "none",
+        stroke: textColor,
+        strokeWidth: 1,
+        strokeOpacity: 0.4
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "text",
+      {
+        x: textX,
+        y: endY,
+        textAnchor,
+        dominantBaseline: "central",
+        fill: textColor,
+        fontFamily: CHART_FONT_FAMILY,
+        fontSize: 11,
+        children: name
+      }
+    )
+  ] });
+}
+var PartoPieChart = React.forwardRef(function PartoPieChart2({
+  data,
+  innerRadius = "60%",
+  outerRadius = "80%",
+  paddingAngle = 1.2,
+  cornerRadius = 4,
+  showLabels = true,
+  labelSkipAngle = 14,
+  margin = { top: 20, right: 20, bottom: 20, left: 20 },
+  tooltipFormatter,
+  locale = "fa",
+  className,
+  isLoading = false,
+  ariaLabel,
+  legend = false,
+  legendValues = true
+}, ref) {
+  const { chartColors, tooltipStyle, axisTickStyle } = useChartTheme();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(ChartLoadingSkeleton, { className, shape: "circle" });
+  }
+  const legendItems = legend ? data.map((row, i) => ({
+    key: String(row.name),
+    label: row.name,
+    color: chartColors[i % chartColors.length],
+    shape: "dot",
+    value: legendValues ? row.value : void 0
+  })) : [];
+  return /* @__PURE__ */ jsx(ChartContainer, { ref, className, dataSlot: "pie-chart", ariaLabel, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(PieChart, { margin, children: [
+      /* @__PURE__ */ jsx(
+        Pie,
+        {
+          data,
+          dataKey: "value",
+          nameKey: "name",
+          cx: "50%",
+          cy: "50%",
+          innerRadius,
+          outerRadius,
+          paddingAngle,
+          cornerRadius,
+          activeShape: renderActiveShape,
+          label: showLabels ? (props) => renderArcLinkLabel(props, labelSkipAngle, axisTickStyle.fill) : false,
+          labelLine: false,
+          animationDuration: 800,
+          animationEasing: "ease-out",
+          children: data.map((_, i) => /* @__PURE__ */ jsx(Cell, { fill: chartColors[i % chartColors.length], stroke: "none" }, i))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: /* @__PURE__ */ jsx(ChartTooltip, { tooltipStyle, formatter: tooltipFormatter, locale })
+        }
+      )
+    ] }) }) }),
+    legend && /* @__PURE__ */ jsx(ChartLegend, { items: legendItems, style: { paddingTop: 12 } })
+  ] }) });
+});
+PartoPieChart.displayName = "PartoPieChart";
+
+export { PartoPieChart };
+//# sourceMappingURL=chunk-NMH43BDC.js.map
+//# sourceMappingURL=chunk-NMH43BDC.js.map

package/dist/chunk-NMH43BDC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/PartoPieChart.tsx"],"names":["PartoPieChart"],"mappings":"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","file":"chunk-NMH43BDC.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { PieChart, Pie, Cell, Tooltip, ResponsiveContainer, Sector } from 'recharts'\n\nimport { useChartTheme, CHART_FONT_FAMILY } from '@/hooks/use-chart-theme'\nimport { type SupportedLocale } from '@/lib/utils'\nimport { ChartContainer, ChartLegend, ChartLoadingSkeleton, ChartTooltip, type ChartLegendItem } from './chart-utils'\n\nexport interface PartoPieChartProps {\n  /** Data: [{ name: \"محصول A\", value: 40 }] */\n  data: Array<{ name: string; value: number; [key: string]: any }>\n  /** Inner radius — 0 for full pie, \"60%\" for donut */\n  innerRadius?: number | string\n  /** Outer radius */\n  outerRadius?: number | string\n  /** Angle between slices in degrees */\n  paddingAngle?: number\n  /** Corner radius of arc segments */\n  cornerRadius?: number\n  /** Show arc link labels (lines from slices to text) */\n  showLabels?: boolean\n  /** Skip labels for slices smaller than this angle */\n  labelSkipAngle?: number\n  /** Chart margins */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number }\n  /** Custom tooltip formatter */\n  tooltipFormatter?: (name: string, value: number) => React.ReactNode\n  /**\n   * Locale for digit formatting in tooltips. fa/ar render Persian/Arabic digits;\n   * en uses Latin. Default: 'fa'.\n   */\n  locale?: SupportedLocale\n  className?: string\n  isLoading?: boolean\n  ariaLabel?: string\n  /**\n   * Render a legend listing each slice with its color and (optionally)\n   * its value. Recommended for pies with many slices where arc-link\n   * labels get suppressed by `labelSkipAngle`. @default `false`\n   */\n  legend?: boolean\n  /** Show each slice's value in the legend. @default `true` when legend is on */\n  legendValues?: boolean\n}\n\n// Active shape with expanded radius for hover effect\nfunction renderActiveShape(props: any) {\n  const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, fill, cornerRadius } = props\n\n  return (\n    <Sector\n      cx={cx}\n      cy={cy}\n      innerRadius={innerRadius - 3}\n      outerRadius={outerRadius + 5}\n      startAngle={startAngle}\n      endAngle={endAngle}\n      fill={fill}\n      cornerRadius={cornerRadius}\n      forceCornerRadius\n    />\n  )\n}\n\n// Custom label renderer with arc link lines\nfunction renderArcLinkLabel(props: any, labelSkipAngle: number, textColor: string) {\n  const { cx, cy, midAngle, outerRadius, name, percent } = props\n\n  // Skip labels for small slices\n  const angle = percent * 360\n  if (angle < labelSkipAngle) return null\n\n  const RADIAN = Math.PI / 180\n  const sin = Math.sin(-RADIAN * midAngle)\n  const cos = Math.cos(-RADIAN * midAngle)\n\n  // Point on arc edge\n  const arcX = cx + (outerRadius + 4) * cos\n  const arcY = cy + (outerRadius + 4) * sin\n\n  // Diagonal endpoint\n  const diagLen = 10\n  const diagX = arcX + diagLen * cos\n  const diagY = arcY + diagLen * sin\n\n  // Horizontal endpoint\n  const straightLen = 14\n  const endX = diagX + (cos >= 0 ? straightLen : -straightLen)\n  const endY = diagY\n\n  const textAnchor = cos >= 0 ? 'start' : 'end'\n  const textX = endX + (cos >= 0 ? 4 : -4)\n\n  return (\n    <g>\n      <path\n        d={`M ${arcX},${arcY} L ${diagX},${diagY} L ${endX},${endY}`}\n        fill=\"none\"\n        stroke={textColor}\n        strokeWidth={1}\n        strokeOpacity={0.4}\n      />\n      <text\n        x={textX}\n        y={endY}\n        textAnchor={textAnchor}\n        dominantBaseline=\"central\"\n        fill={textColor}\n        fontFamily={CHART_FONT_FAMILY}\n        fontSize={11}\n      >\n        {name}\n      </text>\n    </g>\n  )\n}\n\nexport const PartoPieChart = React.forwardRef<HTMLDivElement, PartoPieChartProps>(function PartoPieChart(\n  {\n    data,\n    innerRadius = '60%',\n    outerRadius = '80%',\n    paddingAngle = 1.2,\n    cornerRadius = 4,\n    showLabels = true,\n    labelSkipAngle = 14,\n    margin = { top: 20, right: 20, bottom: 20, left: 20 },\n    tooltipFormatter,\n    locale = 'fa',\n    className,\n    isLoading = false,\n    ariaLabel,\n    legend = false,\n    legendValues = true,\n  },\n  ref\n) {\n  const { chartColors, tooltipStyle, axisTickStyle } = useChartTheme()\n\n  if (isLoading) {\n    return <ChartLoadingSkeleton className={className} shape=\"circle\" />\n  }\n\n  const legendItems: ChartLegendItem[] = legend\n    ? data.map((row, i) => ({\n        key: String(row.name),\n        label: row.name,\n        color: chartColors[i % chartColors.length],\n        shape: 'dot',\n        value: legendValues ? row.value : undefined,\n      }))\n    : []\n\n  return (\n    <ChartContainer ref={ref} className={className} dataSlot=\"pie-chart\" ariaLabel={ariaLabel}>\n      <div style={{ display: 'flex', flexDirection: 'column', width: '100%', height: '100%' }}>\n        <div style={{ flex: 1, minHeight: 0 }}>\n          <ResponsiveContainer width=\"100%\" height=\"100%\">\n            <PieChart margin={margin}>\n              <Pie\n                data={data}\n                dataKey=\"value\"\n                nameKey=\"name\"\n                cx=\"50%\"\n                cy=\"50%\"\n                innerRadius={innerRadius}\n                outerRadius={outerRadius}\n                paddingAngle={paddingAngle}\n                cornerRadius={cornerRadius}\n                activeShape={renderActiveShape as any}\n                label={\n                  showLabels ? (props: any) => renderArcLinkLabel(props, labelSkipAngle, axisTickStyle.fill) : false\n                }\n                labelLine={false}\n                animationDuration={800}\n                animationEasing=\"ease-out\"\n              >\n                {data.map((_, i) => (\n                  <Cell key={i} fill={chartColors[i % chartColors.length]} stroke=\"none\" />\n                ))}\n              </Pie>\n\n              <Tooltip\n                content={<ChartTooltip tooltipStyle={tooltipStyle} formatter={tooltipFormatter} locale={locale} />}\n              />\n            </PieChart>\n          </ResponsiveContainer>\n        </div>\n        {legend && <ChartLegend items={legendItems} style={{ paddingTop: 12 }} />}\n      </div>\n    </ChartContainer>\n  )\n})\nPartoPieChart.displayName = 'PartoPieChart'\n"]}