@parto-system-design/ui 1.1.17 → 1.1.18

package/tailwind.config.ts

@@ -32,274 +32,275 @@ const config: Config = {
       colors: {
         // Supabase Design System - Background Colors
         background: {
-          DEFAULT: 'hsl(var(--background-default))',
-          200: 'hsl(var(--background-200))',
+          DEFAULT: 'var(--background-default)',
+          200: 'var(--background-200)',
           alternative: {
-            DEFAULT: 'hsl(var(--background-alternative-default))',
-            200: 'hsl(var(--background-alternative-200))',
+            DEFAULT: 'var(--background-alternative-default)',
+            200: 'var(--background-alternative-200)',
           },
-          selection: 'hsl(var(--background-selection))',
-          control: 'hsl(var(--background-control))',
+          selection: 'var(--background-selection)',
+          control: 'var(--background-control)',
           surface: {
-            75: 'hsl(var(--background-surface-75))',
-            100: 'hsl(var(--background-surface-100))',
-            200: 'hsl(var(--background-surface-200))',
-            300: 'hsl(var(--background-surface-300))',
-            400: 'hsl(var(--background-surface-400))',
+            75: 'var(--background-surface-75)',
+            100: 'var(--background-surface-100)',
+            200: 'var(--background-surface-200)',
+            300: 'var(--background-surface-300)',
+            400: 'var(--background-surface-400)',
           },
           overlay: {
-            DEFAULT: 'hsl(var(--background-overlay-default))',
-            hover: 'hsl(var(--background-overlay-hover))',
+            DEFAULT: 'var(--background-overlay-default)',
+            hover: 'var(--background-overlay-hover)',
           },
-          muted: 'hsl(var(--background-muted))',
+          muted: 'var(--background-muted)',
           button: {
-            DEFAULT: 'hsl(var(--background-button-default))',
+            DEFAULT: 'var(--background-button-default)',
           },
           dialog: {
-            DEFAULT: 'hsl(var(--background-dialog-default))',
+            DEFAULT: 'var(--background-dialog-default)',
           },
           dash: {
-            sidebar: 'hsl(var(--background-sidebar))',
-            canvas: 'hsl(var(--background-canvas))',
+            sidebar: 'var(--background-sidebar)',
+            canvas: 'var(--background-canvas)',
           },
         },
         // Shorthand background colors for Supabase compatibility
-        alternative: 'hsl(var(--background-alternative-default))',
-        selection: 'hsl(var(--background-selection))',
+        alternative: 'var(--background-alternative-default)',
+        selection: 'var(--background-selection)',
         overlay: {
-          DEFAULT: 'hsl(var(--background-overlay-default))',
-          hover: 'hsl(var(--background-overlay-hover))',
+          DEFAULT: 'var(--background-overlay-default)',
+          hover: 'var(--background-overlay-hover)',
         },
         
         // Supabase Design System - Foreground Colors
         foreground: {
-          DEFAULT: 'hsl(var(--foreground-default))',
-          light: 'hsl(var(--foreground-light))',
-          lighter: 'hsl(var(--foreground-lighter))',
-          muted: 'hsl(var(--foreground-muted))',
-          contrast: 'hsl(var(--foreground-contrast))',
+          DEFAULT: 'var(--foreground-default)',
+          light: 'var(--foreground-light)',
+          lighter: 'var(--foreground-lighter)',
+          muted: 'var(--foreground-muted)',
+          contrast: 'var(--foreground-contrast)',
         },
 
         // On-color foreground tokens — pair with bg-brand / bg-warning /
         // bg-destructive to guarantee WCAG AA. See foundations/colors.mdx.
         // Enables `text-on-brand`, `hover:text-on-brand`, etc. as full Tailwind utilities.
-        'on-brand': 'hsl(var(--on-brand))',
-        'on-warning': 'hsl(var(--on-warning))',
-        'on-destructive': 'hsl(var(--on-destructive))',
-        'on-info': 'hsl(var(--on-info))',
-        'on-success': 'hsl(var(--on-success))',
+        'on-brand': 'var(--on-brand)',
+        'on-warning': 'var(--on-warning)',
+        'on-destructive': 'var(--on-destructive)',
+        'on-info': 'var(--on-info)',
+        'on-success': 'var(--on-success)',
         
         // Supabase Design System - Border Colors
         border: {
-          DEFAULT: 'hsl(var(--border-default))',
-          muted: 'hsl(var(--border-muted))',
-          secondary: 'hsl(var(--border-secondary))',
-          overlay: 'hsl(var(--border-overlay))',
-          control: 'hsl(var(--border-control))',
-          alternative: 'hsl(var(--border-alternative))',
-          strong: 'hsl(var(--border-strong))',
-          stronger: 'hsl(var(--border-stronger))',
+          DEFAULT: 'var(--border-default)',
+          muted: 'var(--border-muted)',
+          secondary: 'var(--border-secondary)',
+          overlay: 'var(--border-overlay)',
+          control: 'var(--border-control)',
+          alternative: 'var(--border-alternative)',
+          strong: 'var(--border-strong)',
+          stronger: 'var(--border-stronger)',
           button: {
-            DEFAULT: 'hsl(var(--border-button-default))',
-            hover: 'hsl(var(--border-button-hover))',
+            DEFAULT: 'var(--border-button-default)',
+            hover: 'var(--border-button-hover)',
           },
         },
         // Shorthand border colors for Supabase compatibility
-        strong: 'hsl(var(--border-strong))',
-        stronger: 'hsl(var(--border-stronger))',
+        strong: 'var(--border-strong)',
+        stronger: 'var(--border-stronger)',
         
         // Supabase Design System - Brand Colors
         brand: {
-          DEFAULT: 'hsl(var(--brand-default))',
-          200: 'hsl(var(--brand-200))',
-          300: 'hsl(var(--brand-300))',
-          400: 'hsl(var(--brand-400))',
-          500: 'hsl(var(--brand-500))',
-          600: 'hsl(var(--brand-600))',
-          link: 'hsl(var(--brand-link))',
+          DEFAULT: 'var(--brand-default)',
+          200: 'var(--brand-200)',
+          300: 'var(--brand-300)',
+          400: 'var(--brand-400)',
+          500: 'var(--brand-500)',
+          600: 'var(--brand-600)',
+          link: 'var(--brand-link)',
         },
         
         // Supabase Design System - Warning Colors
         warning: {
-          DEFAULT: 'hsl(var(--warning-default))',
-          200: 'hsl(var(--warning-200))',
-          300: 'hsl(var(--warning-300))',
-          400: 'hsl(var(--warning-400))',
-          500: 'hsl(var(--warning-500))',
-          600: 'hsl(var(--warning-600))',
+          DEFAULT: 'var(--warning-default)',
+          200: 'var(--warning-200)',
+          300: 'var(--warning-300)',
+          400: 'var(--warning-400)',
+          500: 'var(--warning-500)',
+          600: 'var(--warning-600)',
         },
         
         // Supabase Design System - Destructive Colors
         destructive: {
-          DEFAULT: 'hsl(var(--destructive-default))',
-          200: 'hsl(var(--destructive-200))',
-          300: 'hsl(var(--destructive-300))',
-          400: 'hsl(var(--destructive-400))',
-          500: 'hsl(var(--destructive-500))',
-          600: 'hsl(var(--destructive-600))',
-          foreground: 'hsl(var(--destructive-600))',
+          DEFAULT: 'var(--destructive-default)',
+          200: 'var(--destructive-200)',
+          300: 'var(--destructive-300)',
+          400: 'var(--destructive-400)',
+          500: 'var(--destructive-500)',
+          600: 'var(--destructive-600)',
+          foreground: 'var(--destructive-600)',
         },
 
         // Info (blue) — loading / in-progress / informational states. Added 1.1.15.
         info: {
-          DEFAULT: 'hsl(var(--info-default))',
-          200: 'hsl(var(--info-200))',
-          300: 'hsl(var(--info-300))',
-          400: 'hsl(var(--info-400))',
-          500: 'hsl(var(--info-500))',
-          600: 'hsl(var(--info-600))',
+          DEFAULT: 'var(--info-default)',
+          200: 'var(--info-200)',
+          300: 'var(--info-300)',
+          400: 'var(--info-400)',
+          500: 'var(--info-500)',
+          600: 'var(--info-600)',
         },
 
         // Success (green) — completed / confirmed states. Distinct from brand teal. Added 1.1.15.
         success: {
-          DEFAULT: 'hsl(var(--success-default))',
-          200: 'hsl(var(--success-200))',
-          300: 'hsl(var(--success-300))',
-          400: 'hsl(var(--success-400))',
-          500: 'hsl(var(--success-500))',
-          600: 'hsl(var(--success-600))',
+          DEFAULT: 'var(--success-default)',
+          200: 'var(--success-200)',
+          300: 'var(--success-300)',
+          400: 'var(--success-400)',
+          500: 'var(--success-500)',
+          600: 'var(--success-600)',
         },
         
         // Supabase Design System - Secondary Colors
         secondary: {
-          DEFAULT: 'hsl(var(--secondary-default))',
-          200: 'hsl(var(--secondary-200))',
-          400: 'hsl(var(--secondary-400))',
-          foreground: 'hsl(var(--foreground-default))',
+          DEFAULT: 'var(--secondary-default)',
+          200: 'var(--secondary-200)',
+          400: 'var(--secondary-400)',
+          foreground: 'var(--foreground-default)',
         },
         
         // Supabase Design System - Code Block Colors
         'code-block': {
-          1: 'hsl(var(--code-block-1))',
-          2: 'hsl(var(--code-block-2))',
-          3: 'hsl(var(--code-block-3))',
-          4: 'hsl(var(--code-block-4))',
-          5: 'hsl(var(--code-block-5))',
+          1: 'var(--code-block-1)',
+          2: 'var(--code-block-2)',
+          3: 'var(--code-block-3)',
+          4: 'var(--code-block-4)',
+          5: 'var(--code-block-5)',
         },
         
         // Engagement Rate Tier Colors (social listening domain)
         engagement: {
-          excellent: 'hsl(var(--engagement-excellent))',
-          'excellent-hover': 'hsl(var(--engagement-excellent-hover))',
-          'very-good': 'hsl(var(--engagement-very-good))',
-          'very-good-hover': 'hsl(var(--engagement-very-good-hover))',
-          good: 'hsl(var(--engagement-good))',
-          'good-hover': 'hsl(var(--engagement-good-hover))',
-          average: 'hsl(var(--engagement-average))',
-          'average-hover': 'hsl(var(--engagement-average-hover))',
-          low: 'hsl(var(--engagement-low))',
-          'low-hover': 'hsl(var(--engagement-low-hover))',
-          poor: 'hsl(var(--engagement-poor))',
-          'poor-hover': 'hsl(var(--engagement-poor-hover))',
-          inactive: 'hsl(var(--engagement-inactive))',
+          excellent: 'var(--engagement-excellent)',
+          'excellent-hover': 'var(--engagement-excellent-hover)',
+          'very-good': 'var(--engagement-very-good)',
+          'very-good-hover': 'var(--engagement-very-good-hover)',
+          good: 'var(--engagement-good)',
+          'good-hover': 'var(--engagement-good-hover)',
+          average: 'var(--engagement-average)',
+          'average-hover': 'var(--engagement-average-hover)',
+          low: 'var(--engagement-low)',
+          'low-hover': 'var(--engagement-low-hover)',
+          poor: 'var(--engagement-poor)',
+          'poor-hover': 'var(--engagement-poor-hover)',
+          inactive: 'var(--engagement-inactive)',
         },
         // Sentiment Colors — simple 3-class (social listening domain)
         sentiment: {
-          positive: 'hsl(var(--sentiment-positive))',
-          negative: 'hsl(var(--sentiment-negative))',
-          neutral: 'hsl(var(--sentiment-neutral))',
-          mixed: 'hsl(var(--sentiment-mixed))',
+          positive: 'var(--sentiment-positive)',
+          negative: 'var(--sentiment-negative)',
+          neutral: 'var(--sentiment-neutral)',
+          mixed: 'var(--sentiment-mixed)',
         },
         // Emotion Colors — advanced 9-class (افکارسنجی domain)
         emotion: {
-          anger: 'hsl(var(--emotion-anger))',
-          anticipation: 'hsl(var(--emotion-anticipation))',
-          joy: 'hsl(var(--emotion-joy))',
-          trust: 'hsl(var(--emotion-trust))',
-          fear: 'hsl(var(--emotion-fear))',
-          surprise: 'hsl(var(--emotion-surprise))',
-          sadness: 'hsl(var(--emotion-sadness))',
-          disgust: 'hsl(var(--emotion-disgust))',
-          neutral: 'hsl(var(--emotion-neutral))',
-        },
-        // Political Flow Colors — 5-class (افکارسنجی clustering)
+          anger: 'var(--emotion-anger)',
+          anticipation: 'var(--emotion-anticipation)',
+          joy: 'var(--emotion-joy)',
+          trust: 'var(--emotion-trust)',
+          fear: 'var(--emotion-fear)',
+          surprise: 'var(--emotion-surprise)',
+          sadness: 'var(--emotion-sadness)',
+          disgust: 'var(--emotion-disgust)',
+          neutral: 'var(--emotion-neutral)',
+        },
+        // Audience Stance Colors — 5-class (افکارسنجی clustering)
         flow: {
-          'pro-gov': 'hsl(var(--flow-pro-gov))',
-          'internal-critic': 'hsl(var(--flow-internal-critic))',
-          'internal-opponent': 'hsl(var(--flow-internal-opponent))',
-          'external-opponent': 'hsl(var(--flow-external-opponent))',
-          grey: 'hsl(var(--flow-grey))',
+          'pro-gov': 'var(--flow-pro-gov)',
+          'internal-critic': 'var(--flow-internal-critic)',
+          'internal-opponent': 'var(--flow-internal-opponent)',
+          'external-opponent': 'var(--flow-external-opponent)',
+          grey: 'var(--flow-grey)',
         },
         // Operational status indicator (often pulsed for critical)
         status: {
-          critical: 'hsl(var(--status-critical))',
-          warning: 'hsl(var(--status-warning))',
-          normal: 'hsl(var(--status-normal))',
+          critical: 'var(--status-critical)',
+          warning: 'var(--status-warning)',
+          normal: 'var(--status-normal)',
         },
         // Severity — urgency level, independent of status
         severity: {
-          urgent: 'hsl(var(--severity-urgent))',
-          high: 'hsl(var(--severity-high))',
-          medium: 'hsl(var(--severity-medium))',
-          low: 'hsl(var(--severity-low))',
+          urgent: 'var(--severity-urgent)',
+          high: 'var(--severity-high)',
+          medium: 'var(--severity-medium)',
+          low: 'var(--severity-low)',
         },
         // Action Type — per-action colouring for booster/activity feeds
         'action-type': {
-          like: 'hsl(var(--action-type-like))',
-          comment: 'hsl(var(--action-type-comment))',
-          save: 'hsl(var(--action-type-save))',
-          follow: 'hsl(var(--action-type-follow))',
-          unfollow: 'hsl(var(--action-type-unfollow))',
-          dm: 'hsl(var(--action-type-dm))',
-          share: 'hsl(var(--action-type-share))',
+          like: 'var(--action-type-like)',
+          comment: 'var(--action-type-comment)',
+          save: 'var(--action-type-save)',
+          follow: 'var(--action-type-follow)',
+          unfollow: 'var(--action-type-unfollow)',
+          dm: 'var(--action-type-dm)',
+          share: 'var(--action-type-share)',
         },
 
         // Legacy Shadcn compatibility aliases
-        input: 'hsl(var(--background-control))',
-        ring: 'hsl(var(--border-strong))',
+        input: 'var(--background-control)',
+        ring: 'var(--border-strong)',
         primary: {
-          DEFAULT: 'hsl(var(--brand-default))',
-          foreground: 'hsl(var(--foreground-contrast))',
+          DEFAULT: 'var(--brand-default)',
+          foreground: 'var(--foreground-contrast)',
         },
         muted: {
-          DEFAULT: 'hsl(var(--background-muted))',
-          foreground: 'hsl(var(--foreground-muted))',
+          DEFAULT: 'var(--background-muted)',
+          // readable secondary-text tier (AA); --foreground-muted stays the faint disabled-only tier
+          foreground: 'var(--foreground-lighter)',
         },
         accent: {
-          DEFAULT: 'hsl(var(--background-surface-200))',
-          foreground: 'hsl(var(--foreground-default))',
+          DEFAULT: 'var(--background-surface-200)',
+          foreground: 'var(--foreground-default)',
         },
         popover: {
-          DEFAULT: 'hsl(var(--background-overlay-default))',
-          foreground: 'hsl(var(--foreground-default))',
+          DEFAULT: 'var(--background-overlay-default)',
+          foreground: 'var(--foreground-default)',
         },
         card: {
-          DEFAULT: 'hsl(var(--background-surface-100))',
-          foreground: 'hsl(var(--foreground-default))',
+          DEFAULT: 'var(--background-surface-100)',
+          foreground: 'var(--foreground-default)',
         },
         // Sidebar colors - mapped to Supabase Design System tokens
         sidebar: {
-          DEFAULT: 'hsl(var(--background-sidebar))',
-          foreground: 'hsl(var(--foreground-default))',
-          border: 'hsl(var(--border-muted))',
-          ring: 'hsl(var(--brand-default))',
+          DEFAULT: 'var(--background-sidebar)',
+          foreground: 'var(--foreground-default)',
+          border: 'var(--border-muted)',
+          ring: 'var(--brand-default)',
           accent: {
-            DEFAULT: 'hsl(var(--background-selection))',
-            foreground: 'hsl(var(--foreground-default))',
+            DEFAULT: 'var(--background-selection)',
+            foreground: 'var(--foreground-default)',
           },
         },
         chart: {
-          '1': 'hsl(var(--chart-1))',
-          '2': 'hsl(var(--chart-2))',
-          '3': 'hsl(var(--chart-3))',
-          '4': 'hsl(var(--chart-4))',
-          '5': 'hsl(var(--chart-5))',
-          '6': 'hsl(var(--chart-6))',
-          '7': 'hsl(var(--chart-7))',
-          '8': 'hsl(var(--chart-8))',
+          '1': 'var(--chart-1)',
+          '2': 'var(--chart-2)',
+          '3': 'var(--chart-3)',
+          '4': 'var(--chart-4)',
+          '5': 'var(--chart-5)',
+          '6': 'var(--chart-6)',
+          '7': 'var(--chart-7)',
+          '8': 'var(--chart-8)',
         },
         // Generic score/quality tier colors (not domain-specific)
         score: {
-          excellent: 'hsl(var(--score-excellent))',
-          'excellent-bg': 'hsl(var(--score-excellent-bg))',
-          good: 'hsl(var(--score-good))',
-          'good-bg': 'hsl(var(--score-good-bg))',
-          moderate: 'hsl(var(--score-moderate))',
-          'moderate-bg': 'hsl(var(--score-moderate-bg))',
-          poor: 'hsl(var(--score-poor))',
-          'poor-bg': 'hsl(var(--score-poor-bg))',
-          critical: 'hsl(var(--score-critical))',
-          'critical-bg': 'hsl(var(--score-critical-bg))',
+          excellent: 'var(--score-excellent)',
+          'excellent-bg': 'var(--score-excellent-bg)',
+          good: 'var(--score-good)',
+          'good-bg': 'var(--score-good-bg)',
+          moderate: 'var(--score-moderate)',
+          'moderate-bg': 'var(--score-moderate-bg)',
+          poor: 'var(--score-poor)',
+          'poor-bg': 'var(--score-poor-bg)',
+          critical: 'var(--score-critical)',
+          'critical-bg': 'var(--score-critical-bg)',
         },
       },
       borderRadius: {
@@ -484,51 +485,51 @@ const config: Config = {
       addUtilities({
         // Background shorthands
         '.bg': {
-          backgroundColor: 'hsl(var(--background-default))',
+          backgroundColor: 'var(--background-default)',
         },
         '.bg-muted': {
-          backgroundColor: 'hsl(var(--background-muted))',
+          backgroundColor: 'var(--background-muted)',
         },
         '.bg-alternative': {
-          backgroundColor: 'hsl(var(--background-alternative-default))',
+          backgroundColor: 'var(--background-alternative-default)',
         },
         '.bg-selection': {
-          backgroundColor: 'hsl(var(--background-selection))',
+          backgroundColor: 'var(--background-selection)',
         },
         // Text shorthands
         '.text': {
-          color: 'hsl(var(--foreground-default))',
+          color: 'var(--foreground-default)',
         },
         '.text-light': {
-          color: 'hsl(var(--foreground-light))',
+          color: 'var(--foreground-light)',
         },
         '.text-lighter': {
-          color: 'hsl(var(--foreground-lighter))',
+          color: 'var(--foreground-lighter)',
         },
         '.text-muted': {
-          color: 'hsl(var(--foreground-muted))',
+          color: 'var(--foreground-muted)',
         },
         '.text-contrast': {
-          color: 'hsl(var(--foreground-contrast))',
+          color: 'var(--foreground-contrast)',
         },
         // Border shorthands (override default)
         '.border': {
-          borderColor: 'hsl(var(--border-default))',
+          borderColor: 'var(--border-default)',
         },
         '.border-muted': {
-          borderColor: 'hsl(var(--border-muted))',
+          borderColor: 'var(--border-muted)',
         },
         '.border-strong': {
-          borderColor: 'hsl(var(--border-strong))',
+          borderColor: 'var(--border-strong)',
         },
         '.border-stronger': {
-          borderColor: 'hsl(var(--border-stronger))',
+          borderColor: 'var(--border-stronger)',
         },
         '.border-button': {
-          borderColor: 'hsl(var(--border-button-default))',
+          borderColor: 'var(--border-button-default)',
         },
         '.border-button-hover': {
-          borderColor: 'hsl(var(--border-button-hover))',
+          borderColor: 'var(--border-button-hover)',
         },
         // Font weight shorthand
         '.font-regular': {

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/brand/parto-logo.tsx"],"names":["twMerge","clsx","React","jsx","jsxs","Fragment"],"mappings":"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","file":"parto-logo.cjs","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport { formatJalaliDate } from '@/lib/jalali-utils'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport type SupportedLocale = 'fa' | 'ar' | 'en'\n\n/**\n * Convert digits in a string to Persian/Arabic numerals based on locale.\n * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'\n * @example convertToLocalNumbers('123', 'en') => '123'\n */\nexport function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string {\n  if (locale === 'fa' || locale === 'ar') {\n    const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']\n    return String(text).replace(/\\d/g, (digit) => persianDigits[parseInt(digit)])\n  }\n  return String(text)\n}\n\n/**\n * Format large numbers with locale-aware suffixes (K/M/B).\n * @example formatLargeNumber(1500, 'fa') => '۱.۵ هزار'\n * @example formatLargeNumber(1500, 'en') => '1.5K'\n */\nexport function formatLargeNumber(num: number, locale: SupportedLocale): string {\n  if (num >= 1_000_000_000) {\n    const formatted = (num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'B' : ' میلیارد')\n  }\n  if (num >= 1_000_000) {\n    const formatted = (num / 1_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'M' : ' میلیون')\n  }\n  if (num >= 1_000) {\n    const formatted = (num / 1_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'K' : ' هزار')\n  }\n  return convertToLocalNumbers(num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ','), locale)\n}\n\n/**\n * Format number to Instagram-style short format (English only).\n * @example formatNumber(123456, 'short') => '123K'\n * @example formatNumber(123456, 'exact') => '123,456'\n */\nexport function formatNumber(num: number | undefined, format: 'exact' | 'short' = 'exact'): string {\n  if (num === undefined || num === null) return '0'\n\n  if (format === 'exact') {\n    return num.toLocaleString('en-US')\n  }\n\n  // Short format (Instagram style)\n  if (num >= 1_000_000_000) {\n    return `${(num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')}B`\n  }\n  if (num >= 1_000_000) {\n    return `${(num / 1_000_000).toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1).replace(/\\.0$/, '')}K`\n  }\n  return num.toString()\n}\n\n/**\n * Format date to relative time with absolute on hover (Persian)\n * @example formatRelativeTime(new Date()) => '۲ ساعت پیش'\n */\nexport function formatRelativeTime(date: Date | string | number): string {\n  const now = new Date()\n  const then = new Date(date)\n  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1000)\n\n  if (diffInSeconds < 60) {\n    return 'همین الان'\n  }\n\n  const diffInMinutes = Math.floor(diffInSeconds / 60)\n  if (diffInMinutes < 60) {\n    return `${convertToLocalNumbers(diffInMinutes, 'fa')} دقیقه پیش`\n  }\n\n  const diffInHours = Math.floor(diffInMinutes / 60)\n  if (diffInHours < 24) {\n    return `${convertToLocalNumbers(diffInHours, 'fa')} ساعت پیش`\n  }\n\n  const diffInDays = Math.floor(diffInHours / 24)\n  if (diffInDays < 7) {\n    return `${convertToLocalNumbers(diffInDays, 'fa')} روز پیش`\n  }\n\n  const diffInWeeks = Math.floor(diffInDays / 7)\n  if (diffInWeeks < 4) {\n    return `${convertToLocalNumbers(diffInWeeks, 'fa')} هفته پیش`\n  }\n\n  const diffInMonths = Math.floor(diffInDays / 30)\n  if (diffInMonths < 12) {\n    return `${convertToLocalNumbers(diffInMonths, 'fa')} ماه پیش`\n  }\n\n  const diffInYears = Math.floor(diffInDays / 365)\n  return `${convertToLocalNumbers(diffInYears, 'fa')} سال پیش`\n}\n\n/**\n * Format date to absolute format (Persian / Jalali)\n * Uses date-fns-jalali for accurate Jalali conversion.\n * @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'\n */\nexport function formatAbsoluteTime(date: Date | string | number): string {\n  const d = new Date(date)\n  return formatJalaliDate(d, 'd MMMM yyyy، HH:mm')\n}\n","import * as React from 'react'\nimport { cn } from '@/lib/utils'\n\n/**\n * Parto brand logo. Every Parto product surfaces this in its header / login /\n * empty-state / about screens so the brand stays visible while individual\n * product names live alongside it.\n *\n * Variants:\n * - `icon`     — the 75×75 brand mark (three triangular shapes). Uses the DS\n *                brand color by default (`text-brand`) but accepts any\n *                `className` overrides for one-off accents.\n * - `logotype` — the \"پرتو\" Persian wordmark. Uses `currentColor` so it\n *                inherits the parent's text color (works in both light\n *                and dark themes).\n * - `combined` — icon + wordmark side-by-side. The recommended default\n *                for headers and login pages.\n *\n * The SVGs are inlined here (kept tiny — under 1KB each) so consumers don't\n * have to copy logo files into `public/` and the component renders as plain\n * markup with no extra network requests.\n */\n\ntype Variant = 'icon' | 'logotype' | 'combined'\n\ninterface PartoLogoProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: Variant\n  /**\n   * Height in pixels (icon-only) or wordmark height (logotype/combined).\n   * Width auto-scales to preserve aspect ratio.\n   */\n  size?: number\n  /**\n   * Set to a Persian product name to render as `پرتو | <name>` next to the\n   * logo. Skip for marketing surfaces where only the brand should appear.\n   */\n  productName?: string\n}\n\nconst IconSvg = React.forwardRef<SVGSVGElement, { size: number; className?: string }>(({ size, className }, ref) => (\n  <svg\n    ref={ref}\n    viewBox=\"0 0 75 75\"\n    width={size}\n    height={size}\n    role=\"img\"\n    aria-label=\"Parto\"\n    data-slot=\"parto-logo-icon\"\n    className={cn('text-brand', className)}\n  >\n    <g fill=\"currentColor\">\n      <polygon points=\"75 0 0 0 0 25 75 0\" />\n      <polygon points=\"75 75 50 75 75 0 75 75\" />\n      <polygon points=\"75 0 25 75 0 75 0 50 75 0\" />\n    </g>\n  </svg>\n))\nIconSvg.displayName = 'PartoLogoIcon'\n\nconst LogotypeSvg = React.forwardRef<SVGSVGElement, { height: number; className?: string }>(\n  ({ height, className }, ref) => {\n    const aspectRatio = 106.03 / 48.15\n    const width = Math.round(height * aspectRatio)\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 106.03 48.15\"\n        width={width}\n        height={height}\n        role=\"img\"\n        aria-label=\"پرتو\"\n        data-slot=\"parto-logo-logotype\"\n        className={cn('text-foreground', className)}\n      >\n        <g fill=\"currentColor\">\n          <path d=\"M41.44,0v6.02h18.75V0h-18.75Z\" />\n          <path d=\"M15.22,44.28H6.43l5.1-9.36.02-.04c-4.33-.08-7.61-2.21-9.19-4.14-1.58-1.94-2.36-4.57-2.36-7.9,0-4.28,1.23-7.54,3.71-9.79,2.47-2.24,6.4-3.36,11.8-3.36h18.21v19.23s11.43,0,11.43,0c2.07,0,3.64-.52,4.7-1.53,1.06-1.01,1.59-2.45,1.59-4.27v-13.43h8.74v12.74c-.06,3.2-.66,5.7-1.86,7.51-1.18,1.81-2.87,3.07-5.08,3.8-2.21.74-5.05,1.1-8.55,1.1h-19.28V15.55s-9.29,0-9.29,0c-1.82,0-3.27.19-4.33.57s-1.86,1.04-2.38,1.99c-.52.96-.77,2.35-.77,4.18v1.56c.04,1.63.28,2.89.71,3.81.43.9,1.18,1.59,2.24,2.05s2.57.69,4.52.69h6.37l-7.3,13.88Z\" />\n          <path d=\"M76.86,9.56h-8.21v20.23l-7.92,14.48h8.79l4.94-9.37v-.02h16.1c3.5,0,6.34-.36,8.55-1.1,2.21-.72,3.89-1.99,5.08-3.8.22-.33.4-.66.57-1.02.82-1.69,1.24-3.86,1.28-6.49v-12.78h-8.73v13.47c0,1.82-.53,3.26-1.59,4.27-1.06,1.01-2.63,1.53-4.7,1.53h-14.15V9.56Z\" />\n          <polygon points=\"97.58 38.26 81.25 38.26 81.25 44.28 91.72 44.28 91.72 48.15 97.58 48.15 97.58 38.26\" />\n        </g>\n      </svg>\n    )\n  }\n)\nLogotypeSvg.displayName = 'PartoLogoLogotype'\n\nconst PartoLogo = React.forwardRef<HTMLSpanElement, PartoLogoProps>(\n  ({ variant = 'combined', size = 28, productName, className, ...props }, ref) => {\n    if (variant === 'icon') {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"parto-logo\"\n          data-variant=\"icon\"\n          className={cn('inline-flex items-center', className)}\n          {...props}\n        >\n          <IconSvg size={size} />\n        </span>\n      )\n    }\n\n    if (variant === 'logotype') {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"parto-logo\"\n          data-variant=\"logotype\"\n          className={cn('inline-flex items-center', className)}\n          {...props}\n        >\n          <LogotypeSvg height={size} />\n        </span>\n      )\n    }\n\n    // combined (default): icon + wordmark, optionally followed by product name\n    const iconSize = Math.round(size * 1.05)\n    return (\n      <span\n        ref={ref}\n        data-slot=\"parto-logo\"\n        data-variant=\"combined\"\n        className={cn('inline-flex items-center gap-2.5', className)}\n        {...props}\n      >\n        <IconSvg size={iconSize} />\n        <LogotypeSvg height={size} />\n        {productName && (\n          <>\n            <span aria-hidden=\"true\" data-slot=\"parto-logo-divider\" className=\"h-5 w-px bg-border-stronger/60\" />\n            <span data-slot=\"parto-logo-product-name\" className=\"text-foreground-light text-sm font-medium\">\n              {productName}\n            </span>\n          </>\n        )}\n      </span>\n    )\n  }\n)\nPartoLogo.displayName = 'PartoLogo'\n\nexport { PartoLogo, type PartoLogoProps }\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/brand/parto-logo.tsx"],"names":[],"mappings":"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","file":"parto-logo.js","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport { formatJalaliDate } from '@/lib/jalali-utils'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\nexport type SupportedLocale = 'fa' | 'ar' | 'en'\n\n/**\n * Convert digits in a string to Persian/Arabic numerals based on locale.\n * @example convertToLocalNumbers('123', 'fa') => '۱۲۳'\n * @example convertToLocalNumbers('123', 'en') => '123'\n */\nexport function convertToLocalNumbers(text: string | number, locale: SupportedLocale): string {\n  if (locale === 'fa' || locale === 'ar') {\n    const persianDigits = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹']\n    return String(text).replace(/\\d/g, (digit) => persianDigits[parseInt(digit)])\n  }\n  return String(text)\n}\n\n/**\n * Format large numbers with locale-aware suffixes (K/M/B).\n * @example formatLargeNumber(1500, 'fa') => '۱.۵ هزار'\n * @example formatLargeNumber(1500, 'en') => '1.5K'\n */\nexport function formatLargeNumber(num: number, locale: SupportedLocale): string {\n  if (num >= 1_000_000_000) {\n    const formatted = (num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'B' : ' میلیارد')\n  }\n  if (num >= 1_000_000) {\n    const formatted = (num / 1_000_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'M' : ' میلیون')\n  }\n  if (num >= 1_000) {\n    const formatted = (num / 1_000).toFixed(1).replace(/\\.0$/, '')\n    return convertToLocalNumbers(formatted, locale) + (locale === 'en' ? 'K' : ' هزار')\n  }\n  return convertToLocalNumbers(num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ','), locale)\n}\n\n/**\n * Format number to Instagram-style short format (English only).\n * @example formatNumber(123456, 'short') => '123K'\n * @example formatNumber(123456, 'exact') => '123,456'\n */\nexport function formatNumber(num: number | undefined, format: 'exact' | 'short' = 'exact'): string {\n  if (num === undefined || num === null) return '0'\n\n  if (format === 'exact') {\n    return num.toLocaleString('en-US')\n  }\n\n  // Short format (Instagram style)\n  if (num >= 1_000_000_000) {\n    return `${(num / 1_000_000_000).toFixed(1).replace(/\\.0$/, '')}B`\n  }\n  if (num >= 1_000_000) {\n    return `${(num / 1_000_000).toFixed(1).replace(/\\.0$/, '')}M`\n  }\n  if (num >= 1_000) {\n    return `${(num / 1_000).toFixed(1).replace(/\\.0$/, '')}K`\n  }\n  return num.toString()\n}\n\n/**\n * Format date to relative time with absolute on hover (Persian)\n * @example formatRelativeTime(new Date()) => '۲ ساعت پیش'\n */\nexport function formatRelativeTime(date: Date | string | number): string {\n  const now = new Date()\n  const then = new Date(date)\n  const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1000)\n\n  if (diffInSeconds < 60) {\n    return 'همین الان'\n  }\n\n  const diffInMinutes = Math.floor(diffInSeconds / 60)\n  if (diffInMinutes < 60) {\n    return `${convertToLocalNumbers(diffInMinutes, 'fa')} دقیقه پیش`\n  }\n\n  const diffInHours = Math.floor(diffInMinutes / 60)\n  if (diffInHours < 24) {\n    return `${convertToLocalNumbers(diffInHours, 'fa')} ساعت پیش`\n  }\n\n  const diffInDays = Math.floor(diffInHours / 24)\n  if (diffInDays < 7) {\n    return `${convertToLocalNumbers(diffInDays, 'fa')} روز پیش`\n  }\n\n  const diffInWeeks = Math.floor(diffInDays / 7)\n  if (diffInWeeks < 4) {\n    return `${convertToLocalNumbers(diffInWeeks, 'fa')} هفته پیش`\n  }\n\n  const diffInMonths = Math.floor(diffInDays / 30)\n  if (diffInMonths < 12) {\n    return `${convertToLocalNumbers(diffInMonths, 'fa')} ماه پیش`\n  }\n\n  const diffInYears = Math.floor(diffInDays / 365)\n  return `${convertToLocalNumbers(diffInYears, 'fa')} سال پیش`\n}\n\n/**\n * Format date to absolute format (Persian / Jalali)\n * Uses date-fns-jalali for accurate Jalali conversion.\n * @example formatAbsoluteTime(new Date()) => '۱۵ دی ۱۴۰۳، ۱۵:۳۰'\n */\nexport function formatAbsoluteTime(date: Date | string | number): string {\n  const d = new Date(date)\n  return formatJalaliDate(d, 'd MMMM yyyy، HH:mm')\n}\n","import * as React from 'react'\nimport { cn } from '@/lib/utils'\n\n/**\n * Parto brand logo. Every Parto product surfaces this in its header / login /\n * empty-state / about screens so the brand stays visible while individual\n * product names live alongside it.\n *\n * Variants:\n * - `icon`     — the 75×75 brand mark (three triangular shapes). Uses the DS\n *                brand color by default (`text-brand`) but accepts any\n *                `className` overrides for one-off accents.\n * - `logotype` — the \"پرتو\" Persian wordmark. Uses `currentColor` so it\n *                inherits the parent's text color (works in both light\n *                and dark themes).\n * - `combined` — icon + wordmark side-by-side. The recommended default\n *                for headers and login pages.\n *\n * The SVGs are inlined here (kept tiny — under 1KB each) so consumers don't\n * have to copy logo files into `public/` and the component renders as plain\n * markup with no extra network requests.\n */\n\ntype Variant = 'icon' | 'logotype' | 'combined'\n\ninterface PartoLogoProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: Variant\n  /**\n   * Height in pixels (icon-only) or wordmark height (logotype/combined).\n   * Width auto-scales to preserve aspect ratio.\n   */\n  size?: number\n  /**\n   * Set to a Persian product name to render as `پرتو | <name>` next to the\n   * logo. Skip for marketing surfaces where only the brand should appear.\n   */\n  productName?: string\n}\n\nconst IconSvg = React.forwardRef<SVGSVGElement, { size: number; className?: string }>(({ size, className }, ref) => (\n  <svg\n    ref={ref}\n    viewBox=\"0 0 75 75\"\n    width={size}\n    height={size}\n    role=\"img\"\n    aria-label=\"Parto\"\n    data-slot=\"parto-logo-icon\"\n    className={cn('text-brand', className)}\n  >\n    <g fill=\"currentColor\">\n      <polygon points=\"75 0 0 0 0 25 75 0\" />\n      <polygon points=\"75 75 50 75 75 0 75 75\" />\n      <polygon points=\"75 0 25 75 0 75 0 50 75 0\" />\n    </g>\n  </svg>\n))\nIconSvg.displayName = 'PartoLogoIcon'\n\nconst LogotypeSvg = React.forwardRef<SVGSVGElement, { height: number; className?: string }>(\n  ({ height, className }, ref) => {\n    const aspectRatio = 106.03 / 48.15\n    const width = Math.round(height * aspectRatio)\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 106.03 48.15\"\n        width={width}\n        height={height}\n        role=\"img\"\n        aria-label=\"پرتو\"\n        data-slot=\"parto-logo-logotype\"\n        className={cn('text-foreground', className)}\n      >\n        <g fill=\"currentColor\">\n          <path d=\"M41.44,0v6.02h18.75V0h-18.75Z\" />\n          <path d=\"M15.22,44.28H6.43l5.1-9.36.02-.04c-4.33-.08-7.61-2.21-9.19-4.14-1.58-1.94-2.36-4.57-2.36-7.9,0-4.28,1.23-7.54,3.71-9.79,2.47-2.24,6.4-3.36,11.8-3.36h18.21v19.23s11.43,0,11.43,0c2.07,0,3.64-.52,4.7-1.53,1.06-1.01,1.59-2.45,1.59-4.27v-13.43h8.74v12.74c-.06,3.2-.66,5.7-1.86,7.51-1.18,1.81-2.87,3.07-5.08,3.8-2.21.74-5.05,1.1-8.55,1.1h-19.28V15.55s-9.29,0-9.29,0c-1.82,0-3.27.19-4.33.57s-1.86,1.04-2.38,1.99c-.52.96-.77,2.35-.77,4.18v1.56c.04,1.63.28,2.89.71,3.81.43.9,1.18,1.59,2.24,2.05s2.57.69,4.52.69h6.37l-7.3,13.88Z\" />\n          <path d=\"M76.86,9.56h-8.21v20.23l-7.92,14.48h8.79l4.94-9.37v-.02h16.1c3.5,0,6.34-.36,8.55-1.1,2.21-.72,3.89-1.99,5.08-3.8.22-.33.4-.66.57-1.02.82-1.69,1.24-3.86,1.28-6.49v-12.78h-8.73v13.47c0,1.82-.53,3.26-1.59,4.27-1.06,1.01-2.63,1.53-4.7,1.53h-14.15V9.56Z\" />\n          <polygon points=\"97.58 38.26 81.25 38.26 81.25 44.28 91.72 44.28 91.72 48.15 97.58 48.15 97.58 38.26\" />\n        </g>\n      </svg>\n    )\n  }\n)\nLogotypeSvg.displayName = 'PartoLogoLogotype'\n\nconst PartoLogo = React.forwardRef<HTMLSpanElement, PartoLogoProps>(\n  ({ variant = 'combined', size = 28, productName, className, ...props }, ref) => {\n    if (variant === 'icon') {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"parto-logo\"\n          data-variant=\"icon\"\n          className={cn('inline-flex items-center', className)}\n          {...props}\n        >\n          <IconSvg size={size} />\n        </span>\n      )\n    }\n\n    if (variant === 'logotype') {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"parto-logo\"\n          data-variant=\"logotype\"\n          className={cn('inline-flex items-center', className)}\n          {...props}\n        >\n          <LogotypeSvg height={size} />\n        </span>\n      )\n    }\n\n    // combined (default): icon + wordmark, optionally followed by product name\n    const iconSize = Math.round(size * 1.05)\n    return (\n      <span\n        ref={ref}\n        data-slot=\"parto-logo\"\n        data-variant=\"combined\"\n        className={cn('inline-flex items-center gap-2.5', className)}\n        {...props}\n      >\n        <IconSvg size={iconSize} />\n        <LogotypeSvg height={size} />\n        {productName && (\n          <>\n            <span aria-hidden=\"true\" data-slot=\"parto-logo-divider\" className=\"h-5 w-px bg-border-stronger/60\" />\n            <span data-slot=\"parto-logo-product-name\" className=\"text-foreground-light text-sm font-medium\">\n              {productName}\n            </span>\n          </>\n        )}\n      </span>\n    )\n  }\n)\nPartoLogo.displayName = 'PartoLogo'\n\nexport { PartoLogo, type PartoLogoProps }\n"]}