@jakubmazanec/ui 0.1.0-unstable.0c19abe

package/build/theme/internals/createComponentTheme.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentThemeDefinition } from './ComponentThemeDefinition.js';
+import { type UseComponentTheme } from './UseComponentTheme.js';
+export declare function createComponentTheme<const N extends string, const D extends ComponentThemeDefinition | undefined = undefined>(themeName: N, themeDefinition?: NonNullable<D>): UseComponentTheme<N, D>;

package/build/theme/internals/createComponentTheme.js

@@ -0,0 +1,36 @@
+"use strict";
+import { useContext } from "react";
+import { createUseComponentThemeReturn } from "./createUseComponentThemeReturn.js";
+import { themeContext } from "./themeContext.js";
+export function createComponentTheme(themeName, themeDefinition) {
+  let useComponentTheme = (themeProps) => {
+    let theme = useContext(themeContext);
+    if (!theme) {
+      throw new Error("No theme was found!");
+    }
+    let componentTheme = theme[themeName];
+    if (!componentTheme) {
+      throw new Error(`Theme for component "${themeName}" wasn't found!`);
+    }
+    let hasElements = Boolean(themeDefinition?.elements);
+    if (!hasElements) {
+      return createUseComponentThemeReturn(
+        componentTheme,
+        themeProps
+      );
+    }
+    let getClassNames = {};
+    for (let element of themeDefinition?.elements ?? []) {
+      getClassNames[element] = createUseComponentThemeReturn(
+        componentTheme,
+        themeProps,
+        element
+      );
+    }
+    return getClassNames;
+  };
+  useComponentTheme.themeDefinition = themeDefinition;
+  useComponentTheme.componentThemeName = themeName;
+  return useComponentTheme;
+}
+//# sourceMappingURL=createComponentTheme.js.map

package/build/theme/internals/createComponentTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/createComponentTheme.ts"],
+  "sourcesContent": ["import {useContext} from 'react';\n\nimport {type Theme} from '../Theme.js';\nimport {type ClassName} from './ClassName.js';\nimport {type ComponentTheme} from './ComponentTheme.js';\nimport {type ComponentThemeDefinition} from './ComponentThemeDefinition.js';\nimport {type ComponentThemeDefinitionElements} from './ComponentThemeDefinitionElements.js';\nimport {type ComponentThemeDefinitionVariants} from './ComponentThemeDefinitionVariants.js';\nimport {type ComponentThemeProps} from './ComponentThemeProps.js';\nimport {createUseComponentThemeReturn} from './createUseComponentThemeReturn.js';\nimport {themeContext} from './themeContext.js';\nimport {type UseComponentTheme} from './UseComponentTheme.js';\n\nexport function createComponentTheme<\n  const N extends string,\n  const D extends ComponentThemeDefinition | undefined = undefined,\n>(themeName: N, themeDefinition?: NonNullable<D>): UseComponentTheme<N, D> {\n  let useComponentTheme = (themeProps?: ComponentThemeProps<D>) => {\n    let theme = useContext(themeContext);\n\n    if (!theme) {\n      throw new Error('No theme was found!');\n    }\n\n    let componentTheme = theme[themeName as keyof Theme] as unknown as\n      | ComponentTheme<{\n          variants: ComponentThemeDefinitionVariants;\n          elements: ComponentThemeDefinitionElements;\n        }>\n      | ComponentTheme<{variants: ComponentThemeDefinitionVariants}>\n      | undefined;\n\n    if (!componentTheme) {\n      throw new Error(`Theme for component \"${themeName}\" wasn't found!`);\n    }\n\n    let hasElements = Boolean(themeDefinition?.elements);\n\n    if (!hasElements) {\n      return createUseComponentThemeReturn(\n        componentTheme as\n          | ComponentTheme<{variants: ComponentThemeDefinitionVariants}>\n          | ComponentTheme<undefined>,\n        themeProps,\n      );\n    }\n\n    let getClassNames: Record<string, (...args: ClassName[]) => string> = {};\n\n    for (let element of themeDefinition?.elements ?? []) {\n      getClassNames[element] = createUseComponentThemeReturn(\n        componentTheme as\n          | ComponentTheme<{variants: ComponentThemeDefinitionVariants}>\n          | ComponentTheme<undefined>,\n        themeProps,\n        element,\n      );\n    }\n\n    return getClassNames;\n  };\n\n  (useComponentTheme as UseComponentTheme<N, D>).themeDefinition = themeDefinition;\n  (useComponentTheme as UseComponentTheme<N, D>).componentThemeName = themeName;\n\n  return useComponentTheme as UseComponentTheme<N, D>;\n}\n"],
+  "mappings": ";AAAA,SAAQ,kBAAiB;AASzB,SAAQ,qCAAoC;AAC5C,SAAQ,oBAAmB;AAGpB,gBAAS,qBAGd,WAAc,iBAA2D;AACzE,MAAI,oBAAoB,CAAC,eAAwC;AAC/D,QAAI,QAAQ,WAAW,YAAY;AAEnC,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,qBAAqB;AAAA,IACvC;AAEA,QAAI,iBAAiB,MAAM,SAAwB;AAQnD,QAAI,CAAC,gBAAgB;AACnB,YAAM,IAAI,MAAM,wBAAwB,SAAS,iBAAiB;AAAA,IACpE;AAEA,QAAI,cAAc,QAAQ,iBAAiB,QAAQ;AAEnD,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,QACL;AAAA,QAGA;AAAA,MACF;AAAA,IACF;AAEA,QAAI,gBAAkE,CAAC;AAEvE,aAAS,WAAW,iBAAiB,YAAY,CAAC,GAAG;AACnD,oBAAc,OAAO,IAAI;AAAA,QACvB;AAAA,QAGA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,EAAC,kBAA8C,kBAAkB;AACjE,EAAC,kBAA8C,qBAAqB;AAEpE,SAAO;AACT;",
+  "names": []
+}

