@mgcrea/react-native-tailwind 0.7.0 → 0.8.0

package/dist/babel/utils/twProcessing.ts

@@ -0,0 +1,124 @@
+/**
+ * Utility functions for processing tw`...` and twStyle() calls
+ */
+
+import type { NodePath } from "@babel/core";
+import type * as BabelTypes from "@babel/types";
+import type { ModifierType, ParsedModifier } from "../../parser/index.js";
+import type { StyleObject } from "../../types/core.js";
+
+/**
+ * Plugin state interface (subset needed for tw processing)
+ */
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+export interface TwProcessingState {
+  styleRegistry: Map<string, StyleObject>;
+  customColors: Record<string, string>;
+  stylesIdentifier: string;
+}
+
+/**
+ * Process tw`...` or twStyle('...') call and replace with TwStyle object
+ * Generates: { style: styles._base, activeStyle: styles._active, ... }
+ */
+export function processTwCall(
+  className: string,
+  path: NodePath,
+  state: TwProcessingState,
+  parseClassName: (className: string, customColors: Record<string, string>) => StyleObject,
+  generateStyleKey: (className: string) => string,
+  splitModifierClasses: (className: string) => { baseClasses: string[]; modifierClasses: ParsedModifier[] },
+  t: typeof BabelTypes,
+): void {
+  const { baseClasses, modifierClasses } = splitModifierClasses(className);
+
+  // Build TwStyle object properties
+  const objectProperties: BabelTypes.ObjectProperty[] = [];
+
+  // Parse and add base styles
+  if (baseClasses.length > 0) {
+    const baseClassName = baseClasses.join(" ");
+    const baseStyleObject = parseClassName(baseClassName, state.customColors);
+    const baseStyleKey = generateStyleKey(baseClassName);
+    state.styleRegistry.set(baseStyleKey, baseStyleObject);
+
+    objectProperties.push(
+      t.objectProperty(
+        t.identifier("style"),
+        t.memberExpression(t.identifier(state.stylesIdentifier), t.identifier(baseStyleKey)),
+      ),
+    );
+  } else {
+    // No base classes - add empty style object
+    objectProperties.push(t.objectProperty(t.identifier("style"), t.objectExpression([])));
+  }
+
+  // Group modifiers by type
+  const modifiersByType = new Map<ModifierType, ParsedModifier[]>();
+  for (const mod of modifierClasses) {
+    if (!modifiersByType.has(mod.modifier)) {
+      modifiersByType.set(mod.modifier, []);
+    }
+    const modGroup = modifiersByType.get(mod.modifier);
+    if (modGroup) {
+      modGroup.push(mod);
+    }
+  }
+
+  // Add modifier styles
+  for (const [modifierType, modifiers] of modifiersByType) {
+    const modifierClassNames = modifiers.map((m) => m.baseClass).join(" ");
+    const modifierStyleObject = parseClassName(modifierClassNames, state.customColors);
+    const modifierStyleKey = generateStyleKey(`${modifierType}_${modifierClassNames}`);
+    state.styleRegistry.set(modifierStyleKey, modifierStyleObject);
+
+    // Map modifier type to property name: active -> activeStyle
+    const propertyName = `${modifierType}Style`;
+
+    objectProperties.push(
+      t.objectProperty(
+        t.identifier(propertyName),
+        t.memberExpression(t.identifier(state.stylesIdentifier), t.identifier(modifierStyleKey)),
+      ),
+    );
+  }
+
+  // Replace the tw`...` or twStyle('...') with the object
+  const twStyleObject = t.objectExpression(objectProperties);
+  path.replaceWith(twStyleObject);
+}
+
+/**
+ * Remove tw/twStyle imports from @mgcrea/react-native-tailwind
+ * This is called after all tw calls have been transformed
+ */
+export function removeTwImports(path: NodePath<BabelTypes.Program>, t: typeof BabelTypes): void {
+  // Traverse the program to find and remove tw/twStyle imports
+  path.traverse({
+    ImportDeclaration(importPath) {
+      const node = importPath.node;
+
+      // Only process imports from main package
+      if (node.source.value !== "@mgcrea/react-native-tailwind") {
+        return;
+      }
+
+      // Filter out tw/twStyle specifiers
+      const remainingSpecifiers = node.specifiers.filter((spec) => {
+        if (t.isImportSpecifier(spec) && t.isIdentifier(spec.imported)) {
+          const importedName = spec.imported.name;
+          return importedName !== "tw" && importedName !== "twStyle";
+        }
+        return true;
+      });
+
+      if (remainingSpecifiers.length === 0) {
+        // Remove entire import if no specifiers remain
+        importPath.remove();
+      } else if (remainingSpecifiers.length < node.specifiers.length) {
+        // Update import with remaining specifiers
+        node.specifiers = remainingSpecifiers;
+      }
+    },
+  });
+}

