@contember/utilities 1.3.0-alpha.9 → 2.0.0-alpha.2

package/dist/production/class-name/themeClassName.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function contentThemeClassName(theme) {
-  return theme ? `theme-${theme}-content` : void 0;
-}
-function controlsThemeClassName(theme) {
-  return theme ? `theme-${theme}-controls` : void 0;
-}
-function themeClassName(theme) {
-  return [
-    contentThemeClassName(theme),
-    controlsThemeClassName(theme)
-  ];
-}
-exports.contentThemeClassName = contentThemeClassName;
-exports.controlsThemeClassName = controlsThemeClassName;
-exports.themeClassName = themeClassName;
-//# sourceMappingURL=themeClassName.cjs.map

package/dist/production/class-name/themeClassName.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeClassName.cjs","sources":["../../../src/class-name/themeClassName.ts"],"sourcesContent":["/**\n * Returns a string with a content theme class name, prefixed with `theme-` and suffixed with `-content`\n *\n * IMPORTANT: Make sure to use color scheme class in combination with theme class names.\n *\n * @param theme - Theme name basis for content\n * @returns A content theme class name\n *\n * @see {@link controlsThemeClassName}\n * @see {@link (colorSchemeClassName:3)}\n *\n * @example\n * ```tsx\n * const colorScheme = colorSchemeClassName('system')\n * //  ^ 'scheme-system'\n * const contentThemeClassName = contentThemeClassName('default')\n * //  ^ 'theme-default-content'\n *\n * return (\n * \t<div className={`${colorScheme} ${contentThemeClassName}`}>\n * \t\t<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>\n * \t</div>\n * )\n * ```\n */\nexport function contentThemeClassName(theme: string | null | undefined): string | undefined {\n\treturn theme ? `theme-${theme}-content` : undefined\n}\n\n/**\n * Returns a string with a controls theme class name, prefixed with `theme-` and suffixed with `-controls`\n *\n * IMPORTANT: Make sure to use color scheme class in combination with theme class names.\n *\n * @param theme - Theme name basis for controls\n * @returns A controls theme class name\n *\n * @see {@link contentThemeClassName}\n * @see {@link (colorSchemeClassName:3)}\n *\n * @example\n * ```tsx\n * const colorScheme = colorSchemeClassName('system')\n * //  ^ 'scheme-system'\n * const contentThemeClassName = contentThemeClassName('default')\n * //  ^ 'theme-default-content'\n *\n * return (\n * \t<div className={`${colorScheme} ${contentThemeClassName}`}>\n * \t\t<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>\n * \t</div>\n * )\n * ```\n */\nexport function controlsThemeClassName(theme: string | null | undefined): string | undefined {\n\treturn theme ? `theme-${theme}-controls` : undefined\n}\n\n/**\n * Returns a tuple with a content theme class name and a controls theme class name, prefixed with `theme-` and suffixed with `-content` and `-controls` respectively\n *\n * IMPORTANT: Make sure to use color scheme class in combination with theme class names.\n *\n * @param theme - Theme name basis for content and controls\n * @returns A tuple with a content theme class name and a controls theme class name\n *\n * @see {@link contentThemeClassName}\n * @see {@link controlsThemeClassName}\n * @see {@link (colorSchemeClassName:3)}\n *\n * @example\n * ```tsx\n * const colorScheme = colorSchemeClassName('system')\n * //  ^ 'scheme-system'\n * const errorTheme = themeClassName('danger').join(' ')\n * //  ^ 'theme-danger-content theme-danger-controls'\n *\n * return (\n * \t<div className={`${colorScheme} ${errorTheme}`}>File not found</div>\n * )\n * ```\n */\nexport function themeClassName(\n\ttheme: string | null | undefined,\n) {\n\treturn [\n\t\tcontentThemeClassName(theme),\n\t\tcontrolsThemeClassName(theme),\n\t] as const\n}\n"],"names":[],"mappings":";;AAyBO,SAAS,sBAAsB,OAAsD;AACpF,SAAA,QAAQ,SAAS,KAAK,aAAa;AAC3C;AA2BO,SAAS,uBAAuB,OAAsD;AACrF,SAAA,QAAQ,SAAS,KAAK,cAAc;AAC5C;AA0BO,SAAS,eACf,OACC;AACM,SAAA;AAAA,IACN,sBAAsB,KAAK;AAAA,IAC3B,uBAAuB,KAAK;AAAA,EAAA;AAE9B;;;;"}

