@vegait/lyra-ds-v2 0.1.0

package/dist/chunk-NZOAZF3W.cjs

@@ -0,0 +1,67 @@
+"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 _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/toggle.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactswitch = require('@radix-ui/react-switch'); var SwitchPrimitive = _interopRequireWildcard(_reactswitch);
+var _jsxruntime = require('react/jsx-runtime');
+var SIZE = {
+  sm: { track: "h-4 w-7", thumb: "size-3 data-[state=checked]:translate-x-[14px]" },
+  md: { track: "h-5 w-9", thumb: "size-4 data-[state=checked]:translate-x-[18px]" }
+};
+var Toggle = React.forwardRef(
+  ({
+    checked,
+    onCheckedChange,
+    label,
+    description,
+    disabled = false,
+    size = "md",
+    className
+  }, ref) => {
+    const id = React.useId();
+    const { track, thumb } = SIZE[size];
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk5SCF3EGTcjs.cn.call(void 0, "flex items-center gap-3", disabled && "opacity-50 cursor-not-allowed", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        SwitchPrimitive.Root,
+        {
+          ref,
+          id,
+          checked,
+          onCheckedChange,
+          disabled,
+          className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+            "relative inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2",
+            "data-[state=checked]:bg-[var(--color-primary)]",
+            "data-[state=unchecked]:bg-[var(--color-outline-variant)]",
+            "disabled:cursor-not-allowed",
+            track
+          ),
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            SwitchPrimitive.Thumb,
+            {
+              className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+                "pointer-events-none block rounded-full shadow-sm transition-transform translate-x-0.5",
+                "bg-[var(--color-surface)]",
+                thumb
+              )
+            }
+          )
+        }
+      ),
+      (label || description) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: id, className: "text-body-md cursor-pointer", style: { color: "var(--color-on-surface)" }, children: label }),
+        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-body-sm", style: { color: "var(--color-on-surface-var)" }, children: description })
+      ] })
+    ] });
+  }
+);
+Toggle.displayName = "Toggle";
+
+
+
+exports.Toggle = Toggle;
+//# sourceMappingURL=chunk-NZOAZF3W.cjs.map

package/dist/chunk-NZOAZF3W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-NZOAZF3W.cjs","../src/components/toggle.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,2EAAuB;AACvB,kHAAiC;AAsDzB,+CAAA;AAnDR,IAAM,KAAA,EAAO;AAAA,EACX,EAAA,EAAI,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,iDAAiD,CAAA;AAAA,EAChF,EAAA,EAAI,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,iDAAiD;AAClF,CAAA;AAYA,IAAM,OAAA,EAAe,KAAA,CAAA,UAAA;AAAA,EAInB,CACE;AAAA,IACE,OAAA;AAAA,IACA,eAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,EAAW,KAAA;AAAA,IACX,KAAA,EAAO,IAAA;AAAA,IACP;AAAA,EACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,GAAA,EAAW,KAAA,CAAA,KAAA,CAAM,CAAA;AACvB,IAAA,MAAM,EAAE,KAAA,EAAO,MAAM,EAAA,EAAI,IAAA,CAAK,IAAI,CAAA;AAElC,IAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAA,GAAY,+BAAA,EAAiC,SAAS,CAAA,EAClG,QAAA,EAAA;AAAA,sBAAA,6BAAA;AAAA,QAAiB,eAAA,CAAA,IAAA;AAAA,QAAhB;AAAA,UACC,GAAA;AAAA,UACA,EAAA;AAAA,UACA,OAAA;AAAA,UACA,eAAA;AAAA,UACA,QAAA;AAAA,UACF,SAAA,EAAW,kCAAA;AAAA,YACT,0FAAA;AAAA,YACA,uHAAA;AAAA,YACA,gDAAA;AAAA,YACA,0DAAA;AAAA,YACA,6BAAA;AAAA,YACA;AAAA,UACF,CAAA;AAAA,UAEA,QAAA,kBAAA,6BAAA;AAAA,YAAiB,eAAA,CAAA,KAAA;AAAA,YAAhB;AAAA,cACC,SAAA,EAAW,kCAAA;AAAA,gBACT,uFAAA;AAAA,gBACA,2BAAA;AAAA,gBACA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACA,CAAA;AAAA,MAAA,CAEE,MAAA,GAAS,WAAA,EAAA,mBACT,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,eAAA,EACZ,QAAA,EAAA;AAAA,QAAA,MAAA,mBACC,6BAAA,OAAC,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAU,6BAAA,EAA8B,KAAA,EAAO,EAAE,KAAA,EAAO,0BAA0B,CAAA,EACnG,QAAA,EAAA,MAAA,CACH,CAAA;AAAA,QAED,YAAA,mBACC,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,KAAA,EAAO,8BAA8B,CAAA,EAC1E,QAAA,EAAA,YAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,MAAA,CAAO,YAAA,EAAc,QAAA;ADtBrB;AACA;AACE;AACF,wBAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-NZOAZF3W.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { cn } from \"../lib/utils\";\n\nconst SIZE = {\n  sm: { track: \"h-4 w-7\", thumb: \"size-3 data-[state=checked]:translate-x-[14px]\" },\n  md: { track: \"h-5 w-9\", thumb: \"size-4 data-[state=checked]:translate-x-[18px]\" },\n};\n\nexport interface ToggleProps {\n  checked: boolean;\n  onCheckedChange: (checked: boolean) => void;\n  label?: string;\n  description?: string;\n  disabled?: boolean;\n  size?: \"sm\" | \"md\";\n  className?: string;\n}\n\nconst Toggle = React.forwardRef<\n  React.ComponentRef<typeof SwitchPrimitive.Root>,\n  ToggleProps\n>(\n  (\n    {\n      checked,\n      onCheckedChange,\n      label,\n      description,\n      disabled = false,\n      size = \"md\",\n      className,\n    },\n    ref\n  ) => {\n    const id = React.useId();\n    const { track, thumb } = SIZE[size];\n\n    return (\n      <div className={cn(\"flex items-center gap-3\", disabled && \"opacity-50 cursor-not-allowed\", className)}>\n        <SwitchPrimitive.Root\n          ref={ref}\n          id={id}\n          checked={checked}\n          onCheckedChange={onCheckedChange}\n          disabled={disabled}\n        className={cn(\n          \"relative inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2\",\n          \"data-[state=checked]:bg-[var(--color-primary)]\",\n          \"data-[state=unchecked]:bg-[var(--color-outline-variant)]\",\n          \"disabled:cursor-not-allowed\",\n          track\n        )}\n      >\n        <SwitchPrimitive.Thumb\n          className={cn(\n            \"pointer-events-none block rounded-full shadow-sm transition-transform translate-x-0.5\",\n            \"bg-[var(--color-surface)]\",\n            thumb\n          )}\n        />\n        </SwitchPrimitive.Root>\n\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <label htmlFor={id} className=\"text-body-md cursor-pointer\" style={{ color: \"var(--color-on-surface)\" }}>\n                {label}\n              </label>\n            )}\n            {description && (\n              <span className=\"text-body-sm\" style={{ color: \"var(--color-on-surface-var)\" }}>\n                {description}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\nToggle.displayName = \"Toggle\";\n\nexport { Toggle };\n"]}

