@yuno-payments/dashboard-design-system 2.3.4 → 2.3.5

package/dist/lib/utils.d.ts

@@ -16,16 +16,3 @@ export declare function normalizeDimension(value: number | string | undefined):
  * @returns The truncated string or the original if it's shorter than strLen
  */
 export declare function truncate(fullStr: string, strLen?: number, separator?: string, frontChars?: number, backChars?: number): string;
-/**
- * Supported language codes for i18n
- */
-export type SupportedLanguage = "en" | "es" | "ja" | "ar" | "fr" | "pt" | "tr" | "ru" | "de" | "zh";
-/**
- * localStorage key for storing the user's preferred language
- */
-export declare const LANGUAGE_STORAGE_KEY = "yuno-lang";
-/**
- * Gets the default language from localStorage, falling back to "en"
- * @returns The language code from localStorage or "en" as default
- */
-export declare function getDefaultLanguage(): SupportedLanguage;

package/dist/lib/utils.js

@@ -1,41 +1,17 @@
-import { clsx as i } from "../node_modules/clsx/dist/clsx.js";
-import { twMerge as u } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
-function a(...n) {
-  return u(i(n));
+import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
+import { twMerge as m } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
+function g(...n) {
+  return m(e(n));
 }
-function d(n) {
+function p(n) {
   if (n !== void 0)
     return typeof n == "number" ? `${n}px` : n;
 }
-function m(n, t = 8, e = "...", r = 3, o = 4) {
-  return n.length <= t ? n : n.substring(0, r) + e + n.substring(n.length - o);
-}
-const c = [
-  "en",
-  "es",
-  "ja",
-  "ar",
-  "fr",
-  "pt",
-  "tr",
-  "ru",
-  "de",
-  "zh"
-], g = "yuno-lang";
-function p() {
-  if (typeof window > "u") return "en";
-  try {
-    const n = localStorage.getItem(g);
-    if (n && c.includes(n))
-      return n;
-  } catch {
-  }
-  return "en";
+function u(n, r = 8, t = "...", i = 3, o = 4) {
+  return n.length <= r ? n : n.substring(0, i) + t + n.substring(n.length - o);
 }
 export {
-  g as LANGUAGE_STORAGE_KEY,
-  a as cn,
-  p as getDefaultLanguage,
-  d as normalizeDimension,
-  m as truncate
+  g as cn,
+  p as normalizeDimension,
+  u as truncate
 };

package/dist/vendor/shadcn/pagination.d.ts

@@ -15,32 +15,16 @@ declare const PaginationLink: {
     ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type PaginationPreviousProps = React.ComponentProps<typeof PaginationLink> & {
-    /** Custom label text (default: "Previous") */
-    label?: string;
-    /** Custom aria-label (default: "Go to previous page") */
-    ariaLabel?: string;
-};
 declare const PaginationPrevious: {
-    ({ className, size, label, ariaLabel, ...props }: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, size, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type PaginationNextProps = React.ComponentProps<typeof PaginationLink> & {
-    /** Custom label text (default: "Next") */
-    label?: string;
-    /** Custom aria-label (default: "Go to next page") */
-    ariaLabel?: string;
-};
 declare const PaginationNext: {
-    ({ className, size, label, ariaLabel, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, size, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type PaginationEllipsisProps = React.ComponentProps<"span"> & {
-    /** Screen reader text (default: "More pages") */
-    srLabel?: string;
-};
 declare const PaginationEllipsis: {
-    ({ className, srLabel, ...props }: PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/vendor/shadcn/pagination.js

@@ -1,9 +1,10 @@
 import { j as s } from "../../_virtual/jsx-runtime.js";
-import * as l from "react";
+import * as o from "react";
 import { cn as n } from "../../lib/utils.js";
-import { buttonVariants as p } from "./button.js";
-import { Icon as m } from "../../components/atoms/icon/icon.js";
-import c from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+import { buttonVariants as l } from "./button.js";
+import m from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+import p from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
 const g = ({ className: i, ...a }) => /* @__PURE__ */ s.jsx(
   "nav",
   {
@@ -14,7 +15,7 @@ const g = ({ className: i, ...a }) => /* @__PURE__ */ s.jsx(
   }
 );
 g.displayName = "Pagination";
-const x = l.forwardRef(({ className: i, ...a }, e) => /* @__PURE__ */ s.jsx(
+const x = o.forwardRef(({ className: i, ...a }, e) => /* @__PURE__ */ s.jsx(
   "ul",
   {
     ref: e,
@@ -23,81 +24,76 @@ const x = l.forwardRef(({ className: i, ...a }, e) => /* @__PURE__ */ s.jsx(
   }
 ));
 x.displayName = "PaginationContent";
-const d = l.forwardRef(({ className: i, ...a }, e) => /* @__PURE__ */ s.jsx("li", { ref: e, className: n("", i), ...a }));
-d.displayName = "PaginationItem";
-const r = ({
+const f = o.forwardRef(({ className: i, ...a }, e) => /* @__PURE__ */ s.jsx("li", { ref: e, className: n("", i), ...a }));
+f.displayName = "PaginationItem";
+const t = ({
   className: i,
   isActive: a,
   size: e = "icon",
-  ...t
+  ...r
 }) => /* @__PURE__ */ s.jsx(
   "a",
   {
     "aria-current": a ? "page" : void 0,
     className: n(
-      p({
+      l({
         variant: a ? "outline" : "ghost",
         size: e
       }),
       i
     ),
-    ...t
+    ...r
   }
 );
-r.displayName = "PaginationLink";
-const f = ({
+t.displayName = "PaginationLink";
+const N = ({
   className: i,
   size: a = "default",
-  label: e = "Previous",
-  ariaLabel: t = "Go to previous page",
-  ...o
+  ...e
 }) => /* @__PURE__ */ s.jsxs(
-  r,
+  t,
   {
-    "aria-label": t,
+    "aria-label": "Go to previous page",
     size: a,
     className: n("gap-1 pl-2.5 pr-4", i),
-    ...o,
+    ...e,
     children: [
-      /* @__PURE__ */ s.jsx(m, { name: "CaretLeft", size: "sm" }),
-      /* @__PURE__ */ s.jsx("span", { children: e })
+      /* @__PURE__ */ s.jsx(c, { className: "size-4" }),
+      /* @__PURE__ */ s.jsx("span", { children: "Previous" })
     ]
   }
 );
-f.displayName = "PaginationPrevious";
-const N = ({
+N.displayName = "PaginationPrevious";
+const d = ({
   className: i,
   size: a = "default",
-  label: e = "Next",
-  ariaLabel: t = "Go to next page",
-  ...o
+  ...e
 }) => /* @__PURE__ */ s.jsxs(
-  r,
+  t,
   {
-    "aria-label": t,
+    "aria-label": "Go to next page",
     size: a,
     className: n("gap-1 pl-4 pr-2.5", i),
-    ...o,
+    ...e,
     children: [
-      /* @__PURE__ */ s.jsx("span", { children: e }),
-      /* @__PURE__ */ s.jsx(m, { name: "CaretRight", size: "sm" })
+      /* @__PURE__ */ s.jsx("span", { children: "Next" }),
+      /* @__PURE__ */ s.jsx(p, { className: "size-4" })
     ]
   }
 );
-N.displayName = "PaginationNext";
+d.displayName = "PaginationNext";
 const j = ({
   className: i,
-  srLabel: a = "More pages",
-  ...e
+  ...a
 }) => /* @__PURE__ */ s.jsxs(
   "span",
   {
     "aria-hidden": !0,
     className: n("flex size-9 items-center justify-center", i),
-    ...e,
+    ...a,
     children: [
-      /* @__PURE__ */ s.jsx(c, { className: "size-4" }),
-      /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: a })
+      /* @__PURE__ */ s.jsx(m, { className: "size-4" }),
+      /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
@@ -106,8 +102,8 @@ export {
   g as Pagination,
   x as PaginationContent,
   j as PaginationEllipsis,
-  d as PaginationItem,
-  r as PaginationLink,
-  N as PaginationNext,
-  f as PaginationPrevious
+  f as PaginationItem,
+  t as PaginationLink,
+  d as PaginationNext,
+  N as PaginationPrevious
 };

package/dist/vendor/shadcn/select.js

@@ -1,71 +1,71 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
-import * as d from "react";
+import * as l from "react";
 import * as e from "@radix-ui/react-select";
-import { Icon as l } from "../../components/atoms/icon/icon.js";
-import { cn as r } from "../../lib/utils.js";
-const j = e.Root, N = e.Group, b = e.Value, p = d.forwardRef(({ className: s, children: o, ...a }, n) => /* @__PURE__ */ t.jsxs(
+import { Icon as n } from "../../components/atoms/icon/icon.js";
+import { cn as o } from "../../lib/utils.js";
+const j = e.Root, N = e.Group, b = e.Value, p = l.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ t.jsxs(
   e.Trigger,
   {
-    ref: n,
-    className: r(
+    ref: d,
+    className: o(
       "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 shadow-xs [&>span]:min-w-0 [&>span]:truncate",
       s
     ),
     ...a,
     children: [
-      o,
-      /* @__PURE__ */ t.jsx(e.Icon, { asChild: !0, children: /* @__PURE__ */ t.jsx(l, { name: "CaretDown", size: "sm", className: "opacity-50 shrink-0" }) })
+      r,
+      /* @__PURE__ */ t.jsx(e.Icon, { asChild: !0, children: /* @__PURE__ */ t.jsx(n, { name: "CaretDown", size: "sm", className: "opacity-50 shrink-0" }) })
     ]
   }
 ));
 p.displayName = e.Trigger.displayName;
-const i = d.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
+const i = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
   e.ScrollUpButton,
   {
     ref: a,
-    className: r(
+    className: o(
       "flex cursor-default items-center justify-center py-1",
       s
     ),
-    ...o,
-    children: /* @__PURE__ */ t.jsx(l, { name: "CaretUp", size: "sm" })
+    ...r,
+    children: /* @__PURE__ */ t.jsx(n, { name: "CaretUp", size: "sm" })
   }
 ));
 i.displayName = e.ScrollUpButton.displayName;
-const c = d.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
+const c = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
   e.ScrollDownButton,
   {
     ref: a,
-    className: r(
+    className: o(
       "flex cursor-default items-center justify-center py-1",
       s
     ),
-    ...o,
-    children: /* @__PURE__ */ t.jsx(l, { name: "CaretDown", size: "sm" })
+    ...r,
+    children: /* @__PURE__ */ t.jsx(n, { name: "CaretDown", size: "sm" })
   }
 ));
 c.displayName = e.ScrollDownButton.displayName;
-const f = d.forwardRef(({ className: s, children: o, position: a = "popper", ...n }, m) => /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsxs(
+const f = l.forwardRef(({ className: s, children: r, position: a = "popper", ...d }, m) => /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsxs(
   e.Content,
   {
     ref: m,
-    className: r(
+    className: o(
       "relative z-[1100] max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md 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",
       a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       s
     ),
     position: a,
-    ...n,
+    ...d,
     children: [
       /* @__PURE__ */ t.jsx(i, {}),
       /* @__PURE__ */ t.jsx(
         e.Viewport,
         {
-          className: r(
+          className: o(
             "p-1",
             a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
-          children: o
+          children: r
         }
       ),
       /* @__PURE__ */ t.jsx(c, {})
@@ -73,40 +73,40 @@ const f = d.forwardRef(({ className: s, children: o, position: a = "popper", ...
   }
 ) }));
 f.displayName = e.Content.displayName;
-const u = d.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
+const u = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
   e.Label,
   {
     ref: a,
-    className: r(
+    className: o(
       "px-2 py-1.5 text-xs font-medium text-muted-foreground",
       s
     ),
-    ...o
+    ...r
   }
 ));
 u.displayName = e.Label.displayName;
-const x = d.forwardRef(({ className: s, children: o, ...a }, n) => /* @__PURE__ */ t.jsxs(
+const x = l.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ t.jsxs(
   e.Item,
   {
-    ref: n,
-    className: r(
-      "relative flex w-full cursor-default select-none items-center rounded-xs py-1.5 ps-2 pe-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    ref: d,
+    className: o(
+      "relative flex w-full cursor-default select-none items-center rounded-xs py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       s
     ),
     ...a,
     children: [
-      /* @__PURE__ */ t.jsx("span", { className: "absolute end-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t.jsx(e.ItemIndicator, { children: /* @__PURE__ */ t.jsx(l, { name: "Check", size: "sm" }) }) }),
-      /* @__PURE__ */ t.jsx(e.ItemText, { children: o })
+      /* @__PURE__ */ t.jsx("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t.jsx(e.ItemIndicator, { children: /* @__PURE__ */ t.jsx(n, { name: "Check", size: "sm" }) }) }),
+      /* @__PURE__ */ t.jsx(e.ItemText, { children: r })
     ]
   }
 ));
 x.displayName = e.Item.displayName;
-const g = d.forwardRef(({ className: s, ...o }, a) => /* @__PURE__ */ t.jsx(
+const g = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
   e.Separator,
   {
     ref: a,
-    className: r("-mx-1 my-1 h-px bg-muted", s),
-    ...o
+    className: o("-mx-1 my-1 h-px bg-muted", s),
+    ...r
   }
 ));
 g.displayName = e.Separator.displayName;

package/dist/vendor/shadcn/switch.js

@@ -20,7 +20,7 @@ function d({
         {
           "data-slot": "switch-thumb",
           className: a(
-            "bg-input dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:ltr:translate-x-[calc(100%-2px)] data-[state=checked]:rtl:-translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+            "bg-input dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
           )
         }
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "2.3.4",
+  "version": "2.3.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -139,8 +139,6 @@
     "vite": "^7.1.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4",
-    "postcss-rtlcss": "^5.5.0",
-    "@tailwindcss/postcss": "^4.0.0"
+    "vitest": "^3.2.4"
   }
 }

package/registry/components-registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "2.3.4",
-  "generatedAt": "2026-03-27T13:48:32.537Z",
+  "version": "2.3.5",
+  "generatedAt": "2026-03-27T17:07:36.293Z",
   "components": [
     {
       "name": "AccessDeniedAlert",
@@ -1261,13 +1261,6 @@
           "type": "unknown",
           "required": true,
           "description": "Callback when end time changes"
-        },
-        {
-          "name": "labels",
-          "type": "FilterDateRangeLabels",
-          "default": "undefined (uses English defaults)",
-          "required": false,
-          "description": "Labels for i18n/translation support. Keys: custom, today, last3Days, last7Days, last30Days, thisMonth, allTime, startDate, endDate"
         }
       ],
       "examples": []
@@ -1341,13 +1334,6 @@
           "type": "string",
           "required": true,
           "description": "Optional tooltip text that appears on hover"
-        },
-        {
-          "name": "autoMirrorRtl",
-          "type": "boolean",
-          "default": "true (for directional icons)",
-          "required": false,
-          "description": "Auto-mirror icon in RTL layouts. Defaults to true for directional icons (arrows, chevrons, carets)"
         }
       ],
       "examples": [
@@ -3579,40 +3565,28 @@
           "type": "(page: number) => void",
           "required": true,
           "description": "Callback function when a page number is clicked"
-        },
-        {
-          "name": "lang",
-          "type": "PaginationLanguage",
-          "required": true,
-          "description": "Language for translations. Falls back to localStorage 'yuno-lang', then 'en'."
-        },
-        {
-          "name": "translations",
-          "type": "Partial<PaginationTranslations>",
-          "required": true,
-          "description": "Custom translations to override default language strings"
         }
       ],
       "examples": [
         {
-          "name": "Arabic",
-          "code": "<Pagination currentPage={5} totalPages={10} lang=\"ar\" />"
+          "name": "CustomDisabled",
+          "code": "<Pagination currentPage={5} totalPages={10} disableNext />"
         },
         {
-          "name": "Chinese",
-          "code": "<Pagination currentPage={5} totalPages={10} lang=\"zh\" />"
+          "name": "Default",
+          "code": "<Pagination currentPage={2} totalPages={10} />"
         },
         {
-          "name": "CustomDisabled",
-          "code": "<Pagination currentPage={5} totalPages={10} disableNext />"
+          "name": "FewPages",
+          "code": "<Pagination currentPage={2} totalPages={5} />"
         },
         {
-          "name": "CustomTranslations",
-          "code": "<Pagination currentPage={5} totalPages={10} translations={{\"previous\":\"Back\",\"next\":\"Forward\"}} />"
+          "name": "FirstPage",
+          "code": "<Pagination currentPage={1} totalPages={10} />"
         },
         {
-          "name": "Default",
-          "code": "<Pagination currentPage={2} totalPages={10} />"
+          "name": "LastPage",
+          "code": "<Pagination currentPage={10} totalPages={10} />"
         }
       ],
       "figmaComponent": "https://www.figma.com/design/fcHm3yuz9KiqdRHM7oWneG/shadcn-ui-kit--Yuno-?node-id=17086-206986&m=dev"

package/dist/components/atoms/filter/filter-translations.d.ts

@@ -1,75 +0,0 @@
-/**
- * Supported languages for filter translations
- */
-export type FilterLanguage = "en" | "es" | "ja" | "ar" | "fr" | "pt" | "tr" | "ru" | "de" | "zh";
-/**
- * Translation strings for Filter components
- */
-export interface FilterTranslations {
-    addFilter?: string;
-    clearFilters?: string;
-    noFiltersApplied?: string;
-    /** Template: "+{count} more" */
-    moreFilters?: string;
-    selectAll?: string;
-    inverse?: string;
-    none?: string;
-    search?: string;
-    typeAndPressEnter?: string;
-    onlyNumericAllowed?: string;
-    clearAll?: string;
-    custom?: string;
-    today?: string;
-    last3Days?: string;
-    last7Days?: string;
-    last30Days?: string;
-    thisMonth?: string;
-    allTime?: string;
-    startDate?: string;
-    endDate?: string;
-    selectDate?: string;
-    sunday?: string;
-    monday?: string;
-    tuesday?: string;
-    wednesday?: string;
-    thursday?: string;
-    friday?: string;
-    saturday?: string;
-    jan?: string;
-    feb?: string;
-    mar?: string;
-    apr?: string;
-    may?: string;
-    jun?: string;
-    jul?: string;
-    aug?: string;
-    sep?: string;
-    oct?: string;
-    nov?: string;
-    dec?: string;
-}
-/**
- * All translations by language code
- */
-export declare const FILTER_TRANSLATIONS: Record<FilterLanguage, Required<FilterTranslations>>;
-/**
- * Default translations (English)
- */
-export declare const DEFAULT_FILTER_TRANSLATIONS: Required<FilterTranslations>;
-/**
- * Get translations for a specific language
- * Falls back to localStorage language, then to English if not found
- */
-export declare function getFilterTranslations(lang?: FilterLanguage): Required<FilterTranslations>;
-/**
- * Helper to get day names array in order (Sunday = 0)
- */
-export declare function getDayNames(t: Required<FilterTranslations>): string[];
-/**
- * Helper to get month abbreviations array in order (January = 0)
- */
-export declare function getMonthAbbreviations(t: Required<FilterTranslations>): string[];
-/**
- * Format the "more filters" string with count
- */
-export declare function formatMoreFilters(t: Required<FilterTranslations>, count: number): string;