@parto-system-design/ui 1.1.5 → 1.1.7

package/dist/chunk-QJ7UB2ZQ.js

@@ -0,0 +1,98 @@
+import { useChartTheme, localeAwareCategoryTick, localeAwareNumberTick, ChartLoadingSkeleton, ChartContainer, ChartTooltip } from './chunk-IQHKJ4SS.js';
+import * as React from 'react';
+import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, YAxis, Tooltip, Area } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PartoAreaChart = React.forwardRef(function PartoAreaChart2({
+  data,
+  dataKeys,
+  xAxisKey = "name",
+  curve = "monotone",
+  strokeWidth = 2,
+  fillOpacity = 0.08,
+  showDots = false,
+  enableGridY = true,
+  enableGridX = false,
+  margin = { top: 20, right: 20, bottom: 50, left: 50 },
+  axisBottom,
+  axisLeft,
+  tooltipFormatter,
+  locale = "fa",
+  className,
+  isLoading = false,
+  ariaLabel,
+  chartProps
+}, ref) {
+  const { chartColors, axisTickStyle, gridStyle, tooltipStyle, crosshairStyle } = useChartTheme();
+  const defaultXTick = React.useMemo(() => localeAwareCategoryTick(locale), [locale]);
+  const defaultYTick = React.useMemo(() => localeAwareNumberTick(locale), [locale]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(ChartLoadingSkeleton, { className });
+  }
+  return /* @__PURE__ */ jsx(ChartContainer, { ref, className, dataSlot: "area-chart", ariaLabel, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data, margin, ...chartProps, children: [
+    /* @__PURE__ */ jsx("defs", { children: dataKeys.map((key, i) => /* @__PURE__ */ jsxs("linearGradient", { id: `area-gradient-${key}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: chartColors[i % chartColors.length], stopOpacity: fillOpacity }),
+      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: chartColors[i % chartColors.length], stopOpacity: 0 })
+    ] }, key)) }),
+    (enableGridX || enableGridY) && /* @__PURE__ */ jsx(
+      CartesianGrid,
+      {
+        horizontal: enableGridY,
+        vertical: enableGridX,
+        stroke: gridStyle.stroke,
+        strokeDasharray: gridStyle.strokeDasharray,
+        strokeOpacity: gridStyle.strokeOpacity
+      }
+    ),
+    axisBottom !== null && /* @__PURE__ */ jsx(
+      XAxis,
+      {
+        dataKey: xAxisKey,
+        tick: axisTickStyle,
+        tickLine: false,
+        axisLine: false,
+        tickMargin: 12,
+        tickFormatter: defaultXTick,
+        ...axisBottom
+      }
+    ),
+    axisLeft !== null && /* @__PURE__ */ jsx(
+      YAxis,
+      {
+        tick: axisTickStyle,
+        tickLine: false,
+        axisLine: false,
+        tickMargin: 12,
+        tickFormatter: defaultYTick,
+        ...axisLeft
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        cursor: crosshairStyle,
+        content: /* @__PURE__ */ jsx(ChartTooltip, { tooltipStyle, formatter: tooltipFormatter, locale })
+      }
+    ),
+    dataKeys.map((key, i) => /* @__PURE__ */ jsx(
+      Area,
+      {
+        type: curve,
+        dataKey: key,
+        stroke: chartColors[i % chartColors.length],
+        strokeWidth,
+        fill: `url(#area-gradient-${key})`,
+        dot: showDots,
+        activeDot: { r: 4, strokeWidth: 2 },
+        animationDuration: 800,
+        animationEasing: "ease-out"
+      },
+      key
+    ))
+  ] }) }) });
+});
+PartoAreaChart.displayName = "PartoAreaChart";
+
+export { PartoAreaChart };
+//# sourceMappingURL=chunk-QJ7UB2ZQ.js.map
+//# sourceMappingURL=chunk-QJ7UB2ZQ.js.map