package/dist/chunk-OS2O66IV.cjs

@@ -0,0 +1,40 @@
+"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 _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/skeleton.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+function toPx(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+var Skeleton = React.forwardRef(
+  ({ width = "100%", height = "16px", borderRadius = "4px", className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      className: _chunk5SCF3EGTcjs.cn.call(void 0, "lyra-skeleton bg-[var(--color-surf-container-high)]", className),
+      style: { width: toPx(width), height: toPx(height), borderRadius },
+      "aria-hidden": "true"
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+var SkeletonText = React.forwardRef(({ width, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { ref, width, height: "14px", borderRadius: "4px", className }));
+SkeletonText.displayName = "SkeletonText";
+var SkeletonAvatar = React.forwardRef(({ className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { ref, width: "32px", height: "32px", borderRadius: "50%", className }));
+SkeletonAvatar.displayName = "SkeletonAvatar";
+var SkeletonCard = React.forwardRef(({ width, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { ref, width, height: "120px", borderRadius: "8px", className }));
+SkeletonCard.displayName = "SkeletonCard";
+var SkeletonButton = React.forwardRef(({ className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Skeleton, { ref, width: "120px", height: "36px", borderRadius: "6px", className }));
+SkeletonButton.displayName = "SkeletonButton";
+
+
+
+
+
+
+
+exports.Skeleton = Skeleton; exports.SkeletonText = SkeletonText; exports.SkeletonAvatar = SkeletonAvatar; exports.SkeletonCard = SkeletonCard; exports.SkeletonButton = SkeletonButton;
+//# sourceMappingURL=chunk-OS2O66IV.cjs.map

package/dist/chunk-OS2O66IV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-OS2O66IV.cjs","../src/components/skeleton.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AAgBnB,+CAAA;AANJ,SAAS,IAAA,CAAK,KAAA,EAAgC;AAC5C,EAAA,OAAO,OAAO,MAAA,IAAU,SAAA,EAAW,CAAA,EAAA;AACrC;AAEuB;AACe,EAAA;AACjC,IAAA;AAAA,IAAA;AACC,MAAA;AACc,MAAA;AACe,MAAA;AACjB,MAAA;AAAA,IAAA;AACd,EAAA;AAEJ;AACuB;AAKpB;AAGwB;AAKzB;AAG2B;AAK1B;AAGwB;AAKzB;AAG2B;ADzBS;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-OS2O66IV.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport interface SkeletonProps {\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string;\n  className?: string;\n}\n\nfunction toPx(value: string | number): string {\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ width = \"100%\", height = \"16px\", borderRadius = \"4px\", className }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"lyra-skeleton bg-[var(--color-surf-container-high)]\", className)}\n      style={{ width: toPx(width), height: toPx(height), borderRadius }}\n      aria-hidden=\"true\"\n    />\n  )\n);\nSkeleton.displayName = \"Skeleton\";\n\nconst SkeletonText = React.forwardRef<\n  HTMLDivElement,\n  Pick<SkeletonProps, \"width\" | \"className\">\n>(({ width, className }, ref) => (\n  <Skeleton ref={ref} width={width} height=\"14px\" borderRadius=\"4px\" className={className} />\n));\nSkeletonText.displayName = \"SkeletonText\";\n\nconst SkeletonAvatar = React.forwardRef<\n  HTMLDivElement,\n  Pick<SkeletonProps, \"className\">\n>(({ className }, ref) => (\n  <Skeleton ref={ref} width=\"32px\" height=\"32px\" borderRadius=\"50%\" className={className} />\n));\nSkeletonAvatar.displayName = \"SkeletonAvatar\";\n\nconst SkeletonCard = React.forwardRef<\n  HTMLDivElement,\n  Pick<SkeletonProps, \"width\" | \"className\">\n>(({ width, className }, ref) => (\n  <Skeleton ref={ref} width={width} height=\"120px\" borderRadius=\"8px\" className={className} />\n));\nSkeletonCard.displayName = \"SkeletonCard\";\n\nconst SkeletonButton = React.forwardRef<\n  HTMLDivElement,\n  Pick<SkeletonProps, \"className\">\n>(({ className }, ref) => (\n  <Skeleton ref={ref} width=\"120px\" height=\"36px\" borderRadius=\"6px\" className={className} />\n));\nSkeletonButton.displayName = \"SkeletonButton\";\n\nexport { Skeleton, SkeletonText, SkeletonAvatar, SkeletonCard, SkeletonButton };\n"]}

package/dist/chunk-P5BKGZY2.cjs

@@ -0,0 +1,55 @@
+"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 _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/status-tag.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_LABELS = {
+  active: "Ativo",
+  invited: "Convidado",
+  pending: "Pendente",
+  suspended: "Suspenso",
+  inactive: "Inativo"
+};
+var statusTagVariants = _classvarianceauthority.cva.call(void 0, 
+  "inline-flex items-center font-semibold rounded-[var(--radius-sm)]",
+  {
+    variants: {
+      status: {
+        active: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)]",
+        invited: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)]",
+        pending: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]",
+        suspended: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)]",
+        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]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var StatusTag = React.forwardRef(
+  ({ className, status, label, tooltip, size = "md", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      ref,
+      className: _chunk5SCF3EGTcjs.cn.call(void 0, statusTagVariants({ status, size }), className),
+      title: tooltip,
+      ...props,
+      children: _nullishCoalesce(label, () => ( DEFAULT_LABELS[status]))
+    }
+  )
+);
+StatusTag.displayName = "StatusTag";
+
+
+
+exports.StatusTag = StatusTag;
+//# sourceMappingURL=chunk-P5BKGZY2.cjs.map