package/dist/production/class-name/themeClassName.js

@@ -1,18 +0,0 @@
-function contentThemeClassName(theme) {
-  return theme ? `theme-${theme}-content` : void 0;
-}
-function controlsThemeClassName(theme) {
-  return theme ? `theme-${theme}-controls` : void 0;
-}
-function themeClassName(theme) {
-  return [
-    contentThemeClassName(theme),
-    controlsThemeClassName(theme)
-  ];
-}
-export {
-  contentThemeClassName,
-  controlsThemeClassName,
-  themeClassName
-};
-//# sourceMappingURL=themeClassName.js.map

package/dist/production/class-name/themeClassName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeClassName.js","sources":["../../../src/class-name/themeClassName.ts"],"sourcesContent":["/**\n * Returns a string with a content theme class name, prefixed with `theme-` and suffixed with `-content`\n *\n * IMPORTANT: Make sure to use color scheme class in combination with theme class names.\n *\n * @param theme - Theme name basis for content\n * @returns A content theme class name\n *\n * @see {@link controlsThemeClassName}\n * @see {@link (colorSchemeClassName:3)}\n *\n * @example\n * ```tsx\n * const colorScheme = colorSchemeClassName('system')\n * //  ^ 'scheme-system'\n * const contentThemeClassName = contentThemeClassName('default')\n * //  ^ 'theme-default-content'\n *\n * return (\n * \t<div className={`${colorScheme} ${contentThemeClassName}`}>\n * \t\t<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>\n * \t</div>\n * )\n * ```\n */\nexport function contentThemeClassName(theme: string | null | undefined): string | undefined {\n\treturn theme ? `theme-${theme}-content` : undefined\n}\n\n/**\n * Returns a string with a controls theme class name, prefixed with `theme-` and suffixed with `-controls`\n *\n * IMPORTANT: Make sure to use color scheme class in combination with theme class names.\n *\n * @param theme - Theme name basis for controls\n * @returns A controls theme class name\n *\n * @see {@link contentThemeClassName}\n * @see {@link (colorSchemeClassName:3)}\n *\n * @example\n * ```tsx\n * const colorScheme = colorSchemeClassName('system')\n * //  ^ 'scheme-system'\n * const contentThemeClassName = contentThemeClassName('default')\n * //  ^ 'theme-default-content'\n *\n * return (\n * \t<div className={`${colorScheme} ${contentThemeClassName}`}>\n * \t\t<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>\n * \t</div>\n * )\n * ```\n */\nexport function controlsThemeClassName(theme: string | null | undefined): string | undefined {\n\treturn theme ? `theme-${theme}-controls` : undefined\n}\n\n/**\n * Returns a tuple with a content theme class name and a controls theme class name, prefixed with `theme-` and suffixed with `-content` and `-controls` respectively\n *\n * IMPORTANT: Make sure to use color scheme class in combination with theme class names.\n *\n * @param theme - Theme name basis for content and controls\n * @returns A tuple with a content theme class name and a controls theme class name\n *\n * @see {@link contentThemeClassName}\n * @see {@link controlsThemeClassName}\n * @see {@link (colorSchemeClassName:3)}\n *\n * @example\n * ```tsx\n * const colorScheme = colorSchemeClassName('system')\n * //  ^ 'scheme-system'\n * const errorTheme = themeClassName('danger').join(' ')\n * //  ^ 'theme-danger-content theme-danger-controls'\n *\n * return (\n * \t<div className={`${colorScheme} ${errorTheme}`}>File not found</div>\n * )\n * ```\n */\nexport function themeClassName(\n\ttheme: string | null | undefined,\n) {\n\treturn [\n\t\tcontentThemeClassName(theme),\n\t\tcontrolsThemeClassName(theme),\n\t] as const\n}\n"],"names":[],"mappings":"AAyBO,SAAS,sBAAsB,OAAsD;AACpF,SAAA,QAAQ,SAAS,KAAK,aAAa;AAC3C;AA2BO,SAAS,uBAAuB,OAAsD;AACrF,SAAA,QAAQ,SAAS,KAAK,cAAc;AAC5C;AA0BO,SAAS,eACf,OACC;AACM,SAAA;AAAA,IACN,sBAAsB,KAAK;AAAA,IAC3B,uBAAuB,KAAK;AAAA,EAAA;AAE9B;"}

