@prizmui/components 0.0.9 → 0.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"PrizmProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/PrizmProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAgChE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAGhD,CAAC"}
+{"version":3,"file":"PrizmProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/PrizmProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKhE,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAMhD,CAAC"}

package/dist/components/PrizmProvider/PrizmProvider.js

@@ -1,28 +1,8 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-const injectedThemes = new Map();
-function hashTheme(theme) {
-    const str = Object.entries(theme).join('');
-    let h = 5381;
-    for (let i = 0; i < str.length; i++) {
-        h = ((h << 5) + h) ^ str.charCodeAt(i);
-    }
-    return (h >>> 0).toString(36);
-}
-function getThemeClassName(theme) {
-    const hash = hashTheme(theme);
-    const className = `prizm-${hash}`;
-    if (!injectedThemes.has(className)) {
-        const vars = Object.entries(theme)
-            .map(([key, value]) => `--${key}: ${value}`)
-            .join('; ');
-        const style = document.createElement('style');
-        style.textContent = `.${className} { ${vars} }`;
-        document.head.appendChild(style);
-        injectedThemes.set(className, hash);
-    }
-    return className;
-}
-export const PrizmProvider = ({ theme, children }) => {
-    const className = getThemeClassName(theme);
-    return _jsx("div", { className: className, children: children });
+import { useProvider } from './useProvider';
+import { useProviderStyles } from './useProviderStyles.styles';
+import { renderProvider } from './renderProvider';
+export const PrizmProvider = (props) => {
+    const state = useProvider(props);
+    useProviderStyles(state);
+    return renderProvider(state);
 };

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

@@ -1,7 +1,13 @@
-import type { ElementChild } from 'jsx-framework-test-pb';
+import type { ComponentProps, ComponentState, Slot } from '../../utilities';
 import type { Theme } from '@prizmui/tokens';
-export type PrizmProviderProps = {
+export type PrizmProviderSlots = {
+    root: NonNullable<Slot<'div'>>;
+};
+export type PrizmProviderProps = ComponentProps<PrizmProviderSlots> & {
+    theme: Theme;
+};
+export type PrizmProviderState = ComponentState<PrizmProviderSlots> & {
     theme: Theme;
-    children?: ElementChild | ElementChild[];
+    themeClassName: string;
 };
 //# sourceMappingURL=PrizmProvider.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PrizmProvider.types.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/PrizmProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC5C,CAAC"}
+{"version":3,"file":"PrizmProvider.types.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/PrizmProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAClE,KAAK,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAClE,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CAC1B,CAAC"}

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

@@ -1,3 +1,4 @@
-export { PrizmProvider } from './PrizmProvider';
-export type { PrizmProviderProps } from './PrizmProvider.types';
+export { PrizmProvider, } from './PrizmProvider';
+export { prizmProviderClassNames } from './useProviderStyles.styles';
+export type { PrizmProviderProps, PrizmProviderSlots, PrizmProviderState } from './PrizmProvider.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,GAAG,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/PrizmProvider/index.js

@@ -1 +1,2 @@
-export { PrizmProvider } from './PrizmProvider';
+export { PrizmProvider, } from './PrizmProvider';
+export { prizmProviderClassNames } from './useProviderStyles.styles';

package/dist/components/PrizmProvider/renderProvider.d.ts

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

package/dist/components/PrizmProvider/renderProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/renderProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEpF,eAAO,MAAM,cAAc,GAAI,OAAO,kBAAkB,KAAG,UAQ1D,CAAC"}

package/dist/components/PrizmProvider/renderProvider.js

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

package/dist/components/PrizmProvider/useProvider.d.ts

@@ -0,0 +1,3 @@
+import type { PrizmProviderProps, PrizmProviderState } from './PrizmProvider.types';
+export declare const useProvider: (props: PrizmProviderProps) => PrizmProviderState;
+//# sourceMappingURL=useProvider.d.ts.map

package/dist/components/PrizmProvider/useProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProvider.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/useProvider.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAgCpF,eAAO,MAAM,WAAW,GAAI,OAAO,kBAAkB,KAAG,kBAYvD,CAAC"}

package/dist/components/PrizmProvider/useProvider.js

@@ -0,0 +1,33 @@
+import { getIntrinsicElementProps, slot } from '../../utilities';
+const injectedThemes = new Map();
+function hashTheme(theme) {
+    const str = Object.entries(theme).join('');
+    let h = 5381;
+    for (let i = 0; i < str.length; i++) {
+        h = ((h << 5) + h) ^ str.charCodeAt(i);
+    }
+    return (h >>> 0).toString(36);
+}
+function getThemeClassName(theme) {
+    const hash = hashTheme(theme);
+    const className = `prizm-${hash}`;
+    if (!injectedThemes.has(className)) {
+        const vars = Object.entries(theme)
+            .map(([key, value]) => `--${key}: ${value}`)
+            .join('; ');
+        const style = document.createElement('style');
+        style.textContent = `.${className} { ${vars} }`;
+        document.head.appendChild(style);
+        injectedThemes.set(className, hash);
+    }
+    return className;
+}
+export const useProvider = (props) => {
+    const { theme } = props;
+    return {
+        theme,
+        themeClassName: getThemeClassName(theme),
+        components: { root: 'div' },
+        root: slot.always(getIntrinsicElementProps('div', { ...props }, ['theme']), { elementType: 'div' }),
+    };
+};

package/dist/components/PrizmProvider/useProviderStyles.styles.d.ts

@@ -0,0 +1,5 @@
+import type { SlotClassNames } from '../../utilities';
+import type { PrizmProviderSlots, PrizmProviderState } from './PrizmProvider.types';
+export declare const prizmProviderClassNames: SlotClassNames<PrizmProviderSlots>;
+export declare const useProviderStyles: (state: PrizmProviderState) => PrizmProviderState;
+//# sourceMappingURL=useProviderStyles.styles.d.ts.map

package/dist/components/PrizmProvider/useProviderStyles.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProviderStyles.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PrizmProvider/useProviderStyles.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGpF,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,kBAAkB,CAEtE,CAAC;AAUF,eAAO,MAAM,iBAAiB,GAAI,OAAO,kBAAkB,KAAG,kBAW7D,CAAC"}

package/dist/components/PrizmProvider/useProviderStyles.styles.js

@@ -0,0 +1,17 @@
+import { makeStyles, mergeClasses } from 'calame';
+import { tokens } from '@prizmui/tokens';
+export const prizmProviderClassNames = {
+    root: 'c-PrizmProvider',
+};
+const useStyles = makeStyles({
+    root: {
+        color: tokens.colorNeutralForeground1,
+        backgroundColor: tokens.colorNeutralBackground1,
+        textAlign: 'left'
+    }
+});
+export const useProviderStyles = (state) => {
+    const styles = useStyles();
+    state.root.className = mergeClasses(prizmProviderClassNames.root, state.themeClassName, styles.root, state.root.className);
+    return state;
+};

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { PrizmProvider } from './components/PrizmProvider';
-export type { PrizmProviderProps } from './components/PrizmProvider';
+export { PrizmProvider, prizmProviderClassNames } from './components/PrizmProvider';
+export type { PrizmProviderProps, PrizmProviderSlots, PrizmProviderState } from './components/PrizmProvider';
 export { Button, buttonClassNames } from './components/Button';
 export type { ButtonProps, ButtonSlots, ButtonState } from './components/Button';
 export { Text, textClassNames } from './components/Text';

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;AAEjF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACpF,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE7G,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,3 +1,3 @@
-export { PrizmProvider } from './components/PrizmProvider';
+export { PrizmProvider, prizmProviderClassNames } from './components/PrizmProvider';
 export { Button, buttonClassNames } from './components/Button';
 export { Text, textClassNames } from './components/Text';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prizmui/components",
-  "version": "0.0.9",
+  "version": "0.1.1",
   "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": "*"