package/dist/components/TextInput.d.ts

@@ -14,8 +14,9 @@
  * />
  * ```
  */
-import { TextInput as RNTextInput, type TextInputProps as RNTextInputProps } from "react-native";
-export type TextInputProps = Omit<RNTextInputProps, "style"> & {
+import { type BlurEvent, type FocusEvent, TextInput as RNTextInput, type TextInputProps as RNTextInputProps } from "react-native";
+import { type Simplify } from "../types/util";
+export type TextInputProps = Simplify<Omit<RNTextInputProps, "style"> & {
     /**
      * Style can be a static style object/array or a function that receives focus and disabled state
      */
@@ -29,7 +30,7 @@ export type TextInputProps = Omit<RNTextInputProps, "style"> & {
      * When true, sets editable to false
      */
     disabled?: boolean;
-};
+}>;
 /**
  * Enhanced TextInput with focus and disabled state support
  *
@@ -41,18 +42,174 @@ export type TextInputProps = Omit<RNTextInputProps, "style"> & {
  * - `editable={false}` - React Native's native prop
  * If both are provided, `disabled` takes precedence.
  */
-export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<RNTextInputProps, "style"> & {
-    /**
-     * Style can be a static style object/array or a function that receives focus and disabled state
-     */
-    style?: RNTextInputProps["style"] | ((state: {
+export declare const TextInput: import("react").ForwardRefExoticComponent<{
+    value?: string | undefined | undefined;
+    textAlign?: "left" | "center" | "right" | undefined | undefined;
+    placeholder?: string | undefined | undefined;
+    children?: import("react").ReactNode;
+    hitSlop?: number | import("react-native").Insets | null | undefined;
+    id?: string | undefined | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    removeClippedSubviews?: boolean | undefined | undefined;
+    testID?: string | undefined | undefined;
+    nativeID?: string | undefined | undefined;
+    collapsable?: boolean | undefined | undefined;
+    collapsableChildren?: boolean | undefined | undefined;
+    className?: string | undefined;
+    onBlur?: ((e: BlurEvent) => void) | undefined | undefined;
+    onFocus?: ((e: FocusEvent) => void) | undefined | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined | undefined;
+    focusable?: boolean | undefined | undefined;
+    tabIndex?: 0 | -1 | undefined | undefined;
+    shouldRasterizeIOS?: boolean | undefined | undefined;
+    isTVSelectable?: boolean | undefined | undefined;
+    hasTVPreferredFocus?: boolean | undefined | undefined;
+    tvParallaxShiftDistanceX?: number | undefined | undefined;
+    tvParallaxShiftDistanceY?: number | undefined | undefined;
+    tvParallaxTiltAngle?: number | undefined | undefined;
+    tvParallaxMagnification?: number | undefined | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
+    accessible?: boolean | undefined | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: import("react-native").AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | undefined;
+    accessibilityLabel?: string | undefined | undefined;
+    'aria-label'?: string | undefined | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    'aria-busy'?: boolean | undefined | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined | undefined;
+    'aria-disabled'?: boolean | undefined | undefined;
+    'aria-expanded'?: boolean | undefined | undefined;
+    'aria-selected'?: boolean | undefined | undefined;
+    accessibilityHint?: string | undefined | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
+    'aria-hidden'?: boolean | undefined | undefined;
+    'aria-modal'?: boolean | undefined | undefined;
+    role?: import("react-native").Role | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined | undefined;
+    'aria-labelledby'?: string | undefined | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
+    'aria-live'?: ("polite" | "assertive" | "off") | undefined | undefined;
+    screenReaderFocusable?: boolean | undefined | undefined;
+    accessibilityElementsHidden?: boolean | undefined | undefined;
+    accessibilityViewIsModal?: boolean | undefined | undefined;
+    onAccessibilityEscape?: (() => void) | undefined | undefined;
+    onAccessibilityTap?: (() => void) | undefined | undefined;
+    onMagicTap?: (() => void) | undefined | undefined;
+    accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
+    accessibilityLanguage?: string | undefined | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
+    accessibilityLargeContentTitle?: string | undefined | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined | undefined;
+    onPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined | undefined;
+    onPressIn?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined | undefined;
+    onPressOut?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined | undefined;
+    allowFontScaling?: boolean | undefined | undefined;
+    autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined | undefined;
+    autoComplete?: "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "email" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | "off" | undefined | undefined;
+    autoCorrect?: boolean | undefined | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    blurOnSubmit?: boolean | undefined | undefined;
+    submitBehavior?: import("react-native").SubmitBehavior | undefined;
+    caretHidden?: boolean | undefined | undefined;
+    contextMenuHidden?: boolean | undefined | undefined;
+    defaultValue?: string | undefined | undefined;
+    editable?: boolean | undefined | undefined;
+    keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
+    inputMode?: import("react-native").InputModeOptions | undefined;
+    maxLength?: number | undefined | undefined;
+    multiline?: boolean | undefined | undefined;
+    onChange?: ((e: import("react-native").TextInputChangeEvent) => void) | undefined | undefined;
+    onChangeText?: ((text: string) => void) | undefined | undefined;
+    onContentSizeChange?: ((e: import("react-native").TextInputContentSizeChangeEvent) => void) | undefined | undefined;
+    onEndEditing?: ((e: import("react-native").TextInputEndEditingEvent) => void) | undefined | undefined;
+    onSelectionChange?: ((e: import("react-native").TextInputSelectionChangeEvent) => void) | undefined | undefined;
+    onSubmitEditing?: ((e: import("react-native").TextInputSubmitEditingEvent) => void) | undefined | undefined;
+    onScroll?: ((e: import("react-native").TextInputScrollEvent) => void) | undefined | undefined;
+    onKeyPress?: ((e: import("react-native").TextInputKeyPressEvent) => void) | undefined | undefined;
+    placeholderTextColor?: import("react-native").ColorValue | undefined;
+    readOnly?: boolean | undefined | undefined;
+    returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
+    enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
+    secureTextEntry?: boolean | undefined | undefined;
+    selectTextOnFocus?: boolean | undefined | undefined;
+    selection?: {
+        start: number;
+        end?: number | undefined;
+    } | undefined | undefined;
+    selectionColor?: import("react-native").ColorValue | undefined;
+    inputAccessoryViewID?: string | undefined | undefined;
+    inputAccessoryViewButtonLabel?: string | undefined | undefined;
+    maxFontSizeMultiplier?: number | null | undefined | undefined;
+    disableKeyboardShortcuts?: boolean | undefined | undefined;
+    clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined | undefined;
+    clearTextOnFocus?: boolean | undefined | undefined;
+    dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
+    enablesReturnKeyAutomatically?: boolean | undefined | undefined;
+    keyboardAppearance?: "default" | "light" | "dark" | undefined | undefined;
+    passwordRules?: string | null | undefined | undefined;
+    rejectResponderTermination?: boolean | null | undefined | undefined;
+    selectionState?: import("react-native").DocumentSelectionState | undefined;
+    spellCheck?: boolean | undefined | undefined;
+    textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "flightNumber" | "shipmentTrackingNumber" | undefined | undefined;
+    scrollEnabled?: boolean | undefined | undefined;
+    lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined | undefined;
+    lineBreakModeIOS?: "wordWrapping" | "char" | "clip" | "head" | "middle" | "tail" | undefined | undefined;
+    smartInsertDelete?: boolean | undefined | undefined;
+    cursorColor?: import("react-native").ColorValue | null | undefined;
+    selectionHandleColor?: import("react-native").ColorValue | null | undefined;
+    importantForAutofill?: "auto" | "no" | "noExcludeDescendants" | "yes" | "yesExcludeDescendants" | undefined | undefined;
+    disableFullscreenUI?: boolean | undefined | undefined;
+    inlineImageLeft?: string | undefined | undefined;
+    inlineImagePadding?: number | undefined | undefined;
+    numberOfLines?: number | undefined | undefined;
+    returnKeyLabel?: string | undefined | undefined;
+    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined | undefined;
+    underlineColorAndroid?: import("react-native").ColorValue | undefined;
+    textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined | undefined;
+    showSoftInputOnFocus?: boolean | undefined | undefined;
+    verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined | undefined;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle> | ((state: {
         focused: boolean;
         disabled: boolean;
     }) => RNTextInputProps["style"]);
-    className?: string;
-    /**
-     * Convenience prop for disabled state (overrides editable if provided)
-     * When true, sets editable to false
-     */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 } & import("react").RefAttributes<RNTextInput>>;

package/dist/config/tailwind.d.ts

@@ -0,0 +1,302 @@
+export type TailwindPalette = {
+    "50": string;
+    "100": string;
+    "200": string;
+    "300": string;
+    "400": string;
+    "500": string;
+    "600": string;
+    "700": string;
+    "800": string;
+    "900": string;
+    "950": string;
+};
+export declare const TAILWIND_COLORS: {
+    red: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    orange: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    amber: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    yellow: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    lime: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    green: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    emerald: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    teal: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    cyan: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    sky: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    blue: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    indigo: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    violet: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    purple: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    fuchsia: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    pink: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    rose: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    slate: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    gray: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    zinc: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    neutral: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+    stone: {
+        "50": string;
+        "100": string;
+        "200": string;
+        "300": string;
+        "400": string;
+        "500": string;
+        "600": string;
+        "700": string;
+        "800": string;
+        "900": string;
+        "950": string;
+    };
+};
+export type TailwindColor = keyof typeof TAILWIND_COLORS;

package/dist/config/tailwind.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.TAILWIND_COLORS=void 0;var TAILWIND_COLORS=exports.TAILWIND_COLORS={red:{"50":"#fef2f2","100":"#ffe2e2","200":"#ffc9c9","300":"#ffa2a2","400":"#ff6467","500":"#fb2c36","600":"#e7000b","700":"#c10007","800":"#9f0712","900":"#82181a","950":"#460809"},orange:{"50":"#fff7ed","100":"#ffedd4","200":"#ffd6a7","300":"#ffb86a","400":"#ff8904","500":"#ff6900","600":"#f54900","700":"#ca3500","800":"#9f2d00","900":"#7e2a0c","950":"#441306"},amber:{"50":"#fffbeb","100":"#fef3c6","200":"#fee685","300":"#ffd230","400":"#ffb900","500":"#fe9a00","600":"#e17100","700":"#bb4d00","800":"#973c00","900":"#7b3306","950":"#461901"},yellow:{"50":"#fefce8","100":"#fef9c2","200":"#fff085","300":"#ffdf20","400":"#fdc700","500":"#f0b100","600":"#d08700","700":"#a65f00","800":"#894b00","900":"#733e0a","950":"#432004"},lime:{"50":"#f7fee7","100":"#ecfcca","200":"#d8f999","300":"#bbf451","400":"#9ae600","500":"#7ccf00","600":"#5ea500","700":"#497d00","800":"#3c6300","900":"#35530e","950":"#192e03"},green:{"50":"#f0fdf4","100":"#dcfce7","200":"#b9f8cf","300":"#7bf1a8","400":"#05df72","500":"#00c950","600":"#00a63e","700":"#008236","800":"#016630","900":"#0d542b","950":"#032e15"},emerald:{"50":"#ecfdf5","100":"#d0fae5","200":"#a4f4cf","300":"#5ee9b5","400":"#00d492","500":"#00bc7d","600":"#009966","700":"#007a55","800":"#006045","900":"#004f3b","950":"#002c22"},teal:{"50":"#f0fdfa","100":"#cbfbf1","200":"#96f7e4","300":"#46ecd5","400":"#00d5be","500":"#00bba7","600":"#009689","700":"#00786f","800":"#005f5a","900":"#0b4f4a","950":"#022f2e"},cyan:{"50":"#ecfeff","100":"#cefafe","200":"#a2f4fd","300":"#53eafd","400":"#00d3f2","500":"#00b8db","600":"#0092b8","700":"#007595","800":"#005f78","900":"#104e64","950":"#053345"},sky:{"50":"#f0f9ff","100":"#dff2fe","200":"#b8e6fe","300":"#74d4ff","400":"#00bcff","500":"#00a6f4","600":"#0084d1","700":"#0069a8","800":"#00598a","900":"#024a70","950":"#052f4a"},blue:{"50":"#eff6ff","100":"#dbeafe","200":"#bedbff","300":"#8ec5ff","400":"#51a2ff","500":"#2b7fff","600":"#155dfc","700":"#1447e6","800":"#193cb8","900":"#1c398e","950":"#162456"},indigo:{"50":"#eef2ff","100":"#e0e7ff","200":"#c6d2ff","300":"#a3b3ff","400":"#7c86ff","500":"#615fff","600":"#4f39f6","700":"#432dd7","800":"#372aac","900":"#312c85","950":"#1e1a4d"},violet:{"50":"#f5f3ff","100":"#ede9fe","200":"#ddd6ff","300":"#c4b4ff","400":"#a684ff","500":"#8e51ff","600":"#7f22fe","700":"#7008e7","800":"#5d0ec0","900":"#4d179a","950":"#2f0d68"},purple:{"50":"#faf5ff","100":"#f3e8ff","200":"#e9d4ff","300":"#dab2ff","400":"#c27aff","500":"#ad46ff","600":"#9810fa","700":"#8200db","800":"#6e11b0","900":"#59168b","950":"#3c0366"},fuchsia:{"50":"#fdf4ff","100":"#fae8ff","200":"#f6cfff","300":"#f4a8ff","400":"#ed6aff","500":"#e12afb","600":"#c800de","700":"#a800b7","800":"#8a0194","900":"#721378","950":"#4b004f"},pink:{"50":"#fdf2f8","100":"#fce7f3","200":"#fccee8","300":"#fda5d5","400":"#fb64b6","500":"#f6339a","600":"#e60076","700":"#c6005c","800":"#a3004c","900":"#861043","950":"#510424"},rose:{"50":"#fff1f2","100":"#ffe4e6","200":"#ffccd3","300":"#ffa1ad","400":"#ff637e","500":"#ff2056","600":"#ec003f","700":"#c70036","800":"#a50036","900":"#8b0836","950":"#4d0218"},slate:{"50":"#f8fafc","100":"#f1f5f9","200":"#e2e8f0","300":"#cad5e2","400":"#90a1b9","500":"#62748e","600":"#45556c","700":"#314158","800":"#1d293d","900":"#0f172b","950":"#020618"},gray:{"50":"#f9fafb","100":"#f3f4f6","200":"#e5e7eb","300":"#d1d5dc","400":"#99a1af","500":"#6a7282","600":"#4a5565","700":"#364153","800":"#1e2939","900":"#101828","950":"#030712"},zinc:{"50":"#fafafa","100":"#f4f4f5","200":"#e4e4e7","300":"#d4d4d8","400":"#9f9fa9","500":"#71717b","600":"#52525c","700":"#3f3f46","800":"#27272a","900":"#18181b","950":"#09090b"},neutral:{"50":"#fafafa","100":"#f5f5f5","200":"#e5e5e5","300":"#d4d4d4","400":"#a1a1a1","500":"#737373","600":"#525252","700":"#404040","800":"#262626","900":"#171717","950":"#0a0a0a"},stone:{"50":"#fafaf9","100":"#f5f5f4","200":"#e7e5e4","300":"#d6d3d1","400":"#a6a09b","500":"#79716b","600":"#57534d","700":"#44403b","800":"#292524","900":"#1c1917","950":"#0c0a09"}};