package/build/theme/internals/createUseComponentThemeReturn.d.ts

@@ -0,0 +1,15 @@
+import { type ClassName } from './ClassName.js';
+import { type ComponentTheme } from './ComponentTheme.js';
+import { type ComponentThemeDefinitionElements } from './ComponentThemeDefinitionElements.js';
+import { type ComponentThemeDefinitionVariants } from './ComponentThemeDefinitionVariants.js';
+import { type ComponentThemeProps } from './ComponentThemeProps.js';
+export declare function createUseComponentThemeReturn(componentTheme: ComponentTheme<{
+    variants: ComponentThemeDefinitionVariants;
+    elements: ComponentThemeDefinitionElements;
+}> | ComponentTheme<{
+    elements: ComponentThemeDefinitionElements;
+}> | ComponentTheme<{
+    variants: ComponentThemeDefinitionVariants;
+}> | ComponentTheme<undefined>, themeProps?: ComponentThemeProps<{
+    variants: ComponentThemeDefinitionVariants;
+}> | ComponentThemeProps<undefined>, elementName?: string): (baseClassName: ClassName, overrideClassName: ClassName) => string;

package/build/theme/internals/createUseComponentThemeReturn.js

@@ -0,0 +1,51 @@
+"use strict";
+import { booleanToString } from "./booleanToString.js";
+import { cx } from "./cx.js";
+import { pickPropertyIfExists } from "./pickPropertyIfExists.js";
+export function createUseComponentThemeReturn(componentTheme, themeProps, elementName) {
+  if (!themeProps || !("variants" in componentTheme)) {
+    return (baseClassName, overrideClassName) => cx(
+      baseClassName,
+      "classNames" in componentTheme ? pickPropertyIfExists(componentTheme.classNames, elementName) : "className" in componentTheme ? componentTheme.className : void 0,
+      overrideClassName
+    );
+  }
+  let { variants, compoundVariants } = componentTheme;
+  let getVariantClassNames = Object.keys(variants).map((variant) => {
+    let variantProp = themeProps[variant];
+    let variantKey = booleanToString(variantProp);
+    return pickPropertyIfExists(variants[variant]?.[variantKey], elementName);
+  });
+  let getCompoundVariantClassNames = [];
+  if (compoundVariants) {
+    for (let compoundVariant of compoundVariants) {
+      let { className, classNames, ...rest } = compoundVariant;
+      let matchesAllSelectors = true;
+      for (let [cvKey, cvSelector] of Object.entries(rest)) {
+        let selector = themeProps[cvKey];
+        if (Array.isArray(cvSelector)) {
+          if (!cvSelector.includes(selector)) {
+            matchesAllSelectors = false;
+            break;
+          }
+        } else if (selector !== cvSelector) {
+          matchesAllSelectors = false;
+          break;
+        }
+      }
+      if (matchesAllSelectors) {
+        getCompoundVariantClassNames.push(
+          "classNames" in compoundVariant ? pickPropertyIfExists(classNames, elementName) : className
+        );
+      }
+    }
+  }
+  return (baseClassName, overrideClassName) => cx(
+    baseClassName,
+    "classNames" in componentTheme ? pickPropertyIfExists(componentTheme.classNames, elementName) : "className" in componentTheme ? componentTheme.className : void 0,
+    getVariantClassNames,
+    getCompoundVariantClassNames,
+    overrideClassName
+  );
+}
+//# sourceMappingURL=createUseComponentThemeReturn.js.map

