@datatechsolutions/ui 3.12.1 → 3.13.1

package/dist/{chunk-ULKZGM2T.js → chunk-RWZ2PLMQ.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
 var chunk22XPYFHJ_js = require('./chunk-22XPYFHJ.js');
-var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
+var chunkEBARYRSA_js = require('./chunk-EBARYRSA.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var React9 = require('react');
@@ -371,7 +371,7 @@ var Input = React9.forwardRef(
     variant = "default",
     ...props
   }, ref) => {
-    const t = chunkYXN2K77G_js.useTranslations("auth");
+    const t = chunkY5VN4SPH_js.useTranslations("auth");
     const autoId = React9.useId();
     const inputId = props.id || autoId;
     const errorId = `${inputId}-error`;
@@ -435,7 +435,7 @@ var Input = React9.forwardRef(
           initial: { opacity: 0, scale: 0.8 },
           animate: { opacity: 1, scale: 1 },
           exit: { opacity: 0, scale: 0.8 },
-          transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
+          transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
           children: /* @__PURE__ */ jsxRuntime.jsx(solid.CheckCircleIcon, { className: "h-5 w-5 text-ios-green dark:text-ios-green-dark" })
         }
       ) }),
@@ -1217,7 +1217,7 @@ function ToggleSwitch({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.span,
         {
-          transition: chunkBHOT22QL_js.springPresets.bouncy,
+          transition: chunkEBARYRSA_js.springPresets.bouncy,
           className: `
           pointer-events-none inline-block rounded-full
           bg-white shadow-lg shadow-black/10
@@ -1667,7 +1667,7 @@ function getTestIdFromTitle(title) {
   return "entity-card";
 }
 function StatusBadgeInternal({ status }) {
-  const tCommon = chunkYXN2K77G_js.useTranslations("common");
+  const tCommon = chunkY5VN4SPH_js.useTranslations("common");
   if (typeof status !== "boolean") {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: status });
   }
@@ -3018,7 +3018,7 @@ function SearchBar({
   filterChipStyleConfig,
   filtersModal
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const [isFocused, setIsFocused] = React9.useState(false);
   const inputRef = React9.useRef(null);
   const hasFilters = activeFilters.length > 0 || searchTerm.length > 0;
@@ -3117,7 +3117,7 @@ function SearchBar({
         }
       ),
       filtersModal && /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkBHOT22QL_js.Button,
+        chunkEBARYRSA_js.Button,
         {
           type: "button",
           onClick: filtersModal.onOpen,
@@ -3183,7 +3183,7 @@ function SearchBar({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto p-4 sm:p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: filtersModal.children }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 border-t liquid-divider p-4", children: [
               filtersModal.onClear && filtersModalCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkEBARYRSA_js.Button,
                 {
                   type: "button",
                   onClick: filtersModal.onClear,
@@ -3193,7 +3193,7 @@ function SearchBar({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkEBARYRSA_js.Button,
                 {
                   type: "button",
                   onClick: filtersModal.onClose,
@@ -3286,7 +3286,7 @@ function StatCard({
   onClick,
   className = ""
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const colorConfig = colorClasses[color];
   const isClickable = !!onClick;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3463,7 +3463,7 @@ function PriceChangeBadge({
   showIcon = false,
   className = ""
 }) {
-  const locale = chunkYXN2K77G_js.useLocale();
+  const locale = chunkY5VN4SPH_js.useLocale();
   if (value === null) return null;
   const isPositive = value >= 0;
   const toneClasses = isPositive ? "border-emerald-500/30 bg-emerald-500/20 text-emerald-700 dark:text-emerald-300" : "border-red-500/30 bg-red-500/20 text-red-700 dark:text-red-300";
@@ -3491,8 +3491,8 @@ function Pagination({
   onPageChange,
   className = ""
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("approvals");
-  const tCommon = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("approvals");
+  const tCommon = chunkY5VN4SPH_js.useTranslations("common");
   const from = (currentPage - 1) * pageSize + 1;
   const to = Math.min(currentPage * pageSize, totalItems);
   const getPageNumbers2 = () => {
@@ -3731,7 +3731,7 @@ function Spinner({
   className,
   label
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const ariaLabel = label || t("loading");
   const SpinnerComponent = {
     circle: CircleSpinner,
@@ -3960,7 +3960,7 @@ function SegmentedControl({
               left: indicatorStyle.left,
               width: indicatorStyle.width
             },
-            transition: chunkBHOT22QL_js.springPresets.default
+            transition: chunkEBARYRSA_js.springPresets.default
           }
         ),
         normalizedSegments.map((segment) => {
@@ -4036,7 +4036,7 @@ function PageIndicator({
   size = "md",
   variant = "default"
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const { dot, gap } = sizeConfig2[size];
   const colors2 = variantConfig[variant];
   const handleClick = (index) => {
@@ -4095,7 +4095,7 @@ function ExpandingPageIndicator({
   variant = "default",
   activeWidth = 24
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const colors2 = variantConfig[variant];
   const handleClick = (index) => {
     if (onChange && index !== active) {
@@ -4982,7 +4982,7 @@ function TableCell({ className, children, ...props }) {
       ),
       children: [
         href && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBHOT22QL_js.Link,
+          chunkEBARYRSA_js.Link,
           {
             "data-row-link": true,
             href,
@@ -5039,7 +5039,7 @@ function SortableTableHeader({
           {
             initial: false,
             animate: { opacity: 1 },
-            transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.stiff),
+            transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.stiff),
             className: "flex-shrink-0",
             children: direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronUpIcon, { className: "h-4 w-4" }) : direction === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronDownIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronUpDownIcon, { className: "h-4 w-4 opacity-40" })
           }
@@ -5092,7 +5092,7 @@ function TableEmptyState({
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
-      transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.gentle),
+      transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.gentle),
       className: "flex flex-col items-center gap-3",
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-12 rounded-full bg-white/40 dark:bg-white/[0.04] flex items-center justify-center text-slate-400 dark:text-slate-500", children: icon }),
@@ -5122,7 +5122,7 @@ function AnimatedTableRow({
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, x: -20 },
       transition: {
-        ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.gentle),
+        ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.gentle),
         delay: index * 0.03
       },
       ...restProps,
@@ -5181,7 +5181,7 @@ function SelectableTableRow({
                 "aria-label": "Select row",
                 onClick: handleSelect,
                 whileTap: { scale: 0.9 },
-                transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.stiff),
+                transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.stiff),
                 className: clsx4__default.default(
                   "h-5 w-5 rounded-full border-2 flex items-center justify-center transition-colors",
                   selected ? "bg-[#007AFF] dark:bg-[#0A84FF] border-[#007AFF] dark:border-[#0A84FF]" : "border-slate-300 dark:border-slate-600"
@@ -5192,7 +5192,7 @@ function SelectableTableRow({
                     initial: { scale: 0 },
                     animate: { scale: 1 },
                     exit: { scale: 0 },
-                    transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
+                    transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
                     className: "h-3 w-3 text-white",
                     fill: "none",
                     viewBox: "0 0 24 24",
@@ -5236,7 +5236,7 @@ function EmptyState({
           {
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
-            transition: chunkBHOT22QL_js.springPresets.bouncy,
+            transition: chunkEBARYRSA_js.springPresets.bouncy,
             className: "mx-auto mb-4",
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
           }
@@ -5246,7 +5246,7 @@ function EmptyState({
           {
             initial: { y: 10, opacity: 0 },
             animate: { y: 0, opacity: 1 },
-            transition: { ...chunkBHOT22QL_js.springPresets.default, delay: 0.1 },
+            transition: { ...chunkEBARYRSA_js.springPresets.default, delay: 0.1 },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900 dark:text-white", children: message }),
               description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: description })
@@ -5258,9 +5258,9 @@ function EmptyState({
           {
             initial: { y: 10, opacity: 0 },
             animate: { y: 0, opacity: 1 },
-            transition: { ...chunkBHOT22QL_js.springPresets.default, delay: 0.2 },
+            transition: { ...chunkEBARYRSA_js.springPresets.default, delay: 0.2 },
             className: "mt-6",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { color: "ios-glass-blue", onClick: handleActionClick, children: action.label })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { color: "ios-glass-blue", onClick: handleActionClick, children: action.label })
           }
         )
       ]
@@ -5316,7 +5316,7 @@ function ErrorState({
   details,
   variant = "default"
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common.errorState");
+  const t = chunkY5VN4SPH_js.useTranslations("common.errorState");
   const [isRetrying, setIsRetrying] = React9.useState(false);
   const [showErrorDetails, setShowErrorDetails] = React9.useState(false);
   const config = errorTypeConfig[type];
@@ -5348,7 +5348,7 @@ function ErrorState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
+        transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `inline-flex h-16 w-16 items-center justify-center rounded-full ${config.iconBg}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `h-8 w-8 ${config.iconColor}` }) })
       }
