@prizmui/components 0.0.2 → 0.0.4

package/dist/components/Button/useButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/D,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,KAAG,WAiB9C,CAAC"}
+{"version":3,"file":"useButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/D,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,KAAG,WAkB9C,CAAC"}

package/dist/components/Button/useButton.js

@@ -1,14 +1,15 @@
 export const useButton = (props) => {
-    const { appearance, disabled, shape, size } = props;
+    const { appearance, disabled, shape, size, as: asProp, ...rootProps } = props;
     const state = {
         appearance: appearance ?? 'secondary',
         disabled: disabled ?? false,
         shape: shape ?? 'rounded',
         size: size ?? 'medium',
-        components: { root: 'button' },
+        components: { root: asProp ?? 'button' },
         root: {
-            type: props.as !== 'a' ? 'button' : undefined
-        }
+            ...rootProps,
+            ...(!asProp || asProp === 'button' ? { type: 'button' } : {}),
+        },
     };
     return state;
 };

package/dist/utilities/assertSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assertSlots.d.ts","sourceRoot":"","sources":["../../src/utilities/assertSlots.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,WAAW,CAAC,MAAM,SAAS,eAAe,EACtD,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAC9B,OAAO,CAAC,KAAK,IAAI,cAAc,CAAC,MAAM,CAAC,GAAG;KAAG,CAAC,IAAI,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAAE,CA6BhG"}
+{"version":3,"file":"assertSlots.d.ts","sourceRoot":"","sources":["../../src/utilities/assertSlots.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAgB,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,WAAW,CAAC,MAAM,SAAS,eAAe,EACtD,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAC9B,OAAO,CAAC,KAAK,IAAI,cAAc,CAAC,MAAM,CAAC,GAAG;KAAG,CAAC,IAAI,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAAE,CAkChG"}

package/dist/utilities/assertSlots.js

@@ -39,14 +39,17 @@ export function assertSlots(state) {
         // Explicit JSX children (extraProps.children) only override baked-in
         // children when they are not undefined, so callers can safely write
         // <state.root>{someVar}</state.root> even when someVar is undefined.
-        state[slotName] =
-            (extraProps = {}) => {
-                const { children: explicitChildren, ...otherExtra } = extraProps;
-                return jsx(Component, {
-                    ...slotProps,
-                    ...otherExtra,
-                    ...(explicitChildren !== undefined && { children: explicitChildren }),
-                });
-            };
+        const fn = (extraProps = {}) => {
+            const { children: explicitChildren, ...otherExtra } = extraProps;
+            return jsx(Component, {
+                ...slotProps,
+                ...otherExtra,
+                ...(explicitChildren !== undefined && { children: explicitChildren }),
+            });
+        };
+        // Attach original props onto the function so callers can still
+        // read slot props after assertSlots, e.g. state.root.children.
+        Object.assign(fn, slotProps);
+        state[slotName] = fn;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prizmui/components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",