@ornikar/bumper 3.11.0 → 3.12.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.12.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.11.0...@ornikar/bumper@3.12.0) (2026-04-29)
+
+
+### Features
+
+* **bumper:** add Sticker component - OSE-24569 ([#2990](https://github.com/ornikar/kitt/issues/2990)) ([2e5ebaa](https://github.com/ornikar/kitt/commit/2e5ebaac2c43cd046a0644d3d07259e8ecc586e3))
+* **bumper:** improve PropsToTamaguiVariants generics [no-issue] ([#2995](https://github.com/ornikar/kitt/issues/2995)) ([dfb5029](https://github.com/ornikar/kitt/commit/dfb5029562aca091cec4a1f5c4f3548c7d943360))
+* **bumper:** wrap Divider with useProps to flatten media props [no-issue] ([#2999](https://github.com/ornikar/kitt/issues/2999)) ([80a6a0c](https://github.com/ornikar/kitt/commit/80a6a0c077502b1d29133f6fdffea8d0f1aac260))
+
+
+
 ## [3.11.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.10.1...@ornikar/bumper@3.11.0) (2026-04-23)
 
 

package/dist/definitions/index.d.ts

@@ -21,6 +21,8 @@ export type { TypographyIconProps } from './system/content/typography/Typography
 export type { TypographyLinkProps } from './system/content/typography/TypographyLink';
 export type { BadgeProps } from './system/dataDisplays/Badge/Badge';
 export { Badge } from './system/dataDisplays/Badge/Badge';
+export { Sticker } from './system/dataDisplays/Sticker/Sticker';
+export type { StickerProps } from './system/dataDisplays/Sticker/types';
 export { useBreakpointValue } from './system/core/breakpoints/hooks/useBreakpointValue';
 export { useCurrentBreakpointName } from './system/core/breakpoints/hooks/useCurrentBreakpointName';
 export { useWindowSize } from './system/core/breakpoints/hooks/useWindowSize';

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAC;AAC5E,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAGrD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACtF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAGtF,YAAY,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,YAAY,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAGzF,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAC;AAC5E,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAGrD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACtF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAGtF,YAAY,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,YAAY,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,YAAY,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAC/E,YAAY,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAGzF,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/definitions/system/dataDisplays/Sticker/Sticker.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { InternalStickerWithoutMediaProps, StickerProps } from './types';
+export declare const InternalStickerFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    color?: "pink" | "orange" | "gold" | "lightning" | "blue" | "green" | "red" | "linen" | "greenDark" | "blueDark" | "cream" | "lightningDark" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    label?: undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export declare const InternalSticker: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    color?: "pink" | "orange" | "gold" | "lightning" | "blue" | "green" | "red" | "linen" | "greenDark" | "blueDark" | "cream" | "lightningDark" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    label?: undefined;
+}>, "$base" | "$small" | "$medium" | "$large" | "$wide" | import("@tamagui/core").GroupMediaKeys | "$theme-light" | "$platform-native" | "$platform-web" | "$platform-android" | "$platform-ios" | keyof InternalStickerWithoutMediaProps> & import("../../types").PropsWithoutMediaStyles<InternalStickerWithoutMediaProps> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").PropsWithoutMediaStyles<InternalStickerWithoutMediaProps>>, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("../../types").PropsWithoutMediaStyles<InternalStickerWithoutMediaProps> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").PropsWithoutMediaStyles<InternalStickerWithoutMediaProps>>, import("@tamagui/core").StackStyleBase, {
+    color?: "pink" | "orange" | "gold" | "lightning" | "blue" | "green" | "red" | "linen" | "greenDark" | "blueDark" | "cream" | "lightningDark" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    label?: undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export declare function Sticker(props: StickerProps): ReactNode;
+//# sourceMappingURL=Sticker.d.ts.map

package/dist/definitions/system/dataDisplays/Sticker/Sticker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sticker.d.ts","sourceRoot":"","sources":["../../../../../src/system/dataDisplays/Sticker/Sticker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,gCAAgC,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5F,eAAO,MAAM,oBAAoB;;;;8CA0B/B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;8CAQ1B,CAAC;AAEH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAEtD"}

package/dist/definitions/system/dataDisplays/Sticker/components/StickerLabel.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+interface InternalStickerLabelProps {
+    children: ReactNode;
+}
+export declare function InternalStickerLabel({ children }: InternalStickerLabelProps): ReactNode;
+export {};
+//# sourceMappingURL=StickerLabel.d.ts.map

package/dist/definitions/system/dataDisplays/Sticker/components/StickerLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickerLabel.d.ts","sourceRoot":"","sources":["../../../../../../src/system/dataDisplays/Sticker/components/StickerLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,UAAU,yBAAyB;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAQD,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAevF"}

package/dist/definitions/system/dataDisplays/Sticker/context.d.ts

@@ -0,0 +1,3 @@
+import type { InternalStickerWithoutMediaProps } from './types';
+export declare const context: import("@tamagui/core").StyledContext<Required<Pick<InternalStickerWithoutMediaProps, "color" | "size" | "disabled">>>;
+//# sourceMappingURL=context.d.ts.map

package/dist/definitions/system/dataDisplays/Sticker/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/system/dataDisplays/Sticker/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAIhE,eAAO,MAAM,OAAO,wHAIlB,CAAC"}

package/dist/definitions/system/dataDisplays/Sticker/types.d.ts

@@ -0,0 +1,24 @@
+import type { ColorTokens } from '@tamagui/core';
+import type { ReactNode } from 'react';
+import type { TamaguiMediaProps } from '../../types';
+export declare const STICKER_COLORS_LIST: readonly ["green", "greenDark", "blue", "blueDark", "red", "orange", "pink", "gold", "cream", "linen", "lightning", "lightningDark"];
+export type StickerColor = (typeof STICKER_COLORS_LIST)[number];
+export declare const STICKER_SIZES_LIST: readonly ["small", "medium", "large"];
+export type StickerSize = (typeof STICKER_SIZES_LIST)[number];
+interface StickerColorStyle {
+    background: ColorTokens;
+    text: ColorTokens;
+}
+type InternalStickerColor = StickerColor | 'disabled';
+export declare const STICKER_COLORS: Record<InternalStickerColor, StickerColorStyle>;
+export interface InternalStickerWithoutMediaProps {
+    label: ReactNode;
+    color?: StickerColor;
+    size?: StickerSize;
+    disabled?: boolean;
+}
+export interface InternalStickerLabelWithoutMediaProps extends InternalStickerWithoutMediaProps {
+}
+export type StickerProps = TamaguiMediaProps<InternalStickerWithoutMediaProps>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/definitions/system/dataDisplays/Sticker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/system/dataDisplays/Sticker/types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,eAAO,MAAM,mBAAmB,sIAatB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,kBAAkB,uCAAwC,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,UAAU,iBAAiB;IACzB,UAAU,EAAE,WAAW,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,KAAK,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEtD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,oBAAoB,EAAE,iBAAiB,CAc1E,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qCAAsC,SAAQ,gCAAgC;CAAG;AAElG,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,CAAC"}

package/dist/definitions/system/layout/divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/system/layout/divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAA0B,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE7E,UAAU,gCAAgC;IACxC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAqCD,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,CAAC;AAE/E,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAEtD"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/system/layout/divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAA0B,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE7E,UAAU,gCAAgC;IACxC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAoCD,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,gCAAgC,CAAC,CAAC;AAO/E,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAEtD"}

package/dist/definitions/system/types.d.ts

@@ -1,4 +1,5 @@
 import type { PropsWithoutMediaStyles as InternalPropsWithoutMediaStyles, TokensParsed, WithMediaProps } from '@tamagui/core';
+import type { ReactNode } from 'react';
 /**
  * Rewrite of Tamagui PropsWithoutMediaStyles to make all responsive props optionnal.
  * @internal Do not use directly, use TamaguiMediaProps instead.
@@ -20,14 +21,14 @@ export type TamaguiMediaProps<A> = PropsWithoutMediaStyles<A> & WithMediaProps<I
  */
 export type DefaultIgnoredKeys = 'children';
 /**
- * Maps a component's variant-prop interface `T` to a Tamagui `variants` config whose entries produce
- * style objects of type `V`.
+ * Maps a component's variant-prop interface `VariantProps` to a Tamagui `variants` config whose
+ * entries produce style objects of type `StyleProps`.
  *
- * For each key `K` of `T`, the entry must be either:
+ * For each key `K` of `VariantProps`, the entry must be either:
  * - a record keyed by the prop's literal values (with `boolean` props normalised to `'true' | 'false'`),
- *   where each value is a style `V` or a function returning `V`, or
+ *   where each value is a `StyleProps` or a function returning `StyleProps`, or
  * - a function that receives the raw prop value and a {@link VariantGoodiesParams} context and returns
- *   a style `V` (or `undefined`).
+ *   a `StyleProps` (or `undefined`).
  *
  * Pass a union of keys as `IgnoredKeys` to skip props that should never be variants (e.g.
  * event handlers). Ignored keys are stripped only from both the top-level map, not from `params.props`.
@@ -36,8 +37,8 @@ export type DefaultIgnoredKeys = 'children';
  * config is inferred `as const` while still being checked against the component's prop types, e.g.
  * `{ ... } as const satisfies PropsToTamaguiVariants<MyVariantProps, ViewProps, 'size'>`.
  */
-export type PropsToTamaguiVariants<T, V, IgnoredKeys extends keyof T = never> = {
-    [K in keyof T as K extends IgnoredKeys | Extract<keyof T, DefaultIgnoredKeys> ? never : K]: NonNullable<T[K]> extends boolean ? Record<'true' | 'false', V | ((value: boolean | string | number, params: VariantGoodiesParams<T>) => V)> : NonNullable<T[K]> extends PropertyKey ? Record<NonNullable<T[K]>, V> | ((value: NonNullable<T[K]>, params: VariantGoodiesParams<T>) => V | undefined) : never;
+export type PropsToTamaguiVariants<VariantProps, StyleProps, IgnoredKeys extends keyof VariantProps = never> = {
+    [K in keyof VariantProps as K extends IgnoredKeys | Extract<keyof VariantProps, DefaultIgnoredKeys> ? never : K]: NonNullable<VariantProps[K]> extends boolean ? Record<'true' | 'false', StyleProps | ((value: boolean | string | number, params: VariantGoodiesParams<VariantProps & StyleProps>) => StyleProps)> : NonNullable<VariantProps[K]> extends PropertyKey ? Record<NonNullable<VariantProps[K]>, StyleProps> | ((value: NonNullable<VariantProps[K]>, params: VariantGoodiesParams<VariantProps & StyleProps>) => StyleProps | undefined) : NonNullable<VariantProps[K]> extends ReactNode ? StyleProps : never;
 };
 /**
  * Second argument passed to function-form variants declared via {@link PropsToTamaguiVariants}.
@@ -46,8 +47,8 @@ export type PropsToTamaguiVariants<T, V, IgnoredKeys extends keyof T = never> =
  *   props (e.g. read `disabled` or `isOnContrasted` while resolving `type`).
  * - `tokens`: Tamagui's parsed token map, for resolving design tokens from inside the variant.
  */
-interface VariantGoodiesParams<T> {
-    props: T;
+interface VariantGoodiesParams<Props> {
+    props: Props;
     tokens: TokensParsed;
 }
 export {};

package/dist/definitions/system/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/system/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,uBAAuB,IAAI,+BAA+B,EAC1D,YAAY,EACZ,cAAc,EACf,MAAM,eAAe,CAAC;AAEvB;;;GAGG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KACtC,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;CACnE,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,+BAA+B,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnH;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAE5C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,SAAS,MAAM,CAAC,GAAG,KAAK,IAAI;KAC7E,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,WAAW,CACrG,CAAC,CAAC,CAAC,CAAC,CACL,SAAS,OAAO,GACb,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GACxG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,WAAW,GACrC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,GAC7G,KAAK;CACV,CAAC;AAEF;;;;;;GAMG;AACH,UAAU,oBAAoB,CAAC,CAAC;IAC9B,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,EAAE,YAAY,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/system/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,uBAAuB,IAAI,+BAA+B,EAC1D,YAAY,EACZ,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KACtC,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;CACnE,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,+BAA+B,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnH;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAE5C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,sBAAsB,CAAC,YAAY,EAAE,UAAU,EAAE,WAAW,SAAS,MAAM,YAAY,GAAG,KAAK,IAAI;KAC5G,CAAC,IAAI,MAAM,YAAY,IAAI,CAAC,SAAS,WAAW,GAAG,OAAO,CAAC,MAAM,YAAY,EAAE,kBAAkB,CAAC,GAC/F,KAAK,GACL,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAChD,MAAM,CACJ,MAAM,GAAG,OAAO,EACd,UAAU,GACV,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,oBAAoB,CAAC,YAAY,GAAG,UAAU,CAAC,KAAK,UAAU,CAAC,CAC9G,GACD,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,WAAW,GAE5C,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAChD,CAAC,CACC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACnC,MAAM,EAAE,oBAAoB,CAAC,YAAY,GAAG,UAAU,CAAC,KACpD,UAAU,GAAG,SAAS,CAAC,GAChC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAC9C,UAAU,GACV,KAAK;CACV,CAAC;AAEF;;;;;;GAMG;AACH,UAAU,oBAAoB,CAAC,KAAK;IAClC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,YAAY,CAAC;CACtB"}

package/dist/index-metro.es.android.js

@@ -476,7 +476,7 @@ const Center = styled(View, {
   alignItems: 'center'
 });
 
-const _excluded = ["as"];
+const _excluded$1 = ["as"];
 /**
  * A polymorphic Pressable component that can render as any Tamagui primitive.
  */
@@ -484,7 +484,7 @@ function Pressable(_ref) {
   let {
       as
     } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded$1);
   const Component = styled(as !== null && as !== void 0 ? as : View, {
     name: 'Pressable',
     role: 'button',
@@ -834,7 +834,7 @@ function Icon(props) {
   return /*#__PURE__*/jsx(InternalIcon, _objectSpread({}, props));
 }
 
-const context = createStyledContext({
+const context$1 = createStyledContext({
   size: 'large',
   type: 'secondary',
   isOnContrasted: false,
@@ -866,7 +866,7 @@ function ButtonIcon({
     type,
     disabled,
     isOnContrasted
-  } = context.useStyledContext();
+  } = context$1.useStyledContext();
   const color = getButtonContentColor(type, disabled, isOnContrasted);
   return /*#__PURE__*/jsx(Icon, {
     icon: icon,
@@ -953,7 +953,7 @@ function ButtonText({
     size,
     disabled,
     isOnContrasted
-  } = context.useStyledContext();
+  } = context$1.useStyledContext();
   const color = getButtonContentColor(type, disabled, isOnContrasted);
   return /*#__PURE__*/jsxs(VStack, {
     children: [/*#__PURE__*/jsx(Typography.Text, {
@@ -970,7 +970,7 @@ function ButtonText({
 
 const InternalButtonFrame = styled(HStack, {
   name: 'Button',
-  context,
+  context: context$1,
   role: 'button',
   alignItems: 'center',
   justifyContent: 'center',
@@ -991,7 +991,7 @@ const InternalButtonFrame = styled(HStack, {
       const {
         isOnContrasted,
         disabled
-      } = context.useStyledContext();
+      } = context$1.useStyledContext();
       const commonTypeStyle = {
         backgroundColor: `$button.bg.${type}${isOnContrasted ? '.onContrasted' : ''}.default`,
         hoverStyle: {
@@ -1112,7 +1112,7 @@ const Button = withStaticProperties(InternalButton, {
 
 const InternalIconButtonFrame = styled(InternalButton, {
   name: 'IconButton',
-  context,
+  context: context$1,
   variants: {
     size: {
       small: {
@@ -1138,6 +1138,143 @@ const IconButton = withStaticProperties(InternalIconButton, {
   Badge: ButtonBadge
 });
 
+const context = createStyledContext({
+  color: 'green',
+  size: 'small',
+  disabled: false
+});
+
+/* eslint-disable @ornikar/kitt/prefer-semantic-tokens --
+ * Sticker intentionally exposes 12 palette-level decorative colors agreed with design.
+ */
+const STICKER_COLORS = {
+  green: {
+    background: '$palette.rainbow.green-grass',
+    text: '$palette.rainbow.green-apple'
+  },
+  greenDark: {
+    background: '$palette.rainbow.green-pine',
+    text: '$palette.rainbow.blue-sky'
+  },
+  blue: {
+    background: '$palette.rainbow.blue-sky',
+    text: '$palette.rainbow.green-pine'
+  },
+  blueDark: {
+    background: '$palette.rainbow.blue-electric',
+    text: '$palette.beige.3'
+  },
+  red: {
+    background: '$palette.rainbow.brick',
+    text: '$palette.rainbow.sun'
+  },
+  orange: {
+    background: '$palette.rainbow.orange',
+    text: '$palette.beige.2'
+  },
+  pink: {
+    background: '$palette.rainbow.pink',
+    text: '$palette.rainbow.brick'
+  },
+  gold: {
+    background: '$palette.rainbow.gold',
+    text: '$palette.beige.1'
+  },
+  cream: {
+    background: '$palette.beige.1',
+    text: '$palette.rainbow.brick'
+  },
+  linen: {
+    background: '$palette.beige.3',
+    text: '$palette.deepPurple.8'
+  },
+  lightning: {
+    background: '$palette.lightning.5',
+    text: '$palette.lightning.9'
+  },
+  lightningDark: {
+    background: '$palette.lightning.9',
+    text: '$palette.lightning.5'
+  },
+  disabled: {
+    background: '$bg.disabled.hi',
+    text: '$content.disabled.onContrasted'
+  }
+};
+
+const TYPOGRAPHY_VARIANT_BY_SIZE = {
+  small: 'content-caps-xs',
+  medium: 'content-caps-m',
+  large: 'content-caps-l'
+};
+function InternalStickerLabel({
+  children
+}) {
+  const {
+    color,
+    size,
+    disabled
+  } = context.useStyledContext();
+  const textColor = STICKER_COLORS[disabled ? 'disabled' : color].text;
+  return /*#__PURE__*/jsx(InternalTypography, {
+    variant: TYPOGRAPHY_VARIANT_BY_SIZE[size],
+    color: textColor,
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    children: children
+  });
+}
+
+const _excluded = ["label"];
+const InternalStickerFrame = styled(View, {
+  name: 'Sticker',
+  context,
+  alignSelf: 'flex-start',
+  maxWidth: '100%',
+  padding: '$space.4',
+  variants: {
+    label: {},
+    size: {
+      small: {
+        borderRadius: '$radius.s'
+      },
+      medium: {
+        borderRadius: '$radius.m'
+      },
+      large: {
+        borderRadius: '$radius.m'
+      }
+    },
+    color: color => {
+      const {
+        disabled
+      } = context.useStyledContext();
+      return {
+        backgroundColor: STICKER_COLORS[disabled ? 'disabled' : color].background
+      };
+    }
+  },
+  defaultVariants: {
+    size: 'small',
+    color: 'green'
+  }
+});
+const InternalSticker = InternalStickerFrame.styleable(props => {
+  const _useProps = useProps(props),
+    {
+      label
+    } = _useProps,
+    frameProps = _objectWithoutProperties(_useProps, _excluded);
+  return /*#__PURE__*/jsx(InternalStickerFrame, _objectSpread(_objectSpread({}, frameProps), {}, {
+    children: /*#__PURE__*/jsx(InternalStickerLabel, {
+      children: label
+    })
+  }));
+});
+function Sticker(props) {
+  return /*#__PURE__*/jsx(InternalSticker, _objectSpread({}, props));
+}
+
 function getValueForBreakpoint(breakpoint, {
   base,
   small,
@@ -1190,5 +1327,5 @@ function SwitchBreakpoints(values) {
   return getValueForBreakpoint(breakpoint, values);
 }
 
-export { Badge, BumperProvider, Button, Center, HStack, IconButton, Loader, Pressable, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
+export { Badge, BumperProvider, Button, Center, HStack, IconButton, Loader, Pressable, Sticker, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
 //# sourceMappingURL=index-metro.es.android.js.map