@medway-ui/native 1.3.3 → 1.5.0

package/lib/typescript/components/IndexLevel.d.ts

@@ -0,0 +1,66 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentType, type ReactNode } from "react";
+import { type ViewProps } from "react-native";
+import { type SvgProps } from "react-native-svg";
+import { type ThemeColorToken } from "@/hooks/useThemeColor";
+/**
+ * Matches the `PriorityLevelType` enum used by the products:
+ * priority = "p" | high_priority = "h" | medium_priority = "m" | low_priority = "l"
+ */
+type IndexLevelValue = "p" | "h" | "m" | "l";
+type IndexLevelIconComponent = ComponentType<{
+    color: string;
+    strokeWidth?: number;
+} & SvgProps>;
+declare const LEVEL_LABELS: Record<IndexLevelValue, {
+    full: string;
+    short: string;
+    icon: IndexLevelIconComponent;
+}>;
+type IndexLevelSpecialty = "default" | "cm" | "go" | "cir" | "ped" | "prev";
+/** Accepts the specialty in either casing, e.g. `"cm"` or `"CM"`. */
+type IndexLevelSpecialtyProp = IndexLevelSpecialty | Uppercase<IndexLevelSpecialty>;
+declare const indexLevelVariants: (props?: ({
+    variant?: "regular" | "basic" | "soft" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const indexLevelTextVariants: (props?: ({
+    variant?: "regular" | "basic" | "soft" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const indexLevelIconVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface IndexLevelIconProps extends Omit<ViewProps, "children">, VariantProps<typeof indexLevelIconVariants> {
+    level: IndexLevelValue;
+    baseOpacity?: "40" | "20";
+    /** Token de cor do ícone (SVG não herda `currentColor` no native). */
+    colorToken?: ThemeColorToken;
+}
+declare function IndexLevelIcon({ className, level, size, baseOpacity, colorToken, ...props }: IndexLevelIconProps): import("react").JSX.Element | null;
+interface IndexLevelProps extends Omit<ViewProps, "style">, VariantProps<typeof indexLevelVariants> {
+    /** Priority level rendered by the component. */
+    level: IndexLevelValue;
+    /**
+     * Draws the traveling gradient stroke on levels `p` / `h`.
+     * Chip colors still come from `variant` — `specialty` only tints this ring.
+     */
+    animated?: boolean;
+    /** Color of the animated ring. Ignored when `animated` is false. */
+    specialty?: IndexLevelSpecialtyProp;
+    /** Uses the abbreviated label ("Alta") instead of the full one ("Alta prevalência"). */
+    shortName?: boolean;
+    /** Overrides the label derived from `level`. */
+    label?: ReactNode;
+    /** Hides the label, keeping only the icon (and any `children`). */
+    hideLabel?: boolean;
+    /** Extra classes for the icon slot. */
+    iconClassName?: string;
+    /** Extra classes for the label slot. */
+    labelClassName?: string;
+    children?: ReactNode;
+}
+declare function IndexLevel({ className, variant, size, level, animated, specialty, shortName, label, hideLabel, iconClassName, labelClassName, children, accessibilityLabel, onLayout, ...props }: IndexLevelProps): import("react").JSX.Element | null;
+export { LEVEL_LABELS as INDEX_LEVEL_LABELS, IndexLevel, IndexLevelIcon, indexLevelIconVariants, indexLevelTextVariants, indexLevelVariants, };
+export type { IndexLevelIconProps, IndexLevelProps, IndexLevelSpecialty, IndexLevelSpecialtyProp, IndexLevelValue, };
+//# sourceMappingURL=IndexLevel.d.ts.map

package/lib/typescript/components/IndexLevel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndexLevel.d.ts","sourceRoot":"","sources":["../../../src/components/IndexLevel.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/components/Tag.d.ts

@@ -6,10 +6,10 @@ interface TagProps extends ViewProps, VariantProps<typeof tagVariants> {
     children?: ReactNode;
 }
 declare const tagVariants: (props?: ({
-    variant?: "regular" | "emphasis" | "success" | "warning" | "error" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "go" | "gray" | "gray-soft" | "gray-basic" | "cm" | "cm-soft" | "cm-basic" | "go-soft" | "go-basic" | "cir" | "cir-soft" | "cir-basic" | "ped" | "ped-soft" | "ped-basic" | "prev" | "prev-soft" | "prev-basic" | "ia" | "ia-soft" | "ia-basic" | null | undefined;
+    variant?: "regular" | "go" | "cir" | "ped" | "prev" | "emphasis" | "success" | "warning" | "error" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "cm" | "gray" | "gray-soft" | "gray-basic" | "cm-soft" | "cm-basic" | "go-soft" | "go-basic" | "cir-soft" | "cir-basic" | "ped-soft" | "ped-basic" | "prev-soft" | "prev-basic" | "ia" | "ia-soft" | "ia-basic" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tagTextVariants: (props?: ({
-    variant?: "regular" | "emphasis" | "success" | "warning" | "error" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "go" | "gray" | "gray-soft" | "gray-basic" | "cm" | "cm-soft" | "cm-basic" | "go-soft" | "go-basic" | "cir" | "cir-soft" | "cir-basic" | "ped" | "ped-soft" | "ped-basic" | "prev" | "prev-soft" | "prev-basic" | "ia" | "ia-soft" | "ia-basic" | null | undefined;
+    variant?: "regular" | "go" | "cir" | "ped" | "prev" | "emphasis" | "success" | "warning" | "error" | "regular-soft" | "regular-basic" | "emphasis-soft" | "emphasis-basic" | "error-soft" | "error-basic" | "warning-soft" | "warning-basic" | "success-soft" | "success-basic" | "cm" | "gray" | "gray-soft" | "gray-basic" | "cm-soft" | "cm-basic" | "go-soft" | "go-basic" | "cir-soft" | "cir-basic" | "ped-soft" | "ped-basic" | "prev-soft" | "prev-basic" | "ia" | "ia-soft" | "ia-basic" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Tag({ className, variant, icon, children, ...props }: TagProps): import("react").JSX.Element;
 export { Tag, tagVariants, tagTextVariants };

package/lib/typescript/hooks/useThemeColor.d.ts

@@ -3,11 +3,18 @@ type ThemeColorToken = string;
 declare const DEFAULT_COLOR = "#3B4958";
 declare function toCssVariable(token: ThemeColorToken): string;
 declare function getFallbackColor(token: ThemeColorToken, aliasMap: Record<string, string>): string;
+/**
+ * Aplica alpha na cor já resolvida (`rgba` ou hex). `transparent` no
+ * LinearGradient do Expo interpola via preto no Android.
+ * `alpha` é clamado em 0–1 para não gerar hex inválido (ex. `#RRGGBB132`).
+ */
+declare function withAlpha(color: string, alpha: number): string;
 /**
  * Resolve uma cor semântica do design system (tokens.native.css) em runtime.
  * Use quando a prop `color` for obrigatória (SVG, stroke Reanimated, etc.).
+ * `alpha` (0–1) aplica a opacidade na cor resolvida.
  */
-declare function useThemeColor(token: ThemeColorToken): string;
-export { useThemeColor, toCssVariable, getFallbackColor, DEFAULT_COLOR };
+declare function useThemeColor(token: ThemeColorToken, alpha?: number): string;
+export { useThemeColor, withAlpha, toCssVariable, getFallbackColor, DEFAULT_COLOR, };
 export type { ThemeColorToken };
 //# sourceMappingURL=useThemeColor.d.ts.map

package/lib/typescript/hooks/useThemeColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeColor.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemeColor.ts"],"names":[],"mappings":"AAEA,wFAAwF;AACxF,KAAK,eAAe,GAAG,MAAM,CAAC;AA+D9B,QAAA,MAAM,aAAa,YAAY,CAAC;AAEhC,iBAAS,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAErD;AAkBD,iBAAS,gBAAgB,CACvB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC/B,MAAM,CASR;AAED;;;GAGG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAcrD;AAED,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC;AACzE,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"useThemeColor.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemeColor.ts"],"names":[],"mappings":"AAEA,wFAAwF;AACxF,KAAK,eAAe,GAAG,MAAM,CAAC;AA8E9B,QAAA,MAAM,aAAa,YAAY,CAAC;AAEhC,iBAAS,aAAa,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,CAErD;AAkBD,iBAAS,gBAAgB,CACvB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC/B,MAAM,CASR;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAyBvD;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAiBrE;AAED,OAAO,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,CAAC;AACF,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/index.d.ts

@@ -40,6 +40,8 @@ export { Checkbox, checkboxVariants } from "@/components/Checkbox";
 export type { CheckboxProps } from "@/components/Checkbox";
 export { Input, InputAdornment, applyInputIconSize, InputEndIcon, InputField, InputLabel, InputNumeric, InputPassword, InputStartIcon, InputText, InputWrapper, inputVariants, } from "@/components/Input";
 export type { InputLabelProps, InputNumericProps, InputPasswordProps, InputProps, InputTextProps, InputType, } from "@/components/Input";
+export { INDEX_LEVEL_LABELS, IndexLevel, IndexLevelIcon, indexLevelIconVariants, indexLevelTextVariants, indexLevelVariants, } from "@/components/IndexLevel";
+export type { IndexLevelIconProps, IndexLevelProps, IndexLevelSpecialty, IndexLevelSpecialtyProp, IndexLevelValue, } from "@/components/IndexLevel";
 export { Label, labelVariants, labelTextVariants } from "@/components/Label";
 export type { LabelProps } from "@/components/Label";
 export { Loading } from "@/components/Loading";
@@ -71,7 +73,7 @@ export type { ToastActionElement, ToastProps } from "@/components/Toast";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/Tooltip";
 export type { TooltipContentProps } from "@/components/Tooltip";
 export { useToast, toast } from "@/hooks/use-toast";
-export { useThemeColor } from "@/hooks/useThemeColor";
+export { useThemeColor, withAlpha } from "@/hooks/useThemeColor";
 export type { ThemeColorToken } from "@/hooks/useThemeColor";
 export { ThemedIcon } from "@/components/ThemedIcon";
 export type { ThemedIconProps } from "@/components/ThemedIcon";

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGvE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGrE,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,GACvB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EACV,iBAAiB,EACjB,SAAS,EACT,cAAc,GACf,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,wBAAwB,EACxB,yBAAyB,EACzB,0BAA0B,EAC1B,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,eAAe,EACf,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC7F,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,2BAA2B,EAC3B,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,wBAAwB,EACxB,SAAS,EACT,QAAQ,EACR,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,cAAc,EACd,eAAe,GAChB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACjF,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACnE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EACL,KAAK,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,cAAc,EACd,SAAS,EACT,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,SAAS,GACV,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGxF,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,UAAU,EACV,aAAa,EACb,WAAW,EACX,aAAa,EACb,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,MAAM,EACN,WAAW,EACX,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EACL,OAAO,EACP,YAAY,EACZ,cAAc,EACd,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EACL,KAAK,EACL,UAAU,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GACV,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACrE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,EACX,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGzE,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medway-ui/native",
-  "version": "1.3.3",
+  "version": "1.5.0",
   "description": "Medway UI components for React Native (iOS/Android via Expo)",
   "author": "Alekcarvalho",
   "license": "MIT",
@@ -75,12 +75,14 @@
   },
   "peerDependencies": {
     "@medway-ui/core": ">=1.0.0",
-    "@medway-ui/icons": "^1.0.2",
+    "@medway-ui/icons": "^1.12.0",
     "@medway-ui/notes-core": ">=0.1.0",
+    "@react-native-masked-view/masked-view": ">=0.3.0",
     "@react-navigation/native": ">=6.0.0",
     "@react-navigation/native-stack": ">=6.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "expo-linear-gradient": ">=13.0.0",
     "nativewind": "^4.0.0",
     "react": ">=18.0.0",
     "react-native": ">=0.73.0",
@@ -105,9 +107,15 @@
     "@medway-ui/notes-core": {
       "optional": true
     },
+    "@react-native-masked-view/masked-view": {
+      "optional": true
+    },
     "@react-navigation/native-stack": {
       "optional": true
     },
+    "expo-linear-gradient": {
+      "optional": true
+    },
     "react-native-webview": {
       "optional": true
     }
@@ -116,11 +124,13 @@
     "@changesets/changelog-github": "^0.7.0",
     "@changesets/cli": "^2.31.1",
     "@medway-ui/icons": "^1.12.1",
+    "@react-native-masked-view/masked-view": "^0.3.2",
     "@react-navigation/native": "^7.3.18",
     "@react-navigation/native-stack": "^7.18.10",
     "@types/react": "^19",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "expo-linear-gradient": "^14.1.5",
     "nativewind": "^4.2.4",
     "react": "^19.2.6",
     "react-native": "^0.85.3",

package/setup/tokens.native.css

@@ -245,6 +245,80 @@
   --color-prev-4: rgba(59, 63, 182, 0.04);
   --color-prev-0: rgba(59, 63, 182, 0);
 
+  /* === Gold colors === */
+  --color-gold: rgba(217, 172, 104, 1);
+  --color-gold-darken-1: rgba(209, 154, 72, 1);
+  --color-gold-darken-2: rgba(191, 134, 49, 1);
+  --color-gold-darken-3: rgba(159, 111, 40, 1);
+  --color-gold-darken-4: rgba(126, 88, 32, 1);
+  --color-gold-darken-5: rgba(94, 66, 24, 1);
+  --color-gold-darken-6: rgba(61, 43, 15, 1);
+  --color-gold-lighten-1: rgba(221, 181, 121, 1);
+  --color-gold-lighten-2: rgba(229, 199, 153, 1);
+  --color-gold-lighten-3: rgba(233, 208, 170, 1);
+  --color-gold-lighten-4: rgba(237, 217, 186, 1);
+  --color-gold-lighten-5: rgba(242, 226, 202, 1);
+  --color-gold-lighten-6: rgba(246, 235, 218, 1);
+  --color-gold-80: rgba(217, 172, 104, 0.8);
+  --color-gold-64: rgba(217, 172, 104, 0.64);
+  --color-gold-48: rgba(217, 172, 104, 0.48);
+  --color-gold-24: rgba(217, 172, 104, 0.24);
+  --color-gold-16: rgba(217, 172, 104, 0.16);
+  --color-gold-12: rgba(217, 172, 104, 0.12);
+  --color-gold-8: rgba(217, 172, 104, 0.08);
+  --color-gold-6: rgba(217, 172, 104, 0.06);
+  --color-gold-4: rgba(217, 172, 104, 0.04);
+  --color-gold-0: rgba(217, 172, 104, 0);
+
+  /* === Silver colors === */
+  --color-silver: rgba(120, 120, 120, 1);
+  --color-silver-darken-1: rgba(99, 99, 99, 1);
+  --color-silver-darken-2: rgba(79, 79, 79, 1);
+  --color-silver-darken-3: rgba(69, 69, 69, 1);
+  --color-silver-darken-4: rgba(59, 59, 59, 1);
+  --color-silver-darken-5: rgba(48, 48, 48, 1);
+  --color-silver-darken-6: rgba(38, 38, 38, 1);
+  --color-silver-lighten-1: rgba(140, 140, 140, 1);
+  --color-silver-lighten-2: rgba(161, 161, 161, 1);
+  --color-silver-lighten-3: rgba(181, 181, 181, 1);
+  --color-silver-lighten-4: rgba(199, 199, 199, 1);
+  --color-silver-lighten-5: rgba(219, 219, 219, 1);
+  --color-silver-lighten-6: rgba(240, 240, 240, 1);
+  --color-silver-80: rgba(120, 120, 120, 0.8);
+  --color-silver-64: rgba(120, 120, 120, 0.64);
+  --color-silver-48: rgba(120, 120, 120, 0.48);
+  --color-silver-24: rgba(120, 120, 120, 0.24);
+  --color-silver-16: rgba(120, 120, 120, 0.16);
+  --color-silver-12: rgba(120, 120, 120, 0.12);
+  --color-silver-8: rgba(120, 120, 120, 0.08);
+  --color-silver-6: rgba(120, 120, 120, 0.06);
+  --color-silver-4: rgba(120, 120, 120, 0.04);
+  --color-silver-0: rgba(120, 120, 120, 0);
+
+  /* === Bronze colors === */
+  --color-bronze: rgba(199, 119, 87, 1);
+  --color-bronze-darken-1: rgba(184, 97, 61, 1);
+  --color-bronze-darken-2: rgba(153, 80, 51, 1);
+  --color-bronze-darken-3: rgba(122, 64, 41, 1);
+  --color-bronze-darken-4: rgba(92, 48, 31, 1);
+  --color-bronze-darken-5: rgba(61, 32, 20, 1);
+  --color-bronze-darken-6: rgba(31, 16, 10, 1);
+  --color-bronze-lighten-1: rgba(209, 144, 117, 1);
+  --color-bronze-lighten-2: rgba(219, 168, 148, 1);
+  --color-bronze-lighten-3: rgba(229, 193, 178, 1);
+  --color-bronze-lighten-4: rgba(240, 218, 209, 1);
+  --color-bronze-lighten-5: rgba(250, 243, 240, 1);
+  --color-bronze-80: rgba(199, 119, 87, 0.8);
+  --color-bronze-64: rgba(199, 119, 87, 0.64);
+  --color-bronze-48: rgba(199, 119, 87, 0.48);
+  --color-bronze-24: rgba(199, 119, 87, 0.24);
+  --color-bronze-16: rgba(199, 119, 87, 0.16);
+  --color-bronze-12: rgba(199, 119, 87, 0.12);
+  --color-bronze-8: rgba(199, 119, 87, 0.08);
+  --color-bronze-6: rgba(199, 119, 87, 0.06);
+  --color-bronze-4: rgba(199, 119, 87, 0.04);
+  --color-bronze-0: rgba(199, 119, 87, 0);
+
   /* === Brand Primary colors === */
   --color-primary: rgba(0, 32, 91, 1);
   --color-primary-darken-1: rgba(2, 22, 59, 1);
@@ -455,6 +529,33 @@
   --color-prev-background-soft: var(--color-prev-8);
   --color-prev-background-soft-emphasis: var(--color-prev-4);
 
+  /* === Base gold colors === */
+  --color-gold-foreground: var(--color-gold-darken-4);
+  --color-gold-foreground-emphasis: var(--color-gold-darken-5);
+  --color-gold-foreground-onfill: var(--color-gold-darken-5);
+  --color-gold-background-fill: var(--color-gold);
+  --color-gold-background-fill-emphasis: var(--color-gold-darken-1);
+  --color-gold-background-soft: var(--color-gold-24);
+  --color-gold-background-soft-emphasis: var(--color-gold-16);
+
+  /* === Base silver colors === */
+  --color-silver-foreground: var(--color-silver-darken-4);
+  --color-silver-foreground-emphasis: var(--color-silver-darken-6);
+  --color-silver-foreground-onfill: var(--color-white);
+  --color-silver-background-fill: var(--color-silver);
+  --color-silver-background-fill-emphasis: var(--color-silver-darken-1);
+  --color-silver-background-soft: var(--color-silver-8);
+  --color-silver-background-soft-emphasis: var(--color-silver-4);
+
+  /* === Base bronze colors === */
+  --color-bronze-foreground: var(--color-bronze-darken-3);
+  --color-bronze-foreground-emphasis: var(--color-bronze-darken-4);
+  --color-bronze-foreground-onfill: var(--color-white);
+  --color-bronze-background-fill: var(--color-bronze);
+  --color-bronze-background-fill-emphasis: var(--color-bronze-darken-1);
+  --color-bronze-background-soft: var(--color-bronze-24);
+  --color-bronze-background-soft-emphasis: var(--color-bronze-16);
+
   /* === Base primary colors === */
   --color-primary-foreground: var(--color-primary);
   --color-primary-foreground-emphasis: var(--color-primary-darken-1);