@parto-system-design/ui 1.1.11 → 1.1.17

package/dist/components/ui/app-bar.cjs

@@ -0,0 +1,67 @@
+'use client';
+'use strict';
+
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+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);
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var appBarVariants = classVarianceAuthority.cva("sticky top-0 z-sticky w-full border-b bg-background", {
+  variants: {
+    size: {
+      sm: "h-12",
+      md: "h-14",
+      lg: "h-16"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var AppBar = React__namespace.forwardRef(
+  ({ className, size, logo, nav, search, actions, user, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("header", { ref, "data-slot": "app-bar", className: cn(appBarVariants({ size }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full items-center gap-3 px-4", children: [
+      (logo || nav) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "app-bar-start", className: "flex items-center gap-3 shrink-0", children: [
+        logo && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "app-bar-logo", className: "shrink-0", children: logo }),
+        nav && /* @__PURE__ */ jsxRuntime.jsx("nav", { "data-slot": "app-bar-nav", "aria-label": "\u0646\u0627\u0648\u0628\u0631\u06CC \u0627\u0635\u0644\u06CC", children: nav })
+      ] }),
+      search && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "app-bar-search", className: "flex-1 max-w-md mx-auto", children: search }),
+      !search && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", "aria-hidden": true }),
+      (actions || user) && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "app-bar-end", className: "flex items-center gap-2 shrink-0", children: [
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "app-bar-actions", className: "flex items-center gap-1", children: actions }),
+        user && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "app-bar-user", children: user })
+      ] }),
+      children
+    ] }) });
+  }
+);
+AppBar.displayName = "AppBar";
+
+exports.AppBar = AppBar;
+exports.appBarVariants = appBarVariants;
+//# sourceMappingURL=app-bar.cjs.map
+//# sourceMappingURL=app-bar.cjs.map

