@parto-system-design/ui 1.1.5 → 1.1.8

package/dist/chunk-5K6E4ZSW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/filter-provider.tsx"],"names":["React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAM,aAAA,GAAsBA,+BAAyC,IAAI,CAAA;AAqBlE,SAAS,cAAA,CAA2C;AAAA,EACzD,YAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,aAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAUA,0BAAY,YAAY,CAAA;AACxE,EAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,eAAe,eAAA,GAAkB,aAAA;AAI/C,EAAA,MAAM,UAAA,GAAmBA,wBAAO,YAAY,CAAA;AAE5C,EAAA,MAAM,GAAA,GAAYA,gBAAA,CAAA,WAAA;AAAA,IAChB,CAAC,IAAA,KAAY;AACX,MAAA,IAAI,CAAC,YAAA,EAAc,gBAAA,CAAiB,IAAI,CAAA;AACxC,MAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,GAC9B;AAEA,EAAA,MAAM,KAAA,GAAcA,gBAAA,CAAA,WAAA;AAAA,IAClB,CAAC,OAAA,KAAwB;AACvB,MAAA,MAAM,IAAA,GAAO,EAAE,GAAG,KAAA,EAAO,GAAG,OAAA,EAAQ;AACpC,MAAA,IAAI,CAAC,YAAA,EAAc,gBAAA,CAAiB,IAAI,CAAA;AACxC,MAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,aAAA,EAAe,KAAK;AAAA,GACrC;AAEA,EAAA,MAAM,KAAA,GAAcA,6BAAY,MAAM;AACpC,IAAA,MAAM,OAAO,UAAA,CAAW,OAAA;AACxB,IAAA,IAAI,CAAC,YAAA,EAAc,gBAAA,CAAiB,IAAI,CAAA;AACxC,IAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,EACtB,CAAA,EAAG,CAAC,YAAA,EAAc,aAAa,CAAC,CAAA;AAEhC,EAAA,MAAM,KAAA,GAAcA,gBAAA,CAAA,OAAA,CAA+B,OAAO,EAAE,OAAO,GAAA,EAAK,KAAA,EAAO,KAAA,EAAM,CAAA,EAAI,CAAC,KAAA,EAAO,GAAA,EAAK,KAAA,EAAO,KAAK,CAAC,CAAA;AAEnH,EAAA,uBAAOC,cAAA,CAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,OAAqC,QAAA,EAAS,CAAA;AAC/E;AAeO,SAAS,cAAA,GAAuF;AACrG,EAAA,MAAM,GAAA,GAAYD,4BAAW,aAAa,CAAA;AAC1C,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,uDAAuD,CAAA;AAAA,EACzE;AACA,EAAA,OAAO,GAAA;AACT;AAGO,SAAS,sBAAA,GAAsG;AACpH,EAAA,MAAM,GAAA,GAAYA,4BAAW,aAAa,CAAA;AAC1C,EAAA,OAAQ,GAAA,IAAiC,IAAA;AAC3C","file":"chunk-5K6E4ZSW.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\n\n/* -------------------------------------------------------------------------- */\n/* Types                                                                       */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Generic, type-erased filter state. Consumers cast at the `useFilterState`\n * call-site for a typed view. We deliberately do not parameterize the\n * Context itself — a single provider serves the whole tree, and the type\n * lives at the read-site (call as `useFilterState<MyFilters>()`).\n */\nexport type FilterStateShape = Record<string, unknown>\n\nexport interface FilterContextValue<T extends FilterStateShape = FilterStateShape> {\n  /** Current filter state. */\n  state: T\n  /** Replace the entire filter state (full reset to a new shape). */\n  set: (next: T) => void\n  /** Shallow-merge a partial update. Use this for most edits. */\n  patch: (partial: Partial<T>) => void\n  /** Reset state to the initial value passed to the Provider. */\n  reset: () => void\n}\n\nconst FilterContext = React.createContext<FilterContextValue | null>(null)\n\n/* -------------------------------------------------------------------------- */\n/* Provider                                                                    */\n/* -------------------------------------------------------------------------- */\n\nexport interface FilterProviderProps<T extends FilterStateShape> {\n  /** Initial filter state on first mount. */\n  initialState: T\n  /**\n   * Controlled state. When supplied, `state` becomes a pure projection of\n   * this prop and updates flow back through `onStateChange`. Use this when\n   * the consumer manages state externally (e.g. via Redux / Zustand /\n   * useState in a parent).\n   */\n  state?: T\n  /** Called on every state change in both controlled and uncontrolled modes. */\n  onStateChange?: (next: T) => void\n  children: React.ReactNode\n}\n\nexport function FilterProvider<T extends FilterStateShape>({\n  initialState,\n  state: controlledState,\n  onStateChange,\n  children,\n}: FilterProviderProps<T>) {\n  const [internalState, setInternalState] = React.useState<T>(initialState)\n  const isControlled = controlledState !== undefined\n  const state = isControlled ? controlledState : internalState\n\n  // Stable initial-state ref so reset() always returns to the prop's first value\n  // even if the prop reference changes between renders.\n  const initialRef = React.useRef(initialState)\n\n  const set = React.useCallback(\n    (next: T) => {\n      if (!isControlled) setInternalState(next)\n      onStateChange?.(next)\n    },\n    [isControlled, onStateChange]\n  )\n\n  const patch = React.useCallback(\n    (partial: Partial<T>) => {\n      const next = { ...state, ...partial } as T\n      if (!isControlled) setInternalState(next)\n      onStateChange?.(next)\n    },\n    [isControlled, onStateChange, state]\n  )\n\n  const reset = React.useCallback(() => {\n    const next = initialRef.current\n    if (!isControlled) setInternalState(next)\n    onStateChange?.(next)\n  }, [isControlled, onStateChange])\n\n  const value = React.useMemo<FilterContextValue<T>>(() => ({ state, set, patch, reset }), [state, set, patch, reset])\n\n  return <FilterContext.Provider value={value as FilterContextValue}>{children}</FilterContext.Provider>\n}\n\n/* -------------------------------------------------------------------------- */\n/* Hook                                                                        */\n/* -------------------------------------------------------------------------- */\n\n/**\n * Read + update the filter state from any descendant of `<FilterProvider>`.\n * Cast `T` at the call site to get a typed view of the state shape.\n *\n * @example\n *   interface MyFilters { q: string; severity: 'low' | 'high' | null }\n *   const { state, patch } = useFilterState<MyFilters>()\n *   patch({ q: 'tehran' })\n */\nexport function useFilterState<T extends FilterStateShape = FilterStateShape>(): FilterContextValue<T> {\n  const ctx = React.useContext(FilterContext)\n  if (!ctx) {\n    throw new Error('useFilterState must be used within a <FilterProvider>')\n  }\n  return ctx as FilterContextValue<T>\n}\n\n/** Internal — used by `useFilterParams` / `useFilterPresets` to opt-in to the context, returning null when absent. */\nexport function useFilterStateOptional<T extends FilterStateShape = FilterStateShape>(): FilterContextValue<T> | null {\n  const ctx = React.useContext(FilterContext)\n  return (ctx as FilterContextValue<T>) ?? null\n}\n"]}

package/dist/chunk-5NY26ULO.js

@@ -0,0 +1,89 @@
+import { cn } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Close, { ref, "data-slot": "dialog-close", ...props }));
+DialogClose.displayName = DialogPrimitive.Close.displayName;
+var DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "dialog-overlay",
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      "data-slot": "dialog-content",
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-default bg-dialog text-foreground p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute end-4 top-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(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "dialog-header",
+    className: cn("flex flex-col space-y-1.5 text-center sm:text-start", className),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "dialog-footer",
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2", className),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "dialog-title",
+    className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    "data-slot": "dialog-description",
+    className: cn("text-sm text-foreground-light", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=chunk-5NY26ULO.js.map
+//# sourceMappingURL=chunk-5NY26ULO.js.map

package/dist/chunk-5NY26ULO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/dialog.tsx"],"names":[],"mappings":"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","file":"chunk-5NY26ULO.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>\n>(({ ...props }, ref) => <DialogPrimitive.Close ref={ref} data-slot=\"dialog-close\" {...props} />)\nDialogClose.displayName = DialogPrimitive.Close.displayName\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    data-slot=\"dialog-overlay\"\n    className={cn(\n      'fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"dialog-content\"\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-default bg-dialog text-foreground p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute end-4 top-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        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"dialog-header\"\n    className={cn('flex flex-col space-y-1.5 text-center sm:text-start', className)}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"dialog-footer\"\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    data-slot=\"dialog-title\"\n    className={cn('text-lg font-semibold leading-none tracking-tight text-foreground', className)}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    data-slot=\"dialog-description\"\n    className={cn('text-sm text-foreground-light', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"]}

package/dist/chunk-7RVPG3LE.cjs

@@ -0,0 +1,231 @@
+'use strict';
+
+var chunkGKRAZGDI_cjs = require('./chunk-GKRAZGDI.cjs');
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+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 SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+
+var switchRootVariants = classVarianceAuthority.cva(
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand data-[state=checked]:hover:bg-brand-600/90 data-[state=unchecked]:bg-control data-[state=unchecked]:hover:bg-border",
+  {
+    variants: {
+      size: {
+        sm: "h-[16px] w-[28px]",
+        md: "h-[20px] w-[34px]",
+        lg: "h-[24px] w-[44px]",
+        /** @deprecated Use sm */
+        small: "h-[16px] w-[28px]",
+        /** @deprecated Use md */
+        medium: "h-[20px] w-[34px]",
+        /** @deprecated Use lg */
+        large: "h-[24px] w-[44px]"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var switchThumbVariants = classVarianceAuthority.cva(
+  "pointer-events-none block rounded-full bg-foreground-lighter data-[state=checked]:bg-white shadow-lg ring-0 transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "size-3",
+        md: "size-4",
+        lg: "size-[18px]",
+        /** @deprecated Use sm */
+        small: "size-3",
+        /** @deprecated Use md */
+        medium: "size-4",
+        /** @deprecated Use lg */
+        large: "size-[18px]"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var Switch = React__namespace.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    {
+      "data-slot": "switch",
+      className: chunkNV4JOKWL_cjs.cn(switchRootVariants({ size }), className),
+      ...props,
+      ref,
+      children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { "data-slot": "switch-thumb", className: chunkNV4JOKWL_cjs.cn(switchThumbVariants({ size })) })
+    }
+  )
+);
+Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
+var CHANNEL_META = {
+  email: {
+    icon: lucideReact.Mail,
+    label: { fa: "\u0627\u06CC\u0645\u06CC\u0644", ar: "\u0628\u0631\u064A\u062F", en: "Email" }
+  },
+  sms: {
+    icon: lucideReact.MessageSquare,
+    label: { fa: "\u067E\u06CC\u0627\u0645\u06A9", ar: "\u0631\u0633\u0627\u0644\u0629", en: "SMS" }
+  },
+  telegram: {
+    icon: lucideReact.Send,
+    label: { fa: "\u062A\u0644\u06AF\u0631\u0627\u0645", ar: "\u062A\u064A\u0644\u064A\u062C\u0631\u0627\u0645", en: "Telegram" }
+  },
+  "in-app": {
+    icon: lucideReact.Bell,
+    label: { fa: "\u062F\u0631\u0648\u0646\u200C\u0628\u0631\u0646\u0627\u0645\u0647\u200C\u0627\u06CC", ar: "\u062F\u0627\u062E\u0644 \u0627\u0644\u062A\u0637\u0628\u064A\u0642", en: "In-app" }
+  },
+  webhook: {
+    icon: lucideReact.Send,
+    label: { fa: "\u0648\u0628\u200C\u0647\u0648\u06A9", ar: "\u0648\u064A\u0628 \u0647\u0648\u0643", en: "Webhook" }
+  }
+};
+var STRINGS = {
+  fa: {
+    trigger: "\u0634\u0631\u0637 \u0641\u0639\u0627\u0644\u200C\u0633\u0627\u0632\u06CC",
+    threshold: "\u0622\u0633\u062A\u0627\u0646\u0647",
+    channels: "\u06A9\u0627\u0646\u0627\u0644\u200C\u0647\u0627",
+    lastFired: "\u0622\u062E\u0631\u06CC\u0646 \u0641\u0639\u0627\u0644\u200C\u0633\u0627\u0632\u06CC",
+    fireCount: "\u062A\u0639\u062F\u0627\u062F \u0641\u0639\u0627\u0644\u200C\u0633\u0627\u0632\u06CC",
+    active: "\u0641\u0639\u0627\u0644"
+  },
+  ar: {
+    trigger: "\u0634\u0631\u0637 \u0627\u0644\u062A\u0634\u063A\u064A\u0644",
+    threshold: "\u0627\u0644\u0639\u062A\u0628\u0629",
+    channels: "\u0627\u0644\u0642\u0646\u0648\u0627\u062A",
+    lastFired: "\u0622\u062E\u0631 \u062A\u0634\u063A\u064A\u0644",
+    fireCount: "\u0639\u062F\u062F \u0627\u0644\u0645\u0631\u0627\u062A",
+    active: "\u0646\u0634\u0637"
+  },
+  en: {
+    trigger: "Trigger",
+    threshold: "Threshold",
+    channels: "Channels",
+    lastFired: "Last fired",
+    fireCount: "Fire count",
+    active: "Active"
+  }
+};
+var AlertRuleCard = React__namespace.forwardRef(
+  ({
+    className,
+    name,
+    trigger,
+    threshold,
+    severity,
+    channels,
+    active,
+    onActiveChange,
+    lastFired,
+    fireCount,
+    locale = "fa",
+    ...props
+  }, ref) => {
+    const t = STRINGS[locale] ?? STRINGS.fa;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "alert-rule-card",
+        "data-active": active || void 0,
+        "data-severity": severity,
+        className: chunkNV4JOKWL_cjs.cn(
+          "flex flex-col gap-3 rounded-lg border border-border bg-background p-4",
+          !active && "opacity-70",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              active ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "size-4 text-brand-default", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BellOff, { className: "size-4 text-foreground-lighter", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground truncate", children: name })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+              severity && /* @__PURE__ */ jsxRuntime.jsx(chunkGKRAZGDI_cjs.SeverityBadge, { severity, size: "sm", locale }),
+              /* @__PURE__ */ jsxRuntime.jsx(Switch, { checked: active, onCheckedChange: onActiveChange, "aria-label": t.active })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xs text-foreground-lighter", children: t.trigger }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground leading-relaxed", children: trigger })
+          ] }),
+          threshold && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground-lighter", children: [
+              t.threshold,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono tabular-nums text-foreground", "data-slot": "alert-rule-card-threshold", children: threshold })
+          ] }),
+          channels && channels.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap pt-2 border-t border-border", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-2xs text-foreground-lighter", children: [
+              t.channels,
+              ":"
+            ] }),
+            channels.map((ch) => {
+              const meta = CHANNEL_META[ch];
+              const Icon = meta.icon;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: "inline-flex items-center gap-1 rounded-full bg-surface-200 px-2 py-0.5 text-2xs text-foreground",
+                  "data-slot": "alert-rule-card-channel",
+                  "data-channel": ch,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3", "aria-hidden": "true" }),
+                    meta.label[locale] ?? meta.label.fa
+                  ]
+                },
+                ch
+              );
+            })
+          ] }),
+          (lastFired || typeof fireCount === "number") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 text-2xs text-foreground-lighter pt-1", children: [
+            lastFired && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+              t.lastFired,
+              ": ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: lastFired })
+            ] }),
+            typeof fireCount === "number" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums", children: [
+              t.fireCount,
+              ": ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: fireCount })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AlertRuleCard.displayName = "AlertRuleCard";
+
+exports.AlertRuleCard = AlertRuleCard;
+exports.Switch = Switch;
+//# sourceMappingURL=chunk-7RVPG3LE.cjs.map
+//# sourceMappingURL=chunk-7RVPG3LE.cjs.map