package/dist/chunk-P5BKGZY2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-P5BKGZY2.cjs","../src/components/status-tag.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AACvB,kEAAoB;AAgDhB,+CAAA;AA7CJ,IAAM,eAAA,EAAyC;AAAA,EAC7C,MAAA,EAAQ,OAAA;AAAA,EACR,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,UAAA;AAAA,EACT,SAAA,EAAW,UAAA;AAAA,EACX,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,kBAAA,EAAoB,yCAAA;AAAA,EACxB,mEAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,MAAA,EACE,8EAAA;AAAA,QACF,OAAA,EACE,wEAAA;AAAA,QACF,OAAA,EACE,8EAAA;AAAA,QACF,SAAA,EACE,0EAAA;AAAA,QACF,QAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI;AAAA,MACN;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAA;AAUA,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,IAAA,EAAM,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC7D,6BAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kCAAA,iBAAG,CAAkB,EAAE,MAAA,EAAQ,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAC5D,KAAA,EAAO,OAAA;AAAA,MACN,GAAG,KAAA;AAAA,MAEH,QAAA,mBAAA,KAAA,UAAS,cAAA,CAAe,MAAM;AAAA,IAAA;AAAA,EACjC;AAEJ,CAAA;AACA,SAAA,CAAU,YAAA,EAAc,WAAA;ADTxB;AACA;AACE;AACF,8BAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-P5BKGZY2.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst DEFAULT_LABELS: Record<string, string> = {\n  active: \"Ativo\",\n  invited: \"Convidado\",\n  pending: \"Pendente\",\n  suspended: \"Suspenso\",\n  inactive: \"Inativo\",\n};\n\nconst statusTagVariants = cva(\n  \"inline-flex items-center font-semibold rounded-[var(--radius-sm)]\",\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-[6px] text-[11px]\",\n        md: \"h-[22px] px-[8px] text-[12px]\",\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    <span\n      ref={ref}\n      className={cn(statusTagVariants({ status, size }), className)}\n      title={tooltip}\n      {...props}\n    >\n      {label ?? DEFAULT_LABELS[status]}\n    </span>\n  )\n);\nStatusTag.displayName = \"StatusTag\";\n\nexport { StatusTag };\n"]}

