@entropix/react-native 0.2.0 → 1.0.0

package/dist/index.d.cts

@@ -7,14 +7,34 @@ import { AccessibilityRole, AccessibilityState, AccessibilityValue, PressablePro
 
 type EntropixTheme = typeof tokens;
 type ThemeMode = "light" | "dark";
+type BrandName = string;
 interface ThemeContextValue {
     mode: ThemeMode;
+    brand: BrandName;
     tokens: EntropixTheme;
     baseTokens: typeof tokens$1;
 }
+type BrandThemes = Record<ThemeMode, EntropixTheme>;
+/**
+ * registerBrand — Register a custom brand's theme tokens.
+ *
+ * Call this before rendering EntropixProvider to make a brand available.
+ *
+ * ```ts
+ * import { tokens as acmeLight } from "@entropix/tokens/brands/ocean/native/light";
+ * import { tokens as acmeDark } from "@entropix/tokens/brands/ocean/native/dark";
+ *
+ * registerBrand("ocean", { light: acmeLight, dark: acmeDark });
+ * ```
+ */
+declare function registerBrand(name: string, themes: BrandThemes): void;
 interface EntropixProviderProps {
     /** Theme mode: "light" or "dark". Default: "light" */
     mode?: ThemeMode;
+    /** Brand name. Default: "default" */
+    brand?: BrandName;
+    /** Override tokens directly (bypasses brand registry) */
+    tokens?: EntropixTheme;
     children: React.ReactNode;
 }
 /**
@@ -24,16 +44,16 @@ interface EntropixProviderProps {
  * automatically pick up the current theme tokens.
  *
  * ```tsx
- * <EntropixProvider mode="dark">
+ * <EntropixProvider brand="ocean" mode="dark">
  *   <App />
  * </EntropixProvider>
  * ```
  */
-declare function EntropixProvider({ mode, children, }: EntropixProviderProps): react_jsx_runtime.JSX.Element;
+declare function EntropixProvider({ mode, brand, tokens: tokenOverride, children, }: EntropixProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * useTheme — Access current Entropix theme tokens.
  *
- * Returns the resolved token values for the current theme (light or dark).
+ * Returns the resolved token values for the current theme and brand.
  * Must be used within an EntropixProvider.
  */
 declare function useTheme(): ThemeContextValue;
@@ -345,6 +365,7 @@ interface InputProps {
     textStyle?: TextStyle;
     /** testID for testing */
     testID?: string;
+    variant?: string;
 }
 /**
  * Input -- styled text input with label, helper text, and error message.
@@ -358,7 +379,7 @@ interface InputProps {
  * />
  * ```
  */
-declare function Input({ value, defaultValue, onChange, disabled, readOnly, required, invalid, label, helperText, errorMessage, placeholder, type, size, style, inputStyle, textStyle, testID, }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ value, defaultValue, onChange, disabled, readOnly, required, invalid, label, helperText, errorMessage, placeholder, type, size, style, inputStyle, textStyle, testID, variant: _variant }: InputProps): react_jsx_runtime.JSX.Element;
 
 type TextareaSize = "sm" | "md" | "lg";
 interface TextareaProps {
@@ -729,4 +750,4 @@ interface DividerProps extends ViewProps {
  */
 declare function Divider({ orientation, spacing, style, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BREAKPOINTS, type Breakpoint, Button, type ButtonProps, Checkbox, type CheckboxProps, type CheckboxSize, Container, type ContainerProps, type ContainerSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, EntropixProvider, type EntropixProviderProps, type EntropixTheme, Inline, type InlineProps, Input, type InputProps, type InputSize, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, type MenuTriggerProps, type RNAccessibilityProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, Select, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerProps, type SpacingSize$1 as SpacingSize, Stack, type StackProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type TextareaSize, type ThemeMode, Toggle, type ToggleProps, mapAccessibilityToRN, useBreakpoint, useBreakpointValue, useScreenDimensions, useTheme };
+export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BREAKPOINTS, type BrandName, type Breakpoint, Button, type ButtonProps, Checkbox, type CheckboxProps, type CheckboxSize, Container, type ContainerProps, type ContainerSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, EntropixProvider, type EntropixProviderProps, type EntropixTheme, Inline, type InlineProps, Input, type InputProps, type InputSize, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, type MenuTriggerProps, type RNAccessibilityProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, Select, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerProps, type SpacingSize$1 as SpacingSize, Stack, type StackProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type TextareaSize, type ThemeMode, Toggle, type ToggleProps, mapAccessibilityToRN, registerBrand, useBreakpoint, useBreakpointValue, useScreenDimensions, useTheme };

package/dist/index.d.ts

@@ -7,14 +7,34 @@ import { AccessibilityRole, AccessibilityState, AccessibilityValue, PressablePro
 
 type EntropixTheme = typeof tokens;
 type ThemeMode = "light" | "dark";
+type BrandName = string;
 interface ThemeContextValue {
     mode: ThemeMode;
+    brand: BrandName;
     tokens: EntropixTheme;
     baseTokens: typeof tokens$1;
 }
+type BrandThemes = Record<ThemeMode, EntropixTheme>;
+/**
+ * registerBrand — Register a custom brand's theme tokens.
+ *
+ * Call this before rendering EntropixProvider to make a brand available.
+ *
+ * ```ts
+ * import { tokens as acmeLight } from "@entropix/tokens/brands/ocean/native/light";
+ * import { tokens as acmeDark } from "@entropix/tokens/brands/ocean/native/dark";
+ *
+ * registerBrand("ocean", { light: acmeLight, dark: acmeDark });
+ * ```
+ */
+declare function registerBrand(name: string, themes: BrandThemes): void;
 interface EntropixProviderProps {
     /** Theme mode: "light" or "dark". Default: "light" */
     mode?: ThemeMode;
+    /** Brand name. Default: "default" */
+    brand?: BrandName;
+    /** Override tokens directly (bypasses brand registry) */
+    tokens?: EntropixTheme;
     children: React.ReactNode;
 }
 /**
@@ -24,16 +44,16 @@ interface EntropixProviderProps {
  * automatically pick up the current theme tokens.
  *
  * ```tsx
- * <EntropixProvider mode="dark">
+ * <EntropixProvider brand="ocean" mode="dark">
  *   <App />
  * </EntropixProvider>
  * ```
  */
-declare function EntropixProvider({ mode, children, }: EntropixProviderProps): react_jsx_runtime.JSX.Element;
+declare function EntropixProvider({ mode, brand, tokens: tokenOverride, children, }: EntropixProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * useTheme — Access current Entropix theme tokens.
  *
- * Returns the resolved token values for the current theme (light or dark).
+ * Returns the resolved token values for the current theme and brand.
  * Must be used within an EntropixProvider.
  */
 declare function useTheme(): ThemeContextValue;
@@ -345,6 +365,7 @@ interface InputProps {
     textStyle?: TextStyle;
     /** testID for testing */
     testID?: string;
+    variant?: string;
 }
 /**
  * Input -- styled text input with label, helper text, and error message.
@@ -358,7 +379,7 @@ interface InputProps {
  * />
  * ```
  */
-declare function Input({ value, defaultValue, onChange, disabled, readOnly, required, invalid, label, helperText, errorMessage, placeholder, type, size, style, inputStyle, textStyle, testID, }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ value, defaultValue, onChange, disabled, readOnly, required, invalid, label, helperText, errorMessage, placeholder, type, size, style, inputStyle, textStyle, testID, variant: _variant }: InputProps): react_jsx_runtime.JSX.Element;
 
 type TextareaSize = "sm" | "md" | "lg";
 interface TextareaProps {
@@ -729,4 +750,4 @@ interface DividerProps extends ViewProps {
  */
 declare function Divider({ orientation, spacing, style, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BREAKPOINTS, type Breakpoint, Button, type ButtonProps, Checkbox, type CheckboxProps, type CheckboxSize, Container, type ContainerProps, type ContainerSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, EntropixProvider, type EntropixProviderProps, type EntropixTheme, Inline, type InlineProps, Input, type InputProps, type InputSize, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, type MenuTriggerProps, type RNAccessibilityProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, Select, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerProps, type SpacingSize$1 as SpacingSize, Stack, type StackProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type TextareaSize, type ThemeMode, Toggle, type ToggleProps, mapAccessibilityToRN, useBreakpoint, useBreakpointValue, useScreenDimensions, useTheme };
+export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BREAKPOINTS, type BrandName, type Breakpoint, Button, type ButtonProps, Checkbox, type CheckboxProps, type CheckboxSize, Container, type ContainerProps, type ContainerSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, EntropixProvider, type EntropixProviderProps, type EntropixTheme, Inline, type InlineProps, Input, type InputProps, type InputSize, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, type MenuTriggerProps, type RNAccessibilityProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, Select, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerProps, type SpacingSize$1 as SpacingSize, Stack, type StackProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type TextareaSize, type ThemeMode, Toggle, type ToggleProps, mapAccessibilityToRN, registerBrand, useBreakpoint, useBreakpointValue, useScreenDimensions, useTheme };

package/dist/index.js

@@ -9,21 +9,40 @@ import { useButton, useToggle, useDialog, useTabs, useAccordion, useMenu, useInp
 // src/theme/theme-context.tsx
 var ThemeContext = createContext({
   mode: "light",
+  brand: "default",
   tokens: tokens$1,
   baseTokens: tokens
 });
+var brandRegistry = {
+  default: {
+    light: tokens$1,
+    dark: tokens$2
+  }
+};
+function registerBrand(name, themes) {
+  brandRegistry[name] = themes;
+}
 function EntropixProvider({
   mode = "light",
+  brand = "default",
+  tokens: tokenOverride,
   children
 }) {
-  const value = useMemo(
-    () => ({
+  const value = useMemo(() => {
+    let resolvedTokens;
+    if (tokenOverride) {
+      resolvedTokens = tokenOverride;
+    } else {
+      const brandThemes = brandRegistry[brand] ?? brandRegistry.default;
+      resolvedTokens = brandThemes[mode] ?? brandThemes.light;
+    }
+    return {
       mode,
-      tokens: mode === "dark" ? tokens$2 : tokens$1,
+      brand,
+      tokens: resolvedTokens,
       baseTokens: tokens
-    }),
-    [mode]
-  );
+    };
+  }, [mode, brand, tokenOverride]);
   return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
 }
 function useTheme() {
@@ -992,7 +1011,8 @@ function Input({
   style,
   inputStyle,
   textStyle,
-  testID
+  testID,
+  variant: _variant
 }) {
   const { tokens: t, baseTokens: bt } = useTheme();
   const {
@@ -2022,6 +2042,6 @@ function Divider({
   );
 }
 
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, BREAKPOINTS, Button, Checkbox, Container, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogTitle, DialogTrigger, Divider, EntropixProvider, Inline, Input, Menu, MenuContent, MenuItem, MenuTrigger, RadioGroup, RadioItem, Select, SelectContent, SelectOption, SelectTrigger, Stack, Switch, Tab, TabList, TabPanel, Tabs, Textarea, Toggle, mapAccessibilityToRN, useBreakpoint, useBreakpointValue, useScreenDimensions, useTheme };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, BREAKPOINTS, Button, Checkbox, Container, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogTitle, DialogTrigger, Divider, EntropixProvider, Inline, Input, Menu, MenuContent, MenuItem, MenuTrigger, RadioGroup, RadioItem, Select, SelectContent, SelectOption, SelectTrigger, Stack, Switch, Tab, TabList, TabPanel, Tabs, Textarea, Toggle, mapAccessibilityToRN, registerBrand, useBreakpoint, useBreakpointValue, useScreenDimensions, useTheme };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map