@@ -5358,7 +5358,7 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.1 },
+        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: title || t(config.titleKey) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: message || t(config.messageKey) }),
@@ -5371,11 +5371,11 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.2 },
+        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.2 },
         className: "mt-6 flex flex-col sm:flex-row items-center justify-center gap-3",
         children: [
           onRetry && /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkBHOT22QL_js.Button,
+            chunkEBARYRSA_js.Button,
             {
               color: "ios-glass-blue",
               onClick: handleRetry,
@@ -5389,7 +5389,7 @@ function ErrorState({
             }
           ),
           secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkBHOT22QL_js.Button,
+            chunkEBARYRSA_js.Button,
             {
               plain: true,
               onClick: () => {
@@ -5407,14 +5407,16 @@ function ErrorState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.3 },
+        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.3 },
         className: "mt-6",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
+            chunkEBARYRSA_js.Button,
             {
+              type: "button",
+              plain: true,
+              size: "xs",
               onClick: toggleDetails,
-              className: "text-xs text-slate-400 dark:text-slate-500 hover:text-slate-600 dark:hover:text-slate-400 transition-colors",
               children: showErrorDetails ? t("hideDetails") : t("showDetails")
             }
           ),
@@ -5424,7 +5426,7 @@ function ErrorState({
               initial: { height: 0, opacity: 0 },
               animate: { height: "auto", opacity: 1 },
               exit: { height: 0, opacity: 0 },
-              transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.gentle),
+              transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.gentle),
               className: "overflow-hidden",
               children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-3 p-3 bg-white/40 dark:bg-white/[0.04] rounded-lg text-xs text-left text-slate-600 dark:text-slate-400 font-mono overflow-x-auto max-h-32", children: details })
             }