package/dist/types/class-name/colorSchemeClassName.d.ts

@@ -1,32 +0,0 @@
-/**
- * Returns a string with a color scheme class name, prefixed with `scheme-`
- *
- * @param scheme - Color scheme name
- * @returns A color scheme class name
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- *
- * return (
- * 	<div className={colorScheme}>
- * 		<button className={controlsThemeClassName}>Click me</button>
- * 	</div>
- *
- * // renders:
- * // <div class="scheme-system">
- * // 	<button class="scheme-system theme-default-controls theme-danger-controls:hover">Click me</button>
- * // </div>
- * ```
- */
-export declare function colorSchemeClassName(scheme: string): string;
-export declare function colorSchemeClassName(scheme: string | null | undefined): string | undefined;
-/**
- * Tests if a string is a color scheme CSS class
- * @param value - String to test
- * @returns `true` if the string is a color scheme CSS class
- * @internal
- */
-export declare function isColorSchemeClassName(value: string): boolean;
-//# sourceMappingURL=colorSchemeClassName.d.ts.map

package/dist/types/class-name/colorSchemeClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorSchemeClassName.d.ts","sourceRoot":"","sources":["../../../src/class-name/colorSchemeClassName.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;AAC5D,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAK3F;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,WAEnD"}

package/dist/types/class-name/constants.d.ts

@@ -1,24 +0,0 @@
-/**
- * RegExp that matches theme class names
- *
- * @internal
- *
- * If theme is `default` then it will match:
- *
- * - theme-default
- * - theme-default-content
- * - theme-default-controls
- *
- * If theme is `brand-color` then it will match:
- *
- * - theme-brand-color
- * - theme-brand-color-content
- * - theme-brand-color-controls
- */
-export declare const THEME_CLASS_NAME_REG_EXP: RegExp;
-/**
- * Regular expression for testing if a string is a color scheme CSS class
- * @internal
- */
-export declare const COLOR_SCHEME_CLASS_NAME_REG_EXP: RegExp;
-//# sourceMappingURL=constants.d.ts.map

package/dist/types/class-name/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/class-name/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,wBAAwB,QAA6D,CAAA;AAElG;;;GAGG;AACH,eAAO,MAAM,+BAA+B,QAA4D,CAAA"}

package/dist/types/class-name/deduplicateClassName.d.ts

@@ -1,2 +0,0 @@
-export declare function deduplicateClassName(classNameArray: string[]): string[];
-//# sourceMappingURL=deduplicateClassName.d.ts.map

package/dist/types/class-name/deduplicateClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"deduplicateClassName.d.ts","sourceRoot":"","sources":["../../../src/class-name/deduplicateClassName.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAEvE"}

package/dist/types/class-name/filterThemedClassName.d.ts

@@ -1,7 +0,0 @@
-import { NestedClassName } from './types';
-export type ThemeConfig = {
-    content: string | undefined;
-    controls: string | undefined;
-};
-export declare function filterThemedClassName(nestedClassName: NestedClassName, defaultColorSchemeContext: string): string[];
-//# sourceMappingURL=filterThemedClassName.d.ts.map

package/dist/types/class-name/filterThemedClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterThemedClassName.d.ts","sourceRoot":"","sources":["../../../src/class-name/filterThemedClassName.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,MAAM,MAAM,WAAW,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAA;AAEvF,wBAAgB,qBAAqB,CACpC,eAAe,EAAE,eAAe,EAChC,yBAAyB,EAAE,MAAM,YAgDjC"}

package/dist/types/class-name/flatClassNameList.d.ts

@@ -1,3 +0,0 @@
-import { NestedClassName } from './types';
-export declare function flatClassNameList(className: NestedClassName): string[];
-//# sourceMappingURL=flatClassNameList.d.ts.map

package/dist/types/class-name/flatClassNameList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"flatClassNameList.d.ts","sourceRoot":"","sources":["../../../src/class-name/flatClassNameList.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,eAAe,GAAG,MAAM,EAAE,CActE"}

package/dist/types/class-name/index.d.ts

@@ -1,9 +0,0 @@
-export * from './colorSchemeClassName';
-export * from './constants';
-export * from './deduplicateClassName';
-export * from './filterThemedClassName';
-export * from './flatClassNameList';
-export * from './listClassName';
-export * from './themeClassName';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/class-name/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/class-name/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}

