@parto-system-design/ui 1.1.17 → 1.1.19

package/AGENTS.md

@@ -176,10 +176,10 @@ Categories: `nano` (1K-10K) | `micro` (10K-100K) | `macro` (100K-1M) | `mega` (1
 
 Icon-only actions on hover. Images of any aspect ratio letterbox with blurred backdrop.
 
-### PostDetailsModal — full drill-down (comments + AI analysis + OCR + platform metadata)
+### PostDetailsDrawer — full drill-down (comments + AI analysis + OCR + platform metadata)
 
 ```tsx
-<PostDetailsModal
+<PostDetailsDrawer
   open={open}
   onOpenChange={setOpen}
   post={post}

package/README.md

@@ -8,7 +8,7 @@
 ## What's inside
 
 - **170+ component entries** — primitives, layout, forms, charts, data viz
-- **Domain-aware** for افکارسنجی: 5 political flow tokens, 9-emotion scale, 4-level severity, status pulse, 10 platform tokens (incl. TV / Radio / Press), action types, score tiers
+- **Domain-aware** for افکارسنجی: 5 audience-stance tokens, 9-emotion scale, 4-level severity, status pulse, 10 platform tokens (incl. TV / Radio / Press), action types, score tiers
 - **Two themes**: Light + Dark, both production-grade with full token coverage
 - **RTL native**: CSS Logical Properties throughout — no physical left/right
 - **Trilingual**: Persian (canonical), Arabic, English labels for every domain primitive

package/dist/components/brand/parto-logo.cjs

@@ -126,5 +126,3 @@ var PartoLogo = React__namespace.forwardRef(
 PartoLogo.displayName = "PartoLogo";
 
 exports.PartoLogo = PartoLogo;
-//# sourceMappingURL=parto-logo.cjs.map
-//# sourceMappingURL=parto-logo.cjs.map

package/dist/components/brand/parto-logo.js

@@ -104,5 +104,3 @@ var PartoLogo = React.forwardRef(
 PartoLogo.displayName = "PartoLogo";
 
 export { PartoLogo };
-//# sourceMappingURL=parto-logo.js.map
-//# sourceMappingURL=parto-logo.js.map

package/dist/components/charts/PartoAreaChart.cjs

@@ -315,7 +315,7 @@ var ChartLegend = React2__namespace.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -442,7 +442,7 @@ var ChartGradientLegend = React2__namespace.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -583,5 +583,3 @@ var PartoAreaChart = React2__namespace.forwardRef(function PartoAreaChart2({
 PartoAreaChart.displayName = "PartoAreaChart";
 
 exports.PartoAreaChart = PartoAreaChart;
-//# sourceMappingURL=PartoAreaChart.cjs.map
-//# sourceMappingURL=PartoAreaChart.cjs.map

package/dist/components/charts/PartoAreaChart.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.cjs';
 import 'clsx';
 
 interface PartoAreaChartProps {

package/dist/components/charts/PartoAreaChart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.js';
 import 'clsx';
 
 interface PartoAreaChartProps {

package/dist/components/charts/PartoAreaChart.js

@@ -294,7 +294,7 @@ var ChartLegend = React2.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -421,7 +421,7 @@ var ChartGradientLegend = React2.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -562,5 +562,3 @@ var PartoAreaChart = React2.forwardRef(function PartoAreaChart2({
 PartoAreaChart.displayName = "PartoAreaChart";
 
 export { PartoAreaChart };
-//# sourceMappingURL=PartoAreaChart.js.map
-//# sourceMappingURL=PartoAreaChart.js.map

package/dist/components/charts/PartoBarChart.cjs

@@ -315,7 +315,7 @@ var ChartLegend = React2__namespace.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -442,7 +442,7 @@ var ChartGradientLegend = React2__namespace.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -620,5 +620,3 @@ var PartoBarChart = React2__namespace.forwardRef(function PartoBarChart2({
 PartoBarChart.displayName = "PartoBarChart";
 
 exports.PartoBarChart = PartoBarChart;
-//# sourceMappingURL=PartoBarChart.cjs.map
-//# sourceMappingURL=PartoBarChart.cjs.map

package/dist/components/charts/PartoBarChart.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.cjs';
 import 'clsx';
 
 interface PartoBarChartProps {

package/dist/components/charts/PartoBarChart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.js';
 import 'clsx';
 
 interface PartoBarChartProps {

package/dist/components/charts/PartoBarChart.js

@@ -294,7 +294,7 @@ var ChartLegend = React2.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -421,7 +421,7 @@ var ChartGradientLegend = React2.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -599,5 +599,3 @@ var PartoBarChart = React2.forwardRef(function PartoBarChart2({
 PartoBarChart.displayName = "PartoBarChart";
 
 export { PartoBarChart };
-//# sourceMappingURL=PartoBarChart.js.map
-//# sourceMappingURL=PartoBarChart.js.map

package/dist/components/charts/PartoLineChart.cjs

@@ -315,7 +315,7 @@ var ChartLegend = React2__namespace.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -442,7 +442,7 @@ var ChartGradientLegend = React2__namespace.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -588,5 +588,3 @@ var PartoLineChart = React2__namespace.forwardRef(function PartoLineChart2({
 PartoLineChart.displayName = "PartoLineChart";
 
 exports.PartoLineChart = PartoLineChart;
-//# sourceMappingURL=PartoLineChart.cjs.map
-//# sourceMappingURL=PartoLineChart.cjs.map

package/dist/components/charts/PartoLineChart.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.cjs';
 import 'clsx';
 
 interface PartoLineChartProps {

package/dist/components/charts/PartoLineChart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.js';
 import 'clsx';
 
 interface PartoLineChartProps {

package/dist/components/charts/PartoLineChart.js

@@ -294,7 +294,7 @@ var ChartLegend = React2.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -421,7 +421,7 @@ var ChartGradientLegend = React2.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -567,5 +567,3 @@ var PartoLineChart = React2.forwardRef(function PartoLineChart2({
 PartoLineChart.displayName = "PartoLineChart";
 
 export { PartoLineChart };
-//# sourceMappingURL=PartoLineChart.js.map
-//# sourceMappingURL=PartoLineChart.js.map

package/dist/components/charts/PartoPieChart.cjs

@@ -280,7 +280,7 @@ var ChartLegend = React2__namespace.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -407,7 +407,7 @@ var ChartGradientLegend = React2__namespace.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -570,5 +570,3 @@ var PartoPieChart = React2__namespace.forwardRef(function PartoPieChart2({
 PartoPieChart.displayName = "PartoPieChart";
 
 exports.PartoPieChart = PartoPieChart;
-//# sourceMappingURL=PartoPieChart.cjs.map
-//# sourceMappingURL=PartoPieChart.cjs.map

package/dist/components/charts/PartoPieChart.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.cjs';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.cjs';
 import 'clsx';
 
 interface PartoPieChartProps {

package/dist/components/charts/PartoPieChart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { S as SupportedLocale } from '../../utils-DlXWmDZ-.js';
+import { S as SupportedLocale } from '../../utils-Czyp5Ned.js';
 import 'clsx';
 
 interface PartoPieChartProps {

package/dist/components/charts/PartoPieChart.js

@@ -259,7 +259,7 @@ var ChartLegend = React2.forwardRef(
           flexDirection: isVertical ? "column" : "row",
           gap: isVertical ? "6px" : "12px 16px",
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         role: "list",
         ...props,
@@ -386,7 +386,7 @@ var ChartGradientLegend = React2.forwardRef(
           flexDirection: "column",
           gap: 4,
           fontSize: 12,
-          color: "hsl(var(--foreground-light))"
+          color: "var(--foreground-light)"
         },
         ...props,
         children: [
@@ -549,5 +549,3 @@ var PartoPieChart = React2.forwardRef(function PartoPieChart2({
 PartoPieChart.displayName = "PartoPieChart";
 
 export { PartoPieChart };
-//# sourceMappingURL=PartoPieChart.js.map
-//# sourceMappingURL=PartoPieChart.js.map

package/dist/components/ui/accordion.cjs

@@ -93,5 +93,3 @@ exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
-//# sourceMappingURL=accordion.cjs.map
-//# sourceMappingURL=accordion.cjs.map

package/dist/components/ui/accordion.d.cts

@@ -1,20 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
 declare namespace Accordion {
     var displayName: string;
 }
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
 declare namespace AccordionItem {
     var displayName: string;
 }
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
 declare namespace AccordionTrigger {
     var displayName: string;
 }
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
 declare namespace AccordionContent {
     var displayName: string;
 }

package/dist/components/ui/accordion.d.ts

@@ -1,20 +1,19 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
 declare namespace Accordion {
     var displayName: string;
 }
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
 declare namespace AccordionItem {
     var displayName: string;
 }
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
 declare namespace AccordionTrigger {
     var displayName: string;
 }
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
 declare namespace AccordionContent {
     var displayName: string;
 }

package/dist/components/ui/accordion.js

@@ -68,5 +68,3 @@ AccordionTrigger.displayName = "AccordionTrigger";
 AccordionContent.displayName = "AccordionContent";
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
-//# sourceMappingURL=accordion.js.map
-//# sourceMappingURL=accordion.js.map

package/dist/components/ui/alert-dialog.cjs

@@ -462,5 +462,3 @@ exports.AlertDialogOverlay = AlertDialogOverlay;
 exports.AlertDialogPortal = AlertDialogPortal;
 exports.AlertDialogTitle = AlertDialogTitle;
 exports.AlertDialogTrigger = AlertDialogTrigger;
-//# sourceMappingURL=alert-dialog.cjs.map
-//# sourceMappingURL=alert-dialog.cjs.map

package/dist/components/ui/alert-dialog.d.cts

@@ -1,16 +1,15 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/components/ui/alert-dialog.d.ts

@@ -1,16 +1,15 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 

package/dist/components/ui/alert-dialog.js

@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { forwardRef, cloneElement, isValidElement } from 'react';
+import { forwardRef, isValidElement, cloneElement } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -430,5 +430,3 @@ var AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @_
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
-//# sourceMappingURL=alert-dialog.js.map
-//# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-rule-card.cjs

@@ -93,11 +93,148 @@ var Switch = React__namespace.forwardRef(
 Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
 
 // src/lib/i18n.ts
+var EMOTION_KEYS = [
+  "anger",
+  "anticipation",
+  "joy",
+  "trust",
+  "fear",
+  "surprise",
+  "sadness",
+  "disgust",
+  "neutral"
+];
+var emotionLabels = {
+  fa: {
+    anger: "\u062E\u0634\u0645",
+    anticipation: "\u0627\u0646\u062A\u0638\u0627\u0631",
+    joy: "\u0634\u0627\u062F\u06CC",
+    trust: "\u0627\u0639\u062A\u0645\u0627\u062F",
+    fear: "\u062A\u0631\u0633",
+    surprise: "\u0634\u06AF\u0641\u062A\u06CC",
+    sadness: "\u063A\u0645",
+    disgust: "\u0627\u0646\u0632\u062C\u0627\u0631",
+    neutral: "\u062E\u0646\u062B\u06CC"
+  },
+  ar: {
+    anger: "\u063A\u0636\u0628",
+    anticipation: "\u062A\u0631\u0642\u0651\u0628",
+    joy: "\u0641\u0631\u062D",
+    trust: "\u062B\u0642\u0629",
+    fear: "\u062E\u0648\u0641",
+    surprise: "\u062F\u0647\u0634\u0629",
+    sadness: "\u062D\u0632\u0646",
+    disgust: "\u0627\u0634\u0645\u0626\u0632\u0627\u0632",
+    neutral: "\u0645\u062D\u0627\u064A\u062F"
+  },
+  en: {
+    anger: "Anger",
+    anticipation: "Anticipation",
+    joy: "Joy",
+    trust: "Trust",
+    fear: "Fear",
+    surprise: "Surprise",
+    sadness: "Sadness",
+    disgust: "Disgust",
+    neutral: "Neutral"
+  }
+};
+(() => {
+  const map = {};
+  for (const key of EMOTION_KEYS) map[key] = key;
+  for (const locale of Object.keys(emotionLabels)) {
+    for (const key of EMOTION_KEYS) {
+      map[emotionLabels[locale][key].toLowerCase()] = key;
+    }
+  }
+  return map;
+})();
+var FLOW_KEYS = [
+  "pro-gov",
+  "internal-critic",
+  "internal-opponent",
+  "external-opponent",
+  "grey"
+];
+var flowLabels = {
+  fa: {
+    "pro-gov": "\u062D\u0627\u0645\u06CC\u0627\u0646 \u062D\u06A9\u0648\u0645\u062A",
+    "internal-critic": "\u0645\u0646\u062A\u0642\u062F\u0627\u0646 \u062F\u0627\u062E\u0644\u06CC",
+    "internal-opponent": "\u0645\u062E\u0627\u0644\u0641\u0627\u0646 \u062F\u0627\u062E\u0644\u06CC",
+    "external-opponent": "\u0645\u062E\u0627\u0644\u0641\u0627\u0646 \u062E\u0627\u0631\u062C\u06CC",
+    grey: "\u0642\u0634\u0631 \u062E\u0627\u06A9\u0633\u062A\u0631\u06CC"
+  },
+  ar: {
+    "pro-gov": "\u0645\u0624\u064A\u062F\u0648 \u0627\u0644\u062D\u0643\u0648\u0645\u0629",
+    "internal-critic": "\u0645\u0646\u062A\u0642\u062F\u0648\u0646 \u062F\u0627\u062E\u0644\u064A\u0648\u0646",
+    "internal-opponent": "\u0645\u0639\u0627\u0631\u0636\u0648\u0646 \u062F\u0627\u062E\u0644\u064A\u0648\u0646",
+    "external-opponent": "\u0645\u0639\u0627\u0631\u0636\u0648\u0646 \u062E\u0627\u0631\u062C\u064A\u0648\u0646",
+    grey: "\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0631\u0645\u0627\u062F\u064A\u0629"
+  },
+  en: {
+    "pro-gov": "Pro-Government",
+    "internal-critic": "Internal Critic",
+    "internal-opponent": "Internal Opponent",
+    "external-opponent": "External Opponent",
+    grey: "Grey"
+  }
+};
+(() => {
+  const map = {};
+  for (const key of FLOW_KEYS) map[key] = key;
+  for (const locale of Object.keys(flowLabels)) {
+    for (const key of FLOW_KEYS) {
+      map[flowLabels[locale][key].toLowerCase()] = key;
+    }
+  }
+  return map;
+})();
+var STATUS_KEYS = ["critical", "warning", "middle", "low"];
+var statusLabels = {
+  fa: { critical: "\u0628\u062D\u0631\u0627\u0646\u06CC", warning: "\u0647\u0634\u062F\u0627\u0631", middle: "\u0645\u062A\u0648\u0633\u0637", low: "\u067E\u0627\u06CC\u06CC\u0646" },
+  ar: { critical: "\u062D\u0631\u062C", warning: "\u062A\u062D\u0630\u064A\u0631", middle: "\u0645\u062A\u0648\u0633\u0637", low: "\u0645\u0646\u062E\u0641\u0636" },
+  en: { critical: "Critical", warning: "Warning", middle: "Middle", low: "Low" }
+};
+(() => {
+  const map = { normal: "low" };
+  for (const key of STATUS_KEYS) map[key] = key;
+  for (const locale of Object.keys(statusLabels)) {
+    for (const key of STATUS_KEYS) {
+      map[statusLabels[locale][key].toLowerCase()] = key;
+    }
+  }
+  return map;
+})();
+var SEVERITY_KEYS = ["urgent", "high", "medium", "low"];
 var severityLabels = {
   fa: { urgent: "\u0641\u0648\u0631\u06CC", high: "\u0628\u0627\u0644\u0627", medium: "\u0645\u062A\u0648\u0633\u0637", low: "\u067E\u0627\u06CC\u06CC\u0646" },
   ar: { urgent: "\u0639\u0627\u062C\u0644", high: "\u0645\u0631\u062A\u0641\u0639", medium: "\u0645\u062A\u0648\u0633\u0637", low: "\u0645\u0646\u062E\u0641\u0636" },
   en: { urgent: "Urgent", high: "High", medium: "Medium", low: "Low" }
 };
+var SEVERITY_VALUE_MAP = {
+  1: "urgent",
+  2: "high",
+  3: "medium",
+  4: "low"
+};
+var SEVERITY_LABEL_LOOKUP = (() => {
+  const map = {};
+  for (const key of SEVERITY_KEYS) map[key] = key;
+  for (const locale of Object.keys(severityLabels)) {
+    for (const key of SEVERITY_KEYS) {
+      map[severityLabels[locale][key].toLowerCase()] = key;
+    }
+  }
+  return map;
+})();
+function resolveSeverity(input) {
+  if (input == null) return null;
+  if (typeof input === "number") return SEVERITY_VALUE_MAP[input] ?? null;
+  const raw = String(input).trim();
+  if (raw === "") return null;
+  if (/^\d+$/.test(raw)) return SEVERITY_VALUE_MAP[Number(raw)] ?? null;
+  return SEVERITY_LABEL_LOOKUP[raw.toLowerCase()] ?? null;
+}
 var SEVERITY_ICON = {
   urgent: lucideReact.Flame,
   high: lucideReact.ChevronUp,
@@ -113,25 +250,27 @@ function tokenVar(severity) {
 }
 var SeverityBadge = React__namespace.forwardRef(
   ({ className, severity, size = "md", showLabel = true, variant = "soft", locale = "fa", ...props }, ref) => {
-    const label = severityLabels[locale]?.[severity] ?? severityLabels.fa[severity];
-    const Icon = SEVERITY_ICON[severity];
-    const token = tokenVar(severity);
+    const resolved = resolveSeverity(severity);
+    if (!resolved) return null;
+    const label = severityLabels[locale]?.[resolved] ?? severityLabels.fa[resolved];
+    const Icon = SEVERITY_ICON[resolved];
+    const token = tokenVar(resolved);
     const softStyle = {
-      backgroundColor: `hsl(var(${token}) / 0.1)`,
-      borderColor: `hsl(var(${token}) / 0.3)`,
-      color: `hsl(var(${token}))`
+      backgroundColor: `color-mix(in srgb, var(${token}) 10%, transparent)`,
+      borderColor: `color-mix(in srgb, var(${token}) 30%, transparent)`,
+      color: `var(${token})`
     };
     const solidStyle = {
-      backgroundColor: `hsl(var(${token}))`,
-      borderColor: `hsl(var(${token}))`,
-      color: "hsl(var(--foreground-contrast))"
+      backgroundColor: `var(${token})`,
+      borderColor: `var(${token})`,
+      color: "var(--foreground-contrast)"
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
       {
         ref,
         "data-slot": "severity-badge",
-        "data-severity": severity,
+        "data-severity": resolved,
         "data-variant": variant,
         "aria-label": showLabel ? void 0 : label,
         className: cn(
@@ -292,5 +431,3 @@ var AlertRuleCard = React__namespace.forwardRef(
 AlertRuleCard.displayName = "AlertRuleCard";
 
 exports.AlertRuleCard = AlertRuleCard;
-//# sourceMappingURL=alert-rule-card.cjs.map
-//# sourceMappingURL=alert-rule-card.cjs.map