@cronocode/react-box 3.0.11 → 3.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "3.0.11",
+  "version": "3.0.13",
   "type": "module",
   "main": "./box.cjs",
   "module": "./box.mjs",

package/types.d.ts

@@ -1,10 +1,13 @@
 import { breakpoints, cssStyles, pseudo1, pseudo2, pseudoClasses, pseudoGroupClasses } from './core/boxStyles';
 import { BoxStyle, BoxStylesType, ExtractKeys } from './core/coreTypes';
+import { default as boxComponents } from './core/extends/boxComponents';
 export declare namespace Augmented {
     interface BoxProps {
     }
     interface BoxPropTypes {
     }
+    interface ComponentsTypes {
+    }
 }
 type ExtractBoxStylesInternal<T extends Record<string, BoxStyle[]>> = {
     [K in keyof T]?: K extends keyof Augmented.BoxPropTypes ? BoxStylesType<ArrayType<T[K]>['values']> | Augmented.BoxPropTypes[K] : BoxStylesType<ArrayType<T[K]>['values']>;
@@ -19,13 +22,50 @@ type BoxPseudoClassesStyles2Nested = ExtractKeys<typeof pseudo2, BoxStylesWithPs
 type BoxPseudoClassesStyles2TopLevel = ExtractKeys<typeof pseudo2, boolean | [boolean, BoxStylesWithPseudoClasses]>;
 export interface BoxStylesWithPseudoClasses extends BoxStyles, BoxPseudoClassesStyles1, BoxPseudoClassesStyles2Nested {
 }
-type BoxPseudoGroupClassesStyles = ExtractKeys<typeof pseudoGroupClasses, string | Record<string, BoxStyles>>;
+type BoxPseudoGroupClassesStyles = ExtractKeys<typeof pseudoGroupClasses, Record<string, BoxStyles>>;
 type BoxBreakpointsStyles = ExtractKeys<typeof breakpoints, BoxStylesWithPseudoClasses & BoxPseudoGroupClassesStyles>;
-export interface ThemeProps {
+type ExtractVariants<T> = T extends {
+    variants?: infer Variants;
+} ? keyof Variants extends never ? never : Extract<keyof Variants, string> : never;
+type ExtractChildrenVariants<T> = T extends {
+    children?: infer Children;
+} ? ExtractVariants<Children[keyof Children]> : never;
+type ExtractChildrenNames<T, Prefix extends string> = T extends {
+    children?: infer Children;
+} ? `${Prefix}.${keyof Children & string}` : never;
+export type ExtractComponentsAndVariants<T> = {
+    [K in keyof T as K extends string ? K : never]: ExtractVariants<T[K]>;
+} & {
+    [K in keyof T as ExtractChildrenNames<T[K], `${K & string}`>]: ExtractChildrenVariants<T[K]>;
+} & {
+    [K in keyof T as T[K] extends {
+        children?: infer Children;
+    } ? ExtractChildrenNames<Children[keyof Children], `${K & string}.${keyof Children & string}`> : never]: T[K] extends {
+        children?: infer Children;
+    } ? ExtractChildrenVariants<Children[keyof Children]> : never;
+} & {
+    [K in keyof T as T[K] extends {
+        children?: infer Children;
+    } ? Children[keyof Children] extends {
+        children?: infer Children2;
+    } ? ExtractChildrenNames<Children2[keyof Children2], `${K & string}.${keyof Children & string}.${keyof Children2 & string}`> : never : never]: T[K] extends {
+        children?: infer Children;
+    } ? Children[keyof Children] extends {
+        children?: infer Children2;
+    } ? ExtractChildrenVariants<Children2[keyof Children2]> : never : never;
+};
+type MergeUnion<T, U> = {
+    [K in keyof T | keyof U]: K extends keyof T ? K extends keyof U ? T[K] | U[K] : T[K] : K extends keyof U ? U[K] : never;
+};
+type Simplify<T> = T extends infer U ? {
+    [K in keyof U]: U[K];
+} : never;
+export type ComponentsAndVariants = MergeUnion<Simplify<ExtractComponentsAndVariants<typeof boxComponents>>, Simplify<Augmented.ComponentsTypes>>;
+export interface ComponentProps<TKey extends keyof ComponentsAndVariants = never> {
     clean?: boolean;
-    component?: string;
-    theme?: string;
+    component?: TKey;
+    variant?: ComponentsAndVariants[TKey];
 }
-export type BoxStyleProps = BoxStyles & BoxPseudoClassesStyles1 & BoxPseudoClassesStyles2TopLevel & BoxPseudoGroupClassesStyles & BoxBreakpointsStyles & ThemeProps;
-export type BoxThemeStyles = BoxStylesWithPseudoClasses & BoxBreakpointsStyles;
+export type BoxStyleProps<TKey extends keyof ComponentsAndVariants = never> = Simplify<BoxStyles & BoxPseudoClassesStyles1 & BoxPseudoClassesStyles2TopLevel & BoxPseudoGroupClassesStyles & BoxBreakpointsStyles & ComponentProps<TKey>>;
+export type BoxComponentStyles = Simplify<BoxStylesWithPseudoClasses & BoxBreakpointsStyles & BoxPseudoGroupClassesStyles>;
 export {};

package/components/label.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("react"),o=require("../box.cjs");function s(e,t){return r.jsx(o,{tag:"label",ref:t,component:"label",...e})}const c=n.forwardRef(s);module.exports=c;

package/components/label.d.ts

@@ -1,5 +0,0 @@
-import { BoxProps } from '../box';
-interface Props extends Omit<BoxProps<'label'>, 'ref' | 'tag'> {
-}
-declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLLabelElement>>;
-export default _default;

package/components/label.mjs

@@ -1,10 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import a from "../box.mjs";
-function l(o, r) {
-  return /* @__PURE__ */ t(a, { tag: "label", ref: r, component: "label", ...o });
-}
-const p = e(l);
-export {
-  p as default
-};

package/core/theme/defaultTheme.d.ts

@@ -1,3 +0,0 @@
-import { ThemeSetup } from './themeContract';
-declare const defaultTheme: ThemeSetup;
-export default defaultTheme;

package/core/theme/themeContract.d.ts

@@ -1,25 +0,0 @@
-import { BoxThemeStyles } from '../../types';
-export interface ThemeComponentStyles {
-    clean?: boolean;
-    styles: BoxThemeStyles;
-    themes?: {
-        [name: string]: BoxThemeStyles;
-    };
-    children?: ThemeType;
-}
-export type ThemeType = {
-    [componentName: string]: ThemeComponentStyles;
-};
-export interface ThemeSetup {
-    components?: ThemeType;
-    button?: ThemeComponentStyles;
-    textbox?: ThemeComponentStyles;
-    textarea?: ThemeComponentStyles;
-    checkbox?: ThemeComponentStyles;
-    radioButton?: ThemeComponentStyles;
-    label?: ThemeComponentStyles;
-    dropdown?: ThemeComponentStyles;
-}
-export interface Themes {
-    [name: string]: ThemeSetup;
-}

package/core/theme/useTheme.d.ts

@@ -1,2 +0,0 @@
-import { BoxThemeStyles, ThemeProps } from '../../types';
-export default function useTheme(props: ThemeProps): BoxThemeStyles | undefined;