package/dist/types/class-name/listClassName.d.ts

@@ -1,9 +0,0 @@
-import { NestedClassName } from './types';
-/**
- * Combines a list of class names into a single string, even nested
- *
- * @param list - List of class names
- * @returns Combined class names as string
- */
-export declare function listClassName(list: NestedClassName): string;
-//# sourceMappingURL=listClassName.d.ts.map

package/dist/types/class-name/listClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"listClassName.d.ts","sourceRoot":"","sources":["../../../src/class-name/listClassName.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,eAAe,UAElD"}

package/dist/types/class-name/themeClassName.d.ts

@@ -1,78 +0,0 @@
-/**
- * Returns a string with a content theme class name, prefixed with `theme-` and suffixed with `-content`
- *
- * IMPORTANT: Make sure to use color scheme class in combination with theme class names.
- *
- * @param theme - Theme name basis for content
- * @returns A content theme class name
- *
- * @see {@link controlsThemeClassName}
- * @see {@link (colorSchemeClassName:3)}
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- * const contentThemeClassName = contentThemeClassName('default')
- * //  ^ 'theme-default-content'
- *
- * return (
- * 	<div className={`${colorScheme} ${contentThemeClassName}`}>
- * 		<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>
- * 	</div>
- * )
- * ```
- */
-export declare function contentThemeClassName(theme: string | null | undefined): string | undefined;
-/**
- * Returns a string with a controls theme class name, prefixed with `theme-` and suffixed with `-controls`
- *
- * IMPORTANT: Make sure to use color scheme class in combination with theme class names.
- *
- * @param theme - Theme name basis for controls
- * @returns A controls theme class name
- *
- * @see {@link contentThemeClassName}
- * @see {@link (colorSchemeClassName:3)}
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- * const contentThemeClassName = contentThemeClassName('default')
- * //  ^ 'theme-default-content'
- *
- * return (
- * 	<div className={`${colorScheme} ${contentThemeClassName}`}>
- * 		<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>
- * 	</div>
- * )
- * ```
- */
-export declare function controlsThemeClassName(theme: string | null | undefined): string | undefined;
-/**
- * Returns a tuple with a content theme class name and a controls theme class name, prefixed with `theme-` and suffixed with `-content` and `-controls` respectively
- *
- * IMPORTANT: Make sure to use color scheme class in combination with theme class names.
- *
- * @param theme - Theme name basis for content and controls
- * @returns A tuple with a content theme class name and a controls theme class name
- *
- * @see {@link contentThemeClassName}
- * @see {@link controlsThemeClassName}
- * @see {@link (colorSchemeClassName:3)}
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- * const errorTheme = themeClassName('danger').join(' ')
- * //  ^ 'theme-danger-content theme-danger-controls'
- *
- * return (
- * 	<div className={`${colorScheme} ${errorTheme}`}>File not found</div>
- * )
- * ```
- */
-export declare function themeClassName(theme: string | null | undefined): readonly [string | undefined, string | undefined];
-//# sourceMappingURL=themeClassName.d.ts.map

package/dist/types/class-name/themeClassName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeClassName.d.ts","sourceRoot":"","sources":["../../../src/class-name/themeClassName.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE1F;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE3F;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,cAAc,CAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,qDAMhC"}

package/dist/types/class-name/types.d.ts

