@alfadocs/ui-kit-debug 0.88.0 → 0.89.0

package/dist/_chunks/{date-picker-variants-CYQAm1Gk.js → date-picker-variants-D9B6hg15.js}

@@ -2987,23 +2987,23 @@ function As(e) {
 }
 const pt = {
   en: () => Promise.resolve().then(() => Tr).then((e) => e.enUS),
-  it: () => import("./it-mt1V2DFS.js").then((e) => e.it),
-  de: () => import("./de-DETDHQ0o.js").then((e) => e.de),
-  es: () => import("./es-Dpo7Olwo.js").then((e) => e.es),
-  fr: () => import("./fr-CgD4Jvtq.js").then((e) => e.fr),
-  pt: () => import("./pt-B3UKvhHp.js").then((e) => e.pt),
-  nl: () => import("./nl-C6Y0QXnm.js").then((e) => e.nl),
-  pl: () => import("./pl-BdazJAOp.js").then((e) => e.pl),
-  ro: () => import("./ro-DVTEQpPK.js").then((e) => e.ro),
-  ru: () => import("./ru-C-Mp40SC.js").then((e) => e.ru),
-  sv: () => import("./sv-gQWo_19z.js").then((e) => e.sv),
-  el: () => import("./el-HV3jOI0z.js").then((e) => e.el),
-  ja: () => import("./ja-CbOHn2TO.js").then((e) => e.ja),
-  zh: () => import("./zh-CN-DkVN4vsB.js").then((e) => e.zhCN),
-  hi: () => import("./hi-Bf8CAP6b.js").then((e) => e.hi),
-  ar: () => import("./ar-B1GhtlBP.js").then((e) => e.ar),
-  tr: () => import("./tr-Btm6M3Km.js").then((e) => e.tr),
-  sq: () => import("./sq-DierVlw-.js").then((e) => e.sq)
+  it: () => import("./it-VfsdUqeV.js").then((e) => e.it),
+  de: () => import("./de-C3_KZ6mR.js").then((e) => e.de),
+  es: () => import("./es-Lgmjq9Rp.js").then((e) => e.es),
+  fr: () => import("./fr-INS1OD7m.js").then((e) => e.fr),
+  pt: () => import("./pt-CY2m2bBz.js").then((e) => e.pt),
+  nl: () => import("./nl-Crxwg0IZ.js").then((e) => e.nl),
+  pl: () => import("./pl-IdHtxWTl.js").then((e) => e.pl),
+  ro: () => import("./ro-qoxLkXED.js").then((e) => e.ro),
+  ru: () => import("./ru-BVZlxoKf.js").then((e) => e.ru),
+  sv: () => import("./sv-BGNQ5gX6.js").then((e) => e.sv),
+  el: () => import("./el-v9xDKHgu.js").then((e) => e.el),
+  ja: () => import("./ja-Dfk9qwzE.js").then((e) => e.ja),
+  zh: () => import("./zh-CN-DClT1wDk.js").then((e) => e.zhCN),
+  hi: () => import("./hi-BUYtlosF.js").then((e) => e.hi),
+  ar: () => import("./ar-C9FRRqJs.js").then((e) => e.ar),
+  tr: () => import("./tr-B2NEu6Gy.js").then((e) => e.tr),
+  sq: () => import("./sq--eT8hIiD.js").then((e) => e.sq)
 };
 async function Ys(e) {
   const t = e.toLowerCase().split("-")[0];
@@ -3127,10 +3127,7 @@ const Qe = "ds:bg-[color-mix(in_srgb,var(--primary)_12%,transparent)]", _s = "ds
 }, Rs = Ye(
   [
     "ds:relative ds:flex ds:items-center ds:w-full",
-    // Soft-chrome look — matches `INPUT_SURFACE_CHROME` so the trigger
-    // shares the fill + halo with TextInput / Select / NumberInput.
-    "ds:rounded-[var(--radius-sm)] ds:border ds:bg-input ds:text-foreground",
-    "ds:shadow-[var(--shadow-input)]",
+    "ds:border ds:text-foreground",
     "ds:placeholder:text-muted-foreground",
     "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
@@ -3141,17 +3138,33 @@ const Qe = "ds:bg-[color-mix(in_srgb,var(--primary)_12%,transparent)]", _s = "ds
     variants: {
       size: {
         sm: "ds:h-8 ds:text-[length:var(--font-size-sm)] ds:ps-3 ds:pe-10",
-        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-3 ds:pe-10",
+        md: "ds:text-[length:var(--font-size-base)] ds:ps-3 ds:pe-10",
         lg: "ds:h-12 ds:text-[length:var(--font-size-lg)] ds:ps-4 ds:pe-12"
       },
       tone: {
         default: "ds:border-border",
         error: "ds:border-destructive"
+      },
+      // `input` (default) shares the soft fill + halo with TextInput / Select
+      // (`INPUT_SURFACE_CHROME`). `button` drops the halo and takes the outline
+      // Button's chrome (radius-md, transparent fill, hover/active) so a picker
+      // can sit flush among Buttons in a toolbar. The halo is a11y-load-bearing
+      // on the input chrome (tokens `--shadow-input`), so `input` stays default.
+      chrome: {
+        input: "ds:rounded-[var(--radius-sm)] ds:bg-input ds:shadow-[var(--shadow-input)]",
+        button: "ds:rounded-[var(--radius-md)] ds:bg-transparent ds:shadow-none ds:hover:bg-muted/10 ds:active:bg-muted/20"
       }
     },
+    compoundVariants: [
+      // `md` height is chrome-specific: `input` keeps the 44px touch target;
+      // `button` matches the kit Button's `md` height (40px / h-10).
+      { chrome: "input", size: "md", class: "ds:h-[var(--min-target-size)]" },
+      { chrome: "button", size: "md", class: "ds:h-10" }
+    ],
     defaultVariants: {
       size: "md",
-      tone: "default"
+      tone: "default",
+      chrome: "input"
     }
   }
 ), Vs = Ye(
@@ -3222,4 +3235,4 @@ export {
   ve as y,
   It as z
 };
-//# sourceMappingURL=date-picker-variants-CYQAm1Gk.js.map
+//# sourceMappingURL=date-picker-variants-D9B6hg15.js.map