@prizmui/components 0.0.4 → 0.0.7

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

@@ -1,4 +1,4 @@
-import { FC } from 'jsx-framework-test-pb';
+import type { FC } from 'jsx-framework-test-pb';
 import type { ButtonProps } from './Button.types';
 export declare const Button: FC<ButtonProps>;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAMlC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAMlC,CAAC"}

package/dist/components/Button/Button.types.d.ts

@@ -6,7 +6,7 @@ export type ButtonProps = ComponentProps<ButtonSlots> & {
     /**
      * @default 'secondary'
      */
-    appearance?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+    appearance?: 'primary' | 'secondary' | 'ghost';
     /**
      * @default false
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEjG,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACpD;;OAEG;IAEH,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAE5D;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IAEH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAE1C;;OAEG;IAEH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,GACjD,QAAQ,CACJ,IAAI,CACA,WAAW,EACX,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAC/C,CACJ,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEjG,MAAM,MAAM,WAAW,GAAG;IACtB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACpD;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAE/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAE1C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,GACjD,QAAQ,CACJ,IAAI,CACA,WAAW,EACX,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAC/C,CACJ,CAAC"}

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,WAkB9C,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,WAmB9C,CAAC"}

package/dist/components/Button/useButton.js

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

package/dist/components/Button/useButtonStyles.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonStyles.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButtonStyles.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG/D,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,WAAW,CAExD,CAAC;AA0JF,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,KAAG,WAsBpD,CAAC"}
+{"version":3,"file":"useButtonStyles.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButtonStyles.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG/D,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,WAAW,CAExD,CAAC;AAuIF,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,KAAG,WAsBpD,CAAC"}

package/dist/components/Button/useButtonStyles.styles.js

@@ -55,19 +55,6 @@ const useRootStyles = makeStyles({
         },
     },
     secondary: {},
-    tertiary: {
-        backgroundColor: 'transparent',
-        ...shorthands.borderColor('transparent'),
-        color: tokens.colorNeutralForeground1,
-        ':hover': {
-            backgroundColor: tokens.colorNeutralBackground1Hover,
-            ...shorthands.borderColor('transparent'),
-        },
-        ':active': {
-            backgroundColor: tokens.colorNeutralBackground1Pressed,
-            ...shorthands.borderColor('transparent'),
-        },
-    },
     ghost: {
         backgroundColor: 'transparent',
         ...shorthands.borderColor('transparent'),
@@ -124,7 +111,6 @@ const useRootDisabledStyles = makeStyles({
     },
     primary: {},
     secondary: {},
-    tertiary: {},
     ghost: {},
 });
 export const useButtonStyles = (state) => {

package/dist/components/PrizmProvider/PrizmProvider.js

@@ -10,7 +10,7 @@ function hashTheme(theme) {
 }
 function getThemeClassName(theme) {
     const hash = hashTheme(theme);
-    const className = `fluid-${hash}`;
+    const className = `prizm-${hash}`;
     if (!injectedThemes.has(className)) {
         const vars = Object.entries(theme)
             .map(([key, value]) => `--${key}: ${value}`)

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

@@ -0,0 +1,4 @@
+import type { FC } from 'jsx-framework-test-pb';
+import type { TextProps } from './Text.types';
+export declare const Text: FC<TextProps>;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAM9B,CAAC"}

package/dist/components/Text/Text.js

@@ -0,0 +1,8 @@
+import { useText } from './useText';
+import { renderText } from './renderText';
+import { useTextStyles } from './useTextStyles.styles';
+export const Text = (props) => {
+    const state = useText(props);
+    useTextStyles(state);
+    return renderText(state);
+};

package/dist/components/Text/Text.types.d.ts

@@ -0,0 +1,48 @@
+import type { ComponentProps, ComponentState, Slot } from '../../utilities';
+export type TextSlots = {
+    root: NonNullable<Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'strong' | 'b' | 'em' | 'i'>>;
+};
+export type TextProps = ComponentProps<TextSlots> & {
+    /**
+     * @default start
+     */
+    align?: 'start' | 'center' | 'end' | 'justify';
+    /**
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * @default base
+     */
+    font?: 'base' | 'monospace' | 'numeric';
+    /**
+     * @default false
+     */
+    italic?: boolean;
+    /**
+     * @default 300
+     */
+    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
+    /**
+     * @default false
+     */
+    strikethrough?: boolean;
+    /**
+     * @default false
+     */
+    truncate?: boolean;
+    /**
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * @default regular
+     */
+    weight?: 'regular' | 'medium' | 'semibold' | 'bold';
+    /**
+     * @default true
+     */
+    wrap?: boolean;
+};
+export type TextState = ComponentState<TextSlots> & Required<Pick<TextProps, 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'>>;
+//# sourceMappingURL=Text.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAE3E,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK,GAAG,QAAQ,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;CACxH,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAE/C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IAExC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAElE;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEpD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,GAC7C,QAAQ,CACJ,IAAI,CACA,SAAS,EACT,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAClH,CACJ,CAAC"}

