qstd 0.3.10 → 0.3.11

package/dist/block/fns.d.ts

@@ -1312,5 +1312,33 @@ export declare const getIcons: (extract: ReturnType<typeof extractElType>, anyPr
     rightIcon: string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 };
 export declare const omit: <T extends object>(obj: T, keys: readonly string[]) => Partial<T>;
+/**
+ * Merges default style props with consumer props, ensuring consumer values override defaults.
+ *
+ * This solves the PandaCSS atomic class collision problem where both default and consumer
+ * conditional styles (like _hover, _labelLifted) would generate separate classes with
+ * identical specificity, causing unpredictable cascade behavior.
+ *
+ * @param defaults - Default style props for the component
+ * @param props - All props passed to the component
+ * @param nonStyleKeys - Keys that are NOT style props (children, event handlers, etc.)
+ * @returns Merged props with defaults applied, consumer overrides winning
+ *
+ * @example
+ * const defaults = {
+ *   bg: "white",
+ *   _hover: { bg: "gray.100" },
+ *   _labelLifted: { top: "-10px", bg: "input-label-bg" }
+ * };
+ *
+ * const { children, onClick, ...merged } = mergeStyleDefaults(
+ *   defaults,
+ *   props,
+ *   ["children", "onClick", "value"]
+ * );
+ *
+ * return <Base {...merged}>{children}</Base>;
+ */
+export declare function mergeStyleDefaults<T extends Record<string, unknown>, K extends keyof T>(defaults: Record<string, unknown>, props: T, nonStyleKeys: readonly K[]): T;
 export {};
 //# sourceMappingURL=fns.d.ts.map

package/dist/block/fns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../src/block/fns.tsx"],"names":[],"mappings":"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"}

package/dist/block/input.d.ts

