@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/chunk-SB5DSYR5.js

@@ -0,0 +1,211 @@
+import { cn } from './chunk-4SVQNEVH.js';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var skeletonVariants = cva("bg-accent animate-pulse", {
+  variants: {
+    shape: {
+      rect: "rounded-md",
+      line: "rounded-full h-4 w-full",
+      circle: "rounded-full",
+      text: "rounded h-4"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    { shape: "circle", size: "sm", class: "size-8" },
+    { shape: "circle", size: "md", class: "size-10" },
+    { shape: "circle", size: "lg", class: "size-14" }
+  ],
+  defaultVariants: {
+    shape: "rect",
+    size: "md"
+  }
+});
+function Skeleton({ className, shape, size, count, ...props }) {
+  if (count && count > 1) {
+    return /* @__PURE__ */ jsx("div", { role: "status", "aria-busy": "true", "aria-label": "Loading", className: "space-y-2", children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "skeleton",
+        "aria-hidden": "true",
+        className: cn(skeletonVariants({ shape, size }), className)
+      },
+      i
+    )) });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading",
+      ...props,
+      className: cn(skeletonVariants({ shape, size }), className)
+    }
+  );
+}
+Skeleton.displayName = "Skeleton";
+function MetricCardSkeleton({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "metric-card-skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading metric",
+      className: cn("rounded-lg border border-border bg-card p-4 space-y-3", className),
+      children: [
+        /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-3 w-1/3", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(Skeleton, { shape: "rect", className: "h-8 w-1/2", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-3 w-1/4", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+MetricCardSkeleton.displayName = "MetricCardSkeleton";
+function ChartSkeleton({ className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "chart-skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading chart",
+      className: cn("w-full rounded-md overflow-hidden", className),
+      children: /* @__PURE__ */ jsx(Skeleton, { shape: "rect", className: "w-full h-full min-h-[200px]", "aria-hidden": "true" })
+    }
+  );
+}
+ChartSkeleton.displayName = "ChartSkeleton";
+function TableSkeleton({ rows = 5, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "table-skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading table",
+      className: cn("w-full rounded-md border border-border overflow-hidden", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-4 bg-muted/50 px-4 py-3 border-b border-border", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 flex-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 flex-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 flex-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 w-16" })
+        ] }),
+        Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: cn("flex gap-4 px-4 py-3", i !== rows - 1 && "border-b border-border"),
+            children: [
+              /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 flex-1" }),
+              /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 flex-1" }),
+              /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 flex-1" }),
+              /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 w-16" })
+            ]
+          },
+          i
+        ))
+      ]
+    }
+  );
+}
+TableSkeleton.displayName = "TableSkeleton";
+function TableRowSkeleton({ cells = 4, className }) {
+  return /* @__PURE__ */ jsx("tr", { "data-slot": "table-row-skeleton", "aria-busy": "true", className, children: Array.from({ length: cells }).map((_, i) => /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-3.5 w-full max-w-[140px]" }) }, i)) });
+}
+TableRowSkeleton.displayName = "TableRowSkeleton";
+function CardSkeleton({
+  withImage = false,
+  imageAspect = "video",
+  bodyLines = 2,
+  withFooter = false,
+  className
+}) {
+  const aspectClass = imageAspect === "square" ? "aspect-square" : imageAspect === "wide" ? "aspect-[21/9]" : "aspect-video";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "card-skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading card",
+      className: cn("rounded-lg border border-border bg-card overflow-hidden flex flex-col", className),
+      children: [
+        withImage && /* @__PURE__ */ jsx(Skeleton, { shape: "rect", className: cn("w-full", aspectClass), "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-3 flex-1", children: [
+          /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-4 w-3/5", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: bodyLines }).map((_, i) => /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              shape: "line",
+              className: cn("h-3", i === bodyLines - 1 ? "w-2/3" : "w-full"),
+              "aria-hidden": "true"
+            },
+            i
+          )) })
+        ] }),
+        withFooter && /* @__PURE__ */ jsxs("div", { className: "p-4 border-t border-border flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-3 w-1/4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(Skeleton, { shape: "rect", className: "h-8 w-20", "aria-hidden": "true" })
+        ] })
+      ]
+    }
+  );
+}
+CardSkeleton.displayName = "CardSkeleton";
+function AvatarTextSkeleton({ size = "md", lines = 2, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "avatar-text-skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading user",
+      className: cn("flex items-center gap-3", className),
+      children: [
+        /* @__PURE__ */ jsx(Skeleton, { shape: "circle", size, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 space-y-2", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            shape: "line",
+            className: cn("h-3", i === 0 ? "w-1/3" : i === lines - 1 ? "w-1/2" : "w-full"),
+            "aria-hidden": "true"
+          },
+          i
+        )) })
+      ]
+    }
+  );
+}
+AvatarTextSkeleton.displayName = "AvatarTextSkeleton";
+function FormRowSkeleton({ field = "input", withHelp = false, className }) {
+  const inputClass = field === "textarea" ? "h-20" : field === "select" ? "h-9" : "h-9";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "form-row-skeleton",
+      role: "status",
+      "aria-busy": "true",
+      "aria-label": "Loading form field",
+      className: cn("space-y-2", className),
+      children: [
+        /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-3 w-1/4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(Skeleton, { shape: "rect", className: cn("w-full", inputClass), "aria-hidden": "true" }),
+        withHelp && /* @__PURE__ */ jsx(Skeleton, { shape: "line", className: "h-2.5 w-1/3", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+FormRowSkeleton.displayName = "FormRowSkeleton";
+
+export { AvatarTextSkeleton, CardSkeleton, ChartSkeleton, FormRowSkeleton, MetricCardSkeleton, Skeleton, TableRowSkeleton, TableSkeleton };
+//# sourceMappingURL=chunk-SB5DSYR5.js.map
+//# sourceMappingURL=chunk-SB5DSYR5.js.map

package/dist/chunk-SB5DSYR5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/skeleton.tsx"],"names":[],"mappings":"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","file":"chunk-SB5DSYR5.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\nconst skeletonVariants = cva('bg-accent animate-pulse', {\n  variants: {\n    shape: {\n      rect: 'rounded-md',\n      line: 'rounded-full h-4 w-full',\n      circle: 'rounded-full',\n      text: 'rounded h-4',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  compoundVariants: [\n    { shape: 'circle', size: 'sm', class: 'size-8' },\n    { shape: 'circle', size: 'md', class: 'size-10' },\n    { shape: 'circle', size: 'lg', class: 'size-14' },\n  ],\n  defaultVariants: {\n    shape: 'rect',\n    size: 'md',\n  },\n})\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {\n  /**\n   * تعداد عناصر skeleton برای نمایش (برای shape های line و text)\n   * Number of skeleton elements to repeat (for line/text shapes)\n   */\n  count?: number\n}\n\nfunction Skeleton({ className, shape, size, count, ...props }: SkeletonProps) {\n  if (count && count > 1) {\n    return (\n      <div role=\"status\" aria-busy=\"true\" aria-label=\"Loading\" className=\"space-y-2\">\n        {Array.from({ length: count }).map((_, i) => (\n          <div\n            key={i}\n            data-slot=\"skeleton\"\n            aria-hidden=\"true\"\n            className={cn(skeletonVariants({ shape, size }), className)}\n          />\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label=\"Loading\"\n      {...props}\n      className={cn(skeletonVariants({ shape, size }), className)}\n    />\n  )\n}\n\nSkeleton.displayName = 'Skeleton'\n\n/* -------------------------------------------------------------------------- */\n/*  Named Skeleton Presets                                                     */\n/* -------------------------------------------------------------------------- */\n\nexport interface MetricCardSkeletonProps {\n  className?: string\n}\n\nfunction MetricCardSkeleton({ className }: MetricCardSkeletonProps) {\n  return (\n    <div\n      data-slot=\"metric-card-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label=\"Loading metric\"\n      className={cn('rounded-lg border border-border bg-card p-4 space-y-3', className)}\n    >\n      <Skeleton shape=\"line\" className=\"h-3 w-1/3\" aria-hidden=\"true\" />\n      <Skeleton shape=\"rect\" className=\"h-8 w-1/2\" aria-hidden=\"true\" />\n      <Skeleton shape=\"line\" className=\"h-3 w-1/4\" aria-hidden=\"true\" />\n    </div>\n  )\n}\nMetricCardSkeleton.displayName = 'MetricCardSkeleton'\n\nexport interface ChartSkeletonProps {\n  className?: string\n}\n\nfunction ChartSkeleton({ className }: ChartSkeletonProps) {\n  return (\n    <div\n      data-slot=\"chart-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label=\"Loading chart\"\n      className={cn('w-full rounded-md overflow-hidden', className)}\n    >\n      <Skeleton shape=\"rect\" className=\"w-full h-full min-h-[200px]\" aria-hidden=\"true\" />\n    </div>\n  )\n}\nChartSkeleton.displayName = 'ChartSkeleton'\n\nexport interface TableSkeletonProps {\n  rows?: number\n  className?: string\n}\n\nfunction TableSkeleton({ rows = 5, className }: TableSkeletonProps) {\n  return (\n    <div\n      data-slot=\"table-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label=\"Loading table\"\n      className={cn('w-full rounded-md border border-border overflow-hidden', className)}\n    >\n      <div className=\"flex gap-4 bg-muted/50 px-4 py-3 border-b border-border\" aria-hidden=\"true\">\n        <Skeleton shape=\"line\" className=\"h-4 flex-1\" />\n        <Skeleton shape=\"line\" className=\"h-4 flex-1\" />\n        <Skeleton shape=\"line\" className=\"h-4 flex-1\" />\n        <Skeleton shape=\"line\" className=\"h-4 w-16\" />\n      </div>\n      {Array.from({ length: rows }).map((_, i) => (\n        <div\n          key={i}\n          aria-hidden=\"true\"\n          className={cn('flex gap-4 px-4 py-3', i !== rows - 1 && 'border-b border-border')}\n        >\n          <Skeleton shape=\"line\" className=\"h-4 flex-1\" />\n          <Skeleton shape=\"line\" className=\"h-4 flex-1\" />\n          <Skeleton shape=\"line\" className=\"h-4 flex-1\" />\n          <Skeleton shape=\"line\" className=\"h-4 w-16\" />\n        </div>\n      ))}\n    </div>\n  )\n}\nTableSkeleton.displayName = 'TableSkeleton'\n\n/* -------------------------------------------------------------------------- */\n/*  TableRowSkeleton — a single row inside an existing table                   */\n/* -------------------------------------------------------------------------- */\n\nexport interface TableRowSkeletonProps {\n  /** Number of cells in the row */\n  cells?: number\n  className?: string\n}\n\nfunction TableRowSkeleton({ cells = 4, className }: TableRowSkeletonProps) {\n  // Don't assign role=\"status\" to <tr> — it's a table-row element and\n  // ARIA disallows that combination. The cell <td>s carry aria-hidden so\n  // screen readers stay quiet during the brief loading window.\n  return (\n    <tr data-slot=\"table-row-skeleton\" aria-busy=\"true\" className={className}>\n      {Array.from({ length: cells }).map((_, i) => (\n        <td key={i} className=\"px-3 py-2.5\" aria-hidden=\"true\">\n          <Skeleton shape=\"line\" className=\"h-3.5 w-full max-w-[140px]\" />\n        </td>\n      ))}\n    </tr>\n  )\n}\nTableRowSkeleton.displayName = 'TableRowSkeleton'\n\n/* -------------------------------------------------------------------------- */\n/*  CardSkeleton — typical card with title + body lines + optional image       */\n/* -------------------------------------------------------------------------- */\n\nexport interface CardSkeletonProps {\n  /** Show a leading image/thumbnail block @default false */\n  withImage?: boolean\n  /** Aspect ratio of the image (when withImage) @default 'video' */\n  imageAspect?: 'video' | 'square' | 'wide'\n  /** Number of body lines @default 2 */\n  bodyLines?: number\n  /** Show a footer row (button-shaped placeholder) @default false */\n  withFooter?: boolean\n  className?: string\n}\n\nfunction CardSkeleton({\n  withImage = false,\n  imageAspect = 'video',\n  bodyLines = 2,\n  withFooter = false,\n  className,\n}: CardSkeletonProps) {\n  const aspectClass =\n    imageAspect === 'square' ? 'aspect-square' : imageAspect === 'wide' ? 'aspect-[21/9]' : 'aspect-video'\n  return (\n    <div\n      data-slot=\"card-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label=\"Loading card\"\n      className={cn('rounded-lg border border-border bg-card overflow-hidden flex flex-col', className)}\n    >\n      {withImage && <Skeleton shape=\"rect\" className={cn('w-full', aspectClass)} aria-hidden=\"true\" />}\n      <div className=\"p-4 space-y-3 flex-1\">\n        <Skeleton shape=\"line\" className=\"h-4 w-3/5\" aria-hidden=\"true\" />\n        <div className=\"space-y-2\">\n          {Array.from({ length: bodyLines }).map((_, i) => (\n            <Skeleton\n              key={i}\n              shape=\"line\"\n              className={cn('h-3', i === bodyLines - 1 ? 'w-2/3' : 'w-full')}\n              aria-hidden=\"true\"\n            />\n          ))}\n        </div>\n      </div>\n      {withFooter && (\n        <div className=\"p-4 border-t border-border flex items-center justify-between gap-2\">\n          <Skeleton shape=\"line\" className=\"h-3 w-1/4\" aria-hidden=\"true\" />\n          <Skeleton shape=\"rect\" className=\"h-8 w-20\" aria-hidden=\"true\" />\n        </div>\n      )}\n    </div>\n  )\n}\nCardSkeleton.displayName = 'CardSkeleton'\n\n/* -------------------------------------------------------------------------- */\n/*  AvatarTextSkeleton — circle avatar + 2 text lines (list/comment style)     */\n/* -------------------------------------------------------------------------- */\n\nexport interface AvatarTextSkeletonProps {\n  /** Avatar size @default 'md' */\n  size?: 'sm' | 'md' | 'lg'\n  /** Number of text lines beside the avatar @default 2 */\n  lines?: number\n  className?: string\n}\n\nfunction AvatarTextSkeleton({ size = 'md', lines = 2, className }: AvatarTextSkeletonProps) {\n  return (\n    <div\n      data-slot=\"avatar-text-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label=\"Loading user\"\n      className={cn('flex items-center gap-3', className)}\n    >\n      <Skeleton shape=\"circle\" size={size} aria-hidden=\"true\" />\n      <div className=\"flex-1 min-w-0 space-y-2\">\n        {Array.from({ length: lines }).map((_, i) => (\n          <Skeleton\n            key={i}\n            shape=\"line\"\n            className={cn('h-3', i === 0 ? 'w-1/3' : i === lines - 1 ? 'w-1/2' : 'w-full')}\n            aria-hidden=\"true\"\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\nAvatarTextSkeleton.displayName = 'AvatarTextSkeleton'\n\n/* -------------------------------------------------------------------------- */\n/*  FormRowSkeleton — label + input placeholder for forms                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface FormRowSkeletonProps {\n  /** Field shape — 'input' (one-line), 'textarea' (3-line), 'select' (input + chevron) */\n  field?: 'input' | 'textarea' | 'select'\n  /** Show help text line below input @default false */\n  withHelp?: boolean\n  className?: string\n}\n\nfunction FormRowSkeleton({ field = 'input', withHelp = false, className }: FormRowSkeletonProps) {\n  const inputClass = field === 'textarea' ? 'h-20' : field === 'select' ? 'h-9' : 'h-9'\n  return (\n    <div\n      data-slot=\"form-row-skeleton\"\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label=\"Loading form field\"\n      className={cn('space-y-2', className)}\n    >\n      <Skeleton shape=\"line\" className=\"h-3 w-1/4\" aria-hidden=\"true\" />\n      <Skeleton shape=\"rect\" className={cn('w-full', inputClass)} aria-hidden=\"true\" />\n      {withHelp && <Skeleton shape=\"line\" className=\"h-2.5 w-1/3\" aria-hidden=\"true\" />}\n    </div>\n  )\n}\nFormRowSkeleton.displayName = 'FormRowSkeleton'\n\nexport {\n  Skeleton,\n  MetricCardSkeleton,\n  ChartSkeleton,\n  TableSkeleton,\n  TableRowSkeleton,\n  CardSkeleton,\n  AvatarTextSkeleton,\n  FormRowSkeleton,\n}\n"]}

package/dist/chunk-SFXV2DUH.js

@@ -0,0 +1,106 @@
+import { cn } from './chunk-4SVQNEVH.js';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { XIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-300",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=closed]:rtl:slide-out-to-left data-[state=open]:slide-in-from-right data-[state=open]:rtl:slide-in-from-left inset-y-0 end-0 h-full w-3/4 border-s sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=closed]:rtl:slide-out-to-right data-[state=open]:slide-in-from-left data-[state=open]:rtl:slide-in-from-right inset-y-0 start-0 h-full w-3/4 border-e sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute top-4 end-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-brand-default focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-selection data-[state=open]:text-foreground-muted", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "\u0628\u0633\u062A\u0646" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props });
+}
+function SheetBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-body", className: cn("flex-1 overflow-y-auto px-4 pb-4", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+Sheet.displayName = "Sheet";
+SheetTrigger.displayName = "SheetTrigger";
+SheetClose.displayName = "SheetClose";
+SheetPortal.displayName = "SheetPortal";
+SheetOverlay.displayName = "SheetOverlay";
+SheetContent.displayName = "SheetContent";
+SheetHeader.displayName = "SheetHeader";
+SheetBody.displayName = "SheetBody";
+SheetFooter.displayName = "SheetFooter";
+SheetTitle.displayName = "SheetTitle";
+SheetDescription.displayName = "SheetDescription";
+
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+//# sourceMappingURL=chunk-SFXV2DUH.js.map
+//# sourceMappingURL=chunk-SFXV2DUH.js.map

package/dist/chunk-SFXV2DUH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/sheet.tsx"],"names":[],"mappings":"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","file":"chunk-SFXV2DUH.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-300',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=closed]:rtl:slide-out-to-left data-[state=open]:slide-in-from-right data-[state=open]:rtl:slide-in-from-left inset-y-0 end-0 h-full w-3/4 border-s sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=closed]:rtl:slide-out-to-right data-[state=open]:slide-in-from-left data-[state=open]:rtl:slide-in-from-right inset-y-0 start-0 h-full w-3/4 border-e sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"absolute top-4 end-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-brand-default focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-selection data-[state=open]:text-foreground-muted\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">بستن</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-header\" className={cn('flex flex-col gap-1.5 p-4', className)} {...props} />\n}\n\nfunction SheetBody({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-body\" className={cn('flex-1 overflow-y-auto px-4 pb-4', className)} {...props} />\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"sheet-footer\" className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nSheet.displayName = 'Sheet'\nSheetTrigger.displayName = 'SheetTrigger'\nSheetClose.displayName = 'SheetClose'\nSheetPortal.displayName = 'SheetPortal'\nSheetOverlay.displayName = 'SheetOverlay'\nSheetContent.displayName = 'SheetContent'\nSheetHeader.displayName = 'SheetHeader'\nSheetBody.displayName = 'SheetBody'\nSheetFooter.displayName = 'SheetFooter'\nSheetTitle.displayName = 'SheetTitle'\nSheetDescription.displayName = 'SheetDescription'\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetBody,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"]}

package/dist/chunk-SXEPGD4Z.cjs

@@ -0,0 +1,152 @@
+'use strict';
+
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var cardVariants = classVarianceAuthority.cva(
+  // A Card is a visual container, not a focusable surface. Do not apply
+  // focus-within rings to the base — that bleeds the ring of whatever
+  // input/button inside has focus onto the whole card. The `interactive`
+  // variant below opts into focus-visible explicitly because it IS clickable.
+  "overflow-hidden rounded-lg text-card-foreground transition-all duration-200",
+  {
+    variants: {
+      variant: {
+        default: "border bg-surface-100 shadow-sm",
+        outlined: "border-2 border-border bg-transparent",
+        elevated: "bg-surface-100 shadow-card hover:shadow-lg",
+        interactive: "border bg-surface-100 shadow-sm hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0 active:shadow-md cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        glass: "border border-border/50 bg-background/80 backdrop-blur-sm shadow-sm"
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Card = React__namespace.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    "data-slot": "card",
+    "data-size": size,
+    className: chunkNV4JOKWL_cjs.cn(cardVariants({ variant, size }), className),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      className: chunkNV4JOKWL_cjs.cn(
+        "flex flex-col space-y-1.5 border-b",
+        // Size variants inherited from Card
+        "[[data-size=sm]_&]:py-3 [[data-size=sm]_&]:px-4",
+        "[[data-size=md]_&]:py-4 [[data-size=md]_&]:px-6",
+        "[[data-size=lg]_&]:py-5 [[data-size=lg]_&]:px-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "h3",
+    {
+      ref,
+      "data-slot": "card-title",
+      className: chunkNV4JOKWL_cjs.cn(
+        "font-semibold leading-tight tracking-tight",
+        "[[data-size=sm]_&]:text-sm",
+        "[[data-size=md]_&]:text-base",
+        "[[data-size=lg]_&]:text-lg",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, "data-slot": "card-description", className: chunkNV4JOKWL_cjs.cn("text-sm text-foreground-muted", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-content",
+      className: chunkNV4JOKWL_cjs.cn(
+        "border-b last:border-none",
+        "[[data-size=sm]_&]:py-3 [[data-size=sm]_&]:px-4",
+        "[[data-size=md]_&]:py-4 [[data-size=md]_&]:px-6",
+        "[[data-size=lg]_&]:py-5 [[data-size=lg]_&]:px-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      className: chunkNV4JOKWL_cjs.cn(
+        "flex items-center",
+        "[[data-size=sm]_&]:py-3 [[data-size=sm]_&]:px-4",
+        "[[data-size=md]_&]:py-4 [[data-size=md]_&]:px-6",
+        "[[data-size=lg]_&]:py-5 [[data-size=lg]_&]:px-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.cardVariants = cardVariants;
+//# sourceMappingURL=chunk-SXEPGD4Z.cjs.map
+//# sourceMappingURL=chunk-SXEPGD4Z.cjs.map

package/dist/chunk-SXEPGD4Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/card.tsx"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,YAAA,GAAeA,0BAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnB,6EAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,iCAAA;AAAA,QACT,QAAA,EAAU,uCAAA;AAAA,QACV,QAAA,EAAU,4CAAA;AAAA,QACV,WAAA,EACE,iOAAA;AAAA,QACF,KAAA,EAAO;AAAA,OACT;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAIA,IAAM,IAAA,GAAaC,gBAAA,CAAA,UAAA,CAAsC,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACvGC,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,MAAA;AAAA,IACV,WAAA,EAAW,IAAA;AAAA,IACX,SAAA,EAAWC,qBAAG,YAAA,CAAa,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,IAAA,CAAK,WAAA,GAAc,MAAA;AAMnB,IAAM,UAAA,GAAmBF,gBAAA,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,oCAAA;AAAA;AAAA,QAEA,iDAAA;AAAA,QACA,iDAAA;AAAA,QACA,iDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAMzB,IAAM,SAAA,GAAkBF,gBAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,4CAAA;AAAA,QACA,4BAAA;AAAA,QACA,8BAAA;AAAA,QACA,4BAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AAMxB,IAAM,eAAA,GAAwBF,gBAAA,CAAA,UAAA;AAAA,EAC5B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,wBACxBC,cAAA,CAAC,GAAA,EAAA,EAAE,GAAA,EAAU,WAAA,EAAU,oBAAmB,SAAA,EAAWC,oBAAA,CAAG,iCAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAEpH;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAM9B,IAAM,WAAA,GAAoBF,gBAAA,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,2BAAA;AAAA,QACA,iDAAA;AAAA,QACA,iDAAA;AAAA,QACA,iDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AACA,WAAA,CAAY,WAAA,GAAc,aAAA;AAM1B,IAAM,UAAA,GAAmBF,gBAAA,CAAA,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAWC,oBAAA;AAAA,QACT,mBAAA;AAAA,QACA,iDAAA;AAAA,QACA,iDAAA;AAAA,QACA,iDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-SXEPGD4Z.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\n/* -------------------------------------------------------------------------- */\n/*  Card                                                                       */\n/* -------------------------------------------------------------------------- */\n\nconst cardVariants = cva(\n  // A Card is a visual container, not a focusable surface. Do not apply\n  // focus-within rings to the base — that bleeds the ring of whatever\n  // input/button inside has focus onto the whole card. The `interactive`\n  // variant below opts into focus-visible explicitly because it IS clickable.\n  'overflow-hidden rounded-lg text-card-foreground transition-all duration-200',\n  {\n    variants: {\n      variant: {\n        default: 'border bg-surface-100 shadow-sm',\n        outlined: 'border-2 border-border bg-transparent',\n        elevated: 'bg-surface-100 shadow-card hover:shadow-lg',\n        interactive:\n          'border bg-surface-100 shadow-sm hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0 active:shadow-md cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n        glass: 'border border-border/50 bg-background/80 backdrop-blur-sm shadow-sm',\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\ninterface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(({ className, variant, size = 'md', ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"card\"\n    data-size={size}\n    className={cn(cardVariants({ variant, size }), className)}\n    {...props}\n  />\n))\nCard.displayName = 'Card'\n\n/* -------------------------------------------------------------------------- */\n/*  CardHeader                                                                 */\n/* -------------------------------------------------------------------------- */\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-header\"\n      className={cn(\n        'flex flex-col space-y-1.5 border-b',\n        // Size variants inherited from Card\n        '[[data-size=sm]_&]:py-3 [[data-size=sm]_&]:px-4',\n        '[[data-size=md]_&]:py-4 [[data-size=md]_&]:px-6',\n        '[[data-size=lg]_&]:py-5 [[data-size=lg]_&]:px-8',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCardHeader.displayName = 'CardHeader'\n\n/* -------------------------------------------------------------------------- */\n/*  CardTitle                                                                  */\n/* -------------------------------------------------------------------------- */\n\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3\n      ref={ref}\n      data-slot=\"card-title\"\n      className={cn(\n        'font-semibold leading-tight tracking-tight',\n        '[[data-size=sm]_&]:text-sm',\n        '[[data-size=md]_&]:text-base',\n        '[[data-size=lg]_&]:text-lg',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCardTitle.displayName = 'CardTitle'\n\n/* -------------------------------------------------------------------------- */\n/*  CardDescription                                                            */\n/* -------------------------------------------------------------------------- */\n\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} data-slot=\"card-description\" className={cn('text-sm text-foreground-muted', className)} {...props} />\n  )\n)\nCardDescription.displayName = 'CardDescription'\n\n/* -------------------------------------------------------------------------- */\n/*  CardContent                                                                */\n/* -------------------------------------------------------------------------- */\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-content\"\n      className={cn(\n        'border-b last:border-none',\n        '[[data-size=sm]_&]:py-3 [[data-size=sm]_&]:px-4',\n        '[[data-size=md]_&]:py-4 [[data-size=md]_&]:px-6',\n        '[[data-size=lg]_&]:py-5 [[data-size=lg]_&]:px-8',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCardContent.displayName = 'CardContent'\n\n/* -------------------------------------------------------------------------- */\n/*  CardFooter                                                                 */\n/* -------------------------------------------------------------------------- */\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"card-footer\"\n      className={cn(\n        'flex items-center',\n        '[[data-size=sm]_&]:py-3 [[data-size=sm]_&]:px-4',\n        '[[data-size=md]_&]:py-4 [[data-size=md]_&]:px-6',\n        '[[data-size=lg]_&]:py-5 [[data-size=lg]_&]:px-8',\n        className\n      )}\n      {...props}\n    />\n  )\n)\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, cardVariants, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\nexport type { CardProps }\n"]}

package/dist/chunk-SXWSOU3Y.js

@@ -0,0 +1,89 @@
+import { Button } from './chunk-3QYYPPFJ.js';
+import { cn, convertToLocalNumbers } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import { Search, Star, Clock, Play } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STRINGS = {
+  fa: { run: "\u0627\u062C\u0631\u0627", runs: "\u0627\u062C\u0631\u0627", star: "\u0639\u0644\u0627\u0642\u0647\u200C\u0645\u0646\u062F\u06CC", unstar: "\u062D\u0630\u0641 \u0627\u0632 \u0639\u0644\u0627\u0642\u0647\u200C\u0645\u0646\u062F\u06CC\u200C\u0647\u0627" },
+  ar: { run: "\u062A\u0634\u063A\u064A\u0644", runs: "\u062A\u0634\u063A\u064A\u0644", star: "\u0645\u0641\u0636\u0644\u0629", unstar: "\u0625\u0632\u0627\u0644\u0629 \u0645\u0646 \u0627\u0644\u0645\u0641\u0636\u0644\u0629" },
+  en: { run: "Run", runs: "runs", star: "Favorite", unstar: "Unfavorite" }
+};
+var SavedQueryCard = React.forwardRef(
+  ({ className, name, description, filters, runCount, lastRun, onRun, runLabel, favorite, locale = "fa", ...props }, ref) => {
+    const t = STRINGS[locale] ?? STRINGS.fa;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "saved-query-card",
+        className: cn("flex flex-col gap-3 rounded-lg border border-border bg-background p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx(Search, { className: "size-4 mt-0.5 shrink-0 text-foreground-lighter", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground truncate", children: name }),
+              description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-foreground-lighter line-clamp-2", children: description })
+            ] }),
+            favorite && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => favorite.onChange(!favorite.starred),
+                className: "shrink-0 inline-flex size-7 items-center justify-center rounded text-foreground-lighter hover:bg-surface-100 hover:text-foreground transition-colors",
+                "aria-label": favorite.starred ? t.unstar : t.star,
+                "aria-pressed": favorite.starred,
+                "data-slot": "saved-query-card-favorite",
+                children: /* @__PURE__ */ jsx(
+                  Star,
+                  {
+                    className: cn("size-4", favorite.starred && "fill-warning-default text-warning-default"),
+                    "aria-hidden": "true"
+                  }
+                )
+              }
+            )
+          ] }),
+          filters && filters.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: filters.map((f, i) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 rounded-md border border-border bg-background-muted/40 px-2 py-0.5 text-2xs",
+              "data-slot": "saved-query-card-filter",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-foreground-lighter", children: [
+                  f.label,
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: f.value })
+              ]
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 pt-2 border-t border-border", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-2xs text-foreground-lighter", children: [
+              typeof runCount === "number" && /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+                convertToLocalNumbers(runCount, locale),
+                " ",
+                t.runs
+              ] }),
+              lastRun && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(Clock, { className: "size-3", "aria-hidden": "true" }),
+                lastRun
+              ] })
+            ] }),
+            onRun && /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "outline", onClick: onRun, className: "gap-1.5", "data-slot": "saved-query-card-run", children: [
+              /* @__PURE__ */ jsx(Play, { className: "size-3", "aria-hidden": "true" }),
+              runLabel ?? t.run
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+SavedQueryCard.displayName = "SavedQueryCard";
+
+export { SavedQueryCard };
+//# sourceMappingURL=chunk-SXWSOU3Y.js.map
+//# sourceMappingURL=chunk-SXWSOU3Y.js.map