package/dist/components/Text/Text.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Text/index.d.ts

@@ -0,0 +1,4 @@
+export { Text } from './Text';
+export type { TextProps, TextSlots, TextState } from './Text.types';
+export { textClassNames } from './useTextStyles.styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/Text/index.js

@@ -0,0 +1,2 @@
+export { Text } from './Text';
+export { textClassNames } from './useTextStyles.styles';

package/dist/components/Text/renderText.d.ts

@@ -0,0 +1,4 @@
+import type { JSXElement } from '../../utilities';
+import type { TextState } from './Text.types';
+export declare const renderText: (state: TextState) => JSXElement;
+//# sourceMappingURL=renderText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderText.d.ts","sourceRoot":"","sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,KAAG,UAQ7C,CAAC"}

package/dist/components/Text/renderText.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
+import { assertSlots } from '../../utilities';
+export const renderText = (state) => {
+    assertSlots(state);
+    return (_jsx(state.root, { children: state.root.children }));
+};

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

@@ -0,0 +1,3 @@
+import type { TextProps, TextState } from './Text.types';
+export declare const useText: (props: TextProps) => TextState;
+//# sourceMappingURL=useText.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Text/useText.js

@@ -0,0 +1,22 @@
+export const useText = (props) => {
+    const { align, block, font, italic, size, strikethrough, truncate, underline, weight, wrap } = props;
+    const state = {
+        align: align ?? 'start',
+        block: block ?? false,
+        font: font ?? 'base',
+        italic: italic ?? false,
+        size: size ?? 300,
+        strikethrough: strikethrough ?? false,
+        truncate: truncate ?? false,
+        underline: underline ?? false,
+        weight: weight ?? 'regular',
+        wrap: wrap ?? true,
+        components: { root: 'span' },
+        root: {
+            elementType: 'span',
+            type: props.as,
+            ...props
+        }
+    };
+    return state;
+};

package/dist/components/Text/useTextStyles.styles.d.ts

@@ -0,0 +1,5 @@
+import type { SlotClassNames } from '../../utilities';
+import type { TextSlots, TextState } from './Text.types';
+export declare const textClassNames: SlotClassNames<TextSlots>;
+export declare const useTextStyles: (state: TextState) => TextState;
+//# sourceMappingURL=useTextStyles.styles.d.ts.map

package/dist/components/Text/useTextStyles.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextStyles.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Text/useTextStyles.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,SAAS,CAEpD,CAAC;AA4CF,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,SA0ChD,CAAC"}

package/dist/components/Text/useTextStyles.styles.js

