@vegait/lyra-ds-v2 0.1.0 → 0.1.1-beta.37850

package/README.md

@@ -1,11 +1,11 @@
-# @vegait/lyra-ds
+# @vegait/lyra-ds-v2
 
 Biblioteca de componentes do Lyra Design System. Construída com Radix UI + CVA + Tailwind v4, distribuída como pacote npm.
 
 ## Instalação
 
 ```bash
-pnpm add @vegait/lyra-ds tw-animate-css
+pnpm add @vegait/lyra-ds-v2 tw-animate-css
 ```
 
 `tw-animate-css` é peerDependency obrigatória: provê os utilitários de animação (`animate-in`, `fade-in-0`, `zoom-in-95`, `slide-in-from-*`) usados em Modal, DropdownMenu, Tooltip e DatePicker. Sem ele, overlays abrem sem animação.
@@ -13,7 +13,7 @@ pnpm add @vegait/lyra-ds tw-animate-css
 Importe o CSS global da lib uma vez no entry point da aplicação:
 
 ```ts
-import "@vegait/lyra-ds/styles";
+import "@vegait/lyra-ds-v2/styles";
 ```
 
 E adicione o import do `tw-animate-css` no mesmo arquivo CSS onde Tailwind é inicializado (ex: `app/globals.css`):
@@ -28,7 +28,7 @@ E adicione o import do `tw-animate-css` no mesmo arquivo CSS onde Tailwind é in
 ## Uso
 
 ```tsx
-import { Button, Input, Badge } from "@vegait/lyra-ds";
+import { Button, Input, Badge } from "@vegait/lyra-ds-v2";
 
 export function Example() {
   return (
@@ -52,7 +52,7 @@ Esta biblioteca usa o modelo de distribuição npm (não shadcn copy-paste). Ver
 
 ## Tokens CSS
 
-Os tokens são importados via `@vegait/lyra-ds/styles`. Cadeia de tokens:
+Os tokens são importados via `@vegait/lyra-ds-v2/styles`. Cadeia de tokens:
 
 ```
 Primitivos → Brand → Semânticos → Componente

package/dist/chunk-25TSMDQG.js