package/dist/chunk-QJ7UB2ZQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/charts/PartoAreaChart.tsx"],"names":["PartoAreaChart"],"mappings":"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","file":"chunk-QJ7UB2ZQ.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts'\n\nimport { useChartTheme } from '@/hooks/use-chart-theme'\nimport { type SupportedLocale } from '@/lib/utils'\nimport {\n  ChartContainer,\n  ChartLoadingSkeleton,\n  ChartTooltip,\n  localeAwareCategoryTick,\n  localeAwareNumberTick,\n} from './chart-utils'\n\nexport interface PartoAreaChartProps {\n  /** Row-oriented data: [{ name: \"فروردین\", series1: 50, series2: 30 }] */\n  data: Array<Record<string, any>>\n  /** Keys for each area series (e.g. ['فروش', 'سود']) */\n  dataKeys: string[]\n  /** Field name for X axis (default: 'name') */\n  xAxisKey?: string\n  /** Curve type */\n  curve?: 'monotone' | 'linear' | 'natural' | 'step'\n  /** Line width */\n  strokeWidth?: number\n  /** Area fill opacity */\n  fillOpacity?: number\n  /** Show dots on data points */\n  showDots?: boolean\n  /** Show horizontal grid lines */\n  enableGridY?: boolean\n  /** Show vertical grid lines */\n  enableGridX?: boolean\n  /** Chart margins */\n  margin?: { top?: number; right?: number; bottom?: number; left?: number }\n  /** Custom X axis config */\n  axisBottom?: Record<string, any> | null\n  /** Custom Y axis config */\n  axisLeft?: Record<string, any> | null\n  /** Custom tooltip formatter */\n  tooltipFormatter?: (name: string, value: number) => React.ReactNode\n  /**\n   * Locale for digit formatting in tooltips and axis ticks. fa/ar render\n   * Persian/Arabic digits with locale suffixes; en uses Latin K/M/B.\n   * Default: 'fa'.\n   */\n  locale?: SupportedLocale\n  className?: string\n  isLoading?: boolean\n  ariaLabel?: string\n  /** Additional Recharts AreaChart props */\n  chartProps?: Record<string, any>\n}\n\nexport const PartoAreaChart = React.forwardRef<HTMLDivElement, PartoAreaChartProps>(function PartoAreaChart(\n  {\n    data,\n    dataKeys,\n    xAxisKey = 'name',\n    curve = 'monotone',\n    strokeWidth = 2,\n    fillOpacity = 0.08,\n    showDots = false,\n    enableGridY = true,\n    enableGridX = false,\n    margin = { top: 20, right: 20, bottom: 50, left: 50 },\n    axisBottom,\n    axisLeft,\n    tooltipFormatter,\n    locale = 'fa',\n    className,\n    isLoading = false,\n    ariaLabel,\n    chartProps,\n  },\n  ref\n) {\n  const { chartColors, axisTickStyle, gridStyle, tooltipStyle, crosshairStyle } = useChartTheme()\n  const defaultXTick = React.useMemo(() => localeAwareCategoryTick(locale), [locale])\n  const defaultYTick = React.useMemo(() => localeAwareNumberTick(locale), [locale])\n\n  if (isLoading) {\n    return <ChartLoadingSkeleton className={className} />\n  }\n\n  return (\n    <ChartContainer ref={ref} className={className} dataSlot=\"area-chart\" ariaLabel={ariaLabel}>\n      <ResponsiveContainer width=\"100%\" height=\"100%\">\n        <AreaChart data={data} margin={margin} {...chartProps}>\n          <defs>\n            {dataKeys.map((key, i) => (\n              <linearGradient key={key} id={`area-gradient-${key}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={chartColors[i % chartColors.length]} stopOpacity={fillOpacity} />\n                <stop offset=\"100%\" stopColor={chartColors[i % chartColors.length]} stopOpacity={0} />\n              </linearGradient>\n            ))}\n          </defs>\n\n          {(enableGridX || enableGridY) && (\n            <CartesianGrid\n              horizontal={enableGridY}\n              vertical={enableGridX}\n              stroke={gridStyle.stroke}\n              strokeDasharray={gridStyle.strokeDasharray}\n              strokeOpacity={gridStyle.strokeOpacity}\n            />\n          )}\n\n          {axisBottom !== null && (\n            <XAxis\n              dataKey={xAxisKey}\n              tick={axisTickStyle}\n              tickLine={false}\n              axisLine={false}\n              tickMargin={12}\n              tickFormatter={defaultXTick}\n              {...axisBottom}\n            />\n          )}\n\n          {axisLeft !== null && (\n            <YAxis\n              tick={axisTickStyle}\n              tickLine={false}\n              axisLine={false}\n              tickMargin={12}\n              tickFormatter={defaultYTick}\n              {...axisLeft}\n            />\n          )}\n\n          <Tooltip\n            cursor={crosshairStyle}\n            content={<ChartTooltip tooltipStyle={tooltipStyle} formatter={tooltipFormatter} locale={locale} />}\n          />\n\n          {dataKeys.map((key, i) => (\n            <Area\n              key={key}\n              type={curve}\n              dataKey={key}\n              stroke={chartColors[i % chartColors.length]}\n              strokeWidth={strokeWidth}\n              fill={`url(#area-gradient-${key})`}\n              dot={showDots}\n              activeDot={{ r: 4, strokeWidth: 2 }}\n              animationDuration={800}\n              animationEasing=\"ease-out\"\n            />\n          ))}\n        </AreaChart>\n      </ResponsiveContainer>\n    </ChartContainer>\n  )\n})\nPartoAreaChart.displayName = 'PartoAreaChart'\n"]}