package/dist/chunk-POMJPII4.cjs

@@ -0,0 +1,70 @@
+"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 _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/badge.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var badgeVariants = _classvarianceauthority.cva.call(void 0, 
+  [
+    "inline-flex items-center gap-1.5 border px-[10px] py-[3px] text-label",
+    "rounded-[var(--radius-sm)]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "bg-[var(--color-surf-container-high)] text-[var(--color-on-surface)]",
+          "border-[var(--color-outline)]"
+        ],
+        success: [
+          "bg-[var(--color-success-container)] text-[var(--color-on-success-container)]",
+          "border-[var(--color-success)]"
+        ],
+        info: [
+          "bg-[var(--color-info-container)] text-[var(--color-on-info-container)]",
+          "border-[var(--color-info)]"
+        ],
+        warning: [
+          "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]",
+          "border-[var(--color-warning)]"
+        ],
+        error: [
+          "bg-[var(--color-error-container)] text-[var(--color-on-error-container)]",
+          "border-[var(--color-error)]"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var dotColors = {
+  default: "bg-[var(--color-on-surface)]",
+  success: "bg-[var(--color-success)]",
+  info: "bg-[var(--color-info)]",
+  warning: "bg-[var(--color-warning)]",
+  error: "bg-[var(--color-error)]"
+};
+var Badge = React.forwardRef(
+  ({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { ref, className: _chunk5SCF3EGTcjs.cn.call(void 0, badgeVariants({ variant }), className), ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        className: _chunk5SCF3EGTcjs.cn.call(void 0, "size-1.5 rounded-full shrink-0", dotColors[_nullishCoalesce(variant, () => ( "default"))]),
+        "aria-hidden": "true"
+      }
+    ),
+    children
+  ] })
+);
+Badge.displayName = "Badge";
+
+
+
+
+exports.badgeVariants = badgeVariants; exports.Badge = Badge;
+//# sourceMappingURL=chunk-POMJPII4.cjs.map

package/dist/chunk-POMJPII4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-POMJPII4.cjs","../src/components/badge.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,2EAAuB;AACvB,kEAAuC;AAqDnC,+CAAA;AAlDJ,IAAM,cAAA,EAAgB,yCAAA;AAAA,EACpB;AAAA,IACE,uEAAA;AAAA,IACA;AAAA,EACF,CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,sEAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,OAAA,EAAS;AAAA,UACP,8EAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,wEAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,OAAA,EAAS;AAAA,UACP,8EAAA;AAAA,UACA;AAAA,QACF,CAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACL,0EAAA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA,IACX;AAAA,EACF;AACF,CAAA;AAEA,IAAM,UAAA,EAAoC;AAAA,EACxC,OAAA,EAAS,8BAAA;AAAA,EACT,OAAA,EAAS,2BAAA;AAAA,EACT,IAAA,EAAM,wBAAA;AAAA,EACN,OAAA,EAAS,2BAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAMA,IAAM,MAAA,EAAc,KAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBACvD,8BAAA,MAAC,EAAA,EAAK,GAAA,EAAU,SAAA,EAAW,kCAAA,aAAG,CAAc,EAAE,QAAQ,CAAC,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACxE,QAAA,EAAA;AAAA,oBAAA,6BAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,kCAAA,gCAAG,EAAkC,SAAA,kBAAU,OAAA,UAAW,WAAS,CAAC,CAAA;AAAA,QAC/E,aAAA,EAAY;AAAA,MAAA;AAAA,IACd,CAAA;AAAA,IACC;AAAA,EAAA,EAAA,CACH;AAEJ,CAAA;AACA,KAAA,CAAM,YAAA,EAAc,OAAA;ADCpB;AACA;AACE;AACA;AACF,6DAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-POMJPII4.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst badgeVariants = cva(\n  [\n    \"inline-flex items-center gap-1.5 border px-[10px] py-[3px] text-label\",\n    \"rounded-[var(--radius-sm)]\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          \"bg-[var(--color-surf-container-high)] text-[var(--color-on-surface)]\",\n          \"border-[var(--color-outline)]\",\n        ],\n        success: [\n          \"bg-[var(--color-success-container)] text-[var(--color-on-success-container)]\",\n          \"border-[var(--color-success)]\",\n        ],\n        info: [\n          \"bg-[var(--color-info-container)] text-[var(--color-on-info-container)]\",\n          \"border-[var(--color-info)]\",\n        ],\n        warning: [\n          \"bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]\",\n          \"border-[var(--color-warning)]\",\n        ],\n        error: [\n          \"bg-[var(--color-error-container)] text-[var(--color-on-error-container)]\",\n          \"border-[var(--color-error)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nconst dotColors: Record<string, string> = {\n  default: \"bg-[var(--color-on-surface)]\",\n  success: \"bg-[var(--color-success)]\",\n  info: \"bg-[var(--color-info)]\",\n  warning: \"bg-[var(--color-warning)]\",\n  error: \"bg-[var(--color-error)]\",\n};\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant = \"default\", children, ...props }, ref) => (\n    <span ref={ref} className={cn(badgeVariants({ variant }), className)} {...props}>\n      <span\n        className={cn(\"size-1.5 rounded-full shrink-0\", dotColors[variant ?? \"default\"])}\n        aria-hidden=\"true\"\n      />\n      {children}\n    </span>\n  )\n);\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"]}