@@ -0,0 +1,52 @@
+import { makeResetStyles, makeStyles, mergeClasses } from 'calame';
+import { tokens } from '@prizmui/tokens';
+export const textClassNames = {
+    root: 'c-text',
+};
+const useRootBaseClassName = makeResetStyles({
+    fontFamily: tokens.fontFamilyBase,
+    fontSize: tokens.fontSizeBase300,
+    lineHeight: tokens.lineHeightBase300,
+    fontWeight: tokens.fontWeightRegular,
+    textAlign: 'start',
+    display: 'inline',
+    whiteSpace: 'normal',
+    overflow: 'visible',
+    textOverflow: 'clip'
+});
+const useRootStyles = makeStyles({
+    alignStart: { textAlign: 'start' },
+    alignCenter: { textAlign: 'center' },
+    alignEnd: { textAlign: 'end' },
+    alignJustify: { textAlign: 'justify' },
+    block: { display: 'block' },
+    fontBase: { fontFamily: tokens.fontFamilyBase },
+    fontMonospace: { fontFamily: tokens.fontFamilyMonospace },
+    fontNumeric: { fontFamily: tokens.fontFamilyNumeric },
+    italic: { fontStyle: 'italic' },
+    base100: { fontSize: tokens.fontSizeBase100, lineHeight: tokens.lineHeightBase100 },
+    base200: { fontSize: tokens.fontSizeBase200, lineHeight: tokens.lineHeightBase200 },
+    base300: { fontSize: tokens.fontSizeBase300, lineHeight: tokens.lineHeightBase300 },
+    base400: { fontSize: tokens.fontSizeBase400, lineHeight: tokens.lineHeightBase400 },
+    base500: { fontSize: tokens.fontSizeBase500, lineHeight: tokens.lineHeightBase500 },
+    base600: { fontSize: tokens.fontSizeBase600, lineHeight: tokens.lineHeightBase600 },
+    base700: { fontSize: tokens.fontSizeBase700, lineHeight: tokens.lineHeightBase700 },
+    hero800: { fontSize: tokens.fontSizeHero800, lineHeight: tokens.lineHeightHero800 },
+    hero900: { fontSize: tokens.fontSizeHero900, lineHeight: tokens.lineHeightHero900 },
+    hero1000: { fontSize: tokens.fontSizeHero1000, lineHeight: tokens.lineHeightHero1000 },
+    strikethrough: { textDecorationLine: 'line-through' },
+    truncate: { textOverflow: 'ellipsis' },
+    underline: { textDecorationLine: 'underline' },
+    weightRegular: { fontWeight: tokens.fontWeightRegular },
+    weightMedium: { fontWeight: tokens.fontWeightMedium },
+    weightSemibold: { fontWeight: tokens.fontWeightSemibold },
+    weightBold: { fontWeight: tokens.fontWeightBold },
+    nowrap: { whiteSpace: 'nowrap', overflow: 'hidden' }
+});
+export const useTextStyles = (state) => {
+    const rootBaseClassName = useRootBaseClassName();
+    const rootStyles = useRootStyles();
+    const { align, block, font, italic, size, strikethrough, truncate, underline, weight, wrap } = state;
+    state.root.className = mergeClasses(textClassNames.root, rootBaseClassName, align === 'start' && rootStyles.alignStart, align === 'center' && rootStyles.alignCenter, align === 'end' && rootStyles.alignEnd, align === 'justify' && rootStyles.alignJustify, block && rootStyles.block, font === 'base' && rootStyles.fontBase, font === 'monospace' && rootStyles.fontMonospace, font === 'numeric' && rootStyles.fontNumeric, italic && rootStyles.italic, size === 100 && rootStyles.base100, size === 200 && rootStyles.base200, size === 300 && rootStyles.base300, size === 400 && rootStyles.base400, size === 500 && rootStyles.base500, size === 600 && rootStyles.base600, size === 700 && rootStyles.base700, size === 800 && rootStyles.hero800, size === 900 && rootStyles.hero900, size === 1000 && rootStyles.hero1000, strikethrough && rootStyles.strikethrough, truncate && rootStyles.truncate, underline && rootStyles.underline, weight === 'regular' && rootStyles.weightRegular, weight === 'medium' && rootStyles.weightMedium, weight === 'semibold' && rootStyles.weightSemibold, weight === 'bold' && rootStyles.weightBold, wrap === false && rootStyles.nowrap, state.root.className);
+    return state;
+};