@@ -0,0 +1,66 @@
+"use client";
+import {
+  useLyraI18n
+} from "./chunk-M2WRPFM4.js";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/feedback-widget.tsx
+import * as React from "react";
+import { ThumbsUp, ThumbsDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FeedbackWidget = React.forwardRef(
+  ({ value, onFeedback, className, "data-testid": testId }, ref) => {
+    const t = useLyraI18n();
+    function handleClick(clicked) {
+      onFeedback(value === clicked ? null : clicked);
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-testid": testId,
+        className: cn("flex items-center gap-1", className),
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleClick("positive"),
+              "aria-label": t.ai.feedbackPositive,
+              "aria-pressed": value === "positive",
+              className: cn(
+                "size-8 flex items-center justify-center rounded-[var(--radius-md)]",
+                "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]",
+                value === "positive" ? "text-[var(--color-success)] bg-[var(--color-success-container)]" : "text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]"
+              ),
+              children: /* @__PURE__ */ jsx(ThumbsUp, { className: "size-4", "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleClick("negative"),
+              "aria-label": t.ai.feedbackNegative,
+              "aria-pressed": value === "negative",
+              className: cn(
+                "size-8 flex items-center justify-center rounded-[var(--radius-md)]",
+                "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]",
+                value === "negative" ? "text-[var(--color-error)] bg-[var(--color-error-container)]" : "text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]"
+              ),
+              children: /* @__PURE__ */ jsx(ThumbsDown, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FeedbackWidget.displayName = "FeedbackWidget";
+
+export {
+  FeedbackWidget
+};
+//# sourceMappingURL=chunk-25TSMDQG.js.map

package/dist/chunk-25TSMDQG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback-widget.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ThumbsUp, ThumbsDown } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { useLyraI18n } from \"../i18n/index\";\n\nexport type FeedbackValue = \"positive\" | \"negative\" | null;\n\nexport interface FeedbackWidgetProps {\n  value?: FeedbackValue;\n  onFeedback: (value: FeedbackValue) => void;\n  className?: string;\n  \"data-testid\"?: string;\n}\n\nconst FeedbackWidget = React.forwardRef<HTMLDivElement, FeedbackWidgetProps>(\n  ({ value, onFeedback, className, \"data-testid\": testId }, ref) => {\n    const t = useLyraI18n();\n\n    function handleClick(clicked: \"positive\" | \"negative\") {\n      onFeedback(value === clicked ? null : clicked);\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        className={cn(\"flex items-center gap-1\", className)}\n      >\n        <button\n          type=\"button\"\n          onClick={() => handleClick(\"positive\")}\n          aria-label={t.ai.feedbackPositive}\n          aria-pressed={value === \"positive\"}\n          className={cn(\n            \"size-8 flex items-center justify-center rounded-[var(--radius-md)]\",\n            \"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\",\n            value === \"positive\"\n              ? \"text-[var(--color-success)] bg-[var(--color-success-container)]\"\n              : \"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]\"\n          )}\n        >\n          <ThumbsUp className=\"size-4\" aria-hidden=\"true\" />\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => handleClick(\"negative\")}\n          aria-label={t.ai.feedbackNegative}\n          aria-pressed={value === \"negative\"}\n          className={cn(\n            \"size-8 flex items-center justify-center rounded-[var(--radius-md)]\",\n            \"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\",\n            value === \"negative\"\n              ? \"text-[var(--color-error)] bg-[var(--color-error-container)]\"\n              : \"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]\"\n          )}\n        >\n          <ThumbsDown className=\"size-4\" aria-hidden=\"true\" />\n        </button>\n      </div>\n    );\n  }\n);\n\nFeedbackWidget.displayName = \"FeedbackWidget\";\n\nexport { FeedbackWidget };\n"],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,UAAU,kBAAkB;AAsB/B,SAkBI,KAlBJ;AATN,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,OAAO,YAAY,WAAW,eAAe,OAAO,GAAG,QAAQ;AAChE,UAAM,IAAI,YAAY;AAEtB,aAAS,YAAY,SAAkC;AACrD,iBAAW,UAAU,UAAU,OAAO,OAAO;AAAA,IAC/C;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,WAAW,GAAG,2BAA2B,SAAS;AAAA,QAElD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,YAAY,UAAU;AAAA,cACrC,cAAY,EAAE,GAAG;AAAA,cACjB,gBAAc,UAAU;AAAA,cACxB,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,UAAU,aACN,oEACA;AAAA,cACN;AAAA,cAEA,8BAAC,YAAS,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA,UAClD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,YAAY,UAAU;AAAA,cACrC,cAAY,EAAE,GAAG;AAAA,cACjB,gBAAc,UAAU;AAAA,cACxB,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA,UAAU,aACN,gEACA;AAAA,cACN;AAAA,cAEA,8BAAC,cAAW,WAAU,UAAS,eAAY,QAAO;AAAA;AAAA,UACpD;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;","names":[]}

package/dist/{chunk-CUW7MUCY.js → chunk-2BQ6YZAW.js}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  useLyraI18n
+} from "./chunk-M2WRPFM4.js";
 import {
   cn
 } from "./chunk-KQJCGTS3.js";
@@ -7,15 +10,8 @@ import {
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
-var DEFAULT_LABELS = {
-  active: "Ativo",
-  invited: "Convidado",
-  pending: "Pendente",
-  suspended: "Suspenso",
-  inactive: "Inativo"
-};
 var statusTagVariants = cva(
-  "inline-flex items-center font-semibold rounded-[var(--radius-sm)]",
+  "inline-flex items-center font-semibold rounded-[var(--radius-full)]",
   {
     variants: {
       status: {
@@ -26,8 +22,8 @@ var statusTagVariants = cva(
         inactive: "bg-[var(--color-surf-container-high)] text-[var(--color-on-surface-var)]"
       },
       size: {
-        sm: "h-[18px] px-[6px] text-[11px]",
-        md: "h-[22px] px-[8px] text-[12px]"
+        sm: "h-[18px] px-[7px] text-[10px] tracking-[0.04em]",
+        md: "h-[22px] px-[9px] text-[11px] tracking-[0.04em]"
       }
     },
     defaultVariants: {
@@ -36,20 +32,23 @@ var statusTagVariants = cva(
   }
 );
 var StatusTag = React.forwardRef(
-  ({ className, status, label, tooltip, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      className: cn(statusTagVariants({ status, size }), className),
-      title: tooltip,
-      ...props,
-      children: label ?? DEFAULT_LABELS[status]
-    }
-  )
+  ({ className, status, label, tooltip, size = "md", ...props }, ref) => {
+    const t = useLyraI18n();
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: cn(statusTagVariants({ status, size }), className),
+        title: tooltip,
+        ...props,
+        children: label ?? t.statusTag[status]
+      }
+    );
+  }
 );
 StatusTag.displayName = "StatusTag";
 
 export {
   StatusTag
 };
-//# sourceMappingURL=chunk-CUW7MUCY.js.map
+//# sourceMappingURL=chunk-2BQ6YZAW.js.map

package/dist/chunk-2BQ6YZAW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/status-tag.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\nimport { useLyraI18n } from \"../i18n/index\";\n\nconst statusTagVariants = cva(\n  \"inline-flex items-center font-semibold rounded-[var(--radius-full)]\",\n  {\n    variants: {\n      status: {\n        active:\n          \"bg-[var(--color-success-container)] text-[var(--color-on-success-container)]\",\n        invited:\n          \"bg-[var(--color-info-container)] text-[var(--color-on-info-container)]\",\n        pending:\n          \"bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]\",\n        suspended:\n          \"bg-[var(--color-error-container)] text-[var(--color-on-error-container)]\",\n        inactive:\n          \"bg-[var(--color-surf-container-high)] text-[var(--color-on-surface-var)]\",\n      },\n      size: {\n        sm: \"h-[18px] px-[7px] text-[10px] tracking-[0.04em]\",\n        md: \"h-[22px] px-[9px] text-[11px] tracking-[0.04em]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nexport interface StatusTagProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  status: \"active\" | \"invited\" | \"pending\" | \"suspended\" | \"inactive\";\n  label?: string;\n  tooltip?: string;\n  size?: \"sm\" | \"md\";\n}\n\nconst StatusTag = React.forwardRef<HTMLSpanElement, StatusTagProps>(\n  ({ className, status, label, tooltip, size = \"md\", ...props }, ref) => {\n    const t = useLyraI18n();\n    return (\n      <span\n        ref={ref}\n        className={cn(statusTagVariants({ status, size }), className)}\n        title={tooltip}\n        {...props}\n      >\n        {label ?? t.statusTag[status]}\n      </span>\n    );\n  }\n);\nStatusTag.displayName = \"StatusTag\";\n\nexport { StatusTag };\n"],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,WAAW;AA2Cd;AAvCN,IAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,QACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,UACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAUA,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,QAAQ,OAAO,SAAS,OAAO,MAAM,GAAG,MAAM,GAAG,QAAQ;AACrE,UAAM,IAAI,YAAY;AACtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,kBAAkB,EAAE,QAAQ,KAAK,CAAC,GAAG,SAAS;AAAA,QAC5D,OAAO;AAAA,QACN,GAAG;AAAA,QAEH,mBAAS,EAAE,UAAU,MAAM;AAAA;AAAA,IAC9B;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}

package/dist/{chunk-NVCGKCTH.cjs → chunk-2CWYKITU.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
+var _chunkMXGUFJCAcjs = require('./chunk-MXGUFJCA.cjs');
+
+
 var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
 
 // src/components/alert.tsx
@@ -15,7 +18,7 @@ var _lucidereact = require('lucide-react');
 var _classvarianceauthority = require('class-variance-authority');
 var _jsxruntime = require('react/jsx-runtime');
 var alertVariants = _classvarianceauthority.cva.call(void 0, 
-  "flex gap-3 p-4 rounded-[var(--radius-md)] border-l-[3px]",
+  "flex gap-3 p-4 rounded-[var(--radius-lg)] border-l-4",
   {
     variants: {
       variant: {
@@ -45,6 +48,7 @@ var Alert = React.forwardRef(
     ...props
   }, ref) => {
     const Icon = _nullishCoalesce(IconProp, () => ( DEFAULT_ICONS[variant]));
+    const t = _chunkMXGUFJCAcjs.useLyraI18n.call(void 0, );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -73,7 +77,7 @@ var Alert = React.forwardRef(
               type: "button",
               onClick: onDismiss,
               className: "shrink-0 rounded hover:opacity-70 transition-opacity",
-              "aria-label": "Fechar",
+              "aria-label": t.alert.close,
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "size-4" })
             }
           )
@@ -87,4 +91,4 @@ Alert.displayName = "Alert";
 
 
 exports.Alert = Alert;
-//# sourceMappingURL=chunk-NVCGKCTH.cjs.map
+//# sourceMappingURL=chunk-2CWYKITU.cjs.map

package/dist/chunk-2CWYKITU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-2CWYKITU.cjs","../src/components/alert.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,2EAAuB;AACvB;AACE;AACA;AACA;AACA;AACA;AAAA,2CACK;AAEP,kEAAoB;AA6DZ,+CAAA;AAzDR,IAAM,cAAA,EAAgB,yCAAA;AAAA,EACpB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,qGAAA;AAAA,QACN,OAAA,EACE,8GAAA;AAAA,QACF,OAAA,EACE,8GAAA;AAAA,QACF,KAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AACF,CAAA;AAEA,IAAM,cAAA,EAA4C;AAAA,EAChD,IAAA,EAAM,iBAAA;AAAA,EACN,OAAA,EAAS,wBAAA;AAAA,EACT,OAAA,EAAS,0BAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAWA,IAAM,MAAA,EAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,SAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,KAAA,mBAAO,QAAA,UAAY,aAAA,CAAc,OAAO,GAAA;AAC9C,IAAA,MAAM,EAAA,EAAI,2CAAA,CAAY;AAEtB,IAAA,uBACE,8BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,kCAAA,aAAG,CAAc,EAAE,QAAQ,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,QAClD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,6BAAA,IAAC,EAAA,EAAK,SAAA,EAAU,wBAAA,EAAyB,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,0BAC5D,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,YAAA,MAAA,mBAAS,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,4BACpD,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAU,cAAA,EAAgB,QAAA,EAAA,YAAA,CAAY,CAAA;AAAA,YACxC,OAAA,mBACC,6BAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,MAAA,CAAO,OAAA;AAAA,gBAChB,SAAA,EAAU,8DAAA;AAAA,gBAET,QAAA,EAAA,MAAA,CAAO;AAAA,cAAA;AAAA,YACV;AAAA,UAAA,EAAA,CAEJ,CAAA;AAAA,UACC,UAAA,mBACC,6BAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,SAAA;AAAA,cACT,SAAA,EAAU,sDAAA;AAAA,cACV,YAAA,EAAY,CAAA,CAAE,KAAA,CAAM,KAAA;AAAA,cAEpB,QAAA,kBAAA,6BAAA,cAAC,EAAA,EAAE,SAAA,EAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UACxB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,KAAA,CAAM,YAAA,EAAc,OAAA;ADTpB;AACA;AACE;AACF,sBAAC","file":"/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-2CWYKITU.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport {\n  Info,\n  CheckCircle,\n  AlertTriangle,\n  AlertCircle,\n  X,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\nimport { useLyraI18n } from \"../i18n/index\";\n\nconst alertVariants = cva(\n  \"flex gap-3 p-4 rounded-[var(--radius-lg)] border-l-4\",\n  {\n    variants: {\n      variant: {\n        info: \"bg-[var(--color-info-container)] text-[var(--color-on-info-container)] border-l-[var(--color-info)]\",\n        success:\n          \"bg-[var(--color-success-container)] text-[var(--color-on-success-container)] border-l-[var(--color-success)]\",\n        warning:\n          \"bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)] border-l-[var(--color-warning)]\",\n        error:\n          \"bg-[var(--color-error-container)] text-[var(--color-on-error-container)] border-l-[var(--color-error)]\",\n      },\n    },\n  }\n);\n\nconst DEFAULT_ICONS: Record<string, LucideIcon> = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertTriangle,\n  error: AlertCircle,\n};\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant: \"info\" | \"success\" | \"warning\" | \"error\";\n  title?: string;\n  description: string;\n  icon?: LucideIcon;\n  onDismiss?: () => void;\n  action?: { label: string; onClick: () => void };\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      variant,\n      title,\n      description,\n      icon: IconProp,\n      onDismiss,\n      action,\n      ...props\n    },\n    ref\n  ) => {\n    const Icon = IconProp ?? DEFAULT_ICONS[variant];\n    const t = useLyraI18n();\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(alertVariants({ variant }), className)}\n        {...props}\n      >\n        <Icon className=\"mt-0.5 size-5 shrink-0\" aria-hidden=\"true\" />\n        <div className=\"flex-1 min-w-0\">\n          {title && <p className=\"text-heading mb-0.5\">{title}</p>}\n          <p className=\"text-body-md\">{description}</p>\n          {action && (\n            <button\n              type=\"button\"\n              onClick={action.onClick}\n              className=\"mt-2 text-body-sm font-semibold underline hover:no-underline\"\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n        {onDismiss && (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            className=\"shrink-0 rounded hover:opacity-70 transition-opacity\"\n            aria-label={t.alert.close}\n          >\n            <X className=\"size-4\" />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\nAlert.displayName = \"Alert\";\n\nexport { Alert };\n"]}

package/dist/{chunk-ABFMWZVI.cjs → chunk-2DKSIFQ5.cjs}

@@ -1,19 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkTONUCO3Ecjs = require('./chunk-TONUCO3E.cjs');
+var _chunkC2KJBV5Xcjs = require('./chunk-C2KJBV5X.cjs');
 
 
-var _chunkCOV6FW4Jcjs = require('./chunk-COV6FW4J.cjs');
+var _chunkKBW7VS42cjs = require('./chunk-KBW7VS42.cjs');
 
 
-var _chunkLUQS7LYGcjs = require('./chunk-LUQS7LYG.cjs');
+var _chunkMXGUFJCAcjs = require('./chunk-MXGUFJCA.cjs');
+
+
+var _chunkTHZR6WGAcjs = require('./chunk-THZR6WGA.cjs');
 
 // src/components/destructive-dialog.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
-function DestructiveDialog({
+var DestructiveDialog = React.forwardRef(function DestructiveDialog2({
   open,
   onClose,
   onConfirm,
@@ -23,7 +26,8 @@ function DestructiveDialog({
   confirmInput,
   confirmLabel,
   loading = false
-}) {
+}, ref) {
+  const t = _chunkMXGUFJCAcjs.useLyraI18n.call(void 0, );
   const [inputValue, setInputValue] = React.useState("");
   const cancelRef = React.useRef(null);
   const isConfirmDisabled = loading || confirmInput !== void 0 && inputValue.trim() !== confirmInput.expectedValue;
@@ -33,23 +37,23 @@ function DestructiveDialog({
   };
   React.useEffect(() => {
     if (open) {
-      const t = setTimeout(() => _optionalChain([cancelRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.focus, 'call', _3 => _3()]), 80);
-      return () => clearTimeout(t);
+      const timerId = setTimeout(() => _optionalChain([cancelRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.focus, 'call', _3 => _3()]), 80);
+      return () => clearTimeout(timerId);
     }
   }, [open]);
   const footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLUQS7LYGcjs.Button,
+      _chunkTHZR6WGAcjs.Button,
       {
         ref: cancelRef,
         variant: "outlined",
         onClick: handleClose,
         disabled: loading,
-        children: "Cancelar"
+        children: t.destructiveDialog.cancel
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLUQS7LYGcjs.Button,
+      _chunkTHZR6WGAcjs.Button,
       {
         variant: "destructive",
         onClick: onConfirm,
@@ -59,7 +63,7 @@ function DestructiveDialog({
       }
     )
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTONUCO3Ecjs.Modal, { open, onClose: handleClose, title, size: "sm", footer, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKBW7VS42cjs.Modal, { ref, open, onClose: handleClose, title, size: "sm", footer, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "size-12 rounded-full bg-[var(--color-error-container)] flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { className: "size-6 text-[var(--color-error)]" }) }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-body-md text-[var(--color-on-surface-var)] mb-4", children: description }),
     consequenceList && consequenceList.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 pl-3 border-l-[3px] border-l-[var(--color-error)] bg-[var(--color-error-container)] rounded-r-[var(--radius-sm)] py-2 pr-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "list-disc list-inside space-y-1", children: consequenceList.map((item, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -71,7 +75,7 @@ function DestructiveDialog({
       i
     )) }) }),
     confirmInput && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCOV6FW4Jcjs.Input,
+      _chunkC2KJBV5Xcjs.Input,
       {
         id: "destructive-confirm-input",
         label: confirmInput.label,
@@ -81,9 +85,10 @@ function DestructiveDialog({
       }
     )
   ] });
-}
+});
+DestructiveDialog.displayName = "DestructiveDialog";
 
 
 
 exports.DestructiveDialog = DestructiveDialog;
-//# sourceMappingURL=chunk-ABFMWZVI.cjs.map
+//# sourceMappingURL=chunk-2DKSIFQ5.cjs.map

package/dist/chunk-2DKSIFQ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-2DKSIFQ5.cjs","../src/components/destructive-dialog.tsx"],"names":["DestructiveDialog"],"mappings":"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","file":"/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-2DKSIFQ5.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { AlertCircle } from \"lucide-react\";\nimport { Modal } from \"./modal\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\nimport { useLyraI18n } from \"../i18n/index\";\n\nexport interface DestructiveDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  title: string;\n  description: string;\n  consequenceList?: string[];\n  confirmInput?: {\n    label: string;\n    expectedValue: string;\n  };\n  confirmLabel: string;\n  loading?: boolean;\n}\n\nconst DestructiveDialog = React.forwardRef<HTMLDivElement, DestructiveDialogProps>(function DestructiveDialog(\n  {\n    open,\n    onClose,\n    onConfirm,\n    title,\n    description,\n    consequenceList,\n    confirmInput,\n    confirmLabel,\n    loading = false,\n  },\n  ref\n) {\n  const t = useLyraI18n();\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const cancelRef = React.useRef<HTMLButtonElement>(null);\n\n  const isConfirmDisabled =\n    loading ||\n    (confirmInput !== undefined &&\n      inputValue.trim() !== confirmInput.expectedValue);\n\n  const handleClose = () => {\n    setInputValue(\"\");\n    onClose();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      const timerId = setTimeout(() => cancelRef.current?.focus(), 80);\n      return () => clearTimeout(timerId);\n    }\n  }, [open]);\n\n  const footer = (\n    <>\n      <Button\n        ref={cancelRef}\n        variant=\"outlined\"\n        onClick={handleClose}\n        disabled={loading}\n      >\n        {t.destructiveDialog.cancel}\n      </Button>\n\n      <Button\n        variant=\"destructive\"\n        onClick={onConfirm}\n        disabled={isConfirmDisabled}\n        loading={loading}\n      >\n        {confirmLabel}\n      </Button>\n    </>\n  );\n\n  return (\n    <Modal ref={ref} open={open} onClose={handleClose} title={title} size=\"sm\" footer={footer}>\n      {/* Ícone de alerta */}\n      <div className=\"flex justify-center mb-4\">\n        <div className=\"size-12 rounded-full bg-[var(--color-error-container)] flex items-center justify-center\">\n          <AlertCircle className=\"size-6 text-[var(--color-error)]\" />\n        </div>\n      </div>\n\n      <p className=\"text-body-md text-[var(--color-on-surface-var)] mb-4\">\n        {description}\n      </p>\n\n      {consequenceList && consequenceList.length > 0 && (\n        <div className=\"mb-4 pl-3 border-l-[3px] border-l-[var(--color-error)] bg-[var(--color-error-container)] rounded-r-[var(--radius-sm)] py-2 pr-3\">\n          <ul className=\"list-disc list-inside space-y-1\">\n            {consequenceList.map((item, i) => (\n              <li\n                key={i}\n                className=\"text-body-sm text-[var(--color-on-error-container)]\"\n              >\n                {item}\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n\n      {confirmInput && (\n        <Input\n          id=\"destructive-confirm-input\"\n          label={confirmInput.label}\n          value={inputValue}\n          onChange={(e) => setInputValue(e.target.value)}\n          placeholder={confirmInput.expectedValue}\n        />\n      )}\n    </Modal>\n  );\n});\nDestructiveDialog.displayName = \"DestructiveDialog\";\n\nexport { DestructiveDialog };\n"]}

package/dist/{chunk-A665K552.cjs → chunk-2O3Y67RU.cjs}

@@ -25,9 +25,9 @@ function initials(name) {
   return parts[0].charAt(0).toUpperCase() + parts[parts.length - 1].charAt(0).toUpperCase();
 }
 var SIZE = {
-  sm: { root: "size-6", text: "text-[10px]" },
-  md: { root: "size-8", text: "text-[12px]" },
-  lg: { root: "size-10", text: "text-[14px]" }
+  sm: { root: "size-6", text: "text-tiny" },
+  md: { root: "size-8", text: "text-label" },
+  lg: { root: "size-10", text: "text-body-md-strong" }
 };
 var Avatar = React.forwardRef(({ name, src, size = "md", className, style }, ref) => {
   const { bg, text } = hashColor(name);
@@ -55,7 +55,7 @@ var Avatar = React.forwardRef(({ name, src, size = "md", className, style }, ref
           RadixAvatar.Fallback,
           {
             className: _chunk5SCF3EGTcjs.cn.call(void 0, 
-              "flex size-full items-center justify-center rounded-full font-semibold select-none",
+              "flex size-full items-center justify-center rounded-full select-none",
               textSize
             ),
             style: { backgroundColor: bg, color: text },
@@ -72,4 +72,4 @@ Avatar.displayName = "Avatar";
 
 
 exports.Avatar = Avatar;
-//# sourceMappingURL=chunk-A665K552.cjs.map
+//# sourceMappingURL=chunk-2O3Y67RU.cjs.map

package/dist/chunk-2O3Y67RU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-2O3Y67RU.cjs","../src/components/avatar.tsx"],"names":[],"mappings":"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","file":"/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-2O3Y67RU.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport * as RadixAvatar from \"@radix-ui/react-avatar\";\nimport { cn } from \"../lib/utils\";\n\n// ─── Fallback color derivada do nome ─────────────────────────────────────────\n\nconst FALLBACK_COLORS = [\n  { bg: \"var(--color-primary-container)\",  text: \"var(--color-on-primary-container)\"  },\n  { bg: \"var(--color-success-container)\",  text: \"var(--color-on-success-container)\"  },\n  { bg: \"var(--color-info-container)\",     text: \"var(--color-on-info-container)\"     },\n  { bg: \"var(--color-warning-container)\",  text: \"var(--color-on-warning-container)\"  },\n  { bg: \"var(--color-error-container)\",    text: \"var(--color-on-error-container)\"    },\n  { bg: \"var(--color-action-secondary)\",   text: \"var(--color-on-action-secondary)\"   },\n] as const;\n\nfunction hashColor(name: string) {\n  const hash = name.split(\"\").reduce((acc, c) => acc + c.charCodeAt(0), 0);\n  return FALLBACK_COLORS[hash % FALLBACK_COLORS.length];\n}\n\nfunction initials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();\n  return (\n    parts[0].charAt(0).toUpperCase() +\n    parts[parts.length - 1].charAt(0).toUpperCase()\n  );\n}\n\n// ─── Size map ────────────────────────────────────────────────────────────────\n\nconst SIZE: Record<string, { root: string; text: string }> = {\n  sm: { root: \"size-6\",  text: \"text-tiny\" },\n  md: { root: \"size-8\",  text: \"text-label\" },\n  lg: { root: \"size-10\", text: \"text-body-md-strong\" },\n};\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport interface AvatarProps {\n  name: string;\n  src?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst Avatar = React.forwardRef<\n  React.ComponentRef<typeof RadixAvatar.Root>,\n  AvatarProps\n>(({ name, src, size = \"md\", className, style }, ref) => {\n  const { bg, text } = hashColor(name);\n  const { root, text: textSize } = SIZE[size];\n\n  return (\n    <RadixAvatar.Root\n      ref={ref}\n      className={cn(\n        \"relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full\",\n        root,\n        className\n      )}\n      style={style}\n    >\n      {src && (\n        <RadixAvatar.Image\n          src={src}\n          alt={name}\n          className=\"size-full object-cover\"\n        />\n      )}\n      <RadixAvatar.Fallback\n        className={cn(\n          \"flex size-full items-center justify-center rounded-full select-none\",\n          textSize\n        )}\n        style={{ backgroundColor: bg, color: text }}\n        delayMs={src ? 300 : 0}\n      >\n        {initials(name)}\n      </RadixAvatar.Fallback>\n    </RadixAvatar.Root>\n  );\n});\nAvatar.displayName = \"Avatar\";\n\nexport { Avatar };\n"]}

package/dist/chunk-3SXQHLJB.cjs

@@ -0,0 +1,133 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkDQ5VNZ7Icjs = require('./chunk-DQ5VNZ7I.cjs');
+
+
+var _chunkMXGUFJCAcjs = require('./chunk-MXGUFJCA.cjs');
+
+
+var _chunkTHZR6WGAcjs = require('./chunk-THZR6WGA.cjs');
+
+
+var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/pagination-bar.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+var PaginationBar = React.forwardRef(
+  ({
+    page,
+    pageSize,
+    total,
+    onPageChange,
+    onPageSizeChange,
+    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+    className
+  }, ref) => {
+    const t = _chunkMXGUFJCAcjs.useLyraI18n.call(void 0, );
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const start = total === 0 ? 0 : Math.min((page - 1) * pageSize + 1, total);
+    const end = Math.min(page * pageSize, total);
+    const [jumpValue, setJumpValue] = React.useState(String(page));
+    React.useEffect(() => {
+      setJumpValue(String(page));
+    }, [page]);
+    function commitJump() {
+      const n = parseInt(jumpValue, 10);
+      if (!isNaN(n)) {
+        const clamped = Math.max(1, Math.min(n, totalPages));
+        if (clamped !== page) onPageChange(clamped);
+        else setJumpValue(String(page));
+      } else {
+        setJumpValue(String(page));
+      }
+    }
+    const pageSizeSelectOptions = pageSizeOptions.map((n) => ({
+      value: String(n),
+      label: `${n} ${t.pagination.perPage}`
+    }));
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+          "flex items-center justify-between gap-4 px-4 py-3 border-t border-[var(--color-outline-variant)]",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-meta text-[var(--color-on-surface-var)] shrink-0", children: total === 0 ? t.pagination.noResults : t.pagination.showing(start, end, total) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkTHZR6WGAcjs.Button,
+              {
+                variant: "outlined",
+                size: "sm",
+                onClick: () => onPageChange(page - 1),
+                disabled: page <= 1,
+                children: t.pagination.previous
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1.5 text-body-sm text-[var(--color-on-surface-var)] shrink-0", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t.pagination.jump }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "input",
+                {
+                  type: "text",
+                  inputMode: "numeric",
+                  value: jumpValue,
+                  onChange: (e) => setJumpValue(e.target.value),
+                  onBlur: commitJump,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      commitJump();
+                    }
+                  },
+                  "aria-label": `${t.pagination.jump} ${page} ${t.pagination.of} ${totalPages}`,
+                  className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+                    "w-10 h-7 rounded-[var(--radius-sm)] border border-[var(--color-outline)]",
+                    "bg-[var(--color-surf-container)] text-center text-body-sm text-[var(--color-on-surface)]",
+                    "outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]",
+                    "focus-visible:border-[var(--color-action-primary)]"
+                  )
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+                t.pagination.of,
+                " ",
+                totalPages
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkTHZR6WGAcjs.Button,
+              {
+                variant: "outlined",
+                size: "sm",
+                onClick: () => onPageChange(page + 1),
+                disabled: page >= totalPages,
+                children: t.pagination.next
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: onPageSizeChange ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkDQ5VNZ7Icjs.Select,
+            {
+              options: pageSizeSelectOptions,
+              value: String(pageSize),
+              onValueChange: (v) => onPageSizeChange(Number(v)),
+              className: "w-[120px]"
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {}) })
+        ]
+      }
+    );
+  }
+);
+PaginationBar.displayName = "PaginationBar";
+
+
+
+exports.PaginationBar = PaginationBar;
+//# sourceMappingURL=chunk-3SXQHLJB.cjs.map

package/dist/chunk-3SXQHLJB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-3SXQHLJB.cjs","../src/components/pagination-bar.tsx"],"names":[],"mappings":"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","file":"/home/vsts/work/1/s/packages/lyra-ds/dist/chunk-3SXQHLJB.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { Button } from \"./button\";\nimport { Select } from \"./select\";\nimport { useLyraI18n } from \"../i18n/index\";\nimport { cn } from \"../lib/utils\";\n\nexport interface PaginationBarProps {\n  page: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  pageSizeOptions?: number[];\n  className?: string;\n}\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];\n\nconst PaginationBar = React.forwardRef<HTMLDivElement, PaginationBarProps>(\n  (\n    {\n      page,\n      pageSize,\n      total,\n      onPageChange,\n      onPageSizeChange,\n      pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n      className,\n    },\n    ref\n  ) => {\n    const t = useLyraI18n();\n    const totalPages = Math.max(1, Math.ceil(total / pageSize));\n    const start = total === 0 ? 0 : Math.min((page - 1) * pageSize + 1, total);\n    const end = Math.min(page * pageSize, total);\n\n    const [jumpValue, setJumpValue] = React.useState(String(page));\n    React.useEffect(() => {\n      setJumpValue(String(page));\n    }, [page]);\n\n    function commitJump() {\n      const n = parseInt(jumpValue, 10);\n      if (!isNaN(n)) {\n        const clamped = Math.max(1, Math.min(n, totalPages));\n        if (clamped !== page) onPageChange(clamped);\n        else setJumpValue(String(page));\n      } else {\n        setJumpValue(String(page));\n      }\n    }\n\n    const pageSizeSelectOptions = pageSizeOptions.map((n) => ({\n      value: String(n),\n      label: `${n} ${t.pagination.perPage}`,\n    }));\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex items-center justify-between gap-4 px-4 py-3 border-t border-[var(--color-outline-variant)]\",\n          className\n        )}\n      >\n        <span className=\"text-meta text-[var(--color-on-surface-var)] shrink-0\">\n          {total === 0\n            ? t.pagination.noResults\n            : t.pagination.showing(start, end, total)}\n        </span>\n\n        <div className=\"flex items-center gap-2\">\n          <Button\n            variant=\"outlined\"\n            size=\"sm\"\n            onClick={() => onPageChange(page - 1)}\n            disabled={page <= 1}\n          >\n            {t.pagination.previous}\n          </Button>\n\n          <span className=\"flex items-center gap-1.5 text-body-sm text-[var(--color-on-surface-var)] shrink-0\">\n            <span>{t.pagination.jump}</span>\n            <input\n              type=\"text\"\n              inputMode=\"numeric\"\n              value={jumpValue}\n              onChange={(e) => setJumpValue(e.target.value)}\n              onBlur={commitJump}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") {\n                  e.preventDefault();\n                  commitJump();\n                }\n              }}\n              aria-label={`${t.pagination.jump} ${page} ${t.pagination.of} ${totalPages}`}\n              className={cn(\n                \"w-10 h-7 rounded-[var(--radius-sm)] border border-[var(--color-outline)]\",\n                \"bg-[var(--color-surf-container)] text-center text-body-sm text-[var(--color-on-surface)]\",\n                \"outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\",\n                \"focus-visible:border-[var(--color-action-primary)]\"\n              )}\n            />\n            <span>\n              {t.pagination.of} {totalPages}\n            </span>\n          </span>\n\n          <Button\n            variant=\"outlined\"\n            size=\"sm\"\n            onClick={() => onPageChange(page + 1)}\n            disabled={page >= totalPages}\n          >\n            {t.pagination.next}\n          </Button>\n        </div>\n\n        <div className=\"shrink-0\">\n          {onPageSizeChange ? (\n            <Select\n              options={pageSizeSelectOptions}\n              value={String(pageSize)}\n              onValueChange={(v) => onPageSizeChange(Number(v))}\n              className=\"w-[120px]\"\n            />\n          ) : (\n            <span />\n          )}\n        </div>\n      </div>\n    );\n  }\n);\nPaginationBar.displayName = \"PaginationBar\";\n\nexport { PaginationBar };\n"]}