package/dist/components/ui/app-bar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/app-bar.tsx"],"names":["twMerge","clsx","cva","React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACIA,IAAM,cAAA,GAAiBC,2BAAI,qDAAA,EAAuD;AAAA,EAChF,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,MAAA;AAAA,MACJ,EAAA,EAAI,MAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAuBD,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClF,IAAA,sCACG,QAAA,EAAA,EAAO,GAAA,EAAU,aAAU,SAAA,EAAU,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,MAAM,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,OAC5F,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qCAAA,EAEX,QAAA,EAAA;AAAA,MAAA,CAAA,IAAA,IAAQ,wBACRA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAgB,WAAU,kCAAA,EACtC,QAAA,EAAA;AAAA,QAAA,IAAA,mCACE,KAAA,EAAA,EAAI,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,YACrC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,QAED,uBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,aAAU,aAAA,EAAc,YAAA,EAAW,iEACrC,QAAA,EAAA,GAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,MAID,0BACCA,cAAA,CAAC,KAAA,EAAA,EAAI,aAAU,gBAAA,EAAiB,SAAA,EAAU,2BACvC,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,MAID,CAAC,MAAA,oBAAUA,cAAA,CAAC,SAAI,SAAA,EAAU,QAAA,EAAS,eAAW,IAAA,EAAC,CAAA;AAAA,MAAA,CAG9C,WAAW,IAAA,qBACXD,eAAA,CAAC,SAAI,WAAA,EAAU,aAAA,EAAc,WAAU,kCAAA,EACpC,QAAA,EAAA;AAAA,QAAA,OAAA,mCACE,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAA,EAAkB,SAAA,EAAU,2BACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,IAAA,oBAAQC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,gBAAgB,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EAC/C,CAAA;AAAA,MAID;AAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"app-bar.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","'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n/* -------------------------------------------------------------------------- */\n/*  Variants                                                                   */\n/* -------------------------------------------------------------------------- */\n\nconst appBarVariants = cva('sticky top-0 z-sticky w-full border-b bg-background', {\n  variants: {\n    size: {\n      sm: 'h-12',\n      md: 'h-14',\n      lg: 'h-16',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface AppBarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof appBarVariants> {\n  /** Logo or brand mark — rendered at the inline-start */\n  logo?: React.ReactNode\n  /** Primary navigation links — rendered after logo */\n  nav?: React.ReactNode\n  /** Search input or trigger — rendered in the center area */\n  search?: React.ReactNode\n  /** Action buttons (notifications, help, etc.) — rendered before user slot */\n  actions?: React.ReactNode\n  /** User avatar / menu — rendered at the inline-end */\n  user?: React.ReactNode\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nconst AppBar = React.forwardRef<HTMLElement, AppBarProps>(\n  ({ className, size, logo, nav, search, actions, user, children, ...props }, ref) => {\n    return (\n      <header ref={ref} data-slot=\"app-bar\" className={cn(appBarVariants({ size }), className)} {...props}>\n        <div className=\"flex h-full items-center gap-3 px-4\">\n          {/* Inline-start: logo + primary nav */}\n          {(logo || nav) && (\n            <div data-slot=\"app-bar-start\" className=\"flex items-center gap-3 shrink-0\">\n              {logo && (\n                <div data-slot=\"app-bar-logo\" className=\"shrink-0\">\n                  {logo}\n                </div>\n              )}\n              {nav && (\n                <nav data-slot=\"app-bar-nav\" aria-label=\"ناوبری اصلی\">\n                  {nav}\n                </nav>\n              )}\n            </div>\n          )}\n\n          {/* Center: search — grows to fill available space */}\n          {search && (\n            <div data-slot=\"app-bar-search\" className=\"flex-1 max-w-md mx-auto\">\n              {search}\n            </div>\n          )}\n\n          {/* Spacer when no search */}\n          {!search && <div className=\"flex-1\" aria-hidden />}\n\n          {/* Inline-end: actions + user */}\n          {(actions || user) && (\n            <div data-slot=\"app-bar-end\" className=\"flex items-center gap-2 shrink-0\">\n              {actions && (\n                <div data-slot=\"app-bar-actions\" className=\"flex items-center gap-1\">\n                  {actions}\n                </div>\n              )}\n              {user && <div data-slot=\"app-bar-user\">{user}</div>}\n            </div>\n          )}\n\n          {/* Arbitrary children for full custom layouts */}\n          {children}\n        </div>\n      </header>\n    )\n  }\n)\nAppBar.displayName = 'AppBar'\n\nexport { AppBar, appBarVariants }\n"]}

package/dist/components/ui/app-bar.d.cts

@@ -0,0 +1,22 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const appBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AppBarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof appBarVariants> {
+    /** Logo or brand mark — rendered at the inline-start */
+    logo?: React.ReactNode;
+    /** Primary navigation links — rendered after logo */
+    nav?: React.ReactNode;
+    /** Search input or trigger — rendered in the center area */
+    search?: React.ReactNode;
+    /** Action buttons (notifications, help, etc.) — rendered before user slot */
+    actions?: React.ReactNode;
+    /** User avatar / menu — rendered at the inline-end */
+    user?: React.ReactNode;
+}
+declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLElement>>;
+
+export { AppBar, type AppBarProps, appBarVariants };

package/dist/components/ui/app-bar.d.ts

@@ -0,0 +1,22 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const appBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AppBarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof appBarVariants> {
+    /** Logo or brand mark — rendered at the inline-start */
+    logo?: React.ReactNode;
+    /** Primary navigation links — rendered after logo */
+    nav?: React.ReactNode;
+    /** Search input or trigger — rendered in the center area */
+    search?: React.ReactNode;
+    /** Action buttons (notifications, help, etc.) — rendered before user slot */
+    actions?: React.ReactNode;
+    /** User avatar / menu — rendered at the inline-end */
+    user?: React.ReactNode;
+}
+declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLElement>>;
+
+export { AppBar, type AppBarProps, appBarVariants };

package/dist/components/ui/app-bar.js