package/dist/index.d.ts

@@ -2,4 +2,6 @@ export { PrizmProvider } from './components/PrizmProvider';
 export type { PrizmProviderProps } from './components/PrizmProvider';
 export { Button, buttonClassNames } from './components/Button';
 export type { ButtonProps, ButtonSlots, ButtonState } from './components/Button';
+export { Text, textClassNames } from './components/Text';
+export type { TextProps, TextSlots, TextState } from './components/Text';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEjF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { PrizmProvider } from './components/PrizmProvider';
 export { Button, buttonClassNames } from './components/Button';
+export { Text, textClassNames } from './components/Text';

package/dist/utilities/types.d.ts

@@ -40,8 +40,12 @@ export type IntrinsicShorthandProps<TDefaultAs extends IntrinsicElementTag, TFal
  * - An object of props for the slot element (including optional `as` to change type)
  * - `null` — explicitly suppress the slot (don't render it)
  * - `undefined` — optional slot not provided by the consumer
+ *
+ * Accepts two forms:
+ * - `Slot<TProps>` — wraps an existing props object type
+ * - `Slot<'div', 'span' | 'a'>` — intrinsic tag shorthand, forwarded to `IntrinsicShorthandProps`
  */
-export type Slot<TProps extends object> = TProps | null | undefined;
+export type Slot<TDefaultAs extends IntrinsicElementTag | object, TFallbackAs extends IntrinsicElementTag = never> = (TDefaultAs extends IntrinsicElementTag ? IntrinsicShorthandProps<TDefaultAs, TFallbackAs> : TDefaultAs) | null | undefined;
 /**
  * The shape of a component's slot definitions.
  * `root` is always required; additional slots are optional.
@@ -85,7 +89,12 @@ 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>;
+    [K in keyof TSlots]: Exclude<TSlots[K], undefined> & {
+        /** The base element type for this slot (the default `as` value). */
+        elementType?: ElementType;
+        /** The resolved element type, set from the consumer's `as` prop. */
+        type?: ElementType;
+    };
 };
 /**
  * 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":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI9D;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,IAAI,CAAC,SAAS,OAAO,GAClE,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACV,KAAK,CAAC;AAIZ,gFAAgF;AAChF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;AAE9D,0DAA0D;AAC1D,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,mBAAmB,IAC3D,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAE7B;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACnE,mBAAmB,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;AAIrC;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,uBAAuB,CAC/B,UAAU,SAAS,mBAAmB,EACtC,WAAW,SAAS,mBAAmB,GAAG,UAAU,IAElD,CAAC,qBAAqB,CAAC,UAAU,CAAC,GAAG;IAAE,EAAE,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC,GACzD,CAAC,WAAW,SAAS,mBAAmB,GAClC,qBAAqB,CAAC,WAAW,CAAC,GAAG;IAAE,EAAE,EAAE,WAAW,CAAA;CAAE,GACxD,KAAK,CAAC,CAAC;AAEnB;;;;;GAKG;AACH,MAAM,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM,IAAI,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAIpE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,MAAM,SAAS,eAAe,IAAI;KAC1D,CAAC,IAAI,MAAM,MAAM,GAAG,WAAW;CACnC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,CACtB,MAAM,SAAS,eAAe,EAC9B,YAAY,SAAS,MAAM,MAAM,GAAG,MAAM,IAC1C,gBAAgB,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,GAClD;KAAG,CAAC,IAAI,OAAO,CAAC,MAAM,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;CAAE,GAC1D;IAAE,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CAAE,CAAC;AAEjD;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,eAAe,IAAI;IACzD,UAAU,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACxC,GAAG;KAAG,CAAC,IAAI,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;CAAE,CAAC;AAI3D;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,CAAC,WAAW,SAAS,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,KAAK,IACzE,uBAAuB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAInD;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,eAAe,IAAI;KACxD,CAAC,IAAI,MAAM,MAAM,GAAG,MAAM;CAC9B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utilities/types.ts"],"names":[],"mappings":"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"}

package/package.json

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