@@ -5451,7 +5453,7 @@ function OfflineState({
   onRetry,
   message
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common.errorState");
+  const t = chunkY5VN4SPH_js.useTranslations("common.errorState");
   return /* @__PURE__ */ jsxRuntime.jsx(
     ErrorState,
     {
@@ -5469,14 +5471,14 @@ function NoResultsState({
   onClearFilters,
   suggestions
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common.emptyState");
+  const t = chunkY5VN4SPH_js.useTranslations("common.emptyState");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface rounded-xl px-6 py-12 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
+        transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.DocumentMagnifyingGlassIcon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
       }
@@ -5486,7 +5488,7 @@ function NoResultsState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.1 },
+        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: t("noResultsFound") }),
           searchTerm && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400", children: t("noResultsFor", { searchTerm }) }),
@@ -5506,10 +5508,10 @@ function NoResultsState({
             {
               initial: { y: 10, opacity: 0 },
               animate: { y: 0, opacity: 1 },
-              transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.2 },
+              transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.2 },
               className: "mt-6",
               children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkEBARYRSA_js.Button,
                 {
                   color: "ios-glass-blue",
                   onClick: () => {
@@ -5533,7 +5535,7 @@ function NoDataState({
   onAction,
   icon: CustomIcon
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common.emptyState");
+  const t = chunkY5VN4SPH_js.useTranslations("common.emptyState");
   const Icon = CustomIcon || HeroIcons.FolderOpenIcon;
   const resolvedTitle = title || t("noDataTitle");
   const resolvedMessage = message || t("noDataMessage");
@@ -5544,7 +5546,7 @@ function NoDataState({
       {
         initial: { scale: 0.8, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
-        transition: chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.bouncy),
+        transition: chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.bouncy),
         className: "mx-auto mb-4",
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-16 w-16 items-center justify-center rounded-full border border-white/60 bg-white/75 shadow-sm backdrop-blur-xl dark:border-white/12 dark:bg-white/8", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8 text-slate-600 dark:text-slate-300" }) })
       }
@@ -5554,7 +5556,7 @@ function NoDataState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.1 },
+        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.1 },
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-slate-900 dark:text-white", children: resolvedTitle }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-500 dark:text-slate-400 max-w-sm mx-auto", children: resolvedMessage })
@@ -5566,10 +5568,10 @@ function NoDataState({
       {
         initial: { y: 10, opacity: 0 },
         animate: { y: 0, opacity: 1 },
-        transition: { ...chunkBHOT22QL_js.getTransition(chunkBHOT22QL_js.springPresets.default), delay: 0.2 },
+        transition: { ...chunkEBARYRSA_js.getTransition(chunkEBARYRSA_js.springPresets.default), delay: 0.2 },
         className: "mt-6",
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBHOT22QL_js.Button,
+          chunkEBARYRSA_js.Button,
           {
             color: "ios-glass-blue",
             onClick: () => {
@@ -5642,7 +5644,7 @@ function DynamicIsland({
       layout: true,
       initial: false,
       animate: sizeVariants[internalState],
-      transition: chunkBHOT22QL_js.springPresets.bouncy,
+      transition: chunkEBARYRSA_js.springPresets.bouncy,
       onClick: handleTap,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full overflow-hidden bg-black rounded-[inherit]", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
@@ -5840,7 +5842,7 @@ function NotificationProvider({ children, appName = "Datatech" }) {
   ] });
 }
 function NotificationBellButton() {
-  const t = chunkYXN2K77G_js.useTranslations("notifications");
+  const t = chunkY5VN4SPH_js.useTranslations("notifications");
   const { history, historyOpen, openHistory } = useNotifications();
   const totalCount = history.length;
   if (historyOpen) return null;
@@ -5883,7 +5885,7 @@ function NotificationDrawer({
   onRemove,
   onClear
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("notifications");
+  const t = chunkY5VN4SPH_js.useTranslations("notifications");
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
@@ -5936,8 +5938,8 @@ function NotificationDrawer({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-5 h-px bg-gradient-to-r from-transparent via-gray-200/80 to-transparent dark:via-white/10" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: history.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-12 w-12 text-gray-300 dark:text-gray-600 mb-3" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-400 dark:text-gray-500", children: t("empty") })
+            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.BellIcon, { className: "h-12 w-12 text-slate-300 dark:text-slate-600 mb-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-400 dark:text-slate-500", children: t("empty") })
           ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: history.map((item) => {
             const style = NOTIFICATION_TYPE_STYLES[item.type];
             const Icon = style.icon;
@@ -5952,16 +5954,16 @@ function NotificationDrawer({
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mt-0.5 flex-shrink-0 ${style.color}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5" }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: item.title }),
-                    item.message ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400 line-clamp-2", children: item.message }) : null,
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-[11px] text-gray-400 dark:text-gray-500", children: formatTimeAgo(item.timestamp, t) })
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white truncate", children: item.title }),
+                    item.message ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-slate-500 dark:text-slate-400 line-clamp-2", children: item.message }) : null,
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-[11px] text-slate-400 dark:text-slate-500", children: formatTimeAgo(item.timestamp, t) })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {
                       type: "button",
                       onClick: () => onRemove(item.id),
-                      className: "absolute right-2.5 top-2.5 rounded-lg p-1 text-gray-300 opacity-0 transition-all group-hover:opacity-100 group-focus-within:opacity-100 hover:text-gray-500 active:scale-95 dark:text-gray-600 dark:hover:text-gray-400",
+                      className: "absolute right-2.5 top-2.5 rounded-lg p-1 text-slate-300 opacity-0 transition-all group-hover:opacity-100 group-focus-within:opacity-100 hover:text-slate-500 active:scale-95 dark:text-slate-600 dark:hover:text-slate-400",
                       "aria-label": t("dismiss"),
                       children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-3.5 w-3.5" })
                     }
@@ -6171,17 +6173,16 @@ function AccentBar({ gradient, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient} ${className ?? ""}` });
 }
 function CloseBtn({ onClick, label }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-4 top-4 z-10", "data-testid": "modal-close", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkEBARYRSA_js.IconButton,
     {
-      type: "button",
+      label,
+      variant: "ghost",
+      size: "sm",
       onClick,
-      "aria-label": label,
-      "data-testid": "modal-close",
-      className: "absolute right-4 top-4 z-10 inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-500 transition hover:bg-white/40 hover:text-slate-700 dark:text-slate-300 dark:hover:bg-white/[0.08] dark:hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-2",
-      children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
+      icon: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
     }
-  );
+  ) });
 }
 function SidebarLayout({
   sidebarElement,
@@ -6401,8 +6402,8 @@ function GlassModal({
   const footerElement = findSlot(children, FOOTER_TYPE);
   const nonSlotChildren = filterNonSlots(children);
   const resolvedFooter = footer ?? (footerElement ? footerElement.props.children : void 0) ?? (showFormFooter ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
   ] }) : void 0);
   const handleSubmit = React9.useCallback((event) => {
     event.preventDefault();
@@ -6496,7 +6497,7 @@ function Text({ className, ...props }) {
 }
 function TextLink({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBHOT22QL_js.Link,
+    chunkEBARYRSA_js.Link,
     {
       ...props,
       className: clsx4__default.default(
@@ -6821,7 +6822,7 @@ function ChipPicker({
 }
 var DEFAULT_COPYABLE_CLASSNAME = "liquid-surface-strong text-gray-500 dark:text-gray-400";
 function CopyableId({ id, copyValue, label, className }) {
-  const t = chunkYXN2K77G_js.useTranslations();
+  const t = chunkY5VN4SPH_js.useTranslations();
   const [copied, setCopied] = React9.useState(false);
   const valueToCopy = copyValue ?? id;
   const handleCopy = async (e) => {
@@ -6947,8 +6948,8 @@ function DatePicker({
   disableFuture = false,
   className = ""
 }) {
-  const appLocale = chunkYXN2K77G_js.useLocale();
-  const t = chunkYXN2K77G_js.useTranslations("datePicker");
+  const appLocale = chunkY5VN4SPH_js.useLocale();
+  const t = chunkY5VN4SPH_js.useTranslations("datePicker");
   const dateFnsLocale = dateFnsLocales[appLocale] ?? locale.ptBR;
   const [open, setOpen] = React9.useState(false);
   const [viewMode, setViewMode] = React9.useState("days");
@@ -7050,8 +7051,8 @@ function DatePicker({
                   type: "button",
                   onClick: handlePrevMonth,
                   "aria-label": t("previousMonth"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronLeftIcon, { className: "h-5 w-5 text-gray-500 dark:text-gray-400" })
+                  className: "p-1.5 rounded-lg hover:bg-white/40 dark:hover:bg-white/[0.04] transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronLeftIcon, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -7059,7 +7060,7 @@ function DatePicker({
                 {
                   type: "button",
                   onClick: () => setViewMode("year-month"),
-                  className: "px-3 py-1 rounded-lg font-semibold text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors capitalize",
+                  className: "px-3 py-1 rounded-lg font-semibold text-slate-900 dark:text-white hover:bg-white/40 dark:hover:bg-white/[0.04] transition-colors capitalize",
                   children: monthYearLabel
                 }
               ),
@@ -7069,15 +7070,15 @@ function DatePicker({
                   type: "button",
                   onClick: handleNextMonth,
                   "aria-label": t("nextMonth"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronRightIcon, { className: "h-5 w-5 text-gray-500 dark:text-gray-400" })
+                  className: "p-1.5 rounded-lg hover:bg-white/40 dark:hover:bg-white/[0.04] transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronRightIcon, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               )
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-0.5 mb-1", children: dayNames.map((name, i) => /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: "text-center text-xs font-medium text-gray-400 dark:text-gray-500 uppercase py-1",
+                className: "text-center text-xs font-medium text-slate-400 dark:text-slate-500 uppercase py-1",
                 children: name
               },
               `${name}-${i}`
@@ -7098,9 +7099,9 @@ function DatePicker({
                   onClick: () => handleSelectDay(day),
                   className: `
                         h-9 w-full rounded-lg text-sm font-medium transition-colors
-                        ${disabled ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : ""}
-                        ${!disabled && !isSelected && isCurrentMonth ? "text-gray-800 dark:text-gray-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
-                        ${!disabled && !isSelected && !isCurrentMonth ? "text-gray-400 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700" : ""}
+                        ${disabled ? "text-slate-300 dark:text-slate-600 cursor-not-allowed" : ""}
+                        ${!disabled && !isSelected && isCurrentMonth ? "text-slate-800 dark:text-slate-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
+                        ${!disabled && !isSelected && !isCurrentMonth ? "text-slate-400 dark:text-slate-500 hover:bg-white/40 dark:hover:bg-white/[0.04]" : ""}
                         ${isSelected ? "bg-indigo-500 text-white hover:bg-indigo-600" : ""}
                         ${isToday && !isSelected ? "ring-1 ring-indigo-400 dark:ring-indigo-500" : ""}
                       `,
@@ -7109,7 +7110,7 @@ function DatePicker({
                 day.toISOString()
               );
             }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 pt-3 border-t border-gray-200/60 dark:border-gray-700/60 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 pt-3 liquid-divider border-t text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
@@ -7130,19 +7131,19 @@ function DatePicker({
                   type: "button",
                   onClick: () => handleSelectYear(viewDate.getFullYear() - 1),
                   "aria-label": t("previousYear"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronLeftIcon, { className: "h-5 w-5 text-gray-500 dark:text-gray-400" })
+                  className: "p-1.5 rounded-lg hover:bg-white/40 dark:hover:bg-white/[0.04] transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronLeftIcon, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-lg text-gray-900 dark:text-white", children: viewDate.getFullYear() }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-lg text-slate-900 dark:text-white", children: viewDate.getFullYear() }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   type: "button",
                   onClick: () => handleSelectYear(viewDate.getFullYear() + 1),
                   "aria-label": t("nextYear"),
-                  className: "p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronRightIcon, { className: "h-5 w-5 text-gray-500 dark:text-gray-400" })
+                  className: "p-1.5 rounded-lg hover:bg-white/40 dark:hover:bg-white/[0.04] transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ChevronRightIcon, { className: "h-5 w-5 text-slate-500 dark:text-slate-400" })
                 }
               )
             ] }),
@@ -7157,23 +7158,23 @@ function DatePicker({
                   onClick: () => handleSelectMonth(index),
                   className: `
                         px-2 py-2.5 text-sm rounded-lg transition-colors capitalize font-medium
-                        ${isFutureMonth ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : ""}
+                        ${isFutureMonth ? "text-slate-300 dark:text-slate-600 cursor-not-allowed" : ""}
                         ${!isFutureMonth && isSelectedMonth ? "bg-indigo-500 text-white" : ""}
-                        ${!isFutureMonth && !isSelectedMonth ? "text-gray-700 dark:text-gray-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
+                        ${!isFutureMonth && !isSelectedMonth ? "text-slate-700 dark:text-slate-200 hover:bg-indigo-500/10 hover:text-indigo-600 dark:hover:text-indigo-400" : ""}
                       `,
                   children: name
                 },
                 name
               );
             }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 pt-3 border-t border-gray-200/60 dark:border-gray-700/60", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 justify-center", children: yearRange.slice(-7).map((year) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 pt-3 liquid-divider border-t", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 justify-center", children: yearRange.slice(-7).map((year) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
                 onClick: () => handleSelectYear(year),
                 className: `
                         px-2 py-1 text-xs rounded-lg transition-colors
-                        ${viewDate.getFullYear() === year ? "bg-indigo-100 dark:bg-indigo-900/50 text-indigo-700 dark:text-indigo-300 font-medium" : "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"}
+                        ${viewDate.getFullYear() === year ? "bg-indigo-100 dark:bg-indigo-900/50 text-indigo-700 dark:text-indigo-300 font-medium" : "text-slate-500 dark:text-slate-400 hover:bg-white/40 dark:hover:bg-white/[0.04]"}
                       `,
                 children: year
               },
@@ -7189,7 +7190,7 @@ function DatePicker({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Arrow, { className: "fill-white/70 dark:fill-gray-800/70" })
+          /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Arrow, { className: "fill-white/70 dark:fill-slate-800/70" })
         ]
       }
     ) })
@@ -7214,7 +7215,7 @@ function TimePicker({
   placeholder,
   className = ""
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("timePicker");
+  const t = chunkY5VN4SPH_js.useTranslations("timePicker");
   const [open, setOpen] = React9.useState(false);
   const [draftHours, setDraftHours] = React9.useState(value ? value.hours : 0);
   const [draftMinutes, setDraftMinutes] = React9.useState(value ? value.minutes : 0);
@@ -7414,12 +7415,12 @@ function PageHeading({
   meta,
   actions
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 lg:flex lg:items-start lg:justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
       breadcrumbs?.length ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": t("breadcrumb"), className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2", children: [
         index > 0 ? /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronRightIcon, { className: "h-4 w-4", "aria-hidden": "true" }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Link, { href: crumb.href, className: "hover:text-gray-800 dark:hover:text-white", children: crumb.name })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Link, { href: crumb.href, className: "hover:text-gray-800 dark:hover:text-white", children: crumb.name })
       ] }, `${crumb.href}-${crumb.name}`)) }) }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(
         HeroBlock,
@@ -7490,7 +7491,7 @@ function FormInput({
       required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-0.5 text-red-500", children: "*" }) : null
     ] }) : null,
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClass(error), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex items-center ${sizeClasses2[inputSize]} ${className}`, children: [
-      icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-gray-400 dark:text-gray-500", "aria-hidden": "true", children: icon }) : null,
+      icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-slate-400 dark:text-slate-500", "aria-hidden": "true", children: icon }) : null,
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -7499,7 +7500,7 @@ function FormInput({
           required,
           "aria-invalid": error ? true : false,
           "aria-describedby": describedBy,
-          className: "w-full bg-transparent text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500",
+          className: "w-full bg-transparent text-slate-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-slate-500",
           onChange: (event) => onValueChange?.(event.target.value)
         }
       )
@@ -7535,7 +7536,7 @@ function FormTextarea({
         required,
         "aria-invalid": error ? true : void 0,
         "aria-describedby": describedBy,
-        className: `w-full resize-y bg-transparent px-3.5 py-2.5 text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500 ${className}`,
+        className: `w-full resize-y bg-transparent px-3.5 py-2.5 text-slate-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-slate-500 ${className}`,
         onChange: (event) => onValueChange?.(event.target.value)
       }
     ) }),
@@ -7586,7 +7587,7 @@ function FormPriceInput({
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: `absolute top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 pointer-events-none select-none ${sizes3.symbol}`,
+          className: `absolute top-1/2 -translate-y-1/2 text-slate-400 dark:text-slate-500 pointer-events-none select-none ${sizes3.symbol}`,
           "aria-hidden": "true",
           children: currencySymbol
         }
@@ -7607,7 +7608,7 @@ function FormPriceInput({
           "aria-invalid": error ? true : false,
           "aria-describedby": describedBy,
           "aria-label": label ? `${label} in ${currencySymbol}` : void 0,
-          className: `w-full bg-transparent tabular-nums ${sizes3.input} ${sizes3.padding} text-gray-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-gray-500 ${colorClass ?? ""} ${className}`
+          className: `w-full bg-transparent tabular-nums ${sizes3.input} ${sizes3.padding} text-slate-900 placeholder:text-slate-500 focus:outline-none dark:text-white dark:placeholder:text-slate-500 ${colorClass ?? ""} ${className}`
         }
       )
     ] }) }),
@@ -7643,7 +7644,7 @@ function FormSelect({
         required,
         "aria-invalid": error ? true : void 0,
         "aria-describedby": describedBy,
-        className: `w-full bg-transparent ${sizeClasses2[inputSize]} text-gray-900 focus:outline-none dark:text-white ${className}`,
+        className: `w-full bg-transparent ${sizeClasses2[inputSize]} text-slate-900 focus:outline-none dark:text-white ${className}`,
         onChange: (event) => onValueChange?.(event.target.value),
         children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
       }
@@ -7684,8 +7685,8 @@ function FormActions({
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx4__default.default("flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 function FormToggle({
@@ -7827,7 +7828,7 @@ function BaseForm({
     children,
     showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 pt-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkBHOT22QL_js.Button,
+        chunkEBARYRSA_js.Button,
         {
           type: "submit",
           color: "ios-glass-blue",
@@ -7839,7 +7840,7 @@ function BaseForm({
         }
       ),
       onCancel && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkEBARYRSA_js.Button,
         {
           type: "button",
           outline: true,
@@ -7860,9 +7861,9 @@ function ExpandableHistoryList({
   className = "space-y-3"
 }) {
   const [expandedItemId, setExpandedItemId] = React9.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: loadingLabel }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel }) : items.map((item) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-slate-500 dark:text-slate-400", children: loadingLabel }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel }) : items.map((item) => {
     const isExpanded = expandedItemId === item.id;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-gray-200/80 dark:border-gray-700/80", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-slate-200/80 dark:border-slate-700/80", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -7870,17 +7871,17 @@ function ExpandableHistoryList({
           onClick: () => setExpandedItemId(
             (previousExpandedItemId) => previousExpandedItemId === item.id ? null : item.id
           ),
-          className: "w-full px-4 py-3 text-left hover:bg-gray-50/80 dark:hover:bg-gray-800/40",
+          className: "w-full px-4 py-3 text-left hover:bg-slate-50/80 dark:hover:bg-slate-800/40",
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: item.headerLeft }),
-              item.headerRight ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: item.headerRight }) : null
+              item.headerRight ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: item.headerRight }) : null
             ] }),
-            item.summary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: item.summary }) : null
+            item.summary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: item.summary }) : null
           ]
         }
       ),
-      isExpanded && item.details ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 border-t border-gray-200/80 px-4 py-3 dark:border-gray-700/80", children: item.details }) : null
+      isExpanded && item.details ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 border-t border-slate-200/80 px-4 py-3 dark:border-slate-700/80", children: item.details }) : null
     ] }, item.id);
   }) });
 }