@@ -15,6 +15,21 @@ export declare function RightSide(props: _t.BaseBlockProps & {
 export declare namespace RightSide {
     var displayName: string;
 }
+/**
+ * Floating label for Input component.
+ *
+ * Style defaults can be overridden by passing the same props:
+ * - Base styles: gridAutoFlow, position, top, transform, transition, ml, mr, px, py, br, color, lineHeight
+ * - Conditional styles: _labelLifted (bg, top, color, transform, etc.)
+ *
+ * @example
+ * <Block.Input.Label
+ *   bg={{ base: "white", _dark: "gray.900" }}
+ *   _labelLifted={{ top: "-12px", bg: { base: "white", _dark: "gray.900" } }}
+ * >
+ *   Email
+ * </Block.Input.Label>
+ */
 export declare function Label(props: Omit<_t.InputBlockProps, "is"> & LabelProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Label {
     var displayName: string;

package/dist/block/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/block/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAU9B,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,2CAgFtD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,2CAyBhD;yBAzBe,QAAQ;;;AA4BxB,wBAAgB,SAAS,CACvB,KAAK,EAAE,EAAE,CAAC,cAAc,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,kDA4BnE;yBA7Be,SAAS;;;AAgCzB,wBAAgB,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,UAAU,2CA+CvE;yBA/Ce,KAAK"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/block/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAU9B,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,2CAgFtD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,2CAyBhD;yBAzBe,QAAQ;;;AA4BxB,wBAAgB,SAAS,CACvB,KAAK,EAAE,EAAE,CAAC,cAAc,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,kDA4BnE;yBA7Be,SAAS;;;AAgCzB;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,UAAU,2CAsDvE;yBAtDe,KAAK"}

package/dist/react/index.cjs

@@ -1219,6 +1219,40 @@ var omit = (obj, keys) => {
   }
   return result;
 };
+function deepMerge(...sources) {
+  const result = {};
+  for (const source of sources) {
+    if (!source) continue;
+    for (const [key, value] of Object.entries(source)) {
+      const existing = result[key];
+      if (typeof existing === "object" && existing !== null && !Array.isArray(existing) && typeof value === "object" && value !== null && !Array.isArray(value)) {
+        result[key] = deepMerge(
+          existing,
+          value
+        );
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+function mergeStyleDefaults(defaults2, props, nonStyleKeys) {
+  const styleProps = {};
+  const otherProps = {};
+  const nonStyleSet = new Set(
+    nonStyleKeys
+  );
+  for (const [key, value] of Object.entries(props)) {
+    if (nonStyleSet.has(key)) {
+      otherProps[key] = value;
+    } else if (value !== void 0) {
+      styleProps[key] = value;
+    }
+  }
+  const mergedStyles = deepMerge(defaults2, styleProps);
+  return { ...otherProps, ...mergedStyles };
+}
 var TrackNameKey = "Track";
 var ThumbNameKey = "Thumb";
 var Button = motionTags.button;
@@ -2234,41 +2268,38 @@ function Label2(props) {
     hasLeftIcon,
     onAnimationStart: _onAnimationStart,
     onAnimationComplete: _onAnimationComplete,
-    ...rest
+    ...consumerProps
   } = props;
   const ml = hasLeftIcon ? 6 : 1;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Base4,
-    {
-      gridAutoFlow: "column",
-      position: "absolute",
-      pointerEvents: "none",
-      top: "50%",
+  const styleDefaults = {
+    gridAutoFlow: "column",
+    position: "absolute",
+    pointerEvents: "none",
+    top: "50%",
+    transformOrigin: "top left",
+    transform: "translate(0, -50%) scale(1)",
+    transition: "200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out",
+    ml,
+    mr: 1,
+    px: 2,
+    py: 0.5,
+    br: 8,
+    color: error ? "text-alert" : "input-label-color",
+    lineHeight: 1.1,
+    _labelLifted: {
       transformOrigin: "top left",
-      transform: "translate(0, -50%) scale(1)",
-      transition: "200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out",
+      transform: "scale(0.8)",
+      top: "-10px",
       ml,
-      mr: 1,
-      px: 2,
-      py: 0.5,
-      br: 8,
-      color: error ? "text-alert" : "input-label-color",
-      lineHeight: 1.1,
-      _labelLifted: {
-        transformOrigin: "top left",
-        transform: "scale(0.8)",
-        top: "-10px",
-        ml,
-        color: error ? "text-alert" : value ? "input-label-color-lifted" : "input-label-color",
-        bg: "input-label-bg"
-      },
-      ...rest,
-      children: [
-        children,
-        required && "*"
-      ]
+      color: error ? "text-alert" : value ? "input-label-color-lifted" : "input-label-color",
+      bg: "input-label-bg"
     }
-  );
+  };
+  const mergedStyles = mergeStyleDefaults(styleDefaults, consumerProps, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Base4, { ...mergedStyles, children: [
+    children,
+    required && "*"
+  ] });
 }
 Label2.displayName = LabelNameKey2;
 function useResizeObserver(opts = {}) {

package/dist/react/index.css

@@ -889,14 +889,11 @@
   .rounded_50\% {
     border-radius: 50%;
   }
-  .trs_200ms_cubic-bezier\(0\,_0\,_0\.2\,_1\)_0ms\,_\.2s_color_ease-in-out\,_\.2s_background_ease-in-out {
-    transition:
-      200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
-      .2s color ease-in-out,
-      .2s background ease-in-out;
+  .bd-c_input-border-color-error {
+    border-color: var(--colors-input-border-color-error);
   }
-  .px_2 {
-    padding-inline: var(--spacing-2);
+  .bd-c_input-border-color {
+    border-color: var(--colors-input-border-color);
   }
   .py_0\.5 {
     padding-block: var(--spacing-0\.5);
@@ -904,12 +901,6 @@
   .rounded_8 {
     border-radius: 8px;
   }
-  .bd-c_input-border-color-error {
-    border-color: var(--colors-input-border-color-error);
-  }
-  .bd-c_input-border-color {
-    border-color: var(--colors-input-border-color);
-  }
   .ring_1px_solid_rgba\(208\,_58\,_58\,_0\.05\) {
     outline: 1px solid rgba(208, 58, 58, 0.05);
   }
@@ -943,6 +934,15 @@
   .trs_background-color_0\.2s_ease-in-out {
     transition: background-color 0.2s ease-in-out;
   }
+  .trs_200ms_cubic-bezier\(0\,_0\,_0\.2\,_1\)_0ms\,_\.2s_color_ease-in-out\,_\.2s_background_ease-in-out {
+    transition:
+      200ms cubic-bezier(0, 0, 0.2, 1) 0ms,
+      .2s color ease-in-out,
+      .2s background ease-in-out;
+  }
+  .px_2 {
+    padding-inline: var(--spacing-2);
+  }
   .px_10px {
     padding-inline: 10px;
   }
@@ -1098,24 +1098,6 @@
   .trf_translateY\(-50\%\) {
     transform: translateY(-50%);
   }
-  .c_input-label-color {
-    color: var(--colors-input-label-color);
-  }
-  .grid-af_column {
-    grid-auto-flow: column;
-  }
-  .pointer-events_none {
-    pointer-events: none;
-  }
-  .trf-o_top_left {
-    transform-origin: top left;
-  }
-  .trf_translate\(0\,_-50\%\)_scale\(1\) {
-    transform: translate(0, -50%) scale(1);
-  }
-  .lh_1\.1 {
-    line-height: 1.1;
-  }
   .ring-c_input-outline-color-error {
     outline-color: var(--colors-input-outline-color-error);
   }
@@ -1146,6 +1128,9 @@
   .absolute_true {
     position: absolute;
   }
+  .pointer-events_none {
+    pointer-events: none;
+  }
   .bx-sh_0_0_0_6px_rgba\(0\,0\,0\,\.08\) {
     box-shadow: 0 0 0 6px rgba(0, 0, 0, .08);
   }
@@ -1195,9 +1180,18 @@
   .bx-s_content-box {
     box-sizing: content-box;
   }
+  .grid-af_column {
+    grid-auto-flow: column;
+  }
+  .trf-o_top_left {
+    transform-origin: top left;
+  }
   .trf_translate\(0\,_0\)_scale\(1\) {
     transform: translate(0, 0) scale(1);
   }
+  .c_input-label-color {
+    color: var(--colors-input-label-color);
+  }
   .resize_none {
     resize: none;
   }
@@ -1312,15 +1306,6 @@
   .right_11px {
     right: 11px;
   }
-  .ml_6 {
-    margin-left: var(--spacing-6);
-  }
-  .ml_1 {
-    margin-left: var(--spacing-1);
-  }
-  .mr_1 {
-    margin-right: var(--spacing-1);
-  }
   .pl_7 {
     padding-left: var(--spacing-7);
   }
@@ -1363,6 +1348,12 @@
   .top_1 {
     top: var(--spacing-1);
   }
+  .ml_1 {
+    margin-left: var(--spacing-1);
+  }
+  .mr_1 {
+    margin-right: var(--spacing-1);
+  }
   [data-theme=dark] .dark\:bg_neutral\.700 {
     background: var(--colors-neutral-700);
   }
@@ -1463,9 +1454,6 @@
   .active\:bg_neutral\.200:active:focus-visible:not(:disabled) {
     background: var(--colors-neutral-200);
   }
-  .labelLifted\:bg_input-label-bg:has(+ input:focus, + input:not(:placeholder-shown)) {
-    background: var(--colors-input-label-bg);
-  }
   .active\:bg_none:active:not(:disabled),
   .active\:bg_none:active:not(:focus-visible):not(:disabled),
   .active\:bg_none:active:focus-visible:not(:disabled) {
@@ -1487,21 +1475,6 @@
   .focus\:bx-sh_0_0_0_6px_hsl\(0_0\%_100\%_\/_0\.05\):is(:focus, [data-focus]) {
     box-shadow: 0 0 0 6px hsl(0 0% 100% / 0.05);
   }
-  .labelLifted\:c_input-label-color-lifted:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-input-label-color-lifted);
-  }
-  .labelLifted\:c_input-label-color:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-input-label-color);
-  }
-  .labelLifted\:c_text-alert:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-text-alert);
-  }
-  .labelLifted\:trf-o_top_left:has(+ input:focus, + input:not(:placeholder-shown)) {
-    transform-origin: top left;
-  }
-  .labelLifted\:trf_scale\(0\.8\):has(+ input:focus, + input:not(:placeholder-shown)) {
-    transform: scale(0.8);
-  }
   .active\:trf_none\!:active:not(:disabled),
   .active\:trf_none\!:active:not(:focus-visible):not(:disabled),
   .active\:trf_none\!:active:focus-visible:not(:disabled) {
@@ -1524,15 +1497,6 @@
   .\[\&\:has\(\+_textarea\:focus\,_\+_textarea\:not\(\:placeholder-shown\)\)\]\:trf_scale\(0\.8\):has(+ textarea:focus, + textarea:not(:placeholder-shown)) {
     transform: scale(0.8);
   }
-  .labelLifted\:ml_6:has(+ input:focus, + input:not(:placeholder-shown)) {
-    margin-left: var(--spacing-6);
-  }
-  .labelLifted\:ml_1:has(+ input:focus, + input:not(:placeholder-shown)) {
-    margin-left: var(--spacing-1);
-  }
-  .labelLifted\:top_-10px:has(+ input:focus, + input:not(:placeholder-shown)) {
-    top: -10px;
-  }
   .\[\&\:has\(\+_textarea\:focus\,_\+_textarea\:not\(\:placeholder-shown\)\)\]\:top_-14px:has(+ textarea:focus, + textarea:not(:placeholder-shown)) {
     top: -14px;
   }

package/dist/react/index.js

@@ -1196,6 +1196,40 @@ var omit = (obj, keys) => {
   }
   return result;
 };
+function deepMerge(...sources) {
+  const result = {};
+  for (const source of sources) {
+    if (!source) continue;
+    for (const [key, value] of Object.entries(source)) {
+      const existing = result[key];
+      if (typeof existing === "object" && existing !== null && !Array.isArray(existing) && typeof value === "object" && value !== null && !Array.isArray(value)) {
+        result[key] = deepMerge(
+          existing,
+          value
+        );
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+function mergeStyleDefaults(defaults2, props, nonStyleKeys) {
+  const styleProps = {};
+  const otherProps = {};
+  const nonStyleSet = new Set(
+    nonStyleKeys
+  );
+  for (const [key, value] of Object.entries(props)) {
+    if (nonStyleSet.has(key)) {
+      otherProps[key] = value;
+    } else if (value !== void 0) {
+      styleProps[key] = value;
+    }
+  }
+  const mergedStyles = deepMerge(defaults2, styleProps);
+  return { ...otherProps, ...mergedStyles };
+}
 var TrackNameKey = "Track";
 var ThumbNameKey = "Thumb";
 var Button = motionTags.button;
@@ -2211,41 +2245,38 @@ function Label2(props) {
     hasLeftIcon,
     onAnimationStart: _onAnimationStart,
     onAnimationComplete: _onAnimationComplete,
-    ...rest
+    ...consumerProps
   } = props;
   const ml = hasLeftIcon ? 6 : 1;
-  return /* @__PURE__ */ jsxs(
-    Base4,
-    {
-      gridAutoFlow: "column",
-      position: "absolute",
-      pointerEvents: "none",
-      top: "50%",
+  const styleDefaults = {
+    gridAutoFlow: "column",
+    position: "absolute",
+    pointerEvents: "none",
+    top: "50%",
+    transformOrigin: "top left",
+    transform: "translate(0, -50%) scale(1)",
+    transition: "200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out",
+    ml,
+    mr: 1,
+    px: 2,
+    py: 0.5,
+    br: 8,
+    color: error ? "text-alert" : "input-label-color",
+    lineHeight: 1.1,
+    _labelLifted: {
       transformOrigin: "top left",
-      transform: "translate(0, -50%) scale(1)",
-      transition: "200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out",
+      transform: "scale(0.8)",
+      top: "-10px",
       ml,
-      mr: 1,
-      px: 2,
-      py: 0.5,
-      br: 8,
-      color: error ? "text-alert" : "input-label-color",
-      lineHeight: 1.1,
-      _labelLifted: {
-        transformOrigin: "top left",
-        transform: "scale(0.8)",
-        top: "-10px",
-        ml,
-        color: error ? "text-alert" : value ? "input-label-color-lifted" : "input-label-color",
-        bg: "input-label-bg"
-      },
-      ...rest,
-      children: [
-        children,
-        required && "*"
-      ]
+      color: error ? "text-alert" : value ? "input-label-color-lifted" : "input-label-color",
+      bg: "input-label-bg"
     }
-  );
+  };
+  const mergedStyles = mergeStyleDefaults(styleDefaults, consumerProps, []);
+  return /* @__PURE__ */ jsxs(Base4, { ...mergedStyles, children: [
+    children,
+    required && "*"
+  ] });
 }
 Label2.displayName = LabelNameKey2;
 function useResizeObserver(opts = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qstd",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "Standard Block component and utilities library with Panda CSS",
   "author": "malin1",
   "license": "MIT",

package/styled-system/styles.css

@@ -880,12 +880,12 @@
     border-radius: 50%;
 }
 
-  .trs_200ms_cubic-bezier\(0\,_0\,_0\.2\,_1\)_0ms\,_\.2s_color_ease-in-out\,_\.2s_background_ease-in-out {
-    transition: 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out;
+  .bd-c_input-border-color-error {
+    border-color: var(--colors-input-border-color-error);
 }
 
-  .px_2 {
-    padding-inline: var(--spacing-2);
+  .bd-c_input-border-color {
+    border-color: var(--colors-input-border-color);
 }
 
   .py_0\.5 {
@@ -896,14 +896,6 @@
     border-radius: 8px;
 }
 
-  .bd-c_input-border-color-error {
-    border-color: var(--colors-input-border-color-error);
-}
-
-  .bd-c_input-border-color {
-    border-color: var(--colors-input-border-color);
-}
-
   .ring_1px_solid_rgba\(208\,_58\,_58\,_0\.05\) {
     outline: 1px solid rgba(208, 58, 58, 0.05);
 }
@@ -948,6 +940,14 @@
     transition: background-color 0.2s ease-in-out;
 }
 
+  .trs_200ms_cubic-bezier\(0\,_0\,_0\.2\,_1\)_0ms\,_\.2s_color_ease-in-out\,_\.2s_background_ease-in-out {
+    transition: 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, .2s color ease-in-out, .2s background ease-in-out;
+}
+
+  .px_2 {
+    padding-inline: var(--spacing-2);
+}
+
   .px_10px {
     padding-inline: 10px;
 }
@@ -1144,30 +1144,6 @@
     transform: translateY(-50%);
 }
 
-  .c_input-label-color {
-    color: var(--colors-input-label-color);
-}
-
-  .grid-af_column {
-    grid-auto-flow: column;
-}
-
-  .pointer-events_none {
-    pointer-events: none;
-}
-
-  .trf-o_top_left {
-    transform-origin: top left;
-}
-
-  .trf_translate\(0\,_-50\%\)_scale\(1\) {
-    transform: translate(0, -50%) scale(1);
-}
-
-  .lh_1\.1 {
-    line-height: 1.1;
-}
-
   .ring-c_input-outline-color-error {
     outline-color: var(--colors-input-outline-color-error);
 }
@@ -1207,6 +1183,10 @@
     position: absolute;
 }
 
+  .pointer-events_none {
+    pointer-events: none;
+}
+
   .bx-sh_0_0_0_6px_rgba\(0\,0\,0\,\.08\) {
     box-shadow: 0 0 0 6px rgba(0,0,0,.08);
 }
@@ -1272,10 +1252,22 @@
     box-sizing: content-box;
 }
 
+  .grid-af_column {
+    grid-auto-flow: column;
+}
+
+  .trf-o_top_left {
+    transform-origin: top left;
+}
+
   .trf_translate\(0\,_0\)_scale\(1\) {
     transform: translate(0, 0) scale(1);
 }
 
+  .c_input-label-color {
+    color: var(--colors-input-label-color);
+}
+
   .resize_none {
     resize: none;
 }
@@ -1428,18 +1420,6 @@
     right: 11px;
 }
 
-  .ml_6 {
-    margin-left: var(--spacing-6);
-}
-
-  .ml_1 {
-    margin-left: var(--spacing-1);
-}
-
-  .mr_1 {
-    margin-right: var(--spacing-1);
-}
-
   .pl_7 {
     padding-left: var(--spacing-7);
 }
@@ -1496,6 +1476,14 @@
     top: var(--spacing-1);
 }
 
+  .ml_1 {
+    margin-left: var(--spacing-1);
+}
+
+  .mr_1 {
+    margin-right: var(--spacing-1);
+}
+
   [data-theme=dark] .dark\:bg_neutral\.700 {
     background: var(--colors-neutral-700);
 }
@@ -1616,10 +1604,6 @@
     background: var(--colors-neutral-200);
 }
 
-  .labelLifted\:bg_input-label-bg:has(+ input:focus, + input:not(:placeholder-shown)) {
-    background: var(--colors-input-label-bg);
-}
-
   .active\:bg_none:active:not(:disabled),.active\:bg_none:active:not(:focus-visible):not(:disabled),.active\:bg_none:active:focus-visible:not(:disabled) {
     background: none;
 }
@@ -1640,26 +1624,6 @@
     box-shadow: 0 0 0 6px hsl(0 0% 100% / 0.05);
 }
 
-  .labelLifted\:c_input-label-color-lifted:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-input-label-color-lifted);
-}
-
-  .labelLifted\:c_input-label-color:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-input-label-color);
-}
-
-  .labelLifted\:c_text-alert:has(+ input:focus, + input:not(:placeholder-shown)) {
-    color: var(--colors-text-alert);
-}
-
-  .labelLifted\:trf-o_top_left:has(+ input:focus, + input:not(:placeholder-shown)) {
-    transform-origin: top left;
-}
-
-  .labelLifted\:trf_scale\(0\.8\):has(+ input:focus, + input:not(:placeholder-shown)) {
-    transform: scale(0.8);
-}
-
   .active\:trf_none\!:active:not(:disabled),.active\:trf_none\!:active:not(:focus-visible):not(:disabled),.active\:trf_none\!:active:focus-visible:not(:disabled) {
     transform: none !important;
 }
@@ -1684,18 +1648,6 @@
     transform: scale(0.8);
 }
 
-  .labelLifted\:ml_6:has(+ input:focus, + input:not(:placeholder-shown)) {
-    margin-left: var(--spacing-6);
-}
-
-  .labelLifted\:ml_1:has(+ input:focus, + input:not(:placeholder-shown)) {
-    margin-left: var(--spacing-1);
-}
-
-  .labelLifted\:top_-10px:has(+ input:focus, + input:not(:placeholder-shown)) {
-    top: -10px;
-}
-
   .\[\&\:has\(\+_textarea\:focus\,_\+_textarea\:not\(\:placeholder-shown\)\)\]\:top_-14px:has(+ textarea:focus, + textarea:not(:placeholder-shown)) {
     top: -14px;
 }