package/dist/chunk-QSRVMLAL.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkLUQS7LYGcjs = require('./chunk-LUQS7LYG.cjs');
+
+// src/components/pagination-bar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PaginationBar({ page, pageSize, total, onPageChange }) {
+  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);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--color-outline-variant)]", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLUQS7LYGcjs.Button,
+      {
+        variant: "outlined",
+        size: "sm",
+        onClick: () => onPageChange(page - 1),
+        disabled: page <= 1,
+        children: "\u2190 Anterior"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[13px] text-[var(--color-on-surface-var)]", children: total === 0 ? "Nenhum resultado" : `Mostrando ${start}\u2013${end} de ${total}` }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLUQS7LYGcjs.Button,
+      {
+        variant: "outlined",
+        size: "sm",
+        onClick: () => onPageChange(page + 1),
+        disabled: page >= totalPages,
+        children: "Pr\xF3ximo \u2192"
+      }
+    )
+  ] });
+}
+
+
+
+exports.PaginationBar = PaginationBar;
+//# sourceMappingURL=chunk-QSRVMLAL.cjs.map

package/dist/chunk-QSRVMLAL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-QSRVMLAL.cjs","../src/components/pagination-bar.tsx"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACWI,+CAAA;AANJ,SAAS,aAAA,CAAc,EAAE,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,aAAa,CAAA,EAAuB;AAClF,EAAA,MAAM,WAAA,EAAa,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAA,CAAK,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAC1D,EAAA,MAAM,MAAA,EAAQ,MAAA,IAAU,EAAA,EAAI,EAAA,EAAI,IAAA,CAAK,GAAA,CAAA,CAAK,KAAA,EAAO,CAAA,EAAA,EAAK,SAAA,EAAW,CAAA,EAAG,KAAK,CAAA;AACzE,EAAA,MAAM,IAAA,EAAM,IAAA,CAAK,GAAA,CAAI,KAAA,EAAO,QAAA,EAAU,KAAK,CAAA;AAE3C,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,4FAAA,EACb,QAAA,EAAA;AAAA,oBAAA,6BAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,UAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,CAAA,EAAA,GAAM,YAAA,CAAa,KAAA,EAAO,CAAC,CAAA;AAAA,QACpC,QAAA,EAAU,KAAA,GAAQ,CAAA;AAAA,QACnB,QAAA,EAAA;AAAA,MAAA;AAAA,IAED,CAAA;AAAA,oBACA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,gDAAA,EACb,QAAA,EAAA,MAAA,IAAU,EAAA,EACP,mBAAA,EACA,CAAA,UAAA,EAAa,KAAK,CAAA,MAAA,EAAI,GAAG,CAAA,IAAA,EAAO,KAAK,CAAA,EAAA;AAE3C,oBAAA;AAAC,MAAA;AAAA,MAAA;AACS,QAAA;AACH,QAAA;AAC+B,QAAA;AAClB,QAAA;AACnB,QAAA;AAAA,MAAA;AAED,IAAA;AACF,EAAA;AAEJ;ADLuL;AACA;AACA;AACA","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-QSRVMLAL.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport { Button } from \"./button\";\n\nexport interface PaginationBarProps {\n  page: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n}\n\nfunction PaginationBar({ page, pageSize, total, onPageChange }: PaginationBarProps) {\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  return (\n    <div className=\"flex items-center justify-between px-4 py-3 border-t border-[var(--color-outline-variant)]\">\n      <Button\n        variant=\"outlined\"\n        size=\"sm\"\n        onClick={() => onPageChange(page - 1)}\n        disabled={page <= 1}\n      >\n        ← Anterior\n      </Button>\n      <span className=\"text-[13px] text-[var(--color-on-surface-var)]\">\n        {total === 0\n          ? \"Nenhum resultado\"\n          : `Mostrando ${start}–${end} de ${total}`}\n      </span>\n      <Button\n        variant=\"outlined\"\n        size=\"sm\"\n        onClick={() => onPageChange(page + 1)}\n        disabled={page >= totalPages}\n      >\n        Próximo →\n      </Button>\n    </div>\n  );\n}\n\nexport { PaginationBar };\n"]}

package/dist/chunk-R5SUYP2F.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/lib/safe-href.ts
+var UNSAFE_PROTOCOL = /^\s*(javascript|data|vbscript|file):/i;
+function safeHref(href) {
+  if (!href) return "#";
+  if (UNSAFE_PROTOCOL.test(href)) return "#";
+  return href;
+}
+
+
+
+exports.safeHref = safeHref;
+//# sourceMappingURL=chunk-R5SUYP2F.cjs.map

