@pablo2410/shared-ui 0.22.0 → 0.23.0

package/dist/{chunk-K6FHU4HN.js → chunk-JEHQIJS2.js}

@@ -4786,7 +4786,24 @@ function Switch({
     {
       "data-slot": "switch",
       className: cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        // The `!` suffix forces `!important` on these two background-color
+        // utilities. Without it, Tailwind's own preflight (`button {
+        // background-color: transparent }`, emitted into every consuming
+        // app's own `base` layer) silently wins over this shell-shipped
+        // rule: every subdomain wraps this pre-built shell CSS in a
+        // `shell-shim` layer declared FIRST (lowest priority) specifically
+        // so the app's own utilities always outrank it — see the
+        // `@layer shell-shim, theme, base, components, utilities;`
+        // statement each app's index.css carries. `base` sits above
+        // `shell-shim`, so preflight's plain `button` selector beats this
+        // component's `data-[state=...]` variant regardless of specificity,
+        // leaving the switch permanently transparent. Confirmed live on
+        // sqdcp.oplyticsdigital.net's Report-a-Problem "Is this blocking
+        // you?" toggle, 2026-09-14 — same root cause as the cascade-layer
+        // fixes in oplytics-shared-ui's styles.css `.shell-hidden` rule and
+        // PRs #572/#118, just resurfacing on a component that didn't exist
+        // yet when those landed.
+        "peer data-[state=checked]:bg-primary! data-[state=unchecked]:bg-input! focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80! inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       ...props,
@@ -4795,7 +4812,7 @@ function Switch({
         {
           "data-slot": "switch-thumb",
           className: cn(
-            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+            "bg-background! dark:data-[state=unchecked]:bg-foreground! dark:data-[state=checked]:bg-primary-foreground! pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
           )
         }
       )
@@ -5340,4 +5357,4 @@ export {
   ToggleGroup,
   ToggleGroupItem
 };
-//# sourceMappingURL=chunk-K6FHU4HN.js.map
+//# sourceMappingURL=chunk-JEHQIJS2.js.map