@@ -0,0 +1,44 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var appBarVariants = cva("sticky top-0 z-sticky w-full border-b bg-background", {
+  variants: {
+    size: {
+      sm: "h-12",
+      md: "h-14",
+      lg: "h-16"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var AppBar = React.forwardRef(
+  ({ className, size, logo, nav, search, actions, user, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("header", { ref, "data-slot": "app-bar", className: cn(appBarVariants({ size }), className), ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center gap-3 px-4", children: [
+      (logo || nav) && /* @__PURE__ */ jsxs("div", { "data-slot": "app-bar-start", className: "flex items-center gap-3 shrink-0", children: [
+        logo && /* @__PURE__ */ jsx("div", { "data-slot": "app-bar-logo", className: "shrink-0", children: logo }),
+        nav && /* @__PURE__ */ jsx("nav", { "data-slot": "app-bar-nav", "aria-label": "\u0646\u0627\u0648\u0628\u0631\u06CC \u0627\u0635\u0644\u06CC", children: nav })
+      ] }),
+      search && /* @__PURE__ */ jsx("div", { "data-slot": "app-bar-search", className: "flex-1 max-w-md mx-auto", children: search }),
+      !search && /* @__PURE__ */ jsx("div", { className: "flex-1", "aria-hidden": true }),
+      (actions || user) && /* @__PURE__ */ jsxs("div", { "data-slot": "app-bar-end", className: "flex items-center gap-2 shrink-0", children: [
+        actions && /* @__PURE__ */ jsx("div", { "data-slot": "app-bar-actions", className: "flex items-center gap-1", children: actions }),
+        user && /* @__PURE__ */ jsx("div", { "data-slot": "app-bar-user", children: user })
+      ] }),
+      children
+    ] }) });
+  }
+);
+AppBar.displayName = "AppBar";
+
+export { AppBar, appBarVariants };
+//# sourceMappingURL=app-bar.js.map
+//# sourceMappingURL=app-bar.js.map

package/dist/components/ui/app-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/app-bar.tsx"],"names":[],"mappings":";;;;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACIA,IAAM,cAAA,GAAiB,IAAI,qDAAA,EAAuD;AAAA,EAChF,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,MAAA;AAAA,MACJ,EAAA,EAAI,MAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAuBD,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,OAAA,EAAS,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClF,IAAA,2BACG,QAAA,EAAA,EAAO,GAAA,EAAU,aAAU,SAAA,EAAU,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,MAAM,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,OAC5F,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qCAAA,EAEX,QAAA,EAAA;AAAA,MAAA,CAAA,IAAA,IAAQ,wBACR,IAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAgB,WAAU,kCAAA,EACtC,QAAA,EAAA;AAAA,QAAA,IAAA,wBACE,KAAA,EAAA,EAAI,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,YACrC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,QAED,uBACC,GAAA,CAAC,KAAA,EAAA,EAAI,aAAU,aAAA,EAAc,YAAA,EAAW,iEACrC,QAAA,EAAA,GAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,MAID,0BACC,GAAA,CAAC,KAAA,EAAA,EAAI,aAAU,gBAAA,EAAiB,SAAA,EAAU,2BACvC,QAAA,EAAA,MAAA,EACH,CAAA;AAAA,MAID,CAAC,MAAA,oBAAU,GAAA,CAAC,SAAI,SAAA,EAAU,QAAA,EAAS,eAAW,IAAA,EAAC,CAAA;AAAA,MAAA,CAG9C,WAAW,IAAA,qBACX,IAAA,CAAC,SAAI,WAAA,EAAU,aAAA,EAAc,WAAU,kCAAA,EACpC,QAAA,EAAA;AAAA,QAAA,OAAA,wBACE,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAA,EAAkB,SAAA,EAAU,2BACxC,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,IAAA,oBAAQ,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,gBAAgB,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EAC/C,CAAA;AAAA,MAID;AAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"app-bar.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","'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\n/* -------------------------------------------------------------------------- */\n/*  Variants                                                                   */\n/* -------------------------------------------------------------------------- */\n\nconst appBarVariants = cva('sticky top-0 z-sticky w-full border-b bg-background', {\n  variants: {\n    size: {\n      sm: 'h-12',\n      md: 'h-14',\n      lg: 'h-16',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface AppBarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof appBarVariants> {\n  /** Logo or brand mark — rendered at the inline-start */\n  logo?: React.ReactNode\n  /** Primary navigation links — rendered after logo */\n  nav?: React.ReactNode\n  /** Search input or trigger — rendered in the center area */\n  search?: React.ReactNode\n  /** Action buttons (notifications, help, etc.) — rendered before user slot */\n  actions?: React.ReactNode\n  /** User avatar / menu — rendered at the inline-end */\n  user?: React.ReactNode\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nconst AppBar = React.forwardRef<HTMLElement, AppBarProps>(\n  ({ className, size, logo, nav, search, actions, user, children, ...props }, ref) => {\n    return (\n      <header ref={ref} data-slot=\"app-bar\" className={cn(appBarVariants({ size }), className)} {...props}>\n        <div className=\"flex h-full items-center gap-3 px-4\">\n          {/* Inline-start: logo + primary nav */}\n          {(logo || nav) && (\n            <div data-slot=\"app-bar-start\" className=\"flex items-center gap-3 shrink-0\">\n              {logo && (\n                <div data-slot=\"app-bar-logo\" className=\"shrink-0\">\n                  {logo}\n                </div>\n              )}\n              {nav && (\n                <nav data-slot=\"app-bar-nav\" aria-label=\"ناوبری اصلی\">\n                  {nav}\n                </nav>\n              )}\n            </div>\n          )}\n\n          {/* Center: search — grows to fill available space */}\n          {search && (\n            <div data-slot=\"app-bar-search\" className=\"flex-1 max-w-md mx-auto\">\n              {search}\n            </div>\n          )}\n\n          {/* Spacer when no search */}\n          {!search && <div className=\"flex-1\" aria-hidden />}\n\n          {/* Inline-end: actions + user */}\n          {(actions || user) && (\n            <div data-slot=\"app-bar-end\" className=\"flex items-center gap-2 shrink-0\">\n              {actions && (\n                <div data-slot=\"app-bar-actions\" className=\"flex items-center gap-1\">\n                  {actions}\n                </div>\n              )}\n              {user && <div data-slot=\"app-bar-user\">{user}</div>}\n            </div>\n          )}\n\n          {/* Arbitrary children for full custom layouts */}\n          {children}\n        </div>\n      </header>\n    )\n  }\n)\nAppBar.displayName = 'AppBar'\n\nexport { AppBar, appBarVariants }\n"]}

