@parto-system-design/ui 1.1.5 → 1.1.7

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"]}

package/dist/chunk-BRMBLIQG.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/ui/filter-provider.tsx
+var FilterContext = React.createContext(null);
+function FilterProvider({
+  initialState,
+  state: controlledState,
+  onStateChange,
+  children
+}) {
+  const [internalState, setInternalState] = React.useState(initialState);
+  const isControlled = controlledState !== void 0;
+  const state = isControlled ? controlledState : internalState;
+  const initialRef = React.useRef(initialState);
+  const set = React.useCallback(
+    (next) => {
+      if (!isControlled) setInternalState(next);
+      onStateChange?.(next);
+    },
+    [isControlled, onStateChange]
+  );
+  const patch = React.useCallback(
+    (partial) => {
+      const next = { ...state, ...partial };
+      if (!isControlled) setInternalState(next);
+      onStateChange?.(next);
+    },
+    [isControlled, onStateChange, state]
+  );
+  const reset = React.useCallback(() => {
+    const next = initialRef.current;
+    if (!isControlled) setInternalState(next);
+    onStateChange?.(next);
+  }, [isControlled, onStateChange]);
+  const value = React.useMemo(() => ({ state, set, patch, reset }), [state, set, patch, reset]);
+  return /* @__PURE__ */ jsx(FilterContext.Provider, { value, children });
+}
+function useFilterState() {
+  const ctx = React.useContext(FilterContext);
+  if (!ctx) {
+    throw new Error("useFilterState must be used within a <FilterProvider>");
+  }
+  return ctx;
+}
+function useFilterStateOptional() {
+  const ctx = React.useContext(FilterContext);
+  return ctx ?? null;
+}
+
+export { FilterProvider, useFilterState, useFilterStateOptional };
+//# sourceMappingURL=chunk-BRMBLIQG.js.map
+//# sourceMappingURL=chunk-BRMBLIQG.js.map

package/dist/chunk-BRMBLIQG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/filter-provider.tsx"],"names":[],"mappings":";;;;AA2BA,IAAM,aAAA,GAAsB,oBAAyC,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,GAAU,eAAY,YAAY,CAAA;AACxE,EAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,eAAe,eAAA,GAAkB,aAAA;AAI/C,EAAA,MAAM,UAAA,GAAmB,aAAO,YAAY,CAAA;AAE5C,EAAA,MAAM,GAAA,GAAY,KAAA,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,GAAc,KAAA,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,GAAc,kBAAY,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,GAAc,KAAA,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,uBAAO,GAAA,CAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,OAAqC,QAAA,EAAS,CAAA;AAC/E;AAeO,SAAS,cAAA,GAAuF;AACrG,EAAA,MAAM,GAAA,GAAY,iBAAW,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,GAAY,iBAAW,aAAa,CAAA;AAC1C,EAAA,OAAQ,GAAA,IAAiC,IAAA;AAC3C","file":"chunk-BRMBLIQG.js","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-CAJKSTXX.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var lucideReact = require('lucide-react');
+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 CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+
+var Checkbox = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CheckboxPrimitive__namespace.Root,
+  {
+    ref,
+    "data-slot": "checkbox",
+    className: chunkNV4JOKWL_cjs.cn(
+      "peer border-control bg-control data-[state=checked]:bg-brand data-[state=checked]:text-foreground-contrast data-[state=checked]:border-brand focus-visible:border-brand-default focus-visible:ring-brand-default/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-all duration-150 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      CheckboxPrimitive__namespace.Indicator,
+      {
+        "data-slot": "checkbox-indicator",
+        className: "grid place-content-center text-current transition-none",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
+      }
+    )
+  }
+));
+Checkbox.displayName = "Checkbox";
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=chunk-CAJKSTXX.cjs.map
+//# sourceMappingURL=chunk-CAJKSTXX.cjs.map

package/dist/chunk-CAJKSTXX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/checkbox.tsx"],"names":["React","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,QAAA,GAAiBA,4BAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1BC,cAAA;AAAA,EAAmBC,4BAAA,CAAA,IAAA;AAAA,EAAlB;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,UAAA;AAAA,IACV,SAAA,EAAWC,oBAAA;AAAA,MACT,ubAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAAF,cAAA;AAAA,MAAmBC,4BAAA,CAAA,SAAA;AAAA,MAAlB;AAAA,QACC,WAAA,EAAU,oBAAA;AAAA,QACV,SAAA,EAAU,wDAAA;AAAA,QAEV,QAAA,kBAAAD,cAAA,CAACG,qBAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA;AAClC;AACF,CACD;AAED,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-CAJKSTXX.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { CheckIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    data-slot=\"checkbox\"\n    className={cn(\n      'peer border-control bg-control data-[state=checked]:bg-brand data-[state=checked]:text-foreground-contrast data-[state=checked]:border-brand focus-visible:border-brand-default focus-visible:ring-brand-default/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-all duration-150 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      data-slot=\"checkbox-indicator\"\n      className=\"grid place-content-center text-current transition-none\"\n    >\n      <CheckIcon className=\"size-3.5\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\n\nCheckbox.displayName = 'Checkbox'\n\nexport { Checkbox }\n"]}