@@ -8021,7 +8022,7 @@ function StepFormPage({
   headerRight,
   children
 }) {
-  const translation = chunkYXN2K77G_js.useTranslations("forms");
+  const translation = chunkY5VN4SPH_js.useTranslations("forms");
   const isLastStep = currentStep === steps.length - 1;
   const isFirstStep = currentStep === 0;
   const handleBack = () => {
@@ -8087,7 +8088,7 @@ function StepFormPage({
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center justify-between border-t border-white/30 pt-5 dark:border-white/10", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBHOT22QL_js.Button,
+          chunkEBARYRSA_js.Button,
           {
             type: "button",
             onClick: handleBack,
@@ -8096,7 +8097,7 @@ function StepFormPage({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBHOT22QL_js.Button,
+          chunkEBARYRSA_js.Button,
           {
             type: "button",
             onClick: handleNext,
@@ -8713,7 +8714,7 @@ function CookieConsent({
   onAccept,
   onReject
 } = {}) {
-  const t = chunkYXN2K77G_js.useTranslations("common.cookieConsent");
+  const t = chunkY5VN4SPH_js.useTranslations("common.cookieConsent");
   const [visible, setVisible] = React9.useState(false);
   React9.useEffect(() => {
     const consent = localStorage.getItem(storageKey);
@@ -8754,8 +8755,8 @@ function CookieConsent({
               children: t("learnMore")
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { onClick: handleReject, outline: true, children: t("reject") }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { onClick: handleAccept, color: "ios-glass-blue", children: t("accept") })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { onClick: handleReject, outline: true, children: t("reject") }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { onClick: handleAccept, color: "ios-glass-blue", children: t("accept") })
         ] })
       ] }) })
     }
@@ -9160,7 +9161,7 @@ function NavigationProgress() {
   return /* @__PURE__ */ jsxRuntime.jsx(reactTransitionProgress.ProgressBar, { className: "fixed h-1 top-0 z-[200] bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 shadow-lg shadow-purple-500/20" });
 }
 function PageLoadingState({ label, compact = false }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const resolvedLabel = label || t("loading");
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -9286,9 +9287,9 @@ var AvatarButton = React9.forwardRef(function AvatarButton2({
     "focus:not-data-focus:outline-hidden data-focus:outline-2 data-focus:outline-offset-2 data-focus:outline-indigo-500/70"
   );
   if (typeof props.href === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Link, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless3__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless3__namespace.Button, { ...props, className: classes, ref, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src, square, initials, alt, tone }) }) });
 });
 function ImageUpload({
   src,
@@ -9383,7 +9384,7 @@ function ImageUpload({
   ] });
 }
 function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard" }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const currentPage = pages.find((page) => page.current) || pages[pages.length - 1];
   const parentPage = pages.length > 1 ? pages[pages.length - 2] : null;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -9393,7 +9394,7 @@ function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard
       className: "liquid-surface-strong sticky top-2 z-30 mx-4 rounded-2xl sm:mx-6 lg:mx-8",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full grid-cols-[1fr_auto_1fr] items-center gap-3 px-4 py-2.5 sm:px-6 lg:px-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: parentPage ? /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkBHOT22QL_js.Link,