package/dist/chunk-RA5KZNG5.js

@@ -0,0 +1,269 @@
+import { SIZE_VARIANTS_DEFAULT, SIZE_VARIANTS } from './chunk-AXAY64KL.js';
+import { cn } from './chunk-4SVQNEVH.js';
+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 { jsx, jsxs, Fragment } from '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 = 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: {
+        ...SIZE_VARIANTS,
+        default: SIZE_VARIANTS.sm,
+        icon: "size-9"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed pointer-events-none"
+      },
+      rounded: {
+        true: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: SIZE_VARIANTS_DEFAULT
+    }
+  }
+);
+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 = 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 ? 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__ */ 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=chunk-RA5KZNG5.js.map
+//# sourceMappingURL=chunk-RA5KZNG5.js.map

package/dist/chunk-RA5KZNG5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.tsx"],"names":[],"mappings":";;;;;;;;AAWA,IAAM,mBAAA,GAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAS5B,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAAA,EAqBA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,CAAA;AAAA,QAQT,OAAA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,CAAA;AAAA,QAOT,SAAA,EAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAAA;AAAA,QAOX,OAAA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAAA;AAAA,QAMT,MAAA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAAA;AAAA,QAQR,IAAA,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAAA;AAAA,QAUN,IAAA,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAAA;AAAA,QAON,MAAA,EAAQ,mBAAA;AAAA,QACR,OAAA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA,CAAA;AAAA,QAQT,WAAA,EAAa,mBAAA;AAAA,QACb,KAAA,EAAO;AAAA;AAAA;AAAA;AAAA,QAAA;AAAA,OAKT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAG,aAAA;AAAA,QACH,SAAS,aAAA,CAAc,EAAA;AAAA,QACvB,IAAA,EAAM;AAAA,OACR;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM;AAAA,OACR;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,IAAM,qBAAA,GAAwB,IAAI,yCAAA,EAA2C;AAAA,EAC3E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA;AAAA,MACe,IAAA,EAAM,qBAAA;AAAA;AAAA,MACN,KAAA,EAAO,qBAAA;AAAA;AAAA,MACP,MAAA,EAAQ,qBAAA;AAAA;AAAA,MACR,KAAA,EAAO,qBAAA;AAAA;AAAA,MACP,MAAA,EAAQ,qBAAA;AAAA,MAC3B,OAAA,EAAS,qBAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,gBAAA;AAAA,MACT,OAAA,EAAS,yBAAA;AAAA,MACT,SAAA,EAAW,mBAAA;AAAA,MACX,OAAA,EAAS,yBAAA;AAAA,MACT,MAAA,EAAQ,yBAAA;AAAA,MACR,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,yBAAA;AAAA,MACN,MAAA,EAAQ,sBAAA;AAAA,MACR,OAAA,EAAS,cAAA;AAAA,MACT,WAAA,EAAa,sBAAA;AAAA,MACb,KAAA,EAAO;AAAA;AACT;AAEJ,CAAC,CAAA;AAGD,IAAM,eAAA,GAAkB,IAAI,EAAA,EAAI;AAAA,EAC9B,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,gBAAA;AAAA,MACT,OAAA,EAAS,yBAAA;AAAA,MACT,SAAA,EAAW,mBAAA;AAAA,MACX,OAAA,EAAS,yBAAA;AAAA,MACT,MAAA,EAAQ,yBAAA;AAAA,MACR,IAAA,EAAM,gBAAA;AAAA,MACN,IAAA,EAAM,uBAAA;AAAA,MACN,MAAA,EAAQ,sBAAA;AAAA,MACR,OAAA,EAAS,cAAA;AAAA,MACT,WAAA,EAAa,sBAAA;AAAA,MACb,KAAA,EAAO;AAAA,KACT;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM,CAAA,YAAA;AAAA;AACR;AAEJ,CAAC,CAAA;AAwBD,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CACE;AAAA,IACE,OAAA,GAAU,KAAA;AAAA,IACV,OAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,qBAAA;AAAA,IACP,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,GAAW,QAAA;AAAA,IACX,OAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,MAAA,MAAM,kBAAkB,CAAC,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,SAAS,QAAQ,CAAA;AACrE,MAAA,IAAI,IAAA,IAAQ,eAAA,CAAgB,QAAA,CAAS,IAAc,CAAA,EAAG;AACpD,QAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,yBAAA,EAA4B,IAAI,CAAA,4CAAA,CAA8C,CAAA;AAAA,MAC7F;AAAA,IACF;AAEA,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAC9B,IAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AAIrB,IAAA,MAAM,aAAA,GACJ,IAAA,IAAQ,OAAO,IAAA,KAAS,YAAY,CAAC,CAAC,QAAA,EAAU,QAAA,EAAU,OAAO,CAAA,CAAE,QAAA,CAAS,IAAI,CAAA,GAC3E,OACD,OAAA,IAAW,SAAA;AAEjB,IAAA,MAAM,WAAW,SAAA,IAAa,OAAA;AAE9B,IAAA,MAAM,iBAAA,GAAoB,QAAQ,SAAA,IAAa,QAAA;AAC/C,IAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AACnC,IAAA,MAAM,WAAW,QAAA,IAAY,iBAAA;AAC7B,IAAA,MAAM,QAAA,GAAW,QAAA,KAAa,IAAA,IAAQ,KAAA,CAAM,QAAA;AAM5C,IAAA,MAAM,gBAAA,GAAmB,QAAA,KAAa,MAAA,GAAY,QAAA,GAAW,WAAW,EAAA,GAAK,CAAA;AAG7E,IAAA,MAAM,WACJ,IAAA,KAAS,SAAA,GAAY,OAAO,IAAA,KAAS,MAAA,GAAS,OAAQ,IAAA,IAAQ,IAAA;AAEhE,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,QAAA;AAAA,QACV,WAAA,EAAW,IAAA;AAAA,QACX,IAAA,EAAM,QAAA;AAAA,QACN,QAAA;AAAA,QACA,aAAW,QAAA,IAAY,MAAA;AAAA,QACvB,QAAA,EAAU,gBAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,aAAA,EAAe,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,OAAA,EAAS,CAAA,EAAG,SAAS,CAAA;AAAA,QACnG,OAAA,EAAS,CAAC,CAAA,KAAM;AAEd,UAAA,IAAI,QAAA,EAAU,OAAO,CAAA,CAAE,cAAA,EAAe;AAAA,eACjC,KAAA,EAAO,UAAU,CAAC,CAAA;AAAA,QACzB,CAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,OAAA,GACC,cAAA,CAAe,QAAQ,CAAA,GACrB,YAAA;AAAA,UACE,QAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA,KACG,2BACC,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,QAAA,EAAU,SAAS,aAAA,EAAe,CAAC,CAAA,EAClF,QAAA,kBAAA,GAAA,CAAC,WAAQ,SAAA,EAAW,EAAA,CAAG,gBAAgB,EAAE,OAAA,EAAS,UAAU,OAAA,EAAS,aAAA,EAAe,CAAC,CAAA,EAAG,GAC1F,CAAA,GACE,iBAAA,uBACD,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,qBAAA,CAAsB,EAAE,MAAM,QAAA,EAAU,OAAA,EAAS,eAAe,CAAC,CAAA,EACjF,QAAA,EAAA,iBAAA,EACH,CAAA,GACE,IAAA,CAAA;AAAA,UACL,QAAA,CAAS,OAA0C,QAAA,oBAClD,GAAA,CAAC,UAAK,SAAA,EAAU,yCAAA,EACZ,QAAA,EAAA,QAAA,CAAS,KAAA,CAAyC,QAAA,EACtD,CAAA;AAAA,UAEF,mBAAmB,CAAC,QAAA,oBAClB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,UAAU,OAAA,EAAS,aAAA,EAAe,CAAC,GACjF,QAAA,EAAA,eAAA,EACH;AAAA,SAEJ,GACE,uBAEJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,QAAA,KACE,QAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,CAAC,CAAA,EAClF,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,GAAG,eAAA,CAAgB,EAAE,SAAS,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,CAAC;AAAA;AAAA,aAC9E;AAAA,4BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,qFAAA,EAAkB;AAAA,WAAA,EAC9C,IACE,iBAAA,mBACF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,QAAA,EAAU,SAAS,aAAA,EAAe,CAAC,CAAA,EACjF,6BACH,CAAA,GACE,IAAA,CAAA;AAAA,UACL,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2CAA2C,QAAA,EAAS,CAAA;AAAA,UAChF,mBAAmB,CAAC,QAAA,oBACnB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,IAAA,EAAM,UAAU,OAAA,EAAS,aAAA,EAAe,CAAC,GACjF,QAAA,EAAA,eAAA,EACH;AAAA,SAAA,EAEJ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-RA5KZNG5.js","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"]}