package/dist/chunk-R5SUYP2F.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-R5SUYP2F.cjs","../src/lib/safe-href.ts"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACFA,IAAM,gBAAA,EAAkB,uCAAA;AAOjB,SAAS,QAAA,CAAS,IAAA,EAAyC;AAChE,EAAA,GAAA,CAAI,CAAC,IAAA,EAAM,OAAO,GAAA;AAClB,EAAA,GAAA,CAAI,eAAA,CAAgB,IAAA,CAAK,IAAI,CAAA,EAAG,OAAO,GAAA;AACvC,EAAA,OAAO,IAAA;AACT;ADFA;AACA;AACE;AACF,4BAAC","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-R5SUYP2F.cjs","sourcesContent":[null,"const UNSAFE_PROTOCOL = /^\\s*(javascript|data|vbscript|file):/i;\n\n/**\n * Sanitiza URLs vindas via props para mitigar XSS por protocolo\n * (`javascript:`, `data:`, `vbscript:`, `file:`).\n * Retorna `\"#\"` quando a URL é considerada perigosa ou ausente.\n */\nexport function safeHref(href: string | undefined | null): string {\n  if (!href) return \"#\";\n  if (UNSAFE_PROTOCOL.test(href)) return \"#\";\n  return href;\n}\n"]}

package/dist/chunk-RBPMBCU3.js

@@ -0,0 +1,157 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/date-picker.tsx
+import * as React from "react";
+import * as Popover from "@radix-ui/react-popover";
+import { DayPicker } from "react-day-picker";
+import { ptBR } from "react-day-picker/locale";
+import { CalendarIcon, ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatDate(date) {
+  return new Intl.DateTimeFormat("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  }).format(date);
+}
+var DatePicker = React.forwardRef(
+  ({
+    value,
+    onChange,
+    placeholder = "Selecione uma data",
+    label,
+    helperText,
+    error = false,
+    disabled = false,
+    id: idProp,
+    className
+  }, ref) => {
+    const [open, setOpen] = React.useState(false);
+    const generatedId = React.useId();
+    const id = idProp ?? generatedId;
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: id,
+          className: cn(
+            "text-body-sm font-semibold text-[var(--color-on-surface)]",
+            disabled && "opacity-50"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: disabled ? void 0 : setOpen, children: [
+        /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref,
+            id,
+            type: "button",
+            disabled,
+            "aria-label": value ? `Data selecionada: ${formatDate(value)}` : placeholder,
+            className: cn(
+              "h-8 w-full rounded-[var(--radius-md)] border bg-[var(--color-surf-container)]",
+              "px-3 text-body-md text-left flex items-center justify-between gap-2",
+              "transition-colors duration-[var(--duration-fast)] outline-none",
+              error ? "border-[var(--color-error)] focus-visible:ring-2 focus-visible:ring-[var(--color-error)] focus-visible:ring-offset-0" : [
+                "border-[var(--color-outline)]",
+                "focus-visible:border-[var(--color-action-primary)] focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
+              ],
+              value ? "text-[var(--color-on-surface)]" : "text-[var(--color-on-surface-var)]",
+              "disabled:opacity-50 disabled:cursor-not-allowed"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: value ? formatDate(value) : placeholder }),
+              /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4 shrink-0 text-[var(--color-on-surface-var)]", "aria-hidden": "true" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+          Popover.Content,
+          {
+            align: "start",
+            sideOffset: 6,
+            className: cn(
+              "z-50 rounded-[var(--radius-lg)] border border-[var(--color-outline-variant)]",
+              "bg-[var(--color-surf-container)] shadow-lg",
+              "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=top]:slide-in-from-bottom-2"
+            ),
+            children: /* @__PURE__ */ jsx(
+              DayPicker,
+              {
+                mode: "single",
+                selected: value,
+                onSelect: (date) => {
+                  onChange?.(date);
+                  if (date) setOpen(false);
+                },
+                locale: ptBR,
+                showOutsideDays: true,
+                className: "p-3 select-none",
+                classNames: {
+                  months: "flex flex-col",
+                  month: "space-y-3 relative",
+                  month_caption: "flex h-9 items-center justify-center",
+                  caption_label: "text-body-md font-semibold text-[var(--color-on-surface)] capitalize",
+                  nav: "absolute inset-x-0 top-0 flex w-full items-center justify-between",
+                  button_previous: cn(
+                    "size-9 flex items-center justify-center rounded-[var(--radius-md)]",
+                    "text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]",
+                    "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
+                  ),
+                  button_next: cn(
+                    "size-9 flex items-center justify-center rounded-[var(--radius-md)]",
+                    "text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]",
+                    "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
+                  ),
+                  month_grid: "w-full border-collapse",
+                  weekdays: "flex",
+                  weekday: "w-9 text-center text-body-sm font-normal text-[var(--color-on-surface-var)] pb-1",
+                  week: "flex w-full mt-1",
+                  day: "size-9 p-0",
+                  day_button: cn(
+                    "size-full rounded-[var(--radius-md)] text-body-sm font-medium",
+                    "text-[var(--color-on-surface)]",
+                    "hover:bg-[var(--state-hover-on-surface)] transition-colors",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]"
+                  ),
+                  selected: "!bg-[var(--color-primary)] !text-white hover:!bg-[var(--color-action-primary-hover)]",
+                  today: "bg-[var(--color-primary-container)] text-[var(--color-on-primary-container)] font-semibold",
+                  outside: "text-[var(--color-on-surface-var)] opacity-50",
+                  disabled: "opacity-30 cursor-not-allowed pointer-events-none"
+                },
+                components: {
+                  Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+                }
+              }
+            )
+          }
+        ) })
+      ] }),
+      helperText && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "text-body-sm",
+            error ? "text-[var(--color-error)]" : "text-[var(--color-on-surface-var)]"
+          ),
+          children: helperText
+        }
+      )
+    ] });
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+export {
+  DatePicker
+};
+//# sourceMappingURL=chunk-RBPMBCU3.js.map