package/dist/components/ui/avatar.cjs

@@ -1,21 +1,73 @@
+'use client';
 'use strict';
 
-var chunkONO2FTV4_cjs = require('../../chunk-ONO2FTV4.cjs');
-require('../../chunk-NV4JOKWL.cjs');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+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 AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () { return chunkONO2FTV4_cjs.Avatar; }
-});
-Object.defineProperty(exports, "AvatarFallback", {
-  enumerable: true,
-  get: function () { return chunkONO2FTV4_cjs.AvatarFallback; }
-});
-Object.defineProperty(exports, "AvatarImage", {
-  enumerable: true,
-  get: function () { return chunkONO2FTV4_cjs.AvatarImage; }
-});
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative inline-flex size-8 shrink-0 overflow-hidden rounded-full align-middle text-[0px] leading-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("block size-full object-cover object-center", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn("bg-muted flex size-full items-center justify-center rounded-full text-sm", className),
+      ...props
+    }
+  );
+}
+Avatar.displayName = "Avatar";
+AvatarImage.displayName = "AvatarImage";
+AvatarFallback.displayName = "AvatarFallback";
+
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
 //# sourceMappingURL=avatar.cjs.map
 //# sourceMappingURL=avatar.cjs.map

package/dist/components/ui/avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"avatar.cjs"}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/avatar.tsx"],"names":["twMerge","clsx","jsx","AvatarPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsD;AAC1F,EAAA,uBACEC,cAAA;AAAA,IAAiBC,0BAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAuD;AAChG,EAAA,uBACED,cAAA;AAAA,IAAiBC,0BAAA,CAAA,KAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0D;AACtG,EAAA,uBACED,cAAA;AAAA,IAAiBC,0BAAA,CAAA,QAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0EAAA,EAA4E,SAAS,CAAA;AAAA,MAClG,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AACrB,WAAA,CAAY,WAAA,GAAc,aAAA;AAC1B,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"avatar.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","'use client'\n\nimport * as React from 'react'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\n\nimport { cn } from '@/lib/utils'\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        'relative inline-flex size-8 shrink-0 overflow-hidden rounded-full align-middle text-[0px] leading-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('block size-full object-cover object-center', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nAvatar.displayName = 'Avatar'\nAvatarImage.displayName = 'AvatarImage'\nAvatarFallback.displayName = 'AvatarFallback'\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"]}

