qstd 0.3.10 → 0.3.12

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,27 @@ 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.
+ * For `_labelLifted`, partial overrides are merged with defaults.
+ *
+ * **`bg` cascades to lifted state:** If you set `bg`, it applies to both
+ * default and lifted states. Only specify `_labelLifted.bg` if you want
+ * a different background when lifted.
+ *
+ * @example
+ * // bg applies to both states
+ * <Block.Input.Label bg={{ base: "white", _dark: "gray.900" }}>
+ *   Email
+ * </Block.Input.Label>
+ *
+ * // Different lifted bg
+ * <Block.Input.Label bg="white" _labelLifted={{ bg: "blue.50" }}>
+ *   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;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,UAAU,2CA0DvE;yBA1De,KAAK"}

package/dist/react/index.cjs

@@ -2232,11 +2232,21 @@ function Label2(props) {
     required,
     children,
     hasLeftIcon,
+    bg: consumerBg,
+    _labelLifted: consumerLabelLifted,
     onAnimationStart: _onAnimationStart,
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   const ml = hasLeftIcon ? 6 : 1;
+  const defaultLabelLifted = {
+    transformOrigin: "top left",
+    transform: "scale(0.8)",
+    top: "-10px",
+    ml,
+    color: error ? "text-alert" : value ? "input-label-color-lifted" : "input-label-color",
+    bg: consumerBg ?? "input-label-bg"
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Base4,
     {
@@ -2254,15 +2264,12 @@ function Label2(props) {
       br: 8,
       color: error ? "text-alert" : "input-label-color",
       lineHeight: 1.1,
+      bg: consumerBg,
+      ...rest,
       _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"
+        ...defaultLabelLifted,
+        ...consumerLabelLifted
       },
-      ...rest,
       children: [
         children,
         required && "*"

package/dist/react/index.js

@@ -2209,11 +2209,21 @@ function Label2(props) {
     required,
     children,
     hasLeftIcon,
+    bg: consumerBg,
+    _labelLifted: consumerLabelLifted,
     onAnimationStart: _onAnimationStart,
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
   const ml = hasLeftIcon ? 6 : 1;
+  const defaultLabelLifted = {
+    transformOrigin: "top left",
+    transform: "scale(0.8)",
+    top: "-10px",
+    ml,
+    color: error ? "text-alert" : value ? "input-label-color-lifted" : "input-label-color",
+    bg: consumerBg ?? "input-label-bg"
+  };
   return /* @__PURE__ */ jsxs(
     Base4,
     {
@@ -2231,15 +2241,12 @@ function Label2(props) {
       br: 8,
       color: error ? "text-alert" : "input-label-color",
       lineHeight: 1.1,
+      bg: consumerBg,
+      ...rest,
       _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"
+        ...defaultLabelLifted,
+        ...consumerLabelLifted
       },
-      ...rest,
       children: [
         children,
         required && "*"

package/package.json

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