package/build/theme/internals/createUseComponentThemeReturn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/createUseComponentThemeReturn.ts"],
+  "sourcesContent": ["/* eslint-disable unicorn/consistent-destructuring -- destructuring leads to messy code because of complicated types */\nimport {booleanToString} from './booleanToString.js';\nimport {type ClassName} from './ClassName.js';\nimport {type ComponentTheme} from './ComponentTheme.js';\nimport {type ComponentThemeDefinitionElements} from './ComponentThemeDefinitionElements.js';\nimport {type ComponentThemeDefinitionVariants} from './ComponentThemeDefinitionVariants.js';\nimport {type ComponentThemeProps} from './ComponentThemeProps.js';\nimport {cx} from './cx.js';\nimport {pickPropertyIfExists} from './pickPropertyIfExists.js';\n\nexport function createUseComponentThemeReturn(\n  componentTheme:\n    | ComponentTheme<{\n        variants: ComponentThemeDefinitionVariants;\n        elements: ComponentThemeDefinitionElements;\n      }>\n    | ComponentTheme<{elements: ComponentThemeDefinitionElements}>\n    | ComponentTheme<{variants: ComponentThemeDefinitionVariants}>\n    | ComponentTheme<undefined>,\n  themeProps?:\n    | ComponentThemeProps<{variants: ComponentThemeDefinitionVariants}>\n    | ComponentThemeProps<undefined>,\n  elementName?: string,\n) {\n  if (!themeProps || !('variants' in componentTheme)) {\n    return (baseClassName: ClassName, overrideClassName: ClassName) =>\n      cx(\n        baseClassName,\n        'classNames' in componentTheme ?\n          pickPropertyIfExists(componentTheme.classNames, elementName)\n        : 'className' in componentTheme ? componentTheme.className\n        : undefined,\n        overrideClassName,\n      );\n  }\n\n  let {variants, compoundVariants} = componentTheme;\n  let getVariantClassNames = Object.keys(variants).map((variant) => {\n    let variantProp = themeProps[variant as keyof typeof themeProps] as boolean | string;\n    let variantKey = booleanToString(variantProp);\n\n    return pickPropertyIfExists(variants[variant]?.[variantKey as 'false' | 'true'], elementName);\n  });\n  let getCompoundVariantClassNames: ClassName[] = [];\n\n  if (compoundVariants) {\n    for (let compoundVariant of compoundVariants) {\n      let {className, classNames, ...rest} = compoundVariant;\n      let matchesAllSelectors = true;\n\n      for (let [cvKey, cvSelector] of Object.entries(rest)) {\n        let selector = themeProps[cvKey as keyof typeof themeProps];\n\n        if (Array.isArray(cvSelector)) {\n          if (!cvSelector.includes(selector as string)) {\n            matchesAllSelectors = false;\n\n            break;\n          }\n        } else if (selector !== cvSelector) {\n          matchesAllSelectors = false;\n\n          break;\n        }\n      }\n\n      if (matchesAllSelectors) {\n        getCompoundVariantClassNames.push(\n          ('classNames' in compoundVariant ?\n            pickPropertyIfExists(classNames as Record<string, ClassName>, elementName)\n          : className) as ClassName,\n        );\n      }\n    }\n  }\n\n  return (baseClassName: ClassName, overrideClassName: ClassName) =>\n    cx(\n      baseClassName,\n      'classNames' in componentTheme ? pickPropertyIfExists(componentTheme.classNames, elementName)\n      : 'className' in componentTheme ? componentTheme.className\n      : undefined,\n      getVariantClassNames,\n      getCompoundVariantClassNames,\n      overrideClassName,\n    );\n}\n"],
+  "mappings": ";AACA,SAAQ,uBAAsB;AAM9B,SAAQ,UAAS;AACjB,SAAQ,4BAA2B;AAE5B,gBAAS,8BACd,gBAQA,YAGA,aACA;AACA,MAAI,CAAC,cAAc,EAAE,cAAc,iBAAiB;AAClD,WAAO,CAAC,eAA0B,sBAChC;AAAA,MACE;AAAA,MACA,gBAAgB,iBACd,qBAAqB,eAAe,YAAY,WAAW,IAC3D,eAAe,iBAAiB,eAAe,YAC/C;AAAA,MACF;AAAA,IACF;AAAA,EACJ;AAEA,MAAI,EAAC,UAAU,iBAAgB,IAAI;AACnC,MAAI,uBAAuB,OAAO,KAAK,QAAQ,EAAE,IAAI,CAAC,YAAY;AAChE,QAAI,cAAc,WAAW,OAAkC;AAC/D,QAAI,aAAa,gBAAgB,WAAW;AAE5C,WAAO,qBAAqB,SAAS,OAAO,IAAI,UAA8B,GAAG,WAAW;AAAA,EAC9F,CAAC;AACD,MAAI,+BAA4C,CAAC;AAEjD,MAAI,kBAAkB;AACpB,aAAS,mBAAmB,kBAAkB;AAC5C,UAAI,EAAC,WAAW,YAAY,GAAG,KAAI,IAAI;AACvC,UAAI,sBAAsB;AAE1B,eAAS,CAAC,OAAO,UAAU,KAAK,OAAO,QAAQ,IAAI,GAAG;AACpD,YAAI,WAAW,WAAW,KAAgC;AAE1D,YAAI,MAAM,QAAQ,UAAU,GAAG;AAC7B,cAAI,CAAC,WAAW,SAAS,QAAkB,GAAG;AAC5C,kCAAsB;AAEtB;AAAA,UACF;AAAA,QACF,WAAW,aAAa,YAAY;AAClC,gCAAsB;AAEtB;AAAA,QACF;AAAA,MACF;AAEA,UAAI,qBAAqB;AACvB,qCAA6B;AAAA,UAC1B,gBAAgB,kBACf,qBAAqB,YAAyC,WAAW,IACzE;AAAA,QACJ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,CAAC,eAA0B,sBAChC;AAAA,IACE;AAAA,IACA,gBAAgB,iBAAiB,qBAAqB,eAAe,YAAY,WAAW,IAC1F,eAAe,iBAAiB,eAAe,YAC/C;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACJ;",
+  "names": []
+}