package/dist/components/ui/avatar.js

@@ -1,4 +1,49 @@
-export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-RJ3HYZ7S.js';
-import '../../chunk-4SVQNEVH.js';
+'use client';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative inline-flex size-8 shrink-0 overflow-hidden rounded-full align-middle text-[0px] leading-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("block size-full object-cover object-center", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn("bg-muted flex size-full items-center justify-center rounded-full text-sm", className),
+      ...props
+    }
+  );
+}
+Avatar.displayName = "Avatar";
+AvatarImage.displayName = "AvatarImage";
+AvatarFallback.displayName = "AvatarFallback";
+
+export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.js.map
 //# sourceMappingURL=avatar.js.map

package/dist/components/ui/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"avatar.js"}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/avatar.tsx"],"names":[],"mappings":";;;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsD;AAC1F,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,wGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAuD;AAChG,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,KAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0D;AACtG,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,QAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0EAAA,EAA4E,SAAS,CAAA;AAAA,MAClG,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AACrB,WAAA,CAAY,WAAA,GAAc,aAAA;AAC1B,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"avatar.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","'use client'\n\nimport * as React from 'react'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\n\nimport { cn } from '@/lib/utils'\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        'relative inline-flex size-8 shrink-0 overflow-hidden rounded-full align-middle text-[0px] leading-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('block size-full object-cover object-center', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nAvatar.displayName = 'Avatar'\nAvatarImage.displayName = 'AvatarImage'\nAvatarFallback.displayName = 'AvatarFallback'\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"]}

package/dist/components/ui/badge.cjs

@@ -1,17 +1,121 @@
+'use client';
 'use strict';
 