package/dist/chunk-RJ3HYZ7S.js

@@ -0,0 +1,44 @@
+import { cn } from './chunk-4SVQNEVH.js';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { jsx } from 'react/jsx-runtime';
+
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative inline-flex size-8 shrink-0 overflow-hidden rounded-full align-middle text-[0px] leading-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("block size-full object-cover object-center", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn("bg-muted flex size-full items-center justify-center rounded-full text-sm", className),
+      ...props
+    }
+  );
+}
+Avatar.displayName = "Avatar";
+AvatarImage.displayName = "AvatarImage";
+AvatarFallback.displayName = "AvatarFallback";
+
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=chunk-RJ3HYZ7S.js.map
+//# sourceMappingURL=chunk-RJ3HYZ7S.js.map

package/dist/chunk-RJ3HYZ7S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/avatar.tsx"],"names":[],"mappings":";;;;AAOA,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsD;AAC1F,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAuD;AAChG,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,KAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0D;AACtG,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,QAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0EAAA,EAA4E,SAAS,CAAA;AAAA,MAClG,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AACrB,WAAA,CAAY,WAAA,GAAc,aAAA;AAC1B,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-RJ3HYZ7S.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\n\nimport { cn } from '@/lib/utils'\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        'relative inline-flex size-8 shrink-0 overflow-hidden rounded-full align-middle text-[0px] leading-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('block size-full object-cover object-center', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nAvatar.displayName = 'Avatar'\nAvatarImage.displayName = 'AvatarImage'\nAvatarFallback.displayName = 'AvatarFallback'\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"]}