+          chunkEBARYRSA_js.Link,
           {
             href: parentPage.href,
             className: "inline-flex max-w-full items-center gap-1 rounded-full px-2 py-1 text-sm font-medium text-slate-600 hover:bg-white/60 dark:text-slate-300 dark:hover:bg-white/10",
@@ -9403,7 +9404,7 @@ function Breadcrumb({ pages, actions, centerContent, dashboardPath = "/dashboard
             ]
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkBHOT22QL_js.Link,
+          chunkEBARYRSA_js.Link,
           {
             href: dashboardPath,
             className: "inline-flex items-center gap-1 rounded-full px-2 py-1 text-sm font-medium text-slate-600 hover:bg-white/60 dark:text-slate-300 dark:hover:bg-white/10",
@@ -9426,7 +9427,7 @@ function CreateActionButton({
   mode = "responsive"
 }) {
   const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkBHOT22QL_js.Button,
+    chunkEBARYRSA_js.Button,
     {
       type: "button",
       onClick,
@@ -9666,7 +9667,7 @@ function FlyoutQuickActions({
   onSignOut,
   onClose
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const isDark = resolvedTheme === "dark";
   const handleAction = (action) => {
     onClose?.();
@@ -9729,7 +9730,7 @@ function FlyoutNavGrid({
   getAccentRgb,
   searchFocusRingClass = "focus-ring-indigo"
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const [query, setQuery] = React9.useState("");
   const isCurrentPath = (href) => href === "/dashboard" ? currentPath === "/dashboard" : currentPath.startsWith(href);
   const normalizedQuery = query.trim().toLowerCase();
@@ -9918,8 +9919,8 @@ function MonthPicker({
   side = "bottom",
   avoidCollisions = true
 }) {
-  const locale$1 = chunkYXN2K77G_js.useLocale();
-  const t = chunkYXN2K77G_js.useTranslations("common");
+  const locale$1 = chunkY5VN4SPH_js.useLocale();
+  const t = chunkY5VN4SPH_js.useTranslations("common");
   const dateFnsLocale = dateFnsLocales2[locale$1] || locale.ptBR;
   const months = React9__namespace.useMemo(() => getLocalizedMonths(dateFnsLocale), [dateFnsLocale]);
   const defaultPlaceholder = t("selectMonth");
@@ -10165,7 +10166,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
         {
           initial: prefersReducedMotion2 ? false : { opacity: 0, scale: 0.95 },
           animate: prefersReducedMotion2 ? noMotion : { opacity: 1, scale: 1 },
-          transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.gentle,
+          transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.gentle,
           className: "liquid-surface w-full max-w-lg rounded-2xl px-8 py-14 text-center",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -10173,7 +10174,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
               {
                 initial: prefersReducedMotion2 ? false : { scale: 0.6, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { scale: 1, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.bouncy,
+                transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.bouncy,
                 className: "mx-auto mb-6",
                 children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `inline-flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md border ${accent.container}`, children: customIcon ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: `h-10 w-10 ${accent.icon}` }) })
               }
@@ -10184,7 +10185,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 "data-testid": "empty-state-title",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.1 },
                 className: "text-xl font-semibold text-gray-900 dark:text-white",
                 children: title
               }
@@ -10195,7 +10196,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                 "data-testid": "empty-state-message",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.15 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.15 },
                 className: "mt-3 text-sm text-gray-500 dark:text-gray-400 max-w-sm mx-auto leading-relaxed",
                 children: message
               }
@@ -10212,7 +10213,7 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
                   {
                     initial: prefersReducedMotion2 ? false : { scale: 0 },
                     animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
-                    transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
+                    transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
                     className: "h-1.5 w-1.5 rounded-full bg-gray-300 dark:bg-gray-600"
                   },
                   i
@@ -10248,7 +10249,7 @@ function PageErrorState({
         {
           initial: prefersReducedMotion2 ? false : { opacity: 0, scale: 0.95 },
           animate: prefersReducedMotion2 ? noMotion : { opacity: 1, scale: 1 },
-          transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.gentle,
+          transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.gentle,
           className: "liquid-surface w-full max-w-2xl rounded-2xl px-12 py-14 text-center",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -10256,7 +10257,7 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { scale: 0.6, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { scale: 1, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : chunkBHOT22QL_js.springPresets.bouncy,
+                transition: prefersReducedMotion2 ? noTransition : chunkEBARYRSA_js.springPresets.bouncy,
                 className: "mx-auto mb-6",
                 children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md border bg-red-50/80 dark:bg-red-900/30 border-red-100/50 dark:border-red-800/30", children: customIcon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-10 w-10 text-red-500 dark:text-red-400" }) })
               }
@@ -10266,7 +10267,7 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.05 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.05 },
                 className: "mb-1 text-sm font-semibold tracking-widest text-red-500 dark:text-red-400",
                 children: statusCode
               }
@@ -10277,7 +10278,7 @@ function PageErrorState({
                 "data-testid": "error-state-title",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.1 },
                 className: "text-xl font-semibold text-gray-900 dark:text-white",
                 children: title
               }
@@ -10288,7 +10289,7 @@ function PageErrorState({
                 "data-testid": "error-state-message",
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.15 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.15 },
                 className: "mt-3 text-sm text-gray-500 dark:text-gray-400 max-w-sm mx-auto leading-relaxed",
                 children: message
               }
@@ -10298,15 +10299,15 @@ function PageErrorState({
               {
                 initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
                 animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
-                transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.default, delay: 0.25 },
+                transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.default, delay: 0.25 },
                 className: "mt-8",
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
+                  chunkEBARYRSA_js.Button,
                   {
                     type: "button",
+                    destructive: true,
                     onClick: onRetry,
                     "data-testid": "error-state-retry",
-                    className: "rounded-xl bg-red-600 px-6 py-2.5 text-sm font-semibold text-white shadow-lg shadow-red-500/20 transition-all hover:bg-red-700 hover:shadow-red-500/30 active:scale-[0.97] dark:bg-red-500 dark:hover:bg-red-600 dark:shadow-red-500/10",
                     children: retryLabel
                   }
                 )
@@ -10324,7 +10325,7 @@ function PageErrorState({
                   {
                     initial: prefersReducedMotion2 ? false : { scale: 0 },
                     animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
-                    transition: prefersReducedMotion2 ? noTransition : { ...chunkBHOT22QL_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
+                    transition: prefersReducedMotion2 ? noTransition : { ...chunkEBARYRSA_js.springPresets.bouncy, delay: 0.35 + i * 0.08 },
                     className: "h-1.5 w-1.5 rounded-full bg-red-300 dark:bg-red-700"
                   },
                   i
@@ -10798,7 +10799,7 @@ function StatusToggle({
   onIcon,
   className
 }) {
-  const translation = chunkYXN2K77G_js.useTranslations("common");
+  const translation = chunkY5VN4SPH_js.useTranslations("common");
   const resolvedOffLabel = offLabel ?? translation("inactive");
   const resolvedOnLabel = onLabel ?? translation("active");
   const resolvedOffIcon = offIcon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XCircleIcon, { className: "h-4 w-4" });
@@ -10862,16 +10863,16 @@ function FieldRenderer({ field }) {
           className: [GLASS_INPUT, field.copyable ? "pr-10" : ""].join(" ")
         }
       ),
-      field.copyable ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+      field.copyable ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkEBARYRSA_js.IconButton,
         {
-          type: "button",
+          label: `Copy ${field.label}`,
+          variant: "ghost",
+          size: "sm",
           onClick: () => navigator.clipboard.writeText(field.value),
-          className: "absolute right-3 top-1/2 -translate-y-1/2 rounded-lg p-1.5 text-slate-400 transition hover:bg-white/40 hover:text-slate-700 dark:hover:bg-white/[0.08] dark:hover:text-slate-200",
-          "aria-label": `Copy ${field.label}`,
-          children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ClipboardDocumentIcon, { className: "h-4 w-4" })
+          icon: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ClipboardDocumentIcon, { className: "h-4 w-4" })
         }
-      ) : null
+      ) }) : null
     ] }),
     field.description ? /* @__PURE__ */ jsxRuntime.jsx(Description3, { className: "text-xs text-slate-500 dark:text-slate-400", children: field.description }) : null
   ] });