-var chunk2ACKKPWA_cjs = require('../../chunk-2ACKKPWA.cjs');
-require('../../chunk-NV4JOKWL.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+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);
 
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () { return chunk2ACKKPWA_cjs.Badge; }
-});
-Object.defineProperty(exports, "badgeVariants", {
-  enumerable: true,
-  get: function () { return chunk2ACKKPWA_cjs.badgeVariants; }
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center rounded-full font-normal whitespace-nowrap transition-colors duration-150",
+  {
+    variants: {
+      variant: {
+        default: "bg-surface-75 text-foreground-light border border-strong",
+        // 1.1.16 — was using --secondary-default (HSL hue 247° = purple),
+        // a vestigial Supabase token that never matched Parto's green
+        // brand. Replaced with neutral surface tokens so a "secondary"
+        // badge reads as quiet/inactive rather than as a foreign brand.
+        secondary: "bg-surface-200 text-foreground-light border border-default",
+        success: "bg-brand/10 text-brand-600 border border-brand-500",
+        warning: "bg-warning/10 text-warning-600 border border-warning-500",
+        destructive: "bg-destructive/10 text-destructive-600 border border-destructive-500",
+        brand: "bg-brand/10 text-brand-600 border border-brand-500",
+        outline: "bg-transparent text-foreground border border-foreground-muted"
+      },
+      size: {
+        xs: "px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase",
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2 py-0.5 text-xs",
+        lg: "px-3 py-0.5 text-sm",
+        /** @deprecated Use xs */
+        tiny: "px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase",
+        /** @deprecated Use sm */
+        small: "px-2 py-0.5 text-xs",
+        /** @deprecated Use lg */
+        large: "px-3 py-0.5 text-sm"
+      },
+      dot: {
+        true: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "sm"
+    }
+  }
+);
+var dotVariants = classVarianceAuthority.cva("size-2 rounded-full", {
+  variants: {
+    position: {
+      start: "-ms-0.5 me-1.5",
+      end: "ms-1.5 -me-0.5"
+    }
+  },
+  defaultVariants: {
+    position: "start"
+  }
 });
+var Badge = React__namespace.forwardRef(
+  ({ className, variant, size, dot, dotPosition = "end", children, ...props }, ref) => {
+    if (process.env.NODE_ENV !== "production") {
+      const deprecatedSizes = ["tiny", "small", "large"];
+      if (size && deprecatedSizes.includes(size)) {
+        console.warn(`[Parto UI] Badge: size="${size}" is deprecated. Use xs|sm|md|lg instead.`);
+      }
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+      dot && dotPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: cn(dotVariants({ position: "start" })),
+          fill: "currentColor",
+          viewBox: "0 0 8 8",
+          children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "4", r: "3" })
+        }
+      ),
+      children,
+      dot && dotPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: cn(dotVariants({ position: "end" })),
+          fill: "currentColor",
+          viewBox: "0 0 8 8",
+          children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "4", r: "3" })
+        }
+      )
+    ] });
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
 //# sourceMappingURL=badge.cjs.map
 //# sourceMappingURL=badge.cjs.map