package/dist/chunk-RZNRIOLT.js

@@ -0,0 +1,128 @@
+import * as React from 'react';
+
+// src/hooks/use-hotkeys.ts
+function isMac() {
+  if (typeof navigator === "undefined") return false;
+  const ua = navigator.userAgentData?.platform;
+  const platform = ua ?? navigator.platform ?? "";
+  return /mac|darwin/i.test(platform);
+}
+var SPECIAL_KEY_MAP = {
+  " ": "space",
+  spacebar: "space",
+  esc: "escape",
+  del: "delete",
+  return: "enter",
+  arrowup: "up",
+  arrowdown: "down",
+  arrowleft: "left",
+  arrowright: "right"
+};
+function normalizeKey(raw) {
+  const lower = raw.toLowerCase();
+  return SPECIAL_KEY_MAP[lower] ?? lower;
+}
+function parseCombo(combo) {
+  const parts = combo.toLowerCase().split("+").map((s) => s.trim()).filter(Boolean);
+  const result = {
+    mod: false,
+    ctrl: false,
+    cmd: false,
+    shift: false,
+    alt: false,
+    meta: false,
+    key: ""
+  };
+  for (const p of parts) {
+    if (p === "mod") result.mod = true;
+    else if (p === "ctrl" || p === "control") result.ctrl = true;
+    else if (p === "cmd" || p === "command" || p === "win") result.cmd = true;
+    else if (p === "shift") result.shift = true;
+    else if (p === "alt" || p === "option" || p === "opt") result.alt = true;
+    else if (p === "meta") result.meta = true;
+    else result.key = normalizeKey(p);
+  }
+  return result;
+}
+function matches(parsed, event, mac) {
+  const requiredCmd = parsed.cmd || parsed.mod && mac;
+  const requiredCtrl = parsed.ctrl || parsed.mod && !mac;
+  if (requiredCmd !== event.metaKey) return false;
+  if (requiredCtrl !== event.ctrlKey) return false;
+  if (parsed.shift !== event.shiftKey) return false;
+  if (parsed.alt !== event.altKey) return false;
+  if (parsed.meta && !mac && !event.metaKey) return false;
+  if (!parsed.key) return true;
+  const eventKey = normalizeKey(event.key);
+  return eventKey === parsed.key;
+}
+function isEditable(el) {
+  if (!(el instanceof HTMLElement)) return false;
+  if (el.isContentEditable) return true;
+  const tag = el.tagName;
+  if (tag === "INPUT") {
+    const type = el.type;
+    return !["button", "submit", "reset", "checkbox", "radio", "range", "color", "file"].includes(type);
+  }
+  return tag === "TEXTAREA" || tag === "SELECT";
+}
+function hasModifier(event) {
+  return event.metaKey || event.ctrlKey || event.altKey;
+}
+function resolveTarget(target) {
+  if (!target) return typeof document !== "undefined" ? document : null;
+  if (target instanceof Document) return target;
+  if ("current" in target) return target.current ?? null;
+  return target;
+}
+function useHotkeys(combo, handler, options = {}) {
+  const { preventDefault = true, ignoreWhenTyping = true, enabled = true, target } = options;
+  const handlerRef = React.useRef(handler);
+  React.useEffect(() => {
+    handlerRef.current = handler;
+  }, [handler]);
+  React.useEffect(() => {
+    if (!enabled) return;
+    const resolvedTarget = resolveTarget(target);
+    if (!resolvedTarget) return;
+    const combos = (Array.isArray(combo) ? combo : [combo]).map(parseCombo);
+    const mac = isMac();
+    const listener = (event) => {
+      const keyboardEvent = event;
+      const matched = combos.find((parsed) => matches(parsed, keyboardEvent, mac));
+      if (!matched) return;
+      if (ignoreWhenTyping && isEditable(keyboardEvent.target) && !hasModifier(keyboardEvent)) {
+        return;
+      }
+      if (preventDefault) keyboardEvent.preventDefault();
+      handlerRef.current(keyboardEvent);
+    };
+    resolvedTarget.addEventListener("keydown", listener);
+    return () => {
+      resolvedTarget.removeEventListener("keydown", listener);
+    };
+  }, [Array.isArray(combo) ? combo.join("|") : combo, enabled, ignoreWhenTyping, preventDefault, target]);
+}
+function formatHotkey(combo) {
+  const mac = isMac();
+  return combo.split("+").map((p) => {
+    const t = p.trim().toLowerCase();
+    if (t === "mod") return mac ? "\u2318" : "Ctrl";
+    if (t === "cmd" || t === "meta") return mac ? "\u2318" : "Win";
+    if (t === "ctrl" || t === "control") return mac ? "\u2303" : "Ctrl";
+    if (t === "shift") return mac ? "\u21E7" : "Shift";
+    if (t === "alt" || t === "option" || t === "opt") return mac ? "\u2325" : "Alt";
+    if (t === "enter" || t === "return") return "\u21B5";
+    if (t === "escape" || t === "esc") return "Esc";
+    if (t === "space") return "Space";
+    if (t === "up") return "\u2191";
+    if (t === "down") return "\u2193";
+    if (t === "left") return "\u2190";
+    if (t === "right") return "\u2192";
+    return t.length === 1 ? t.toUpperCase() : t;
+  }).join(mac ? "" : "+");
+}
+
+export { formatHotkey, useHotkeys };
+//# sourceMappingURL=chunk-RZNRIOLT.js.map
+//# sourceMappingURL=chunk-RZNRIOLT.js.map

