@andrilla/mado-ui 1.0.7 → 1.0.8

package/dist/types.d.ts

@@ -1,17 +1,17 @@
-import type { ComponentPropsWithRef, ElementType } from "react";
+import type { ComponentPropsWithRef, ElementType } from 'react';
 export type AnyElementProps<TTag extends ElementType, Props extends Record<PropertyKey, any> = Record<PropertyKey, any>> = AsElement<TTag> & Omit<ComponentPropsWithRef<TTag>, keyof AsElement> & Props;
-export type AsElement<TTag extends ElementType = "div"> = {
+export type AsElement<TTag extends ElementType = 'div'> = {
     /** Specify what element should be rendered */
     as?: TTag;
 };
 export type ColorTheme = OneOf<[
     {
         /** Color theme. */
-        theme?: "amber" | "blue" | "cyan" | "emerald" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "mauve" | "mist" | "neutral" | "olive" | "orange" | "pink" | "purple" | "red" | "rose" | "sky" | "slate" | "stone" | "taupe" | "teal" | "violet" | "yellow" | "zinc";
+        theme?: 'amber' | 'amber-50' | 'amber-100' | 'amber-200' | 'amber-300' | 'amber-400' | 'amber-500' | 'amber-600' | 'amber-700' | 'amber-800' | 'amber-900' | 'amber-950' | 'blue' | 'blue-50' | 'blue-100' | 'blue-200' | 'blue-300' | 'blue-400' | 'blue-500' | 'blue-600' | 'blue-700' | 'blue-800' | 'blue-900' | 'blue-950' | 'cyan' | 'cyan-50' | 'cyan-100' | 'cyan-200' | 'cyan-300' | 'cyan-400' | 'cyan-500' | 'cyan-600' | 'cyan-700' | 'cyan-800' | 'cyan-900' | 'cyan-950' | 'emerald' | 'emerald-50' | 'emerald-100' | 'emerald-200' | 'emerald-300' | 'emerald-400' | 'emerald-500' | 'emerald-600' | 'emerald-700' | 'emerald-800' | 'emerald-900' | 'emerald-950' | 'fuchsia' | 'fuchsia-50' | 'fuchsia-100' | 'fuchsia-200' | 'fuchsia-300' | 'fuchsia-400' | 'fuchsia-500' | 'fuchsia-600' | 'fuchsia-700' | 'fuchsia-800' | 'fuchsia-900' | 'fuchsia-950' | 'gray' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900' | 'gray-950' | 'green' | 'green-50' | 'green-100' | 'green-200' | 'green-300' | 'green-400' | 'green-500' | 'green-600' | 'green-700' | 'green-800' | 'green-900' | 'green-950' | 'indigo' | 'indigo-50' | 'indigo-100' | 'indigo-200' | 'indigo-300' | 'indigo-400' | 'indigo-500' | 'indigo-600' | 'indigo-700' | 'indigo-800' | 'indigo-900' | 'indigo-950' | 'lime' | 'lime-50' | 'lime-100' | 'lime-200' | 'lime-300' | 'lime-400' | 'lime-500' | 'lime-600' | 'lime-700' | 'lime-800' | 'lime-900' | 'lime-950' | 'mauve' | 'mauve-50' | 'mauve-100' | 'mauve-200' | 'mauve-300' | 'mauve-400' | 'mauve-500' | 'mauve-600' | 'mauve-700' | 'mauve-800' | 'mauve-900' | 'mauve-950' | 'mist' | 'mist-50' | 'mist-100' | 'mist-200' | 'mist-300' | 'mist-400' | 'mist-500' | 'mist-600' | 'mist-700' | 'mist-800' | 'mist-900' | 'mist-950' | 'neutral' | 'neutral-50' | 'neutral-100' | 'neutral-200' | 'neutral-300' | 'neutral-400' | 'neutral-500' | 'neutral-600' | 'neutral-700' | 'neutral-800' | 'neutral-900' | 'neutral-950' | 'olive' | 'olive-50' | 'olive-100' | 'olive-200' | 'olive-300' | 'olive-400' | 'olive-500' | 'olive-600' | 'olive-700' | 'olive-800' | 'olive-900' | 'olive-950' | 'orange' | 'orange-50' | 'orange-100' | 'orange-200' | 'orange-300' | 'orange-400' | 'orange-500' | 'orange-600' | 'orange-700' | 'orange-800' | 'orange-900' | 'orange-950' | 'pink' | 'pink-50' | 'pink-100' | 'pink-200' | 'pink-300' | 'pink-400' | 'pink-500' | 'pink-600' | 'pink-700' | 'pink-800' | 'pink-900' | 'pink-950' | 'purple' | 'purple-50' | 'purple-100' | 'purple-200' | 'purple-300' | 'purple-400' | 'purple-500' | 'purple-600' | 'purple-700' | 'purple-800' | 'purple-900' | 'purple-950' | 'red' | 'red-50' | 'red-100' | 'red-200' | 'red-300' | 'red-400' | 'red-500' | 'red-600' | 'red-700' | 'red-800' | 'red-900' | 'red-950' | 'rose' | 'rose-50' | 'rose-100' | 'rose-200' | 'rose-300' | 'rose-400' | 'rose-500' | 'rose-600' | 'rose-700' | 'rose-800' | 'rose-900' | 'rose-950' | 'sky' | 'sky-50' | 'sky-100' | 'sky-200' | 'sky-300' | 'sky-400' | 'sky-500' | 'sky-600' | 'sky-700' | 'sky-800' | 'sky-900' | 'sky-950' | 'slate' | 'slate-50' | 'slate-100' | 'slate-200' | 'slate-300' | 'slate-400' | 'slate-500' | 'slate-600' | 'slate-700' | 'slate-800' | 'slate-900' | 'slate-950' | 'stone' | 'stone-50' | 'stone-100' | 'stone-200' | 'stone-300' | 'stone-400' | 'stone-500' | 'stone-600' | 'stone-700' | 'stone-800' | 'stone-900' | 'stone-950' | 'taupe' | 'taupe-50' | 'taupe-100' | 'taupe-200' | 'taupe-300' | 'taupe-400' | 'taupe-500' | 'taupe-600' | 'taupe-700' | 'taupe-800' | 'taupe-900' | 'taupe-950' | 'teal' | 'teal-50' | 'teal-100' | 'teal-200' | 'teal-300' | 'teal-400' | 'teal-500' | 'teal-600' | 'teal-700' | 'teal-800' | 'teal-900' | 'teal-950' | 'violet' | 'violet-50' | 'violet-100' | 'violet-200' | 'violet-300' | 'violet-400' | 'violet-500' | 'violet-600' | 'violet-700' | 'violet-800' | 'violet-900' | 'violet-950' | 'yellow' | 'yellow-50' | 'yellow-100' | 'yellow-200' | 'yellow-300' | 'yellow-400' | 'yellow-500' | 'yellow-600' | 'yellow-700' | 'yellow-800' | 'yellow-900' | 'yellow-950' | 'zinc' | 'zinc-50' | 'zinc-100' | 'zinc-200' | 'zinc-300' | 'zinc-400' | 'zinc-500' | 'zinc-600' | 'zinc-700' | 'zinc-800' | 'zinc-900' | 'zinc-950';
     },
     {
         /** Color theme. */
-        theme?: "custom";
+        theme?: 'custom';
         customTheme: OneOf<[
             {
                 /** Example: `'[--theme-color:var(--color-blue-500)]'` */
@@ -24,10 +24,7 @@ export type ColorTheme = OneOf<[
         ]>;
     }
 ]>;
-export type MergeTypes<TypesArray extends unknown[], Result = object> = TypesArray extends [
-    infer Head,
-    ...infer Remaining
-] ? MergeTypes<Remaining, Result & Head> : Result;
+export type MergeTypes<TypesArray extends unknown[], Result = object> = TypesArray extends [infer Head, ...infer Remaining] ? MergeTypes<Remaining, Result & Head> : Result;
 export type OneOf<TypesArray extends unknown[], Result = never, AllProps = MergeTypes<TypesArray>> = TypesArray extends [infer Head, ...infer Remaining] ? OneOf<Remaining, Result | OnlyFirst<Head, AllProps>, AllProps> : Result;
 export type OnlyFirst<F, L> = F & {
     [Key in keyof Omit<L, keyof F>]?: never;

package/dist/utils/get-theme-color.d.ts

@@ -0,0 +1,3 @@
+import type { ColorTheme } from '../types';
+export declare function getThemeColor(theme?: ColorTheme['theme']): string;
+export declare function getTextColor(theme?: ColorTheme['theme'], asVariable?: boolean): string;

package/package.json

@@ -1,12 +1,12 @@
 {
 	"name": "@andrilla/mado-ui",
-	"version": "1.0.7",
+	"version": "1.0.8",
 	"description": "窓 UI is a collection of opinionated React 19 components built on Tailwind CSS 4.",
 	"license": "MIT",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
-	"typings": "./dist/index.d.ts",
+	"types": "./dist/index.d.ts",
 	"files": [
 		"README.md",
 		"dist"
@@ -20,23 +20,32 @@
 			"import": "./dist/client.js",
 			"types": "./dist/index.d.ts"
 		},
-		"./client/components": {
-			"import": "./dist/client/components/index.js",
-			"types": "./dist/components/index.d.ts"
-		},
-		"./client/graphics": {
-			"import": "./dist/client/graphics/index.js",
-			"types": "./dist/graphics/index.d.ts"
+		"./client/*": {
+			"import": "./dist/client/*/index.js",
+			"types": "./dist/*/index.d.ts"
 		},
 		"./components": {
 			"import": "./dist/components/index.js",
 			"types": "./dist/components/index.d.ts"
 		},
+		"./components/*": {
+			"import": "./dist/components/*.js",
+			"types": "./dist/components/*.d.ts"
+		},
 		"./css": "./dist/css/index.css",
+		"./tailwindcss": "./dist/css/tailwindcss.css",
 		"./graphics": {
 			"import": "./dist/graphics/index.js",
 			"types": "./dist/graphics/index.d.ts"
 		},
+		"./graphics/social-media": {
+			"import": "./dist/graphics/social-media/index.js",
+			"types": "./dist/graphics/social-media/index.d.ts"
+		},
+		"./graphics/social-media/*": {
+			"import": "./dist/graphics/social-media/*.js",
+			"types": "./dist/graphics/social-media/*.d.ts"
+		},
 		"./hooks": {
 			"import": "./dist/hooks/index.js",
 			"types": "./dist/hooks/index.d.ts"