package/dist/components/ui/badge.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"badge.cjs"}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/badge.tsx"],"names":["twMerge","clsx","cva","React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,aAAA,GAAgBC,0BAAA;AAAA,EACpB,oGAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,0DAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT,SAAA,EAAW,4DAAA;AAAA,QACX,OAAA,EAAS,oDAAA;AAAA,QACT,OAAA,EAAS,0DAAA;AAAA,QACT,WAAA,EAAa,sEAAA;AAAA,QACb,KAAA,EAAO,oDAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,+DAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA;AAAA,QACsB,IAAA,EAAM,+DAAA;AAAA;AAAA,QACN,KAAA,EAAO,qBAAA;AAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACnC;AAAA,MACA,GAAA,EAAK;AAAA,QACH,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,IAAM,WAAA,GAAcA,2BAAI,qBAAA,EAAuB;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,KAAA,EAAO,gBAAA;AAAA,MACP,GAAA,EAAK;AAAA;AACP,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAOD,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,GAAA,EAAK,WAAA,GAAc,KAAA,EAAO,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnF,IAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AACzC,MAAA,MAAM,eAAA,GAAkB,CAAC,MAAA,EAAQ,OAAA,EAAS,OAAO,CAAA;AACjD,MAAA,IAAI,IAAA,IAAQ,eAAA,CAAgB,QAAA,CAAS,IAAc,CAAA,EAAG;AACpD,QAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,wBAAA,EAA2B,IAAI,CAAA,yCAAA,CAA2C,CAAA;AAAA,MACzF;AAAA,IACF;AAEA,IAAA,uCACG,MAAA,EAAA,EAAK,GAAA,EAAU,WAAA,EAAU,OAAA,EAAQ,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,MAAM,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAC/F,QAAA,EAAA;AAAA,MAAA,GAAA,IAAO,gBAAgB,OAAA,oBACtBC,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,WAAW,EAAA,CAAG,WAAA,CAAY,EAAE,QAAA,EAAU,OAAA,EAAS,CAAC,CAAA;AAAA,UAChD,IAAA,EAAK,cAAA;AAAA,UACL,OAAA,EAAQ,SAAA;AAAA,UAER,yCAAC,QAAA,EAAA,EAAO,EAAA,EAAG,KAAI,EAAA,EAAG,GAAA,EAAI,GAAE,GAAA,EAAI;AAAA;AAAA,OAC9B;AAAA,MAED,QAAA;AAAA,MACA,GAAA,IAAO,gBAAgB,KAAA,oBACtBA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAY,MAAA;AAAA,UACZ,WAAW,EAAA,CAAG,WAAA,CAAY,EAAE,QAAA,EAAU,KAAA,EAAO,CAAC,CAAA;AAAA,UAC9C,IAAA,EAAK,cAAA;AAAA,UACL,OAAA,EAAQ,SAAA;AAAA,UAER,yCAAC,QAAA,EAAA,EAAO,EAAA,EAAG,KAAI,EAAA,EAAG,GAAA,EAAI,GAAE,GAAA,EAAI;AAAA;AAAA;AAC9B,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"badge.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","'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-full font-normal whitespace-nowrap transition-colors duration-150',\n  {\n    variants: {\n      variant: {\n        default: 'bg-surface-75 text-foreground-light border border-strong',\n        // 1.1.16 — was using --secondary-default (HSL hue 247° = purple),\n        // a vestigial Supabase token that never matched Parto's green\n        // brand. Replaced with neutral surface tokens so a \"secondary\"\n        // badge reads as quiet/inactive rather than as a foreign brand.\n        secondary: 'bg-surface-200 text-foreground-light border border-default',\n        success: 'bg-brand/10 text-brand-600 border border-brand-500',\n        warning: 'bg-warning/10 text-warning-600 border border-warning-500',\n        destructive: 'bg-destructive/10 text-destructive-600 border border-destructive-500',\n        brand: 'bg-brand/10 text-brand-600 border border-brand-500',\n        outline: 'bg-transparent text-foreground border border-foreground-muted',\n      },\n      size: {\n        xs: 'px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase',\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2 py-0.5 text-xs',\n        lg: 'px-3 py-0.5 text-sm',\n        /** @deprecated Use xs */ tiny: 'px-1.5 py-[3px] text-2xs leading-none tracking-wide uppercase',\n        /** @deprecated Use sm */ small: 'px-2 py-0.5 text-xs',\n        /** @deprecated Use lg */ large: 'px-3 py-0.5 text-sm',\n      },\n      dot: {\n        true: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'sm',\n    },\n  }\n)\n\nconst dotVariants = cva('size-2 rounded-full', {\n  variants: {\n    position: {\n      start: '-ms-0.5 me-1.5',\n      end: 'ms-1.5 -me-0.5',\n    },\n  },\n  defaultVariants: {\n    position: 'start',\n  },\n})\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {\n  dot?: boolean\n  dotPosition?: 'start' | 'end'\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, dot, dotPosition = 'end', children, ...props }, ref) => {\n    if (process.env.NODE_ENV !== 'production') {\n      const deprecatedSizes = ['tiny', 'small', 'large']\n      if (size && deprecatedSizes.includes(size as string)) {\n        console.warn(`[Parto UI] Badge: size=\"${size}\" is deprecated. Use xs|sm|md|lg instead.`)\n      }\n    }\n\n    return (\n      <span ref={ref} data-slot=\"badge\" className={cn(badgeVariants({ variant, size }), className)} {...props}>\n        {dot && dotPosition === 'start' && (\n          <svg\n            aria-hidden=\"true\"\n            className={cn(dotVariants({ position: 'start' }))}\n            fill=\"currentColor\"\n            viewBox=\"0 0 8 8\"\n          >\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\n          </svg>\n        )}\n        {children}\n        {dot && dotPosition === 'end' && (\n          <svg\n            aria-hidden=\"true\"\n            className={cn(dotVariants({ position: 'end' }))}\n            fill=\"currentColor\"\n            viewBox=\"0 0 8 8\"\n          >\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\n          </svg>\n        )}\n      </span>\n    )\n  }\n)\n\nBadge.displayName = 'Badge'\n\nexport { Badge, badgeVariants }\n"]}