@@ -1,9 +0,0 @@
-export type NestedClassName = string | false | null | undefined | (string | false | null | undefined)[] | NestedClassName[];
-export type ClassNameStateMap = {
-    [key: string]: string | number | boolean | null | undefined;
-};
-export interface ComponentClassNameProps {
-    className?: NestedClassName;
-    componentClassName?: string | string[];
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types/class-name/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/class-name/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,eAAe,EAAE,CAAA;AAC3H,MAAM,MAAM,iBAAiB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,CAAA;AAE/F,MAAM,WAAW,uBAAuB;IACvC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACvC"}

package/src/class-name/colorSchemeClassName.ts

@@ -1,39 +0,0 @@
-import { COLOR_SCHEME_CLASS_NAME_REG_EXP } from './constants'
-
-/**
- * Returns a string with a color scheme class name, prefixed with `scheme-`
- *
- * @param scheme - Color scheme name
- * @returns A color scheme class name
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- *
- * return (
- * 	<div className={colorScheme}>
- * 		<button className={controlsThemeClassName}>Click me</button>
- * 	</div>
- *
- * // renders:
- * // <div class="scheme-system">
- * // 	<button class="scheme-system theme-default-controls theme-danger-controls:hover">Click me</button>
- * // </div>
- * ```
- */
-export function colorSchemeClassName(scheme: string): string
-export function colorSchemeClassName(scheme: string | null | undefined): string | undefined
-export function colorSchemeClassName(scheme: string | null | undefined): string | undefined {
-	return typeof scheme === 'string' ? `scheme-${scheme}` : undefined
-}
-
-/**
- * Tests if a string is a color scheme CSS class
- * @param value - String to test
- * @returns `true` if the string is a color scheme CSS class
- * @internal
- */
-export function isColorSchemeClassName(value: string) {
-	return COLOR_SCHEME_CLASS_NAME_REG_EXP.test(value)
-}

package/src/class-name/constants.ts

@@ -1,25 +0,0 @@
-/**
- * RegExp that matches theme class names
- *
- * @internal
- *
- * If theme is `default` then it will match:
- *
- * - theme-default
- * - theme-default-content
- * - theme-default-controls
- *
- * If theme is `brand-color` then it will match:
- *
- * - theme-brand-color
- * - theme-brand-color-content
- * - theme-brand-color-controls
- */
-
-export const THEME_CLASS_NAME_REG_EXP = /^theme-(?<name>[\w-]+?)(?:-(?<scope>content|controls))?$/
-
-/**
- * Regular expression for testing if a string is a color scheme CSS class
- * @internal
- */
-export const COLOR_SCHEME_CLASS_NAME_REG_EXP = /^scheme-(?<colorScheme>[a-z0-9]|[a-z0-9]+[a-z-]+[a-z])$/

package/src/class-name/deduplicateClassName.ts

@@ -1,3 +0,0 @@
-export function deduplicateClassName(classNameArray: string[]): string[] {
-	return [...new Set(classNameArray)]
-}

package/src/class-name/filterThemedClassName.ts

@@ -1,59 +0,0 @@
-import { isColorSchemeClassName } from './colorSchemeClassName'
-import { THEME_CLASS_NAME_REG_EXP } from './constants'
-import { flatClassNameList } from './flatClassNameList'
-import { contentThemeClassName, controlsThemeClassName } from './themeClassName'
-import { NestedClassName } from './types'
-
-export type ThemeConfig = { content: string | undefined, controls: string | undefined }
-
-export function filterThemedClassName(
-	nestedClassName: NestedClassName,
-	defaultColorSchemeContext: string,
-) {
-	const theme: ThemeConfig = { content: undefined, controls: undefined }
-	let colorScheme: string | undefined = undefined
-
-	const flatClassName = flatClassNameList(nestedClassName).map(className => {
-		if (isColorSchemeClassName(className)) {
-			colorScheme = className
-			return undefined
-		}
-
-		const match = className.match(THEME_CLASS_NAME_REG_EXP)
-
-		if (match) {
-			const name = match.groups!.name
-			const scope = match.groups!.scope
-
-			if (!scope) {
-				theme.content = name
-				theme.controls = name
-			} else if (scope === 'content') {
-				theme.content = name
-			} else if (scope === 'controls') {
-				theme.controls = name
-			} else {
-				throw new Error(`Unknown theme scope: ${scope}`)
-			}
-
-			return undefined
-		} else {
-			return className
-		}
-	}).filter(Boolean) as string[]
-
-	const themeClassNames: (string | undefined)[] = []
-
-	const content = contentThemeClassName(theme.content)
-	const controls = controlsThemeClassName(theme.controls)
-
-	themeClassNames.push(content, controls)
-
-	const flatThemedClassName = flatClassNameList(themeClassNames)
-
-	if (flatThemedClassName.length > 0 || colorScheme) {
-		return [colorScheme ?? defaultColorSchemeContext, ...flatThemedClassName, ...flatClassName]
-	} else {
-		return flatClassName
-	}
-}

package/src/class-name/flatClassNameList.ts

@@ -1,18 +0,0 @@
-import { assertNever } from '../assert-types'
-import { NestedClassName } from './types'
-
-export function flatClassNameList(className: NestedClassName): string[] {
-	if (!className) {
-		return []
-	} else if (typeof className === 'string') {
-		return className.split(' ').filter(Boolean)
-	} else if (Array.isArray(className)) {
-		return className.flatMap(flatClassNameList)
-	} else {
-		if (import.meta.env.DEV) {
-			console.error(`Unexpected className: ${JSON.stringify(className)}`)
-		}
-
-		assertNever(className)
-	}
-}

package/src/class-name/index.ts

@@ -1,8 +0,0 @@
-export * from './colorSchemeClassName'
-export * from './constants'
-export * from './deduplicateClassName'
-export * from './filterThemedClassName'
-export * from './flatClassNameList'
-export * from './listClassName'
-export * from './themeClassName'
-export * from './types'

package/src/class-name/listClassName.ts

@@ -1,13 +0,0 @@
-import { deduplicateClassName } from './deduplicateClassName'
-import { flatClassNameList } from './flatClassNameList'
-import { NestedClassName } from './types'
-
-/**
- * Combines a list of class names into a single string, even nested
- *
- * @param list - List of class names
- * @returns Combined class names as string
- */
-export function listClassName(list: NestedClassName) {
-	return deduplicateClassName(flatClassNameList(list)).join(' ')
-}

package/src/class-name/themeClassName.ts

@@ -1,90 +0,0 @@
-/**
- * Returns a string with a content theme class name, prefixed with `theme-` and suffixed with `-content`
- *
- * IMPORTANT: Make sure to use color scheme class in combination with theme class names.
- *
- * @param theme - Theme name basis for content
- * @returns A content theme class name
- *
- * @see {@link controlsThemeClassName}
- * @see {@link (colorSchemeClassName:3)}
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- * const contentThemeClassName = contentThemeClassName('default')
- * //  ^ 'theme-default-content'
- *
- * return (
- * 	<div className={`${colorScheme} ${contentThemeClassName}`}>
- * 		<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>
- * 	</div>
- * )
- * ```
- */
-export function contentThemeClassName(theme: string | null | undefined): string | undefined {
-	return theme ? `theme-${theme}-content` : undefined
-}
-
-/**
- * Returns a string with a controls theme class name, prefixed with `theme-` and suffixed with `-controls`
- *
- * IMPORTANT: Make sure to use color scheme class in combination with theme class names.
- *
- * @param theme - Theme name basis for controls
- * @returns A controls theme class name
- *
- * @see {@link contentThemeClassName}
- * @see {@link (colorSchemeClassName:3)}
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- * const contentThemeClassName = contentThemeClassName('default')
- * //  ^ 'theme-default-content'
- *
- * return (
- * 	<div className={`${colorScheme} ${contentThemeClassName}`}>
- * 		<button className={`${colorScheme} ${dangerOnMouseOverTheme}`}>Delete</button>
- * 	</div>
- * )
- * ```
- */
-export function controlsThemeClassName(theme: string | null | undefined): string | undefined {
-	return theme ? `theme-${theme}-controls` : undefined
-}
-
-/**
- * Returns a tuple with a content theme class name and a controls theme class name, prefixed with `theme-` and suffixed with `-content` and `-controls` respectively
- *
- * IMPORTANT: Make sure to use color scheme class in combination with theme class names.
- *
- * @param theme - Theme name basis for content and controls
- * @returns A tuple with a content theme class name and a controls theme class name
- *
- * @see {@link contentThemeClassName}
- * @see {@link controlsThemeClassName}
- * @see {@link (colorSchemeClassName:3)}
- *
- * @example
- * ```tsx
- * const colorScheme = colorSchemeClassName('system')
- * //  ^ 'scheme-system'
- * const errorTheme = themeClassName('danger').join(' ')
- * //  ^ 'theme-danger-content theme-danger-controls'
- *
- * return (
- * 	<div className={`${colorScheme} ${errorTheme}`}>File not found</div>
- * )
- * ```
- */
-export function themeClassName(
-	theme: string | null | undefined,
-) {
-	return [
-		contentThemeClassName(theme),
-		controlsThemeClassName(theme),
-	] as const
-}

package/src/class-name/types.ts

@@ -1,7 +0,0 @@
-export type NestedClassName = string | false | null | undefined | (string | false | null | undefined)[] | NestedClassName[]
-export type ClassNameStateMap = { [key: string]: string | number | boolean | null | undefined }
-
-export interface ComponentClassNameProps {
-	className?: NestedClassName;
-	componentClassName?: string | string[];
-}