@prizmui/components 0.0.2 → 0.0.5

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

package/dist/components/Button/useButton.js

@@ -7,7 +7,9 @@ export const useButton = (props) => {
         size: size ?? 'medium',
         components: { root: 'button' },
         root: {
-            type: props.as !== 'a' ? 'button' : undefined
+            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/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/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,32 +1,32 @@
 {
-  "name": "@prizmui/components",
-  "version": "0.0.2",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+    "name": "@prizmui/components",
+    "version": "0.0.5",
+    "type": "module",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "tsc",
+        "dev": "tsc --watch",
+        "typecheck": "tsc --noEmit"
+    },
+    "dependencies": {
+        "calame": "workspace:*",
+        "@prizmui/tokens": "workspace:*"
+    },
+    "peerDependencies": {
+        "jsx-framework-test-pb": "*"
+    },
+    "devDependencies": {
+        "jsx-framework-test-pb": "latest",
+        "typescript": "^5.9.3"
     }
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "calame": "0.0.6",
-    "@prizmui/tokens": "0.0.1"
-  },
-  "peerDependencies": {
-    "jsx-framework-test-pb": "*"
-  },
-  "devDependencies": {
-    "jsx-framework-test-pb": "latest",
-    "typescript": "^5.9.3"
-  },
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch",
-    "typecheck": "tsc --noEmit"
-  }
-}
+}