package/build/theme/internals/cx.d.ts

@@ -0,0 +1,2 @@
+import { type ClassName } from './ClassName.js';
+export declare function cx(...inputs: ClassName[]): string;

package/build/theme/internals/cx.js

@@ -0,0 +1,6 @@
+"use strict";
+import { twMerge } from "tailwind-merge";
+export function cx(...inputs) {
+  return twMerge(...inputs);
+}
+//# sourceMappingURL=cx.js.map

package/build/theme/internals/cx.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/cx.ts"],
+  "sourcesContent": ["// import {type ClassValue, clsx} from 'clsx';\nimport {twMerge} from 'tailwind-merge';\n\nimport {type ClassName} from './ClassName.js';\n\n// TODO: is the merging done correctly? write some tests\nexport function cx(...inputs: ClassName[] /*ClassValue[]*/) {\n  // return twMerge(clsx(inputs));\n  return twMerge(...inputs);\n}\n"],
+  "mappings": ";AACA,SAAQ,eAAc;AAKf,gBAAS,MAAM,QAAsC;AAE1D,SAAO,QAAQ,GAAG,MAAM;AAC1B;",
+  "names": []
+}

package/build/theme/internals/pickPropertyIfExists.d.ts

@@ -0,0 +1,4 @@
+import { type ClassName } from './ClassName.js';
+type PickPropertyIfExistsReturn<T extends ClassName | Record<string, ClassName> | undefined, U extends string | undefined> = U extends undefined ? T : T extends Record<string, ClassName> ? null : ClassName;
+export declare function pickPropertyIfExists<T extends ClassName | Record<string, ClassName> | undefined, U extends string | undefined>(object: T, property?: U): PickPropertyIfExistsReturn<T, U>;
+export {};