package/dist/chunk-RZNRIOLT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-hotkeys.ts"],"names":[],"mappings":"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","file":"chunk-RZNRIOLT.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\n\n/**\n * Hotkey string grammar:\n *\n *   <part>[+<part>]*\n *\n * where each <part> is one of:\n *   mod           — Cmd on macOS, Ctrl on everything else (recommended)\n *   ctrl / cmd    — explicit, cross-platform tokens\n *   shift | alt | meta\n *   <single key>  — lowercase character, 'space', 'enter', 'escape', 'tab',\n *                   arrow{up,down,left,right}, 'slash', 'backspace', etc.\n *\n * Examples:\n *   'mod+k'          — ⌘K on macOS, CtrlK elsewhere\n *   'mod+shift+p'\n *   'escape'\n *   'ctrl+k'         — explicit Ctrl (no Cmd fallback on macOS)\n *\n * Passing an array of strings is treated as an OR — any combo fires the handler.\n */\nexport type HotkeyCombo = string | readonly string[]\n\nexport interface UseHotkeysOptions {\n  /**\n   * When true, `event.preventDefault()` is called on matched combos.\n   * Default: true. Useful to allow the browser's native 'mod+k' (address bar)\n   * to keep working — set to false if the handler only does something conditionally.\n   */\n  preventDefault?: boolean\n  /**\n   * Skip the handler when focus is inside an editable control (input, textarea,\n   * contenteditable). The exception: combos that include a modifier (mod/ctrl/\n   * cmd/alt) still fire — they are unambiguous shortcuts, not typing.\n   * Default: true.\n   */\n  ignoreWhenTyping?: boolean\n  /**\n   * When false, the hook unregisters its listener. Useful for conditionally\n   * enabling shortcuts (e.g., only while a panel is open).\n   * Default: true.\n   */\n  enabled?: boolean\n  /**\n   * DOM target. Defaults to `document`. Pass a ref for scoped shortcuts (e.g.,\n   * only when a specific panel has focus within).\n   */\n  target?: React.RefObject<HTMLElement | null> | HTMLElement | Document | null\n}\n\nfunction isMac(): boolean {\n  if (typeof navigator === 'undefined') return false\n  // `userAgentData.platform` is the modern API; fall back to platform string.\n  // Accept 'darwin' (nodejs tests) and 'MacIntel'/'Mac OS X'.\n  const ua = (navigator as Navigator & { userAgentData?: { platform?: string } }).userAgentData?.platform\n  const platform = ua ?? navigator.platform ?? ''\n  return /mac|darwin/i.test(platform)\n}\n\nconst SPECIAL_KEY_MAP: Record<string, string> = {\n  ' ': 'space',\n  spacebar: 'space',\n  esc: 'escape',\n  del: 'delete',\n  return: 'enter',\n  arrowup: 'up',\n  arrowdown: 'down',\n  arrowleft: 'left',\n  arrowright: 'right',\n}\n\nfunction normalizeKey(raw: string): string {\n  const lower = raw.toLowerCase()\n  return SPECIAL_KEY_MAP[lower] ?? lower\n}\n\ntype ParsedCombo = {\n  mod: boolean\n  ctrl: boolean\n  cmd: boolean\n  shift: boolean\n  alt: boolean\n  meta: boolean\n  key: string\n}\n\nfunction parseCombo(combo: string): ParsedCombo {\n  const parts = combo\n    .toLowerCase()\n    .split('+')\n    .map((s) => s.trim())\n    .filter(Boolean)\n  const result: ParsedCombo = {\n    mod: false,\n    ctrl: false,\n    cmd: false,\n    shift: false,\n    alt: false,\n    meta: false,\n    key: '',\n  }\n  for (const p of parts) {\n    if (p === 'mod') result.mod = true\n    else if (p === 'ctrl' || p === 'control') result.ctrl = true\n    else if (p === 'cmd' || p === 'command' || p === 'win') result.cmd = true\n    else if (p === 'shift') result.shift = true\n    else if (p === 'alt' || p === 'option' || p === 'opt') result.alt = true\n    else if (p === 'meta') result.meta = true\n    else result.key = normalizeKey(p)\n  }\n  return result\n}\n\nfunction matches(parsed: ParsedCombo, event: KeyboardEvent, mac: boolean): boolean {\n  // `mod` resolves to Cmd on macOS, Ctrl elsewhere. Track both sides of the combo.\n  const requiredCmd = parsed.cmd || (parsed.mod && mac)\n  const requiredCtrl = parsed.ctrl || (parsed.mod && !mac)\n\n  if (requiredCmd !== event.metaKey) return false\n  if (requiredCtrl !== event.ctrlKey) return false\n  if (parsed.shift !== event.shiftKey) return false\n  if (parsed.alt !== event.altKey) return false\n  // `meta` (plain) aliases Cmd on macOS — avoid double-matching when both mod+meta are specified.\n  if (parsed.meta && !mac && !event.metaKey) return false\n\n  if (!parsed.key) return true\n  const eventKey = normalizeKey(event.key)\n  return eventKey === parsed.key\n}\n\nfunction isEditable(el: EventTarget | null): boolean {\n  if (!(el instanceof HTMLElement)) return false\n  if (el.isContentEditable) return true\n  const tag = el.tagName\n  if (tag === 'INPUT') {\n    const type = (el as HTMLInputElement).type\n    // Buttons and checkboxes aren't \"typing\" — don't block.\n    return !['button', 'submit', 'reset', 'checkbox', 'radio', 'range', 'color', 'file'].includes(type)\n  }\n  return tag === 'TEXTAREA' || tag === 'SELECT'\n}\n\nfunction hasModifier(event: KeyboardEvent): boolean {\n  return event.metaKey || event.ctrlKey || event.altKey\n}\n\nfunction resolveTarget(target: UseHotkeysOptions['target']): EventTarget | null {\n  if (!target) return typeof document !== 'undefined' ? document : null\n  if (target instanceof Document) return target\n  if ('current' in target) return target.current ?? null\n  return target\n}\n\n/**\n * Register a keyboard shortcut. Handler fires when the combo matches, respecting\n * `ignoreWhenTyping` (default true) — except when a modifier is part of the combo,\n * which always wins. Returns nothing; cleanup is automatic.\n *\n * @example\n * useHotkeys('mod+k', () => setOpen((v) => !v))\n * useHotkeys(['escape', 'mod+w'], close, { enabled: open })\n */\nexport function useHotkeys(\n  combo: HotkeyCombo,\n  handler: (event: KeyboardEvent) => void,\n  options: UseHotkeysOptions = {}\n): void {\n  const { preventDefault = true, ignoreWhenTyping = true, enabled = true, target } = options\n\n  // Keep latest handler in a ref so callers don't need to memoize.\n  const handlerRef = React.useRef(handler)\n  React.useEffect(() => {\n    handlerRef.current = handler\n  }, [handler])\n\n  React.useEffect(() => {\n    if (!enabled) return\n    const resolvedTarget = resolveTarget(target)\n    if (!resolvedTarget) return\n\n    const combos = (Array.isArray(combo) ? combo : [combo]).map(parseCombo)\n    const mac = isMac()\n\n    const listener = (event: Event) => {\n      const keyboardEvent = event as KeyboardEvent\n      const matched = combos.find((parsed) => matches(parsed, keyboardEvent, mac))\n      if (!matched) return\n\n      if (ignoreWhenTyping && isEditable(keyboardEvent.target) && !hasModifier(keyboardEvent)) {\n        return\n      }\n\n      if (preventDefault) keyboardEvent.preventDefault()\n      handlerRef.current(keyboardEvent)\n    }\n\n    resolvedTarget.addEventListener('keydown', listener)\n    return () => {\n      resolvedTarget.removeEventListener('keydown', listener)\n    }\n    // `combo` is usually a stable string literal; if callers pass a new array every\n    // render we join-stringify to avoid stale closures without surprising rerenders.\n  }, [Array.isArray(combo) ? combo.join('|') : combo, enabled, ignoreWhenTyping, preventDefault, target])\n}\n\n/**\n * Render-helper: returns a platform-appropriate display string for a combo.\n * 'mod+k' → '⌘K' on macOS, 'Ctrl+K' elsewhere. Useful for `<CommandShortcut>`.\n */\nexport function formatHotkey(combo: string): string {\n  const mac = isMac()\n  return combo\n    .split('+')\n    .map((p) => {\n      const t = p.trim().toLowerCase()\n      if (t === 'mod') return mac ? '⌘' : 'Ctrl'\n      if (t === 'cmd' || t === 'meta') return mac ? '⌘' : 'Win'\n      if (t === 'ctrl' || t === 'control') return mac ? '⌃' : 'Ctrl'\n      if (t === 'shift') return mac ? '⇧' : 'Shift'\n      if (t === 'alt' || t === 'option' || t === 'opt') return mac ? '⌥' : 'Alt'\n      if (t === 'enter' || t === 'return') return '↵'\n      if (t === 'escape' || t === 'esc') return 'Esc'\n      if (t === 'space') return 'Space'\n      if (t === 'up') return '↑'\n      if (t === 'down') return '↓'\n      if (t === 'left') return '←'\n      if (t === 'right') return '→'\n      return t.length === 1 ? t.toUpperCase() : t\n    })\n    .join(mac ? '' : '+')\n}\n"]}