package/dist/chunk-7RVPG3LE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/switch.tsx","../src/components/ui/alert-rule-card.tsx"],"names":["cva","React","jsx","SwitchPrimitive","cn","Mail","MessageSquare","Send","Bell","React2","jsxs","BellOff","SeverityBadge"],"mappings":"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","file":"chunk-7RVPG3LE.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport { VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst switchRootVariants = cva(\n  'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand data-[state=checked]:hover:bg-brand-600/90 data-[state=unchecked]:bg-control data-[state=unchecked]:hover:bg-border',\n  {\n    variants: {\n      size: {\n        sm: 'h-[16px] w-[28px]',\n        md: 'h-[20px] w-[34px]',\n        lg: 'h-[24px] w-[44px]',\n        /** @deprecated Use sm */ small: 'h-[16px] w-[28px]',\n        /** @deprecated Use md */ medium: 'h-[20px] w-[34px]',\n        /** @deprecated Use lg */ large: 'h-[24px] w-[44px]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\n// data-[state=checked]:bg-white intentional: --foreground-contrast is near-black in .dark theme,\n// which would produce a near-black thumb on the colored track — bad. White thumb on brand-colored track is the design intent.\nconst switchThumbVariants = cva(\n  'pointer-events-none block rounded-full bg-foreground-lighter data-[state=checked]:bg-white shadow-lg ring-0 transition-transform',\n  {\n    variants: {\n      size: {\n        sm: 'size-3',\n        md: 'size-4',\n        lg: 'size-[18px]',\n        /** @deprecated Use sm */ small: 'size-3',\n        /** @deprecated Use md */ medium: 'size-4',\n        /** @deprecated Use lg */ large: 'size-[18px]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\nexport interface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchRootVariants> {}\n\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitive.Root>, SwitchProps>(\n  ({ className, size, ...props }, ref) => (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(switchRootVariants({ size }), className)}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className={cn(switchThumbVariants({ size }))} />\n    </SwitchPrimitive.Root>\n  )\n)\nSwitch.displayName = SwitchPrimitive.Root.displayName\n\nexport { Switch }\n","'use client'\n\nimport * as React from 'react'\nimport { Bell, BellOff, Mail, MessageSquare, Send } from 'lucide-react'\nimport { cn, type SupportedLocale } from '@/lib/utils'\nimport { Switch } from './switch'\nimport { SeverityBadge } from './severity-badge'\nimport type { SeverityKey } from '@/lib/i18n'\n\n/**\n * AlertRuleCard — saved alert-rule definition. Shows trigger summary,\n * threshold, severity tag, target channels, and an active/inactive toggle.\n *\n * Designed for \"Alert Rules\" management pages — a list of these cards lets\n * an analyst quickly scan + tweak which alerts are running.\n */\n\nexport type AlertChannel = 'email' | 'sms' | 'telegram' | 'in-app' | 'webhook'\n\nconst CHANNEL_META: Record<\n  AlertChannel,\n  {\n    icon: React.ComponentType<React.SVGAttributes<SVGElement>>\n    label: Record<SupportedLocale, string>\n  }\n> = {\n  email: {\n    icon: Mail,\n    label: { fa: 'ایمیل', ar: 'بريد', en: 'Email' },\n  },\n  sms: {\n    icon: MessageSquare,\n    label: { fa: 'پیامک', ar: 'رسالة', en: 'SMS' },\n  },\n  telegram: {\n    icon: Send,\n    label: { fa: 'تلگرام', ar: 'تيليجرام', en: 'Telegram' },\n  },\n  'in-app': {\n    icon: Bell,\n    label: { fa: 'درون‌برنامه‌ای', ar: 'داخل التطبيق', en: 'In-app' },\n  },\n  webhook: {\n    icon: Send,\n    label: { fa: 'وب‌هوک', ar: 'ويب هوك', en: 'Webhook' },\n  },\n}\n\nexport interface AlertRuleCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Rule name (e.g., \"افزایش ناگهانی منفی\") */\n  name: React.ReactNode\n  /** Trigger description in plain language (e.g., \"هرگاه نرخ منفی > ۲۰٪ شد\") */\n  trigger: React.ReactNode\n  /** Threshold value display (e.g., \"≥ ۲۰٪\", \"> ۱۰۰۰ mentions\") */\n  threshold?: React.ReactNode\n  /** Severity that this alert raises */\n  severity?: SeverityKey\n  /** Channels this rule fires through */\n  channels?: AlertChannel[]\n  /** Active state (master switch) */\n  active: boolean\n  /** Called when the user toggles the switch */\n  onActiveChange: (next: boolean) => void\n  /** Last-fired timestamp display (e.g., \"۲ ساعت پیش\") */\n  lastFired?: React.ReactNode\n  /** Optional total fire count */\n  fireCount?: number\n  /** Locale @default 'fa' */\n  locale?: SupportedLocale\n}\n\nconst STRINGS: Record<\n  SupportedLocale,\n  { trigger: string; threshold: string; channels: string; lastFired: string; fireCount: string; active: string }\n> = {\n  fa: {\n    trigger: 'شرط فعال‌سازی',\n    threshold: 'آستانه',\n    channels: 'کانال‌ها',\n    lastFired: 'آخرین فعال‌سازی',\n    fireCount: 'تعداد فعال‌سازی',\n    active: 'فعال',\n  },\n  ar: {\n    trigger: 'شرط التشغيل',\n    threshold: 'العتبة',\n    channels: 'القنوات',\n    lastFired: 'آخر تشغيل',\n    fireCount: 'عدد المرات',\n    active: 'نشط',\n  },\n  en: {\n    trigger: 'Trigger',\n    threshold: 'Threshold',\n    channels: 'Channels',\n    lastFired: 'Last fired',\n    fireCount: 'Fire count',\n    active: 'Active',\n  },\n}\n\nconst AlertRuleCard = React.forwardRef<HTMLDivElement, AlertRuleCardProps>(\n  (\n    {\n      className,\n      name,\n      trigger,\n      threshold,\n      severity,\n      channels,\n      active,\n      onActiveChange,\n      lastFired,\n      fireCount,\n      locale = 'fa',\n      ...props\n    },\n    ref\n  ) => {\n    const t = STRINGS[locale] ?? STRINGS.fa\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-rule-card\"\n        data-active={active || undefined}\n        data-severity={severity}\n        className={cn(\n          'flex flex-col gap-3 rounded-lg border border-border bg-background p-4',\n          !active && 'opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {/* Header */}\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              {active ? (\n                <Bell className=\"size-4 text-brand-default\" aria-hidden=\"true\" />\n              ) : (\n                <BellOff className=\"size-4 text-foreground-lighter\" aria-hidden=\"true\" />\n              )}\n              <h3 className=\"text-sm font-semibold text-foreground truncate\">{name}</h3>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 shrink-0\">\n            {severity && <SeverityBadge severity={severity} size=\"sm\" locale={locale} />}\n            <Switch checked={active} onCheckedChange={onActiveChange} aria-label={t.active} />\n          </div>\n        </div>\n\n        {/* Trigger description */}\n        <div className=\"space-y-1.5\">\n          <div className=\"text-2xs text-foreground-lighter\">{t.trigger}</div>\n          <p className=\"text-sm text-foreground leading-relaxed\">{trigger}</p>\n        </div>\n\n        {/* Threshold display */}\n        {threshold && (\n          <div className=\"flex items-center gap-2 text-xs\">\n            <span className=\"text-foreground-lighter\">{t.threshold}:</span>\n            <span className=\"font-mono tabular-nums text-foreground\" data-slot=\"alert-rule-card-threshold\">\n              {threshold}\n            </span>\n          </div>\n        )}\n\n        {/* Channels */}\n        {channels && channels.length > 0 && (\n          <div className=\"flex items-center gap-2 flex-wrap pt-2 border-t border-border\">\n            <span className=\"text-2xs text-foreground-lighter\">{t.channels}:</span>\n            {channels.map((ch) => {\n              const meta = CHANNEL_META[ch]\n              const Icon = meta.icon\n              return (\n                <span\n                  key={ch}\n                  className=\"inline-flex items-center gap-1 rounded-full bg-surface-200 px-2 py-0.5 text-2xs text-foreground\"\n                  data-slot=\"alert-rule-card-channel\"\n                  data-channel={ch}\n                >\n                  <Icon className=\"size-3\" aria-hidden=\"true\" />\n                  {meta.label[locale] ?? meta.label.fa}\n                </span>\n              )\n            })}\n          </div>\n        )}\n\n        {/* Footer — last fired + fire count */}\n        {(lastFired || typeof fireCount === 'number') && (\n          <div className=\"flex items-center justify-between gap-2 text-2xs text-foreground-lighter pt-1\">\n            {lastFired && (\n              <span>\n                {t.lastFired}: <span className=\"text-foreground\">{lastFired}</span>\n              </span>\n            )}\n            {typeof fireCount === 'number' && (\n              <span className=\"tabular-nums\">\n                {t.fireCount}: <span className=\"text-foreground font-medium\">{fireCount}</span>\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nAlertRuleCard.displayName = 'AlertRuleCard'\n\nexport { AlertRuleCard }\n"]}

package/dist/chunk-AYEK3WOM.js

@@ -0,0 +1,207 @@
+import { SeverityBadge } from './chunk-KCWRCSI7.js';
+import { cn } from './chunk-4SVQNEVH.js';
+import * as React from 'react';
+import { Bell, BellOff, Send, MessageSquare, Mail } from 'lucide-react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var switchRootVariants = cva(
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand data-[state=checked]:hover:bg-brand-600/90 data-[state=unchecked]:bg-control data-[state=unchecked]:hover:bg-border",
+  {
+    variants: {
+      size: {
+        sm: "h-[16px] w-[28px]",
+        md: "h-[20px] w-[34px]",
+        lg: "h-[24px] w-[44px]",
+        /** @deprecated Use sm */
+        small: "h-[16px] w-[28px]",
+        /** @deprecated Use md */
+        medium: "h-[20px] w-[34px]",
+        /** @deprecated Use lg */
+        large: "h-[24px] w-[44px]"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var switchThumbVariants = cva(
+  "pointer-events-none block rounded-full bg-foreground-lighter data-[state=checked]:bg-white shadow-lg ring-0 transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "size-3",
+        md: "size-4",
+        lg: "size-[18px]",
+        /** @deprecated Use sm */
+        small: "size-3",
+        /** @deprecated Use md */
+        medium: "size-4",
+        /** @deprecated Use lg */
+        large: "size-[18px]"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var Switch = React.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(switchRootVariants({ size }), className),
+      ...props,
+      ref,
+      children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(switchThumbVariants({ size })) })
+    }
+  )
+);
+Switch.displayName = SwitchPrimitive.Root.displayName;
+var CHANNEL_META = {
+  email: {
+    icon: Mail,
+    label: { fa: "\u0627\u06CC\u0645\u06CC\u0644", ar: "\u0628\u0631\u064A\u062F", en: "Email" }
+  },
+  sms: {
+    icon: MessageSquare,
+    label: { fa: "\u067E\u06CC\u0627\u0645\u06A9", ar: "\u0631\u0633\u0627\u0644\u0629", en: "SMS" }
+  },
+  telegram: {
+    icon: Send,
+    label: { fa: "\u062A\u0644\u06AF\u0631\u0627\u0645", ar: "\u062A\u064A\u0644\u064A\u062C\u0631\u0627\u0645", en: "Telegram" }
+  },
+  "in-app": {
+    icon: Bell,
+    label: { fa: "\u062F\u0631\u0648\u0646\u200C\u0628\u0631\u0646\u0627\u0645\u0647\u200C\u0627\u06CC", ar: "\u062F\u0627\u062E\u0644 \u0627\u0644\u062A\u0637\u0628\u064A\u0642", en: "In-app" }
+  },
+  webhook: {
+    icon: Send,
+    label: { fa: "\u0648\u0628\u200C\u0647\u0648\u06A9", ar: "\u0648\u064A\u0628 \u0647\u0648\u0643", en: "Webhook" }
+  }
+};
+var STRINGS = {
+  fa: {
+    trigger: "\u0634\u0631\u0637 \u0641\u0639\u0627\u0644\u200C\u0633\u0627\u0632\u06CC",
+    threshold: "\u0622\u0633\u062A\u0627\u0646\u0647",
+    channels: "\u06A9\u0627\u0646\u0627\u0644\u200C\u0647\u0627",
+    lastFired: "\u0622\u062E\u0631\u06CC\u0646 \u0641\u0639\u0627\u0644\u200C\u0633\u0627\u0632\u06CC",
+    fireCount: "\u062A\u0639\u062F\u0627\u062F \u0641\u0639\u0627\u0644\u200C\u0633\u0627\u0632\u06CC",
+    active: "\u0641\u0639\u0627\u0644"
+  },
+  ar: {
+    trigger: "\u0634\u0631\u0637 \u0627\u0644\u062A\u0634\u063A\u064A\u0644",
+    threshold: "\u0627\u0644\u0639\u062A\u0628\u0629",
+    channels: "\u0627\u0644\u0642\u0646\u0648\u0627\u062A",
+    lastFired: "\u0622\u062E\u0631 \u062A\u0634\u063A\u064A\u0644",
+    fireCount: "\u0639\u062F\u062F \u0627\u0644\u0645\u0631\u0627\u062A",
+    active: "\u0646\u0634\u0637"
+  },
+  en: {
+    trigger: "Trigger",
+    threshold: "Threshold",
+    channels: "Channels",
+    lastFired: "Last fired",
+    fireCount: "Fire count",
+    active: "Active"
+  }
+};
+var AlertRuleCard = React.forwardRef(
+  ({
+    className,
+    name,
+    trigger,
+    threshold,
+    severity,
+    channels,
+    active,
+    onActiveChange,
+    lastFired,
+    fireCount,
+    locale = "fa",
+    ...props
+  }, ref) => {
+    const t = STRINGS[locale] ?? STRINGS.fa;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "alert-rule-card",
+        "data-active": active || void 0,
+        "data-severity": severity,
+        className: cn(
+          "flex flex-col gap-3 rounded-lg border border-border bg-background p-4",
+          !active && "opacity-70",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              active ? /* @__PURE__ */ jsx(Bell, { className: "size-4 text-brand-default", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(BellOff, { className: "size-4 text-foreground-lighter", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground truncate", children: name })
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+              severity && /* @__PURE__ */ jsx(SeverityBadge, { severity, size: "sm", locale }),
+              /* @__PURE__ */ jsx(Switch, { checked: active, onCheckedChange: onActiveChange, "aria-label": t.active })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-2xs text-foreground-lighter", children: t.trigger }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground leading-relaxed", children: trigger })
+          ] }),
+          threshold && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-foreground-lighter", children: [
+              t.threshold,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums text-foreground", "data-slot": "alert-rule-card-threshold", children: threshold })
+          ] }),
+          channels && channels.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap pt-2 border-t border-border", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-2xs text-foreground-lighter", children: [
+              t.channels,
+              ":"
+            ] }),
+            channels.map((ch) => {
+              const meta = CHANNEL_META[ch];
+              const Icon = meta.icon;
+              return /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "inline-flex items-center gap-1 rounded-full bg-surface-200 px-2 py-0.5 text-2xs text-foreground",
+                  "data-slot": "alert-rule-card-channel",
+                  "data-channel": ch,
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { className: "size-3", "aria-hidden": "true" }),
+                    meta.label[locale] ?? meta.label.fa
+                  ]
+                },
+                ch
+              );
+            })
+          ] }),
+          (lastFired || typeof fireCount === "number") && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-2xs text-foreground-lighter pt-1", children: [
+            lastFired && /* @__PURE__ */ jsxs("span", { children: [
+              t.lastFired,
+              ": ",
+              /* @__PURE__ */ jsx("span", { className: "text-foreground", children: lastFired })
+            ] }),
+            typeof fireCount === "number" && /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+              t.fireCount,
+              ": ",
+              /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: fireCount })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+AlertRuleCard.displayName = "AlertRuleCard";
+
+export { AlertRuleCard, Switch };
+//# sourceMappingURL=chunk-AYEK3WOM.js.map
+//# sourceMappingURL=chunk-AYEK3WOM.js.map

