@prizmui/components 0.0.7 → 0.0.8

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,WAmB9C,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;AAG/D,eAAO,MAAM,SAAS,GAAI,OAAO,WAAW,KAAG,WAoB9C,CAAC"}

package/dist/components/Button/useButton.js

@@ -1,3 +1,4 @@
+import { useARIAButtonProps, slot } from '../../utilities';
 export const useButton = (props) => {
     const { appearance, disabled, shape, size } = props;
     const state = {
@@ -6,11 +7,9 @@ export const useButton = (props) => {
         shape: shape ?? 'rounded',
         size: size ?? 'medium',
         components: { root: 'button' },
-        root: {
-            elementType: 'button',
-            type: props.as !== 'a' ? 'button' : undefined,
-            ...props
-        }
+        root: slot.always(useARIAButtonProps('button', {
+            ...props,
+        }), { elementType: 'button' })
     };
     return state;
 };

package/dist/components/Text/useText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useText.d.ts","sourceRoot":"","sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,KAAG,SAyB1C,CAAC"}
+{"version":3,"file":"useText.d.ts","sourceRoot":"","sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,KAAG,SA0B1C,CAAC"}

package/dist/components/Text/useText.js

@@ -1,3 +1,4 @@
+import { getIntrinsicElementProps, slot } from '../../utilities';
 export const useText = (props) => {
     const { align, block, font, italic, size, strikethrough, truncate, underline, weight, wrap } = props;
     const state = {
@@ -12,11 +13,9 @@ export const useText = (props) => {
         weight: weight ?? 'regular',
         wrap: wrap ?? true,
         components: { root: 'span' },
-        root: {
-            elementType: 'span',
-            type: props.as,
+        root: slot.always(getIntrinsicElementProps('span', {
             ...props
-        }
+        }), { elementType: 'span' })
     };
     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,CAkChG"}
+{"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,CAmChG"}

package/dist/utilities/assertSlots.js

@@ -26,8 +26,8 @@ import { jsx } from 'jsx-framework-test-pb/jsx-runtime';
  */
 export function assertSlots(state) {
     for (const slotName of Object.keys(state.components)) {
-        const Component = state.components[slotName];
         const slotProps = state[slotName];
+        const Component = slotProps?.elementType ?? state.components[slotName];
         if (Component === null || Component === undefined) {
             throw new Error(`assertSlots: slot "${slotName}" has no component in state.components. ` +
                 `Make sure every slot is assigned in the use* hook.`);
@@ -41,8 +41,9 @@ export function assertSlots(state) {
         // <state.root>{someVar}</state.root> even when someVar is undefined.
         const fn = (extraProps = {}) => {
             const { children: explicitChildren, ...otherExtra } = extraProps;
+            const { elementType: _et, type: _t, as: _as, ...domProps } = slotProps;
             return jsx(Component, {
-                ...slotProps,
+                ...domProps,
                 ...otherExtra,
                 ...(explicitChildren !== undefined && { children: explicitChildren }),
             });

package/dist/utilities/getIntrinsicElementProps.d.ts

@@ -0,0 +1,17 @@
+import type { IntrinsicElementTag } from './types';
+/**
+ * Builds a clean prop object for an intrinsic element slot:
+ * - Strips `as` so it never leaks to the DOM
+ * - Resolves `elementType` to `props.as ?? defaultAs` so `assertSlots` renders
+ *   the correct element when the consumer swaps it via `as`
+ * - Strips any additionally excluded prop names (component-specific props with
+ *   no DOM equivalent: `appearance`, `shape`, `size`, …)
+ *
+ * @example
+ * root: slot.always(
+ *     getIntrinsicElementProps('span', { ...props }),
+ *     { elementType: 'span' }
+ * )
+ */
+export declare function getIntrinsicElementProps<TAs extends IntrinsicElementTag>(defaultAs: TAs, props: Record<string, unknown>, excludedPropNames?: readonly string[]): Record<string, unknown>;
+//# sourceMappingURL=getIntrinsicElementProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getIntrinsicElementProps.d.ts","sourceRoot":"","sources":["../../src/utilities/getIntrinsicElementProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,wBAAwB,CAAC,GAAG,SAAS,mBAAmB,EACpE,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,GACtC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAYzB"}

package/dist/utilities/getIntrinsicElementProps.js

@@ -0,0 +1,24 @@
+/**
+ * Builds a clean prop object for an intrinsic element slot:
+ * - Strips `as` so it never leaks to the DOM
+ * - Resolves `elementType` to `props.as ?? defaultAs` so `assertSlots` renders
+ *   the correct element when the consumer swaps it via `as`
+ * - Strips any additionally excluded prop names (component-specific props with
+ *   no DOM equivalent: `appearance`, `shape`, `size`, …)
+ *
+ * @example
+ * root: slot.always(
+ *     getIntrinsicElementProps('span', { ...props }),
+ *     { elementType: 'span' }
+ * )
+ */
+export function getIntrinsicElementProps(defaultAs, props, excludedPropNames) {
+    const { as, ...result } = props;
+    result.elementType = as ?? defaultAs;
+    if (excludedPropNames) {
+        for (const key of excludedPropNames) {
+            delete result[key];
+        }
+    }
+    return result;
+}

package/dist/utilities/index.d.ts

@@ -1,3 +1,6 @@
 export type { DistributiveOmit, IntrinsicElementTag, IntrinsicElementProps, ElementType, IntrinsicShorthandProps, Slot, SlotPropsRecord, ComponentsRecord, ComponentProps, ComponentState, SlotClassNames, ARIAButtonSlotProps, JSXElement, } from './types';
 export { assertSlots } from './assertSlots';
+export { getIntrinsicElementProps } from './getIntrinsicElementProps';
+export { useARIAButtonProps } from './useARIAButton';
+export { slot } from './slot';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACR,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,EACX,uBAAuB,EACvB,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,UAAU,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACR,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,EACX,uBAAuB,EACvB,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,UAAU,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/utilities/index.js

@@ -1 +1,4 @@
 export { assertSlots } from './assertSlots';
+export { getIntrinsicElementProps } from './getIntrinsicElementProps';
+export { useARIAButtonProps } from './useARIAButton';
+export { slot } from './slot';

package/dist/utilities/slot.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Namespace of slot utilities for use* hooks.
+ */
+export declare const slot: {
+    /**
+     * Marks a slot as always rendered (non-null) and merges in default props.
+     * The slot's own props take precedence over `defaultProps`.
+     *
+     * @param slotProps  - Props returned by `getIntrinsicElementProps` or `useARIAButtonProps`
+     * @param defaultProps - Fallback props merged underneath (e.g. `{ elementType: 'button' }`)
+     *
+     * @example
+     * root: slot.always(
+     *     getIntrinsicElementProps('span', { ...props }),
+     *     { elementType: 'span' }
+     * )
+     */
+    always<T extends Record<string, unknown>>(slotProps: T, defaultProps: Record<string, unknown>): T;
+};
+//# sourceMappingURL=slot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/utilities/slot.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,IAAI;IACb;;;;;;;;;;;;OAYG;WACI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,aACzB,CAAC,gBACE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACtC,CAAC;CAGP,CAAC"}

package/dist/utilities/slot.js

@@ -0,0 +1,21 @@
+/**
+ * Namespace of slot utilities for use* hooks.
+ */
+export const slot = {
+    /**
+     * Marks a slot as always rendered (non-null) and merges in default props.
+     * The slot's own props take precedence over `defaultProps`.
+     *
+     * @param slotProps  - Props returned by `getIntrinsicElementProps` or `useARIAButtonProps`
+     * @param defaultProps - Fallback props merged underneath (e.g. `{ elementType: 'button' }`)
+     *
+     * @example
+     * root: slot.always(
+     *     getIntrinsicElementProps('span', { ...props }),
+     *     { elementType: 'span' }
+     * )
+     */
+    always(slotProps, defaultProps) {
+        return { ...defaultProps, ...slotProps };
+    },
+};

package/dist/utilities/types.d.ts

@@ -89,12 +89,11 @@ export type ComponentProps<TSlots extends SlotPropsRecord, TPrimarySlot extends
 export type ComponentState<TSlots extends SlotPropsRecord> = {
     components: ComponentsRecord<TSlots>;
 } & {
-    [K in keyof TSlots]: Exclude<TSlots[K], undefined> & {
-        /** The base element type for this slot (the default `as` value). */
+    [K in keyof TSlots]: (Record<string, unknown> & {
+        /** The resolved element type — set by `getIntrinsicElementProps` / `useARIAButtonProps`. */
         elementType?: ElementType;
-        /** The resolved element type, set from the consumer's `as` prop. */
-        type?: ElementType;
-    };
+        className?: string;
+    }) | Extract<TSlots[K], null>;
 };
 /**
  * Root slot props for a button-like element that can render as:

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

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

package/dist/utilities/useARIAButton.d.ts

@@ -0,0 +1,27 @@
+import type { ARIAButtonSlotProps } from './types';
+/**
+ * Resolves ARIA and DOM concerns for button-like elements that can render as
+ * `<button>`, `<a>`, or `<div>`, and strips `as` so it never reaches the DOM.
+ *
+ * Sets `elementType` to the resolved element (`props.as ?? defaultAs`) so
+ * `assertSlots` renders the correct tag at runtime.
+ *
+ * | Element    | disabled        | role          | tabIndex | type     |
+ * |------------|-----------------|---------------|----------|----------|
+ * | `<button>` | `disabled`      | —             | —        | "button" |
+ * | `<a>`      | `aria-disabled` | "button"      | —        | —        |
+ * | `<div>`    | `aria-disabled` | "button"      | 0        | —        |
+ *
+ * - `<a>` + disabled: `href` is removed to prevent navigation.
+ * - `<button>` gets `type="button"` by default to prevent form submission.
+ *
+ * @example
+ * root: slot.always(
+ *     useARIAButtonProps('button', { ...props }),
+ *     { elementType: 'button' }
+ * )
+ */
+export declare function useARIAButtonProps(defaultAs: 'button' | 'a' | 'div', props: ARIAButtonSlotProps & {
+    disabled?: boolean;
+}): Record<string, unknown>;
+//# sourceMappingURL=useARIAButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useARIAButton.d.ts","sourceRoot":"","sources":["../../src/utilities/useARIAButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,kBAAkB,CAC9B,SAAS,EAAE,QAAQ,GAAG,GAAG,GAAG,KAAK,EACjC,KAAK,EAAE,mBAAmB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GACpD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAmCzB"}

package/dist/utilities/useARIAButton.js

@@ -0,0 +1,54 @@
+/**
+ * Resolves ARIA and DOM concerns for button-like elements that can render as
+ * `<button>`, `<a>`, or `<div>`, and strips `as` so it never reaches the DOM.
+ *
+ * Sets `elementType` to the resolved element (`props.as ?? defaultAs`) so
+ * `assertSlots` renders the correct tag at runtime.
+ *
+ * | Element    | disabled        | role          | tabIndex | type     |
+ * |------------|-----------------|---------------|----------|----------|
+ * | `<button>` | `disabled`      | —             | —        | "button" |
+ * | `<a>`      | `aria-disabled` | "button"      | —        | —        |
+ * | `<div>`    | `aria-disabled` | "button"      | 0        | —        |
+ *
+ * - `<a>` + disabled: `href` is removed to prevent navigation.
+ * - `<button>` gets `type="button"` by default to prevent form submission.
+ *
+ * @example
+ * root: slot.always(
+ *     useARIAButtonProps('button', { ...props }),
+ *     { elementType: 'button' }
+ * )
+ */
+export function useARIAButtonProps(defaultAs, props) {
+    const as = (props.as ?? defaultAs);
+    const disabled = props.disabled;
+    const href = props.href;
+    // Strip 'as', 'disabled', 'href' — all resolved manually below
+    const { as: _as, disabled: _disabled, href: _href, ...rest } = props;
+    if (as === 'button') {
+        return {
+            type: 'button',
+            disabled: disabled || undefined,
+            ...rest,
+            elementType: 'button',
+        };
+    }
+    if (as === 'a') {
+        return {
+            role: 'button',
+            'aria-disabled': disabled || undefined,
+            href: disabled ? undefined : href,
+            ...rest,
+            elementType: 'a',
+        };
+    }
+    // div
+    return {
+        role: 'button',
+        tabIndex: disabled ? undefined : 0,
+        'aria-disabled': disabled || undefined,
+        ...rest,
+        elementType: 'div',
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prizmui/components",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,8 +14,8 @@
     "dist"
   ],
   "dependencies": {
-    "@prizmui/tokens": "0.0.3",
-    "calame": "0.0.6"
+    "calame": "0.0.6",
+    "@prizmui/tokens": "0.0.3"
   },
   "peerDependencies": {
     "jsx-framework-test-pb": "*"