@@ -10908,7 +10909,7 @@ function ProfileContent({ config }) {
           ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-bold text-white", children: config.initials })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { color: "zinc", onClick: config.onChangeAvatar, className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { color: "zinc", onClick: config.onChangeAvatar, className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.UserIcon, { className: "h-4 w-4" }),
         config.changeAvatarLabel
       ] })
@@ -10957,7 +10958,7 @@ function ProfileContent({ config }) {
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBHOT22QL_js.Button,
+          chunkEBARYRSA_js.Button,
           {
             color: "blue",
             className: "mt-2",
@@ -11158,7 +11159,7 @@ function SettingsModal({
     }
     return /* @__PURE__ */ jsxRuntime.jsx(PlaceholderContent, { message: placeholderMessage });
   };
-  const footer = signOut ? /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { type: "button", onClick: signOut.onClick, color: "ios-glass-red", fullWidth: true, children: [
+  const footer = signOut ? /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { type: "button", onClick: signOut.onClick, color: "ios-glass-red", fullWidth: true, children: [
     signOut.icon,
     signOut.label
   ] }) : sidebarFooter;
@@ -11239,7 +11240,7 @@ function OtpInput({
   autoFocus = false,
   inputMode = "numeric"
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("auth");
+  const t = chunkY5VN4SPH_js.useTranslations("auth");
   const groupId = React9.useId();
   const inputsRef = React9.useRef([]);
   const digits = value.split("").concat(Array(length).fill("")).slice(0, length);
@@ -11414,7 +11415,7 @@ function PasswordStrengthMeter({
   policy = DEFAULT_POLICY,
   showRequirements = false
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("auth");
+  const t = chunkY5VN4SPH_js.useTranslations("auth");
   const requirements = React9.useMemo(
     () => evaluateRequirements(password, policy),
     [password, policy]
@@ -11438,7 +11439,7 @@ function PasswordStrengthMeter({
           className: `h-1.5 flex-1 rounded-full ${index < strength ? STRENGTH_COLORS[strength - 1] : "bg-gray-200 dark:bg-gray-700"}`,
           initial: { scaleX: 0 },
           animate: { scaleX: index < strength ? 1 : 0.5 },
-          transition: chunkBHOT22QL_js.springPresets.stiff,
+          transition: chunkEBARYRSA_js.springPresets.stiff,
           style: { transformOrigin: "left" }
         },
         index
@@ -11467,7 +11468,7 @@ function BackupCodeGrid({
   revealed = true,
   onReveal
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("auth");
+  const t = chunkY5VN4SPH_js.useTranslations("auth");
   const handleCopyAll = React9.useCallback(async () => {
     const text = codes.join("\n");
     await navigator.clipboard.writeText(text);
@@ -11496,7 +11497,7 @@ function BackupCodeGrid({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface-strong rounded-xl p-4", children: !revealed ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-8 gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("backupCodesHidden") }),
-      onReveal && /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { outline: true, onClick: onReveal, children: t("backupCodesReveal") })
+      onReveal && /* @__PURE__ */ jsxRuntime.jsx(chunkEBARYRSA_js.Button, { outline: true, onClick: onReveal, children: t("backupCodesReveal") })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: codes.map((code, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -11512,11 +11513,11 @@ function BackupCodeGrid({
       index
     )) }) }),
     revealed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { outline: true, size: "sm", onClick: handleCopyAll, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { outline: true, size: "sm", onClick: handleCopyAll, children: [
         /* @__PURE__ */ jsxRuntime.jsx(solid.ClipboardDocumentIcon, { className: "h-4 w-4" }),
         t("backupCodesCopyAll")
       ] }),
-      showDownload && /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { outline: true, size: "sm", onClick: handleDownload, children: [
+      showDownload && /* @__PURE__ */ jsxRuntime.jsxs(chunkEBARYRSA_js.Button, { outline: true, size: "sm", onClick: handleDownload, children: [
         /* @__PURE__ */ jsxRuntime.jsx(solid.ArrowDownTrayIcon, { className: "h-4 w-4" }),
         t("backupCodesDownload")
       ] })
@@ -11552,10 +11553,10 @@ function SocialLoginButtons({
   loading = null,
   disabled = false
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("auth");
+  const t = chunkY5VN4SPH_js.useTranslations("auth");
   const isColumn = layout === "column";
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${isColumn ? "flex-col" : "flex-row"} gap-2`, children: providers.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkBHOT22QL_js.Button,
+    chunkEBARYRSA_js.Button,
     {
       outline: true,
       fullWidth: isColumn,
@@ -11866,7 +11867,7 @@ function RadiantHeading({
       ...props,
       className: clsx4.clsx(
         className,
-        "text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl lg:text-6xl"
+        "text-4xl font-bold tracking-tight text-slate-900 dark:text-white sm:text-5xl lg:text-6xl"
       )
     }
   );
@@ -11895,7 +11896,7 @@ function Lead({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
-      className: clsx4.clsx(className, "text-xl text-gray-600 dark:text-gray-400 leading-relaxed"),
+      className: clsx4.clsx(className, "text-xl text-slate-600 dark:text-slate-400 leading-relaxed"),
       ...props
     }
   );
@@ -11973,19 +11974,18 @@ function BentoCard({
       className: clsx4.clsx(
         className,
         "group relative flex flex-col overflow-hidden rounded-2xl",
-        "bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl transition-shadow",
-        "border border-gray-200 dark:border-gray-700"
+        "liquid-surface shadow-lg hover:shadow-xl transition-shadow"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-80 shrink-0 overflow-hidden bg-gradient-to-br from-gray-100 to-gray-50 dark:from-gray-700 dark:to-gray-800", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-80 shrink-0 overflow-hidden bg-gradient-to-br from-slate-100 to-slate-50 dark:from-slate-700 dark:to-slate-800", children: [
           graphic,
-          fade.includes("top") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-white dark:from-gray-800 to-transparent opacity-40" }),
-          fade.includes("bottom") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-white dark:from-gray-800 to-transparent opacity-40" })
+          fade.includes("top") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-white dark:from-slate-800 to-transparent opacity-40" }),
+          fade.includes("bottom") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-white dark:from-slate-800 to-transparent opacity-40" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative p-8 sm:p-10", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-blue-600 dark:text-blue-400 uppercase tracking-wider mb-2", children: eyebrow }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-2xl font-bold tracking-tight text-gray-900 dark:text-white", children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-xl text-base text-gray-600 dark:text-gray-400 leading-relaxed", children: description })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-2xl font-bold tracking-tight text-slate-900 dark:text-white", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-xl text-base text-slate-600 dark:text-slate-400 leading-relaxed", children: description })
         ] })
       ]
     }
@@ -12056,14 +12056,14 @@ function FeatureCard({
       initial: { opacity: 0, y: 20 },
       whileInView: { opacity: 1, y: 0 },
       transition: { duration: 0.5 },
-      className: "group relative rounded-2xl overflow-hidden bg-white dark:bg-gray-800 p-8 shadow-md hover:shadow-xl transition-all duration-300 border border-gray-200 dark:border-gray-700",
+      className: "group liquid-surface relative rounded-2xl overflow-hidden p-8 shadow-md hover:shadow-xl transition-all duration-300",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx4.clsx(
           "inline-flex rounded-xl p-3 mb-6",
           `bg-gradient-to-br ${gradient}`
         ), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6 text-white" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-gray-900 dark:text-white mb-2", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 leading-relaxed", children: description })
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-slate-900 dark:text-white mb-2", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-600 dark:text-slate-400 leading-relaxed", children: description })
       ]
     }
   );
@@ -20060,7 +20060,7 @@ function SkipToContent({
     "a",
     {
       href: `#${targetId}`,
-      className: "sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] focus:rounded-lg focus:bg-white focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-indigo-600 focus:shadow-lg focus:ring-2 focus:ring-indigo-500 focus:outline-none dark:focus:bg-gray-800 dark:focus:text-indigo-400",
+      className: "sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[9999] focus:rounded-lg focus:bg-white focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-indigo-600 focus:shadow-lg focus:ring-2 focus:ring-indigo-500/70 focus:ring-offset-1 focus:outline-none dark:focus:bg-slate-800 dark:focus:text-indigo-400",
       "data-testid": "skip-to-content",
       children: label
     }
@@ -20802,5 +20802,5 @@ exports.useSocialProviders = useSocialProviders;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-ULKZGM2T.js.map
-//# sourceMappingURL=chunk-ULKZGM2T.js.map
+//# sourceMappingURL=chunk-RWZ2PLMQ.js.map
+//# sourceMappingURL=chunk-RWZ2PLMQ.js.map