package/dist/chunk-AYEK3WOM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/switch.tsx","../src/components/ui/alert-rule-card.tsx"],"names":["React2","jsx"],"mappings":"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","file":"chunk-AYEK3WOM.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport { VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst switchRootVariants = cva(\n  'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-brand data-[state=checked]:hover:bg-brand-600/90 data-[state=unchecked]:bg-control data-[state=unchecked]:hover:bg-border',\n  {\n    variants: {\n      size: {\n        sm: 'h-[16px] w-[28px]',\n        md: 'h-[20px] w-[34px]',\n        lg: 'h-[24px] w-[44px]',\n        /** @deprecated Use sm */ small: 'h-[16px] w-[28px]',\n        /** @deprecated Use md */ medium: 'h-[20px] w-[34px]',\n        /** @deprecated Use lg */ large: 'h-[24px] w-[44px]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\n// data-[state=checked]:bg-white intentional: --foreground-contrast is near-black in .dark theme,\n// which would produce a near-black thumb on the colored track — bad. White thumb on brand-colored track is the design intent.\nconst switchThumbVariants = cva(\n  'pointer-events-none block rounded-full bg-foreground-lighter data-[state=checked]:bg-white shadow-lg ring-0 transition-transform',\n  {\n    variants: {\n      size: {\n        sm: 'size-3',\n        md: 'size-4',\n        lg: 'size-[18px]',\n        /** @deprecated Use sm */ small: 'size-3',\n        /** @deprecated Use md */ medium: 'size-4',\n        /** @deprecated Use lg */ large: 'size-[18px]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\nexport interface SwitchProps\n  extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchRootVariants> {}\n\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitive.Root>, SwitchProps>(\n  ({ className, size, ...props }, ref) => (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(switchRootVariants({ size }), className)}\n      {...props}\n      ref={ref}\n    >\n      <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className={cn(switchThumbVariants({ size }))} />\n    </SwitchPrimitive.Root>\n  )\n)\nSwitch.displayName = SwitchPrimitive.Root.displayName\n\nexport { Switch }\n","'use client'\n\nimport * as React from 'react'\nimport { Bell, BellOff, Mail, MessageSquare, Send } from 'lucide-react'\nimport { cn, type SupportedLocale } from '@/lib/utils'\nimport { Switch } from './switch'\nimport { SeverityBadge } from './severity-badge'\nimport type { SeverityKey } from '@/lib/i18n'\n\n/**\n * AlertRuleCard — saved alert-rule definition. Shows trigger summary,\n * threshold, severity tag, target channels, and an active/inactive toggle.\n *\n * Designed for \"Alert Rules\" management pages — a list of these cards lets\n * an analyst quickly scan + tweak which alerts are running.\n */\n\nexport type AlertChannel = 'email' | 'sms' | 'telegram' | 'in-app' | 'webhook'\n\nconst CHANNEL_META: Record<\n  AlertChannel,\n  {\n    icon: React.ComponentType<React.SVGAttributes<SVGElement>>\n    label: Record<SupportedLocale, string>\n  }\n> = {\n  email: {\n    icon: Mail,\n    label: { fa: 'ایمیل', ar: 'بريد', en: 'Email' },\n  },\n  sms: {\n    icon: MessageSquare,\n    label: { fa: 'پیامک', ar: 'رسالة', en: 'SMS' },\n  },\n  telegram: {\n    icon: Send,\n    label: { fa: 'تلگرام', ar: 'تيليجرام', en: 'Telegram' },\n  },\n  'in-app': {\n    icon: Bell,\n    label: { fa: 'درون‌برنامه‌ای', ar: 'داخل التطبيق', en: 'In-app' },\n  },\n  webhook: {\n    icon: Send,\n    label: { fa: 'وب‌هوک', ar: 'ويب هوك', en: 'Webhook' },\n  },\n}\n\nexport interface AlertRuleCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Rule name (e.g., \"افزایش ناگهانی منفی\") */\n  name: React.ReactNode\n  /** Trigger description in plain language (e.g., \"هرگاه نرخ منفی > ۲۰٪ شد\") */\n  trigger: React.ReactNode\n  /** Threshold value display (e.g., \"≥ ۲۰٪\", \"> ۱۰۰۰ mentions\") */\n  threshold?: React.ReactNode\n  /** Severity that this alert raises */\n  severity?: SeverityKey\n  /** Channels this rule fires through */\n  channels?: AlertChannel[]\n  /** Active state (master switch) */\n  active: boolean\n  /** Called when the user toggles the switch */\n  onActiveChange: (next: boolean) => void\n  /** Last-fired timestamp display (e.g., \"۲ ساعت پیش\") */\n  lastFired?: React.ReactNode\n  /** Optional total fire count */\n  fireCount?: number\n  /** Locale @default 'fa' */\n  locale?: SupportedLocale\n}\n\nconst STRINGS: Record<\n  SupportedLocale,\n  { trigger: string; threshold: string; channels: string; lastFired: string; fireCount: string; active: string }\n> = {\n  fa: {\n    trigger: 'شرط فعال‌سازی',\n    threshold: 'آستانه',\n    channels: 'کانال‌ها',\n    lastFired: 'آخرین فعال‌سازی',\n    fireCount: 'تعداد فعال‌سازی',\n    active: 'فعال',\n  },\n  ar: {\n    trigger: 'شرط التشغيل',\n    threshold: 'العتبة',\n    channels: 'القنوات',\n    lastFired: 'آخر تشغيل',\n    fireCount: 'عدد المرات',\n    active: 'نشط',\n  },\n  en: {\n    trigger: 'Trigger',\n    threshold: 'Threshold',\n    channels: 'Channels',\n    lastFired: 'Last fired',\n    fireCount: 'Fire count',\n    active: 'Active',\n  },\n}\n\nconst AlertRuleCard = React.forwardRef<HTMLDivElement, AlertRuleCardProps>(\n  (\n    {\n      className,\n      name,\n      trigger,\n      threshold,\n      severity,\n      channels,\n      active,\n      onActiveChange,\n      lastFired,\n      fireCount,\n      locale = 'fa',\n      ...props\n    },\n    ref\n  ) => {\n    const t = STRINGS[locale] ?? STRINGS.fa\n    return (\n      <div\n        ref={ref}\n        data-slot=\"alert-rule-card\"\n        data-active={active || undefined}\n        data-severity={severity}\n        className={cn(\n          'flex flex-col gap-3 rounded-lg border border-border bg-background p-4',\n          !active && 'opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {/* Header */}\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-2\">\n              {active ? (\n                <Bell className=\"size-4 text-brand-default\" aria-hidden=\"true\" />\n              ) : (\n                <BellOff className=\"size-4 text-foreground-lighter\" aria-hidden=\"true\" />\n              )}\n              <h3 className=\"text-sm font-semibold text-foreground truncate\">{name}</h3>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 shrink-0\">\n            {severity && <SeverityBadge severity={severity} size=\"sm\" locale={locale} />}\n            <Switch checked={active} onCheckedChange={onActiveChange} aria-label={t.active} />\n          </div>\n        </div>\n\n        {/* Trigger description */}\n        <div className=\"space-y-1.5\">\n          <div className=\"text-2xs text-foreground-lighter\">{t.trigger}</div>\n          <p className=\"text-sm text-foreground leading-relaxed\">{trigger}</p>\n        </div>\n\n        {/* Threshold display */}\n        {threshold && (\n          <div className=\"flex items-center gap-2 text-xs\">\n            <span className=\"text-foreground-lighter\">{t.threshold}:</span>\n            <span className=\"font-mono tabular-nums text-foreground\" data-slot=\"alert-rule-card-threshold\">\n              {threshold}\n            </span>\n          </div>\n        )}\n\n        {/* Channels */}\n        {channels && channels.length > 0 && (\n          <div className=\"flex items-center gap-2 flex-wrap pt-2 border-t border-border\">\n            <span className=\"text-2xs text-foreground-lighter\">{t.channels}:</span>\n            {channels.map((ch) => {\n              const meta = CHANNEL_META[ch]\n              const Icon = meta.icon\n              return (\n                <span\n                  key={ch}\n                  className=\"inline-flex items-center gap-1 rounded-full bg-surface-200 px-2 py-0.5 text-2xs text-foreground\"\n                  data-slot=\"alert-rule-card-channel\"\n                  data-channel={ch}\n                >\n                  <Icon className=\"size-3\" aria-hidden=\"true\" />\n                  {meta.label[locale] ?? meta.label.fa}\n                </span>\n              )\n            })}\n          </div>\n        )}\n\n        {/* Footer — last fired + fire count */}\n        {(lastFired || typeof fireCount === 'number') && (\n          <div className=\"flex items-center justify-between gap-2 text-2xs text-foreground-lighter pt-1\">\n            {lastFired && (\n              <span>\n                {t.lastFired}: <span className=\"text-foreground\">{lastFired}</span>\n              </span>\n            )}\n            {typeof fireCount === 'number' && (\n              <span className=\"tabular-nums\">\n                {t.fireCount}: <span className=\"text-foreground font-medium\">{fireCount}</span>\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nAlertRuleCard.displayName = 'AlertRuleCard'\n\nexport { AlertRuleCard }\n"]}