package/dist/chunk-RBPMBCU3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { DayPicker } from \"react-day-picker\";\nimport { ptBR } from \"react-day-picker/locale\";\nimport { CalendarIcon, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\nfunction formatDate(date: Date): string {\n  return new Intl.DateTimeFormat(\"pt-BR\", {\n    day: \"2-digit\",\n    month: \"2-digit\",\n    year: \"numeric\",\n  }).format(date);\n}\n\nexport interface DatePickerProps {\n  value?: Date;\n  onChange?: (date: Date | undefined) => void;\n  placeholder?: string;\n  label?: string;\n  helperText?: string;\n  error?: boolean;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n}\n\nconst DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder = \"Selecione uma data\",\n      label,\n      helperText,\n      error = false,\n      disabled = false,\n      id: idProp,\n      className,\n    },\n    ref\n  ) => {\n    const [open, setOpen] = React.useState(false);\n    const generatedId = React.useId();\n    const id = idProp ?? generatedId;\n\n  return (\n    <div className={cn(\"flex flex-col gap-1\", className)}>\n      {label && (\n        <label\n          htmlFor={id}\n          className={cn(\n            \"text-body-sm font-semibold text-[var(--color-on-surface)]\",\n            disabled && \"opacity-50\"\n          )}\n        >\n          {label}\n        </label>\n      )}\n\n      <Popover.Root open={open} onOpenChange={disabled ? undefined : setOpen}>\n        <Popover.Trigger asChild>\n          <button\n            ref={ref}\n            id={id}\n            type=\"button\"\n            disabled={disabled}\n            aria-label={value ? `Data selecionada: ${formatDate(value)}` : placeholder}\n            className={cn(\n              \"h-8 w-full rounded-[var(--radius-md)] border bg-[var(--color-surf-container)]\",\n              \"px-3 text-body-md text-left flex items-center justify-between gap-2\",\n              \"transition-colors duration-[var(--duration-fast)] outline-none\",\n              error\n                ? \"border-[var(--color-error)] focus-visible:ring-2 focus-visible:ring-[var(--color-error)] focus-visible:ring-offset-0\"\n                : [\n                    \"border-[var(--color-outline)]\",\n                    \"focus-visible:border-[var(--color-action-primary)] focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\",\n                  ],\n              value\n                ? \"text-[var(--color-on-surface)]\"\n                : \"text-[var(--color-on-surface-var)]\",\n              \"disabled:opacity-50 disabled:cursor-not-allowed\"\n            )}\n          >\n            <span>{value ? formatDate(value) : placeholder}</span>\n            <CalendarIcon className=\"size-4 shrink-0 text-[var(--color-on-surface-var)]\" aria-hidden=\"true\" />\n          </button>\n        </Popover.Trigger>\n\n        <Popover.Portal>\n          <Popover.Content\n            align=\"start\"\n            sideOffset={6}\n            className={cn(\n              \"z-50 rounded-[var(--radius-lg)] border border-[var(--color-outline-variant)]\",\n              \"bg-[var(--color-surf-container)] shadow-lg\",\n              \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n              \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n              \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n              \"data-[side=bottom]:slide-in-from-top-2\",\n              \"data-[side=top]:slide-in-from-bottom-2\"\n            )}\n          >\n            <DayPicker\n              mode=\"single\"\n              selected={value}\n              onSelect={(date) => {\n                onChange?.(date);\n                if (date) setOpen(false);\n              }}\n              locale={ptBR}\n              showOutsideDays\n              className=\"p-3 select-none\"\n              classNames={{\n                months: \"flex flex-col\",\n                month: \"space-y-3 relative\",\n                month_caption: \"flex h-9 items-center justify-center\",\n                caption_label: \"text-body-md font-semibold text-[var(--color-on-surface)] capitalize\",\n                nav: \"absolute inset-x-0 top-0 flex w-full items-center justify-between\",\n                button_previous: cn(\n                  \"size-9 flex items-center justify-center rounded-[var(--radius-md)]\",\n                  \"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]\",\n                  \"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\"\n                ),\n                button_next: cn(\n                  \"size-9 flex items-center justify-center rounded-[var(--radius-md)]\",\n                  \"text-[var(--color-on-surface-var)] hover:bg-[var(--state-hover-on-surface)]\",\n                  \"transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\"\n                ),\n                month_grid: \"w-full border-collapse\",\n                weekdays: \"flex\",\n                weekday: \"w-9 text-center text-body-sm font-normal text-[var(--color-on-surface-var)] pb-1\",\n                week: \"flex w-full mt-1\",\n                day: \"size-9 p-0\",\n                day_button: cn(\n                  \"size-full rounded-[var(--radius-md)] text-body-sm font-medium\",\n                  \"text-[var(--color-on-surface)]\",\n                  \"hover:bg-[var(--state-hover-on-surface)] transition-colors\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--state-focus-ring)]\"\n                ),\n                selected: \"!bg-[var(--color-primary)] !text-white hover:!bg-[var(--color-action-primary-hover)]\",\n                today: \"bg-[var(--color-primary-container)] text-[var(--color-on-primary-container)] font-semibold\",\n                outside: \"text-[var(--color-on-surface-var)] opacity-50\",\n                disabled: \"opacity-30 cursor-not-allowed pointer-events-none\",\n              }}\n              components={{\n                Chevron: ({ orientation }) =>\n                  orientation === \"left\"\n                    ? <ChevronLeft className=\"size-4\" />\n                    : <ChevronRight className=\"size-4\" />,\n              }}\n            />\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n\n      {helperText && (\n        <span\n          className={cn(\n            \"text-body-sm\",\n            error ? \"text-[var(--color-error)]\" : \"text-[var(--color-on-surface-var)]\"\n          )}\n        >\n          {helperText}\n        </span>\n      )}\n    </div>\n  );\n  }\n);\n\nDatePicker.displayName = \"DatePicker\";\nexport { DatePicker };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,aAAa;AACzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,cAAc,aAAa,oBAAoB;AA6ChD,cAaE,YAbF;AA1CR,SAAS,WAAW,MAAoB;AACtC,SAAO,IAAI,KAAK,eAAe,SAAS;AAAA,IACtC,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC,EAAE,OAAO,IAAI;AAChB;AAcA,IAAM,aAAmB;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,IAAI;AAAA,IACJ;AAAA,EACF,GACA,QACG;AACH,UAAM,CAAC,MAAM,OAAO,IAAU,eAAS,KAAK;AAC5C,UAAM,cAAoB,YAAM;AAChC,UAAM,KAAK,UAAU;AAEvB,WACE,qBAAC,SAAI,WAAW,GAAG,uBAAuB,SAAS,GAChD;AAAA,eACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAW;AAAA,YACT;AAAA,YACA,YAAY;AAAA,UACd;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MAGF,qBAAS,cAAR,EAAa,MAAY,cAAc,WAAW,SAAY,SAC7D;AAAA,4BAAS,iBAAR,EAAgB,SAAO,MACtB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA,cAAY,QAAQ,qBAAqB,WAAW,KAAK,CAAC,KAAK;AAAA,YAC/D,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA,QACI,yHACA;AAAA,gBACE;AAAA,gBACA;AAAA,cACF;AAAA,cACJ,QACI,mCACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,UAAM,kBAAQ,WAAW,KAAK,IAAI,aAAY;AAAA,cAC/C,oBAAC,gBAAa,WAAU,sDAAqD,eAAY,QAAO;AAAA;AAAA;AAAA,QAClG,GACF;AAAA,QAEA,oBAAS,gBAAR,EACC;AAAA,UAAS;AAAA,UAAR;AAAA,YACC,OAAM;AAAA,YACN,YAAY;AAAA,YACZ,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,UAAU,CAAC,SAAS;AAClB,6BAAW,IAAI;AACf,sBAAI,KAAM,SAAQ,KAAK;AAAA,gBACzB;AAAA,gBACA,QAAQ;AAAA,gBACR,iBAAe;AAAA,gBACf,WAAU;AAAA,gBACV,YAAY;AAAA,kBACV,QAAQ;AAAA,kBACR,OAAO;AAAA,kBACP,eAAe;AAAA,kBACf,eAAe;AAAA,kBACf,KAAK;AAAA,kBACL,iBAAiB;AAAA,oBACf;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA,kBACA,aAAa;AAAA,oBACX;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA,kBACA,YAAY;AAAA,kBACZ,UAAU;AAAA,kBACV,SAAS;AAAA,kBACT,MAAM;AAAA,kBACN,KAAK;AAAA,kBACL,YAAY;AAAA,oBACV;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA,kBACA,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,SAAS;AAAA,kBACT,UAAU;AAAA,gBACZ;AAAA,gBACA,YAAY;AAAA,kBACV,SAAS,CAAC,EAAE,YAAY,MACtB,gBAAgB,SACZ,oBAAC,eAAY,WAAU,UAAS,IAChC,oBAAC,gBAAa,WAAU,UAAS;AAAA,gBACzC;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF;AAAA,SACF;AAAA,MAEC,cACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,QAAQ,8BAA8B;AAAA,UACxC;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,EAEF;AACF;AAEA,WAAW,cAAc;","names":[]}