@parto-system-design/ui 1.1.9 → 1.1.16

package/dist/components/ui/password-input.cjs

@@ -0,0 +1,168 @@
+'use client';
+'use strict';
+
+var React2 = require('react');
+var lucideReact = require('lucide-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 React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+// src/lib/constants.ts
+var SIZE = {
+  text: {
+    xs: "text-xs",
+    sm: "text-sm leading-4",
+    md: "text-sm",
+    lg: "text-base",
+    xl: "text-base"
+  },
+  padding: {
+    xs: "px-2.5 py-1",
+    sm: "px-3 py-2",
+    md: "px-4 py-2",
+    lg: "px-4 py-2",
+    xl: "px-6 py-3"
+  },
+  height: {
+    xs: "h-[26px]",
+    sm: "h-[34px]",
+    md: "h-[38px]",
+    lg: "h-[42px]",
+    xl: "h-[50px]"
+  }
+};
+var SIZE_VARIANTS = {
+  xs: `${SIZE.text["xs"]} ${SIZE.padding["xs"]} ${SIZE.height["xs"]}`,
+  sm: `${SIZE.text["sm"]} ${SIZE.padding["sm"]} ${SIZE.height["sm"]}`,
+  md: `${SIZE.text["md"]} ${SIZE.padding["md"]} ${SIZE.height["md"]}`,
+  lg: `${SIZE.text["lg"]} ${SIZE.padding["lg"]} ${SIZE.height["lg"]}`,
+  xl: `${SIZE.text["xl"]} ${SIZE.padding["xl"]} ${SIZE.height["xl"]}`
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var inputVariants = classVarianceAuthority.cva(
+  cn(
+    // 1.1.16 — bg-control (now 19% in dark) instead of foreground/2.6%
+    // opacity overlay, so the input is visibly distinct from any Card
+    // it sits inside. text-start makes text-align follow the input's
+    // own `dir` (set explicitly or auto for LTR types), so an email
+    // field with `dir="ltr"` is left-aligned even in an RTL form.
+    "flex w-full rounded-md border border-control read-only:border-button bg-control text-sm text-foreground text-start file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-lighter read-only:text-foreground-light",
+    "transition-colors duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-[invalid=true]:bg-destructive-200 dark:aria-[invalid=true]:bg-destructive/5 aria-[invalid=true]:border-destructive-400 dark:aria-[invalid=true]:border-destructive-default aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus-visible:border-destructive"
+  ),
+  {
+    variants: {
+      size: {
+        ...SIZE_VARIANTS
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var LTR_INPUT_TYPES = /* @__PURE__ */ new Set(["email", "url", "tel", "number", "password"]);
+var Input = React2__namespace.forwardRef(
+  ({ className, type, size = "sm", dir, startAdornment, endAdornment, ...props }, ref) => {
+    const resolvedDir = dir ?? (type && LTR_INPUT_TYPES.has(type) ? "ltr" : void 0);
+    if (!startAdornment && !endAdornment) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type,
+          ref,
+          "data-slot": "input",
+          dir: resolvedDir,
+          ...props,
+          className: cn(inputVariants({ size }), className)
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "input-wrapper", dir: resolvedDir, className: "relative w-full", children: [
+      startAdornment && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "data-slot": "input-start-adornment",
+          className: "pointer-events-none absolute start-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto",
+          children: startAdornment
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type,
+          ref,
+          "data-slot": "input",
+          dir: resolvedDir,
+          ...props,
+          className: cn(inputVariants({ size }), startAdornment && "ps-10", endAdornment && "pe-10", className)
+        }
+      ),
+      endAdornment && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "data-slot": "input-end-adornment",
+          className: "pointer-events-none absolute end-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto",
+          children: endAdornment
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+var PasswordInput = React2__namespace.forwardRef(
+  ({ enableVisibilityToggle = true, showLabel = "\u0646\u0645\u0627\u06CC\u0634 \u0631\u0645\u0632", hideLabel = "\u0645\u062E\u0641\u06CC \u06A9\u0631\u062F\u0646 \u0631\u0645\u0632", dir, ...props }, ref) => {
+    const [visible, setVisible] = React2__namespace.useState(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        ref,
+        type: visible ? "text" : "password",
+        dir: dir ?? "ltr",
+        "data-slot": "password-input",
+        endAdornment: enableVisibilityToggle ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setVisible((v) => !v),
+            tabIndex: -1,
+            className: "text-foreground-light hover:text-foreground transition-colors",
+            "aria-label": visible ? hideLabel : showLabel,
+            "aria-pressed": visible,
+            children: visible ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { size: 15, "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { size: 15, "aria-hidden": "true" })
+          }
+        ) : void 0,
+        ...props
+      }
+    );
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+
+exports.PasswordInput = PasswordInput;
+//# sourceMappingURL=password-input.cjs.map
+//# sourceMappingURL=password-input.cjs.map

package/dist/components/ui/password-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/constants.ts","../../../src/lib/utils.ts","../../../src/components/ui/input.tsx","../../../src/components/ui/password-input.tsx"],"names":["twMerge","clsx","cva","React","jsx","React2","EyeOff","Eye"],"mappings":"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","file":"password-input.cjs","sourcesContent":["/**\n * Standard size scale used across the design system.\n * Components should accept these values for their `size` prop.\n */\nexport type StandardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\n/** @deprecated Use `StandardSize` instead — legacy names have been removed */\nexport type LegacySize = StandardSize\n\n/** @deprecated Use `StandardSize` instead */\nexport type SizeWithLegacy = StandardSize\n\n/**\n * Normalizes a size value to standard names.\n * @deprecated All sizes are standard now — this function is a no-op passthrough.\n */\nexport function normalizeSize(size: StandardSize): StandardSize {\n  return size\n}\n\nexport const SIZE = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[26px]',\n    sm: 'h-[34px]',\n    md: 'h-[38px]',\n    lg: 'h-[42px]',\n    xl: 'h-[50px]',\n  },\n}\n\n/** Inner sizes for nested elements (badges inside buttons, multi-select items, etc.) */\nexport const SIZE_INNER = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[24px]',\n    sm: 'h-[28px]',\n    md: 'h-[32px]',\n    lg: 'h-[36px]',\n    xl: 'h-[44px]',\n  },\n}\n\nexport const SIZE_VARIANTS = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE.height['xl']}`,\n}\n\nexport const SIZE_VARIANTS_INNER = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE_INNER.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE_INNER.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE_INNER.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE_INNER.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE_INNER.height['xl']}`,\n}\n\n/** @deprecated Use 'sm' instead */\nexport const SIZE_VARIANTS_DEFAULT = 'sm'\n","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 { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { SIZE_VARIANTS } from '@/lib/constants'\nimport { cn } from '@/lib/utils'\n\nexport const inputVariants = cva(\n  cn(\n    // 1.1.16 — bg-control (now 19% in dark) instead of foreground/2.6%\n    // opacity overlay, so the input is visibly distinct from any Card\n    // it sits inside. text-start makes text-align follow the input's\n    // own `dir` (set explicitly or auto for LTR types), so an email\n    // field with `dir=\"ltr\"` is left-aligned even in an RTL form.\n    'flex w-full rounded-md border border-control read-only:border-button bg-control text-sm text-foreground text-start file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-lighter read-only:text-foreground-light',\n    'transition-colors duration-150',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50',\n    'aria-[invalid=true]:bg-destructive-200 dark:aria-[invalid=true]:bg-destructive/5 aria-[invalid=true]:border-destructive-400 dark:aria-[invalid=true]:border-destructive-default aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus-visible:border-destructive'\n  ),\n  {\n    variants: {\n      size: {\n        ...SIZE_VARIANTS,\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\n/** @deprecated Use inputVariants instead */\nexport const InputVariants = inputVariants\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {\n  /**\n   * Node rendered at the start of the input (left in LTR, right in RTL).\n   * Common use: a search icon, a country flag, a currency symbol.\n   * The adornment wrapper is `pointer-events-none` by default so it doesn't\n   * steal focus from the input — interactive elements inside (e.g. a\n   * `<button>` for a password show/hide toggle) get `pointer-events-auto`\n   * back automatically.\n   */\n  startAdornment?: React.ReactNode\n  /**\n   * Node rendered at the end of the input (right in LTR, left in RTL).\n   * Common use: a password show/hide toggle, a clear button, a unit suffix.\n   * See `startAdornment` for the pointer-events behavior.\n   */\n  endAdornment?: React.ReactNode\n}\n\nconst LTR_INPUT_TYPES = new Set(['email', 'url', 'tel', 'number', 'password'])\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, size = 'sm', dir, startAdornment, endAdornment, ...props }, ref) => {\n    // LTR content types: auto-set dir=\"ltr\" unless caller explicitly overrides\n    const resolvedDir = dir ?? (type && LTR_INPUT_TYPES.has(type) ? 'ltr' : undefined)\n\n    // Fast path: no adornments → render the bare <input>. Zero wrapper cost,\n    // identical to the pre-1.1.14 behavior for backward compatibility.\n    if (!startAdornment && !endAdornment) {\n      return (\n        <input\n          type={type}\n          ref={ref}\n          data-slot=\"input\"\n          dir={resolvedDir}\n          {...props}\n          className={cn(inputVariants({ size }), className)}\n        />\n      )\n    }\n\n    // Adornment path: wrap in a relative container that inherits the input's\n    // OWN direction. This is the key bug fix: when a password input declares\n    // `dir=\"ltr\"` inside an `dir=\"rtl\"` page, the adornment must be positioned\n    // relative to the input's flow (right side for LTR), not the page's flow\n    // (which would put it under the typed characters).\n    return (\n      <div data-slot=\"input-wrapper\" dir={resolvedDir} className=\"relative w-full\">\n        {startAdornment && (\n          <span\n            data-slot=\"input-start-adornment\"\n            className=\"pointer-events-none absolute start-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          ref={ref}\n          data-slot=\"input\"\n          dir={resolvedDir}\n          {...props}\n          className={cn(inputVariants({ size }), startAdornment && 'ps-10', endAdornment && 'pe-10', className)}\n        />\n        {endAdornment && (\n          <span\n            data-slot=\"input-end-adornment\"\n            className=\"pointer-events-none absolute end-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport { Input }\n","'use client'\n\nimport * as React from 'react'\nimport { Eye, EyeOff } from 'lucide-react'\nimport { Input, type InputProps } from './input'\n\n/**\n * Password input with built-in show/hide toggle.\n *\n * Why this exists as a dedicated component rather than asking consumers to\n * compose Input + endAdornment:\n *\n * 1. **Stable direction across visibility toggles.** A naive composition\n *    flips the `type` between `password` and `text` on click. The base\n *    `Input` auto-resolves `dir=\"ltr\"` only for the `password` type — so\n *    when type becomes `text`, the input wrapper drops back to the page's\n *    `rtl` direction and the eye-icon adornment visibly jumps to the\n *    opposite side mid-interaction. This component forces `dir=\"ltr\"`\n *    once for the whole lifecycle.\n *\n * 2. **Standard pattern.** Mantine `<PasswordInput>`, Chakra `<InputGroup>`,\n *    MUI `<TextField type=\"password\" endAdornment>` — every major DS\n *    surfaces this as a first-class component because the composition is\n *    fiddly and easy to get wrong.\n *\n * 3. **Persian aria labels by default.** \"نمایش رمز\" / \"مخفی کردن رمز\"\n *    so consumers don't have to remember to localize the toggle.\n */\nexport interface PasswordInputProps extends Omit<InputProps, 'type' | 'endAdornment'> {\n  /**\n   * Show the eye toggle button. Defaults to true. Set to false for cases\n   * where you want a pure password field (e.g. forms with a separate\n   * \"show password\" checkbox).\n   */\n  enableVisibilityToggle?: boolean\n  /**\n   * Aria-label for the toggle when the password is currently hidden.\n   * Defaults to \"نمایش رمز\".\n   */\n  showLabel?: string\n  /**\n   * Aria-label for the toggle when the password is currently visible.\n   * Defaults to \"مخفی کردن رمز\".\n   */\n  hideLabel?: string\n}\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, PasswordInputProps>(\n  ({ enableVisibilityToggle = true, showLabel = 'نمایش رمز', hideLabel = 'مخفی کردن رمز', dir, ...props }, ref) => {\n    const [visible, setVisible] = React.useState(false)\n\n    return (\n      <Input\n        ref={ref}\n        type={visible ? 'text' : 'password'}\n        // Force ltr so the adornment stays on the same side when the type\n        // toggles between password and text. Consumer can still override by\n        // explicitly passing `dir`.\n        dir={dir ?? 'ltr'}\n        data-slot=\"password-input\"\n        endAdornment={\n          enableVisibilityToggle ? (\n            <button\n              type=\"button\"\n              onClick={() => setVisible((v) => !v)}\n              // tabIndex=-1: keep keyboard flow on submit, not on the toggle.\n              tabIndex={-1}\n              className=\"text-foreground-light hover:text-foreground transition-colors\"\n              aria-label={visible ? hideLabel : showLabel}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeOff size={15} aria-hidden=\"true\" /> : <Eye size={15} aria-hidden=\"true\" />}\n            </button>\n          ) : undefined\n        }\n        {...props}\n      />\n    )\n  }\n)\n\nPasswordInput.displayName = 'PasswordInput'\n\nexport { PasswordInput }\n"]}

package/dist/components/ui/password-input.d.cts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { InputProps } from './input.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+/**
+ * Password input with built-in show/hide toggle.
+ *
+ * Why this exists as a dedicated component rather than asking consumers to
+ * compose Input + endAdornment:
+ *
+ * 1. **Stable direction across visibility toggles.** A naive composition
+ *    flips the `type` between `password` and `text` on click. The base
+ *    `Input` auto-resolves `dir="ltr"` only for the `password` type — so
+ *    when type becomes `text`, the input wrapper drops back to the page's
+ *    `rtl` direction and the eye-icon adornment visibly jumps to the
+ *    opposite side mid-interaction. This component forces `dir="ltr"`
+ *    once for the whole lifecycle.
+ *
+ * 2. **Standard pattern.** Mantine `<PasswordInput>`, Chakra `<InputGroup>`,
+ *    MUI `<TextField type="password" endAdornment>` — every major DS
+ *    surfaces this as a first-class component because the composition is
+ *    fiddly and easy to get wrong.
+ *
+ * 3. **Persian aria labels by default.** "نمایش رمز" / "مخفی کردن رمز"
+ *    so consumers don't have to remember to localize the toggle.
+ */
+interface PasswordInputProps extends Omit<InputProps, 'type' | 'endAdornment'> {
+    /**
+     * Show the eye toggle button. Defaults to true. Set to false for cases
+     * where you want a pure password field (e.g. forms with a separate
+     * "show password" checkbox).
+     */
+    enableVisibilityToggle?: boolean;
+    /**
+     * Aria-label for the toggle when the password is currently hidden.
+     * Defaults to "نمایش رمز".
+     */
+    showLabel?: string;
+    /**
+     * Aria-label for the toggle when the password is currently visible.
+     * Defaults to "مخفی کردن رمز".
+     */
+    hideLabel?: string;
+}
+declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { PasswordInput, type PasswordInputProps };

package/dist/components/ui/password-input.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { InputProps } from './input.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+/**
+ * Password input with built-in show/hide toggle.
+ *
+ * Why this exists as a dedicated component rather than asking consumers to
+ * compose Input + endAdornment:
+ *
+ * 1. **Stable direction across visibility toggles.** A naive composition
+ *    flips the `type` between `password` and `text` on click. The base
+ *    `Input` auto-resolves `dir="ltr"` only for the `password` type — so
+ *    when type becomes `text`, the input wrapper drops back to the page's
+ *    `rtl` direction and the eye-icon adornment visibly jumps to the
+ *    opposite side mid-interaction. This component forces `dir="ltr"`
+ *    once for the whole lifecycle.
+ *
+ * 2. **Standard pattern.** Mantine `<PasswordInput>`, Chakra `<InputGroup>`,
+ *    MUI `<TextField type="password" endAdornment>` — every major DS
+ *    surfaces this as a first-class component because the composition is
+ *    fiddly and easy to get wrong.
+ *
+ * 3. **Persian aria labels by default.** "نمایش رمز" / "مخفی کردن رمز"
+ *    so consumers don't have to remember to localize the toggle.
+ */
+interface PasswordInputProps extends Omit<InputProps, 'type' | 'endAdornment'> {
+    /**
+     * Show the eye toggle button. Defaults to true. Set to false for cases
+     * where you want a pure password field (e.g. forms with a separate
+     * "show password" checkbox).
+     */
+    enableVisibilityToggle?: boolean;
+    /**
+     * Aria-label for the toggle when the password is currently hidden.
+     * Defaults to "نمایش رمز".
+     */
+    showLabel?: string;
+    /**
+     * Aria-label for the toggle when the password is currently visible.
+     * Defaults to "مخفی کردن رمز".
+     */
+    hideLabel?: string;
+}
+declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { PasswordInput, type PasswordInputProps };

package/dist/components/ui/password-input.js

@@ -0,0 +1,146 @@
+'use client';
+import * as React2 from 'react';
+import { EyeOff, Eye } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/lib/constants.ts
+var SIZE = {
+  text: {
+    xs: "text-xs",
+    sm: "text-sm leading-4",
+    md: "text-sm",
+    lg: "text-base",
+    xl: "text-base"
+  },
+  padding: {
+    xs: "px-2.5 py-1",
+    sm: "px-3 py-2",
+    md: "px-4 py-2",
+    lg: "px-4 py-2",
+    xl: "px-6 py-3"
+  },
+  height: {
+    xs: "h-[26px]",
+    sm: "h-[34px]",
+    md: "h-[38px]",
+    lg: "h-[42px]",
+    xl: "h-[50px]"
+  }
+};
+var SIZE_VARIANTS = {
+  xs: `${SIZE.text["xs"]} ${SIZE.padding["xs"]} ${SIZE.height["xs"]}`,
+  sm: `${SIZE.text["sm"]} ${SIZE.padding["sm"]} ${SIZE.height["sm"]}`,
+  md: `${SIZE.text["md"]} ${SIZE.padding["md"]} ${SIZE.height["md"]}`,
+  lg: `${SIZE.text["lg"]} ${SIZE.padding["lg"]} ${SIZE.height["lg"]}`,
+  xl: `${SIZE.text["xl"]} ${SIZE.padding["xl"]} ${SIZE.height["xl"]}`
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var inputVariants = cva(
+  cn(
+    // 1.1.16 — bg-control (now 19% in dark) instead of foreground/2.6%
+    // opacity overlay, so the input is visibly distinct from any Card
+    // it sits inside. text-start makes text-align follow the input's
+    // own `dir` (set explicitly or auto for LTR types), so an email
+    // field with `dir="ltr"` is left-aligned even in an RTL form.
+    "flex w-full rounded-md border border-control read-only:border-button bg-control text-sm text-foreground text-start file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-lighter read-only:text-foreground-light",
+    "transition-colors duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-[invalid=true]:bg-destructive-200 dark:aria-[invalid=true]:bg-destructive/5 aria-[invalid=true]:border-destructive-400 dark:aria-[invalid=true]:border-destructive-default aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus-visible:border-destructive"
+  ),
+  {
+    variants: {
+      size: {
+        ...SIZE_VARIANTS
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+var LTR_INPUT_TYPES = /* @__PURE__ */ new Set(["email", "url", "tel", "number", "password"]);
+var Input = React2.forwardRef(
+  ({ className, type, size = "sm", dir, startAdornment, endAdornment, ...props }, ref) => {
+    const resolvedDir = dir ?? (type && LTR_INPUT_TYPES.has(type) ? "ltr" : void 0);
+    if (!startAdornment && !endAdornment) {
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          type,
+          ref,
+          "data-slot": "input",
+          dir: resolvedDir,
+          ...props,
+          className: cn(inputVariants({ size }), className)
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("div", { "data-slot": "input-wrapper", dir: resolvedDir, className: "relative w-full", children: [
+      startAdornment && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "input-start-adornment",
+          className: "pointer-events-none absolute start-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto",
+          children: startAdornment
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type,
+          ref,
+          "data-slot": "input",
+          dir: resolvedDir,
+          ...props,
+          className: cn(inputVariants({ size }), startAdornment && "ps-10", endAdornment && "pe-10", className)
+        }
+      ),
+      endAdornment && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-slot": "input-end-adornment",
+          className: "pointer-events-none absolute end-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto",
+          children: endAdornment
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+var PasswordInput = React2.forwardRef(
+  ({ enableVisibilityToggle = true, showLabel = "\u0646\u0645\u0627\u06CC\u0634 \u0631\u0645\u0632", hideLabel = "\u0645\u062E\u0641\u06CC \u06A9\u0631\u062F\u0646 \u0631\u0645\u0632", dir, ...props }, ref) => {
+    const [visible, setVisible] = React2.useState(false);
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref,
+        type: visible ? "text" : "password",
+        dir: dir ?? "ltr",
+        "data-slot": "password-input",
+        endAdornment: enableVisibilityToggle ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setVisible((v) => !v),
+            tabIndex: -1,
+            className: "text-foreground-light hover:text-foreground transition-colors",
+            "aria-label": visible ? hideLabel : showLabel,
+            "aria-pressed": visible,
+            children: visible ? /* @__PURE__ */ jsx(EyeOff, { size: 15, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Eye, { size: 15, "aria-hidden": "true" })
+          }
+        ) : void 0,
+        ...props
+      }
+    );
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+
+export { PasswordInput };
+//# sourceMappingURL=password-input.js.map
+//# sourceMappingURL=password-input.js.map

package/dist/components/ui/password-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/constants.ts","../../../src/lib/utils.ts","../../../src/components/ui/input.tsx","../../../src/components/ui/password-input.tsx"],"names":["React","jsx"],"mappings":"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","file":"password-input.js","sourcesContent":["/**\n * Standard size scale used across the design system.\n * Components should accept these values for their `size` prop.\n */\nexport type StandardSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\n/** @deprecated Use `StandardSize` instead — legacy names have been removed */\nexport type LegacySize = StandardSize\n\n/** @deprecated Use `StandardSize` instead */\nexport type SizeWithLegacy = StandardSize\n\n/**\n * Normalizes a size value to standard names.\n * @deprecated All sizes are standard now — this function is a no-op passthrough.\n */\nexport function normalizeSize(size: StandardSize): StandardSize {\n  return size\n}\n\nexport const SIZE = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[26px]',\n    sm: 'h-[34px]',\n    md: 'h-[38px]',\n    lg: 'h-[42px]',\n    xl: 'h-[50px]',\n  },\n}\n\n/** Inner sizes for nested elements (badges inside buttons, multi-select items, etc.) */\nexport const SIZE_INNER = {\n  text: {\n    xs: 'text-xs',\n    sm: 'text-sm leading-4',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n  },\n  padding: {\n    xs: 'px-2.5 py-1',\n    sm: 'px-3 py-2',\n    md: 'px-4 py-2',\n    lg: 'px-4 py-2',\n    xl: 'px-6 py-3',\n  },\n  height: {\n    xs: 'h-[24px]',\n    sm: 'h-[28px]',\n    md: 'h-[32px]',\n    lg: 'h-[36px]',\n    xl: 'h-[44px]',\n  },\n}\n\nexport const SIZE_VARIANTS = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE.height['xl']}`,\n}\n\nexport const SIZE_VARIANTS_INNER = {\n  xs: `${SIZE.text['xs']} ${SIZE.padding['xs']} ${SIZE_INNER.height['xs']}`,\n  sm: `${SIZE.text['sm']} ${SIZE.padding['sm']} ${SIZE_INNER.height['sm']}`,\n  md: `${SIZE.text['md']} ${SIZE.padding['md']} ${SIZE_INNER.height['md']}`,\n  lg: `${SIZE.text['lg']} ${SIZE.padding['lg']} ${SIZE_INNER.height['lg']}`,\n  xl: `${SIZE.text['xl']} ${SIZE.padding['xl']} ${SIZE_INNER.height['xl']}`,\n}\n\n/** @deprecated Use 'sm' instead */\nexport const SIZE_VARIANTS_DEFAULT = 'sm'\n","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 { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { SIZE_VARIANTS } from '@/lib/constants'\nimport { cn } from '@/lib/utils'\n\nexport const inputVariants = cva(\n  cn(\n    // 1.1.16 — bg-control (now 19% in dark) instead of foreground/2.6%\n    // opacity overlay, so the input is visibly distinct from any Card\n    // it sits inside. text-start makes text-align follow the input's\n    // own `dir` (set explicitly or auto for LTR types), so an email\n    // field with `dir=\"ltr\"` is left-aligned even in an RTL form.\n    'flex w-full rounded-md border border-control read-only:border-button bg-control text-sm text-foreground text-start file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-foreground-lighter read-only:text-foreground-light',\n    'transition-colors duration-150',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50',\n    'aria-[invalid=true]:bg-destructive-200 dark:aria-[invalid=true]:bg-destructive/5 aria-[invalid=true]:border-destructive-400 dark:aria-[invalid=true]:border-destructive-default aria-[invalid=true]:focus:border-destructive aria-[invalid=true]:focus-visible:border-destructive'\n  ),\n  {\n    variants: {\n      size: {\n        ...SIZE_VARIANTS,\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n)\n\n/** @deprecated Use inputVariants instead */\nexport const InputVariants = inputVariants\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {\n  /**\n   * Node rendered at the start of the input (left in LTR, right in RTL).\n   * Common use: a search icon, a country flag, a currency symbol.\n   * The adornment wrapper is `pointer-events-none` by default so it doesn't\n   * steal focus from the input — interactive elements inside (e.g. a\n   * `<button>` for a password show/hide toggle) get `pointer-events-auto`\n   * back automatically.\n   */\n  startAdornment?: React.ReactNode\n  /**\n   * Node rendered at the end of the input (right in LTR, left in RTL).\n   * Common use: a password show/hide toggle, a clear button, a unit suffix.\n   * See `startAdornment` for the pointer-events behavior.\n   */\n  endAdornment?: React.ReactNode\n}\n\nconst LTR_INPUT_TYPES = new Set(['email', 'url', 'tel', 'number', 'password'])\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, size = 'sm', dir, startAdornment, endAdornment, ...props }, ref) => {\n    // LTR content types: auto-set dir=\"ltr\" unless caller explicitly overrides\n    const resolvedDir = dir ?? (type && LTR_INPUT_TYPES.has(type) ? 'ltr' : undefined)\n\n    // Fast path: no adornments → render the bare <input>. Zero wrapper cost,\n    // identical to the pre-1.1.14 behavior for backward compatibility.\n    if (!startAdornment && !endAdornment) {\n      return (\n        <input\n          type={type}\n          ref={ref}\n          data-slot=\"input\"\n          dir={resolvedDir}\n          {...props}\n          className={cn(inputVariants({ size }), className)}\n        />\n      )\n    }\n\n    // Adornment path: wrap in a relative container that inherits the input's\n    // OWN direction. This is the key bug fix: when a password input declares\n    // `dir=\"ltr\"` inside an `dir=\"rtl\"` page, the adornment must be positioned\n    // relative to the input's flow (right side for LTR), not the page's flow\n    // (which would put it under the typed characters).\n    return (\n      <div data-slot=\"input-wrapper\" dir={resolvedDir} className=\"relative w-full\">\n        {startAdornment && (\n          <span\n            data-slot=\"input-start-adornment\"\n            className=\"pointer-events-none absolute start-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          ref={ref}\n          data-slot=\"input\"\n          dir={resolvedDir}\n          {...props}\n          className={cn(inputVariants({ size }), startAdornment && 'ps-10', endAdornment && 'pe-10', className)}\n        />\n        {endAdornment && (\n          <span\n            data-slot=\"input-end-adornment\"\n            className=\"pointer-events-none absolute end-3 top-1/2 flex -translate-y-1/2 items-center text-foreground-light [&_button]:pointer-events-auto\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n    )\n  }\n)\n\nInput.displayName = 'Input'\n\nexport { Input }\n","'use client'\n\nimport * as React from 'react'\nimport { Eye, EyeOff } from 'lucide-react'\nimport { Input, type InputProps } from './input'\n\n/**\n * Password input with built-in show/hide toggle.\n *\n * Why this exists as a dedicated component rather than asking consumers to\n * compose Input + endAdornment:\n *\n * 1. **Stable direction across visibility toggles.** A naive composition\n *    flips the `type` between `password` and `text` on click. The base\n *    `Input` auto-resolves `dir=\"ltr\"` only for the `password` type — so\n *    when type becomes `text`, the input wrapper drops back to the page's\n *    `rtl` direction and the eye-icon adornment visibly jumps to the\n *    opposite side mid-interaction. This component forces `dir=\"ltr\"`\n *    once for the whole lifecycle.\n *\n * 2. **Standard pattern.** Mantine `<PasswordInput>`, Chakra `<InputGroup>`,\n *    MUI `<TextField type=\"password\" endAdornment>` — every major DS\n *    surfaces this as a first-class component because the composition is\n *    fiddly and easy to get wrong.\n *\n * 3. **Persian aria labels by default.** \"نمایش رمز\" / \"مخفی کردن رمز\"\n *    so consumers don't have to remember to localize the toggle.\n */\nexport interface PasswordInputProps extends Omit<InputProps, 'type' | 'endAdornment'> {\n  /**\n   * Show the eye toggle button. Defaults to true. Set to false for cases\n   * where you want a pure password field (e.g. forms with a separate\n   * \"show password\" checkbox).\n   */\n  enableVisibilityToggle?: boolean\n  /**\n   * Aria-label for the toggle when the password is currently hidden.\n   * Defaults to \"نمایش رمز\".\n   */\n  showLabel?: string\n  /**\n   * Aria-label for the toggle when the password is currently visible.\n   * Defaults to \"مخفی کردن رمز\".\n   */\n  hideLabel?: string\n}\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, PasswordInputProps>(\n  ({ enableVisibilityToggle = true, showLabel = 'نمایش رمز', hideLabel = 'مخفی کردن رمز', dir, ...props }, ref) => {\n    const [visible, setVisible] = React.useState(false)\n\n    return (\n      <Input\n        ref={ref}\n        type={visible ? 'text' : 'password'}\n        // Force ltr so the adornment stays on the same side when the type\n        // toggles between password and text. Consumer can still override by\n        // explicitly passing `dir`.\n        dir={dir ?? 'ltr'}\n        data-slot=\"password-input\"\n        endAdornment={\n          enableVisibilityToggle ? (\n            <button\n              type=\"button\"\n              onClick={() => setVisible((v) => !v)}\n              // tabIndex=-1: keep keyboard flow on submit, not on the toggle.\n              tabIndex={-1}\n              className=\"text-foreground-light hover:text-foreground transition-colors\"\n              aria-label={visible ? hideLabel : showLabel}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeOff size={15} aria-hidden=\"true\" /> : <Eye size={15} aria-hidden=\"true\" />}\n            </button>\n          ) : undefined\n        }\n        {...props}\n      />\n    )\n  }\n)\n\nPasswordInput.displayName = 'PasswordInput'\n\nexport { PasswordInput }\n"]}

package/dist/components/ui/popover.cjs

@@ -1,25 +1,58 @@
+'use client';
 'use strict';
 
-var chunkHUCC3QH5_cjs = require('../../chunk-HUCC3QH5.cjs');
-require('../../chunk-NV4JOKWL.cjs');
+var React = require('react');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+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);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 
-Object.defineProperty(exports, "Popover", {
-  enumerable: true,
-  get: function () { return chunkHUCC3QH5_cjs.Popover; }
-});
-Object.defineProperty(exports, "PopoverAnchor", {
-  enumerable: true,
-  get: function () { return chunkHUCC3QH5_cjs.PopoverAnchor; }
-});
-Object.defineProperty(exports, "PopoverContent", {
-  enumerable: true,
-  get: function () { return chunkHUCC3QH5_cjs.PopoverContent; }
-});
-Object.defineProperty(exports, "PopoverTrigger", {
-  enumerable: true,
-  get: function () { return chunkHUCC3QH5_cjs.PopoverTrigger; }
-});
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
+var PopoverContent = React__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    "data-slot": "popover-content",
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 rounded-md border border-overlay bg-overlay p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
 //# sourceMappingURL=popover.cjs.map
 //# sourceMappingURL=popover.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"popover.cjs"}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/popover.tsx"],"names":["twMerge","clsx","PopoverPrimitive","React","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,OAAA,GAA2BC,2BAAA,CAAA;AAEjC,IAAM,cAAA,GAAkCA,2BAAA,CAAA;AAExC,IAAM,aAAA,GAAiCA,2BAAA,CAAA;AAEvC,IAAM,cAAA,GAAuBC,gBAAA,CAAA,UAAA,CAG3B,CAAC,EAAE,WAAW,KAAA,GAAQ,QAAA,EAAU,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC5DC,cAAA,CAAkBF,oCAAjB,EACC,QAAA,kBAAAE,cAAA;AAAA,EAAkBF,2BAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,WAAA,EAAU,iBAAA;AAAA,IACV,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,geAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD;AACD,cAAA,CAAe,cAA+BA,2BAAA,CAAA,OAAA,CAAQ,WAAA","file":"popover.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 PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '@/lib/utils'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 rounded-md border border-overlay bg-overlay p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]',\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/components/ui/popover.js

@@ -1,4 +1,32 @@
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../../chunk-MFTX2DDQ.js';
-import '../../chunk-4SVQNEVH.js';
+'use client';
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    "data-slot": "popover-content",
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 rounded-md border border-overlay bg-overlay p-4 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.js.map
 //# sourceMappingURL=popover.js.map