package/build/theme/internals/pickPropertyIfExists.js

@@ -0,0 +1,11 @@
+"use strict";
+export function pickPropertyIfExists(object, property) {
+  if (!property) {
+    return object;
+  }
+  if (Array.isArray(object) || !object || typeof object === "string") {
+    return null;
+  }
+  return object[property];
+}
+//# sourceMappingURL=pickPropertyIfExists.js.map

package/build/theme/internals/pickPropertyIfExists.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/pickPropertyIfExists.ts"],
+  "sourcesContent": ["import {type ClassName} from './ClassName.js';\n\ntype PickPropertyIfExistsReturn<\n  T extends ClassName | Record<string, ClassName> | undefined,\n  U extends string | undefined,\n> =\n  U extends undefined ? T\n  : T extends Record<string, ClassName> ? null\n  : ClassName;\n\nexport function pickPropertyIfExists<\n  T extends ClassName | Record<string, ClassName> | undefined,\n  U extends string | undefined,\n>(object: T, property?: U): PickPropertyIfExistsReturn<T, U> {\n  if (!property) {\n    return object as PickPropertyIfExistsReturn<T, U>;\n  }\n\n  if (Array.isArray(object) || !object || typeof object === 'string') {\n    return null as PickPropertyIfExistsReturn<T, U>;\n  }\n\n  return object[property] as PickPropertyIfExistsReturn<T, U>;\n}\n"],
+  "mappings": ";AAUO,gBAAS,qBAGd,QAAW,UAAgD;AAC3D,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,QAAQ,MAAM,KAAK,CAAC,UAAU,OAAO,WAAW,UAAU;AAClE,WAAO;AAAA,EACT;AAEA,SAAO,OAAO,QAAQ;AACxB;",
+  "names": []
+}

package/build/theme/internals/themeContext.d.ts

@@ -0,0 +1,217 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const themeContext: import("react").Context<import("@jakubmazanec/ts-utils").Simplify<{
+    Button: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly type: ["solid", "outline", "text", "icon"];
+            readonly size: ["small", "medium", "large"];
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly type: ["solid", "outline", "text", "icon"];
+            readonly size: ["small", "medium", "large"];
+            readonly disabled: [true, false];
+        }, undefined>;
+    };
+} & {
+    CheckboxField: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Checkbox: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            checked: import("./ClassName.js").ClassName;
+            unchecked: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+    };
+} & {
+    Combobox: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            item: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            input: import("./ClassName.js").ClassName;
+            label: import("./ClassName.js").ClassName;
+            panel: import("./ClassName.js").ClassName;
+            items: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item", "input"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item", "input"]>;
+    };
+} & {
+    ConfirmDialog: {
+        classNames: {
+            root: import("./ClassName.js").ClassName;
+            backdrop: import("./ClassName.js").ClassName;
+        };
+    };
+} & {
+    DialogPanel: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Dialog: {
+        classNames: {
+            root: import("./ClassName.js").ClassName;
+            backdrop: import("./ClassName.js").ClassName;
+        };
+    };
+} & {
+    DialogTitle: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Error: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Field: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Form: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Input: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            input: import("./ClassName.js").ClassName;
+            clearButton: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon", "clearButton"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon", "clearButton"]>;
+    };
+} & {
+    Label: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Listbox: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            item: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            label: import("./ClassName.js").ClassName;
+            panel: import("./ClassName.js").ClassName;
+            items: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item"]>;
+    };
+} & {
+    MenuButton: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    MenuItems: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    MenuItem: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Menu: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    PopoverButton: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    PopoverPanel: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Popover: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    RadioField: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    RadioGroupField: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+    };
+} & {
+    Radio: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            checked: import("./ClassName.js").ClassName;
+            unchecked: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+    };
+} & {
+    TableCell: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableHeaderCell: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableHeader: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableRow: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Table: {
+        classNames: {
+            root: import("./ClassName.js").ClassName;
+            table: import("./ClassName.js").ClassName;
+        };
+    };
+} & {
+    Textarea: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            input: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon"]>;
+    };
+}> | undefined>;

