@parto-system-design/ui 1.1.4 → 1.1.7

package/dist/chunk-YE477L2H.cjs

@@ -0,0 +1,272 @@
+'use strict';
+
+var chunk34JUCX2G_cjs = require('./chunk-34JUCX2G.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-600
+  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-600
+          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-600
+          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: {
+        ...chunk34JUCX2G_cjs.SIZE_VARIANTS,
+        default: chunk34JUCX2G_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: chunk34JUCX2G_cjs.SIZE_VARIANTS_DEFAULT
+    }
+  }
+);
+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 = chunk34JUCX2G_cjs.SIZE_VARIANTS_DEFAULT,
+    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-YE477L2H.cjs.map
+//# sourceMappingURL=chunk-YE477L2H.cjs.map

package/dist/chunk-YE477L2H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.tsx"],"names":["cva","SIZE_VARIANTS","SIZE_VARIANTS_DEFAULT","forwardRef","Slot","jsx","cn","isValidElement","cloneElement","Loader2","jsxs","Fragment"],"mappings":"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","file":"chunk-YE477L2H.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, SIZE_VARIANTS_DEFAULT, type SizeWithLegacy } 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-600\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-600\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-600\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: SIZE_VARIANTS_DEFAULT,\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 = SIZE_VARIANTS_DEFAULT,\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: SizeWithLegacy | '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"]}