package/build/theme/internals/themeContext.js

@@ -0,0 +1,4 @@
+"use strict";
+import { createContext } from "react";
+export const themeContext = createContext(void 0);
+//# sourceMappingURL=themeContext.js.map

package/build/theme/internals/themeContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/themeContext.ts"],
+  "sourcesContent": ["import {createContext} from 'react';\n\nimport {type Theme} from '../Theme.js';\n\nexport const themeContext = createContext<Theme | undefined>(undefined);\n"],
+  "mappings": ";AAAA,SAAQ,qBAAoB;AAIrB,aAAM,eAAe,cAAiC,MAAS;",
+  "names": []
+}

package/build/theme/internals/useTheme.d.ts

@@ -0,0 +1,216 @@
+export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
+    Button: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly type: ["solid", "outline", "text", "icon"];
+            readonly size: ["small", "medium", "large"];
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly type: ["solid", "outline", "text", "icon"];
+            readonly size: ["small", "medium", "large"];
+            readonly disabled: [true, false];
+        }, undefined>;
+    };
+} & {
+    CheckboxField: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Checkbox: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            checked: import("./ClassName.js").ClassName;
+            unchecked: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+    };
+} & {
+    Combobox: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            item: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            input: import("./ClassName.js").ClassName;
+            label: import("./ClassName.js").ClassName;
+            panel: import("./ClassName.js").ClassName;
+            items: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item", "input"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item", "input"]>;
+    };
+} & {
+    ConfirmDialog: {
+        classNames: {
+            root: import("./ClassName.js").ClassName;
+            backdrop: import("./ClassName.js").ClassName;
+        };
+    };
+} & {
+    DialogPanel: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Dialog: {
+        classNames: {
+            root: import("./ClassName.js").ClassName;
+            backdrop: import("./ClassName.js").ClassName;
+        };
+    };
+} & {
+    DialogTitle: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Error: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Field: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Form: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Input: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            input: import("./ClassName.js").ClassName;
+            clearButton: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon", "clearButton"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon", "clearButton"]>;
+    };
+} & {
+    Label: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Listbox: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            item: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            label: import("./ClassName.js").ClassName;
+            panel: import("./ClassName.js").ClassName;
+            items: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "label", "icon", "panel", "items", "item"]>;
+    };
+} & {
+    MenuButton: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    MenuItems: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    MenuItem: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Menu: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    PopoverButton: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    PopoverPanel: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Popover: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    RadioField: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    RadioGroupField: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+    };
+} & {
+    Radio: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            checked: import("./ClassName.js").ClassName;
+            unchecked: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "checked", "unchecked", "icon"]>;
+    };
+} & {
+    TableCell: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableHeaderCell: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableHeader: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableRow: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Table: {
+        classNames: {
+            root: import("./ClassName.js").ClassName;
+            table: import("./ClassName.js").ClassName;
+        };
+    };
+} & {
+    Textarea: {
+        classNames?: {
+            root: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            input: import("./ClassName.js").ClassName;
+        };
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon"]>;
+    };
+}> | undefined;

package/build/theme/internals/useTheme.js

@@ -0,0 +1,7 @@
+"use strict";
+import { useContext } from "react";
+import { themeContext } from "./themeContext.js";
+export function useTheme() {
+  return useContext(themeContext);
+}
+//# sourceMappingURL=useTheme.js.map

package/build/theme/internals/useTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/useTheme.ts"],
+  "sourcesContent": ["import {useContext} from 'react';\n\nimport {themeContext} from './themeContext.js';\n\nexport function useTheme() {\n  return useContext(themeContext);\n}\n"],
+  "mappings": ";AAAA,SAAQ,kBAAiB;AAEzB,SAAQ,oBAAmB;AAEpB,gBAAS,WAAW;AACzB,SAAO,WAAW,YAAY;AAChC;",
+  "names": []
+}