@flipdish/ui-library 0.41.1 → 0.42.0

package/dist/native/components/atoms/Dot/Dot.styles.d.ts

@@ -49,6 +49,10 @@ export declare const styles: {
             web: string;
             native: string;
         };
+        'fg-warning-secondary': {
+            web: string;
+            native: string;
+        };
         'border-primary': {
             web: string;
             native: string;

package/dist/native/components/atoms/Dot/Dot.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Dot/Dot.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBlB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa,EAAiC,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Dot.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Dot/Dot.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa,EAAiC,QAAQ,EAAE,CAAC"}

package/dist/native/components/atoms/Dot/Dot.styles.js

@@ -29,6 +29,7 @@ const styles = {
         'fg-primary': { web: 'text-fg-primary', native: 'bg-fg-primary' },
         'fg-quaternary': { web: 'text-fg-quaternary', native: 'bg-fg-quaternary' },
         'fg-success-secondary': { web: 'text-fg-success-secondary', native: 'bg-fg-success-secondary' },
+        'fg-warning-secondary': { web: 'text-fg-warning-secondary', native: 'bg-fg-warning-secondary' },
         'border-primary': { web: 'text-border-primary', native: 'bg-border-primary' },
         'utility-neutral-500': { web: 'text-utility-neutral-500', native: 'bg-utility-neutral-500' },
         'utility-brand-500': { web: 'text-utility-brand-500', native: 'bg-utility-brand-500' },

package/dist/native/components/atoms/Dot/Dot.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.styles.js","sources":["../../../../../../src/components/atoms/Dot/Dot.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;AAoBG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;AAC3B,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3B,KAAA;AACD,IAAA,MAAM,EAAE;QACN,aAAa,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACzE,YAAY,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,eAAe,EAAE;QACjE,eAAe,EAAE,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAE,kBAAkB,EAAE;QAC1E,sBAAsB,EAAE,EAAE,GAAG,EAAE,2BAA2B,EAAE,MAAM,EAAE,yBAAyB,EAAE;QAC/F,gBAAgB,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,EAAE;QAC7E,qBAAqB,EAAE,EAAE,GAAG,EAAE,0BAA0B,EAAE,MAAM,EAAE,wBAAwB,EAAE;QAC5F,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;AAC1F,KAAA;;;"}
+{"version":3,"file":"Dot.styles.js","sources":["../../../../../../src/components/atoms/Dot/Dot.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;AAoBG;AACI,MAAM,MAAM,GAAG;AACpB,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;AAC3B,QAAA,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3B,KAAA;AACD,IAAA,MAAM,EAAE;QACN,aAAa,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACzE,YAAY,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,eAAe,EAAE;QACjE,eAAe,EAAE,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,EAAE,kBAAkB,EAAE;QAC1E,sBAAsB,EAAE,EAAE,GAAG,EAAE,2BAA2B,EAAE,MAAM,EAAE,yBAAyB,EAAE;QAC/F,sBAAsB,EAAE,EAAE,GAAG,EAAE,2BAA2B,EAAE,MAAM,EAAE,yBAAyB,EAAE;QAC/F,gBAAgB,EAAE,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,mBAAmB,EAAE;QAC7E,qBAAqB,EAAE,EAAE,GAAG,EAAE,0BAA0B,EAAE,MAAM,EAAE,wBAAwB,EAAE;QAC5F,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,mBAAmB,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,EAAE,sBAAsB,EAAE;QACtF,iBAAiB,EAAE,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,EAAE,oBAAoB,EAAE;QAChF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;QACzF,kBAAkB,EAAE,EAAE,GAAG,EAAE,uBAAuB,EAAE,MAAM,EAAE,qBAAqB,EAAE;QACnF,oBAAoB,EAAE,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,EAAE,uBAAuB,EAAE;AAC1F,KAAA;;;"}

package/dist/native/components/molecules/Tags/Tags.styles.d.ts

@@ -0,0 +1,141 @@
+/**
+ * Shared `Tags` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * Complete literal class names only — Tailwind scans source for whole candidates.
+ * `native` holds pixel sizes and light-mode hex colours that React Native needs as
+ * plain `style` / icon props (no `currentColor`, and `Text` ignores `className` under
+ * the current `react-native-css` preview).
+ */
+export declare const styles: {
+    sizes: {
+        sm: {
+            root: {
+                base: string;
+                withCheckbox: string;
+                withAvatar: string;
+                withDot: string;
+                withCount: string;
+                withClose: string;
+            };
+            content: string;
+            count: string;
+        };
+        md: {
+            root: {
+                base: string;
+                withCheckbox: string;
+                withAvatar: string;
+                withDot: string;
+                withCount: string;
+                withClose: string;
+            };
+            content: string;
+            count: string;
+        };
+        lg: {
+            root: {
+                base: string;
+                withCheckbox: string;
+                withAvatar: string;
+                withDot: string;
+                withCount: string;
+                withClose: string;
+            };
+            content: string;
+            count: string;
+        };
+    };
+    /** Shared chrome for every tag root (size-specific padding lives under `sizes`). */
+    root: string;
+    /** Native root drops web-only focus/transition utilities and uses a border instead of an inset ring. */
+    rootNative: string;
+    close: {
+        sm: {
+            root: string;
+            icon: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+        };
+    };
+    checkbox: {
+        sm: {
+            root: string;
+            icon: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+        };
+    };
+    avatar: string;
+    count: string;
+    native: {
+        /** `text-secondary` → neutral-700 (light). */
+        labelColor: string;
+        /** `text-fg-quaternary` → neutral-400 (light) — close icon idle. */
+        closeIconColor: string;
+        /** `text-fg-quaternary_hover` → neutral-500 (light). */
+        closeIconColorPressed: string;
+        /** `text-fg-white` — checkbox glyph. */
+        checkColor: string;
+        labelText: {
+            sm: {
+                fontSize: number;
+                lineHeight: number;
+            };
+            md: {
+                fontSize: number;
+                lineHeight: number;
+            };
+            lg: {
+                fontSize: number;
+                lineHeight: number;
+            };
+        };
+        countText: {
+            sm: {
+                fontSize: number;
+                lineHeight: number;
+            };
+            md: {
+                fontSize: number;
+                lineHeight: number;
+            };
+            lg: {
+                fontSize: number;
+                lineHeight: number;
+            };
+        };
+        /** Tailwind `size-N` → `N * 4` px for RN icon components. */
+        closeIconSize: {
+            readonly sm: 10;
+            readonly md: 12;
+            readonly lg: 14;
+        };
+        closeIconStroke: {
+            readonly sm: 3.6;
+            readonly md: 2.86;
+            readonly lg: 3;
+        };
+        checkIconSize: {
+            readonly sm: 10;
+            readonly md: 12;
+            readonly lg: 14;
+        };
+        /** Avatar is always `size-4` / icon `size-3` on web. */
+        avatarSize: number;
+        avatarIconSize: number;
+    };
+};
+export type TagSize = keyof typeof styles.sizes;
+//# sourceMappingURL=Tags.styles.d.ts.map

package/dist/native/components/molecules/Tags/Tags.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tags.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Tags/Tags.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuCjB,oFAAoF;;IAEpF,wGAAwG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAetG,8CAA8C;;QAE9C,oEAAoE;;QAEpE,wDAAwD;;QAExD,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAYxC,6DAA6D;;;;;;;;;;;;;;;;QAI7D,wDAAwD;;;;CAI3D,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC"}

package/dist/native/components/molecules/Tags/Tags.styles.js

@@ -0,0 +1,92 @@
+/**
+ * Shared `Tags` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * Complete literal class names only — Tailwind scans source for whole candidates.
+ * `native` holds pixel sizes and light-mode hex colours that React Native needs as
+ * plain `style` / icon props (no `currentColor`, and `Text` ignores `className` under
+ * the current `react-native-css` preview).
+ */
+const styles = {
+    sizes: {
+        sm: {
+            root: {
+                base: 'px-2 py-0.75 text-xs font-medium',
+                withCheckbox: 'pl-1.25',
+                withAvatar: 'pl-1',
+                withDot: 'pl-1.5',
+                withCount: 'pr-1',
+                withClose: 'pr-1',
+            },
+            content: 'gap-1',
+            count: 'px-1 text-xs font-medium',
+        },
+        md: {
+            root: {
+                base: 'px-2.25 py-0.5 text-sm font-medium',
+                withCheckbox: 'pl-1',
+                withAvatar: 'pl-1.25',
+                withDot: 'pl-1.75',
+                withCount: 'pr-0.75',
+                withClose: 'pr-1',
+            },
+            content: 'gap-1.25',
+            count: 'px-1.25 text-xs font-medium',
+        },
+        lg: {
+            root: {
+                base: 'px-2.5 py-1 text-sm font-medium',
+                withCheckbox: 'pl-1.25',
+                withAvatar: 'pl-1.75',
+                withDot: 'pl-2.25',
+                withCount: 'pr-1',
+                withClose: 'pr-1',
+            },
+            content: 'gap-1.5',
+            count: 'px-1.5 text-sm font-medium',
+        },
+    },
+    /** Native root drops web-only focus/transition utilities and uses a border instead of an inset ring. */
+    rootNative: 'flex flex-row items-center gap-0.75 rounded-md border border-primary bg-primary',
+    close: {
+        sm: { root: 'p-0.5', icon: 'size-2.5 stroke-[3.6px]' },
+        md: { root: 'p-0.5', icon: 'size-3 stroke-[2.86px]' },
+        lg: { root: 'p-0.75', icon: 'size-3.5 stroke-3' },
+    },
+    checkbox: {
+        sm: { root: 'size-3.5', icon: 'size-2.5' },
+        md: { root: 'size-4', icon: 'size-3' },
+        lg: { root: 'size-4.5', icon: 'size-3.5' },
+    },
+    avatar: 'relative inline-flex size-4 shrink-0 items-center justify-center overflow-hidden rounded-full bg-tertiary',
+    count: 'flex items-center justify-center rounded-[3px] bg-tertiary text-center',
+    native: {
+        /** `text-secondary` → neutral-700 (light). */
+        labelColor: '#404040',
+        /** `text-fg-quaternary` → neutral-400 (light) — close icon idle. */
+        closeIconColor: '#a3a3a3',
+        /** `text-fg-quaternary_hover` → neutral-500 (light). */
+        closeIconColorPressed: '#737373',
+        /** `text-fg-white` — checkbox glyph. */
+        checkColor: '#ffffff',
+        labelText: {
+            sm: { fontSize: 12, lineHeight: 16 },
+            md: { fontSize: 14, lineHeight: 20 },
+            lg: { fontSize: 14, lineHeight: 20 },
+        },
+        countText: {
+            sm: { fontSize: 12, lineHeight: 16 },
+            md: { fontSize: 12, lineHeight: 16 },
+            lg: { fontSize: 14, lineHeight: 20 },
+        },
+        /** Tailwind `size-N` → `N * 4` px for RN icon components. */
+        closeIconSize: { sm: 10, md: 12, lg: 14 },
+        closeIconStroke: { sm: 3.6, md: 2.86, lg: 3 },
+        checkIconSize: { sm: 10, md: 12, lg: 14 },
+        /** Avatar is always `size-4` / icon `size-3` on web. */
+        avatarSize: 16,
+        avatarIconSize: 12,
+    },
+};
+
+export { styles };
+//# sourceMappingURL=Tags.styles.js.map

package/dist/native/components/molecules/Tags/Tags.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tags.styles.js","sources":["../../../../../../src/components/molecules/Tags/Tags.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/native/components/molecules/Tags/index.d.ts

@@ -1,12 +1,99 @@
+import { type DotColor } from '@flipdish/ui-library/components/atoms/Dot';
+import { type ReactNode } from 'react';
+import { type TagSize } from './Tags.styles';
+export type { DotColor } from '@flipdish/ui-library/components/atoms/Dot';
+export type { TagSize } from './Tags.styles';
+type SelectionMode = 'none' | 'single' | 'multiple';
+type TagKey = string | number;
+export interface TagItem {
+    id: string;
+    label: string;
+    count?: number;
+    avatarSrc?: string;
+    avatarContrastBorder?: boolean;
+    dot?: boolean;
+    /** Semantic fill for the status dot; same tokens as `Dot`'s `color`. Defaults to `fg-success-secondary`. */
+    dotColor?: DotColor;
+    isDisabled?: boolean;
+    onClose?: (id: string) => void;
+}
+export interface TagAvatarProps {
+    /** Image URL; when missing or load fails, a user silhouette icon is shown. */
+    src?: string;
+    /** Accessible name for the image. */
+    alt?: string;
+    /** Thin dark outline so the avatar stays visible on light surfaces. */
+    contrastBorder?: boolean;
+    /** Layout classes merged onto the root `View`. */
+    className?: string;
+}
 /**
- * `Tags` has no React Native implementation.
+ * Small round avatar at the start of a native `Tag`. Same fallback behaviour as web;
+ * contrast border uses a `border` rather than CSS `outline`.
  *
- * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
- * that importing `@flipdish/ui-library/components/molecules/Tags` from React Native fails at
- * compile time rather than resolving to the web build's types. There is no
- * matching `index.js`, so Metro cannot bundle this module either.
+ * @summary small round avatar for a tag (React Native)
+ */
+export declare const TagAvatar: ({ src, alt, contrastBorder, className }: TagAvatarProps) => import("react").JSX.Element;
+export interface TagGroupProps {
+    /** Accessible name of the group. */
+    label: string;
+    /** Size of every `Tag` in the group, shared through context. */
+    size?: TagSize;
+    /** `'none'` display-only; `'single'` one at a time; `'multiple'` any combination. */
+    selectionMode?: SelectionMode;
+    /** Controlled selected keys. */
+    selectedKeys?: Iterable<TagKey>;
+    /** Initial selection for uncontrolled usage. */
+    defaultSelectedKeys?: Iterable<TagKey>;
+    /** Called whenever the selection set changes. */
+    onSelectionChange?: (keys: Set<TagKey>) => void;
+    /** The `TagList` (and its `Tag` children). */
+    children?: ReactNode;
+    /** Layout classes merged onto the root `View`. */
+    className?: string;
+    /**
+     * Overrides the derived root `testID` (defaults to `fd-tag-group`).
+     * Tags derive their ids from this prefix, so overriding it re-roots every
+     * non-overridden `Tag` beneath it.
+     */
+    'data-testid'?: string;
+}
+/**
+ * React Native `TagGroup` — display-only, single-select, multi-select and removable
+ * tags built from `View` / `Pressable` instead of react-aria. Keyboard Backspace/Delete
+ * removal (`onRemove`) and `dotClassName` are web-only; use `onClose` per tag and
+ * `dotColor` for status-dot colour.
+ *
+ * @summary group of tags for filtering, selection or categorisation (React Native)
+ */
+export declare const TagGroup: ({ label, selectionMode, size, selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, children, className, "data-testid": dataTestId, }: TagGroupProps) => import("react").JSX.Element;
+export interface TagListProps {
+    /** The `Tag` items. */
+    children?: ReactNode;
+    /** Layout classes — typically `flex flex-row flex-wrap gap-2`. */
+    className?: string;
+}
+/** Horizontal wrapping row of tags inside a `TagGroup`. */
+export declare const TagList: ({ children, className }: TagListProps) => import("react").JSX.Element;
+export interface TagProps extends Omit<TagItem, 'label' | 'id'> {
+    /** Stable id used for selection, removal and the derived `testID`. */
+    id: TagKey;
+    /** Tag label — strings are wrapped in `Text`; other nodes render as-is. */
+    children?: ReactNode;
+    /** Layout classes merged onto the root. */
+    className?: string;
+    /**
+     * Overrides the derived `testID` for this tag (defaults to
+     * `<root>--tag-<slug>`, slugified from `id`).
+     */
+    'data-testid'?: string;
+}
+/**
+ * React Native `Tag` — optional avatar or status dot, count, selection checkbox and
+ * remove button. Selection and close use `Pressable`; label colour is a light-mode hex
+ * because `Text` ignores `className` under the current `react-native-css` preview.
  *
- * To make `Tags` available on React Native, add an `index.native.tsx` beside
- * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ * @summary single tag with optional adornments and selection (React Native)
  */
-export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;
+export declare const Tag: ({ id, avatarSrc, avatarContrastBorder, dot, dotColor, isDisabled, count, className, children, onClose, "data-testid": dataTestId, }: TagProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/native/components/molecules/Tags/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Tags/index.native.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAG/E,OAAO,EAAiB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAKrD,YAAY,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAC1E,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,KAAK,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AACpD,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAgBD,MAAM,WAAW,cAAc;IAC7B,8EAA8E;IAC9E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,yCAAgD,cAAc,gCAqBvF,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qFAAqF;IACrF,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gCAAgC;IAChC,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvC,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAChD,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,yJAUtB,aAAa,gCAgCf,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2DAA2D;AAC3D,eAAO,MAAM,OAAO,GAAI,yBAAyB,YAAY,gCAAuF,CAAC;AAErJ,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7D,sEAAsE;IACtE,EAAE,EAAE,MAAM,CAAC;IACX,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD;;;;;;GAMG;AACH,eAAO,MAAM,GAAG,GAAI,qIAYjB,QAAQ,gCA6GV,CAAC"}

package/dist/native/components/molecules/Tags/index.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Check, X, User01 } from '@flipdish/ui-icons';
+import { Dot } from '../../atoms/Dot/index.js';
+import { cx } from '../../../utilities/cx/index.js';
+import { useTestIdPrefix, slugifyTestId, useResolvedTestId, TestIdProvider, joinTestId } from '../../../utilities/testIdUtils/index.js';
+import { createContext, useContext, useState } from 'react';
+import { Text, View, Pressable, Image } from 'react-native';
+import { styles } from './Tags.styles.js';
+
+/** Grows the close target outward only — a left slop would cover the end of the label. */
+const CLOSE_HIT_SLOP = { top: 8, bottom: 8, right: 8 };
+const TagGroupContext = createContext({
+    selectionMode: 'none',
+    size: 'sm',
+    selectedKeys: new Set(),
+    toggle: () => undefined,
+});
+/**
+ * Small round avatar at the start of a native `Tag`. Same fallback behaviour as web;
+ * contrast border uses a `border` rather than CSS `outline`.
+ *
+ * @summary small round avatar for a tag (React Native)
+ */
+const TagAvatar = ({ src, alt, contrastBorder = true, className }) => {
+    const [isFailed, setIsFailed] = useState(false);
+    const size = styles.native.avatarSize;
+    return (jsx(View, { className: cx(styles.avatar, contrastBorder && 'border border-black/16', className), style: { width: size, height: size, borderRadius: size / 2 }, children: src && !isFailed ? (jsx(Image, { source: { uri: src }, accessibilityLabel: alt, onError: () => setIsFailed(true), style: { width: size, height: size, borderRadius: size / 2 } })) : (jsx(User01, { size: styles.native.avatarIconSize, color: styles.native.closeIconColor })) }));
+};
+const toKeySet = (keys) => new Set(keys ?? []);
+/**
+ * React Native `TagGroup` — display-only, single-select, multi-select and removable
+ * tags built from `View` / `Pressable` instead of react-aria. Keyboard Backspace/Delete
+ * removal (`onRemove`) and `dotClassName` are web-only; use `onClose` per tag and
+ * `dotColor` for status-dot colour.
+ *
+ * @summary group of tags for filtering, selection or categorisation (React Native)
+ */
+const TagGroup = ({ label, selectionMode = 'none', size = 'sm', selectedKeys: selectedKeysProp, defaultSelectedKeys, onSelectionChange, children, className, 'data-testid': dataTestId, }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'tag-group', rootName: 'tag-group' });
+    const [uncontrolledKeys, setUncontrolledKeys] = useState(() => toKeySet(defaultSelectedKeys));
+    const selectedKeys = selectedKeysProp !== undefined ? toKeySet(selectedKeysProp) : uncontrolledKeys;
+    const toggle = (id) => {
+        if (selectionMode === 'none')
+            return;
+        const next = new Set(selectedKeys);
+        if (selectionMode === 'single') {
+            if (next.has(id) && next.size === 1)
+                return;
+            next.clear();
+            next.add(id);
+        }
+        else if (next.has(id)) {
+            next.delete(id);
+        }
+        else {
+            next.add(id);
+        }
+        if (selectedKeysProp === undefined)
+            setUncontrolledKeys(next);
+        onSelectionChange?.(next);
+    };
+    return (jsx(TagGroupContext.Provider, { value: { selectionMode, size, selectedKeys, toggle }, children: jsx(TestIdProvider, { value: rootTestId, children: jsx(View, { testID: rootTestId, accessibilityLabel: label, className: className, children: children }) }) }));
+};
+/** Horizontal wrapping row of tags inside a `TagGroup`. */
+const TagList = ({ children, className }) => jsx(View, { className: cx('flex flex-row flex-wrap gap-2', className), children: children });
+// Check icon is authored at 24px; web's 14px viewBox used stroke 2 → 24/7 for equivalent weight.
+const CHECK_STROKE = 24 / 7;
+/**
+ * React Native `Tag` — optional avatar or status dot, count, selection checkbox and
+ * remove button. Selection and close use `Pressable`; label colour is a light-mode hex
+ * because `Text` ignores `className` under the current `react-native-css` preview.
+ *
+ * @summary single tag with optional adornments and selection (React Native)
+ */
+const Tag = ({ id, avatarSrc, avatarContrastBorder = true, dot, dotColor = 'fg-success-secondary', isDisabled, count, className, children, onClose, 'data-testid': dataTestId, }) => {
+    const context = useContext(TagGroupContext);
+    const prefix = useTestIdPrefix();
+    const idPart = slugifyTestId(String(id));
+    const tagTestId = dataTestId ?? (prefix ? joinTestId(prefix, `tag-${idPart}`) : undefined);
+    const closeTestId = tagTestId ? `${tagTestId}-close` : undefined;
+    const isSelected = context.selectedKeys.has(id);
+    const inSelectionGroup = context.selectionMode !== 'none';
+    const sizeStyles = styles.sizes[context.size];
+    const [closePressed, setClosePressed] = useState(false);
+    const leadingContent = avatarSrc ? (jsx(TagAvatar, { src: avatarSrc, alt: "Avatar", contrastBorder: avatarContrastBorder })) : dot ? (jsx(Dot, { color: dotColor, size: "sm" })) : null;
+    const labelNode = typeof children === 'string' || typeof children === 'number' ? (jsx(Text, { style: { color: styles.native.labelColor, fontWeight: '500', ...styles.native.labelText[context.size] }, children: children })) : (children);
+    const body = (jsxs(Fragment, { children: [jsxs(View, { className: cx('flex flex-row items-center gap-1', sizeStyles.content), children: [context.selectionMode !== 'none' && (jsx(View, { className: cx('items-center justify-center rounded border border-primary bg-primary', styles.checkbox[context.size].root, isSelected && 'border-brand-solid bg-brand-solid', isDisabled && 'opacity-50', isDisabled && !isSelected && 'bg-tertiary'), children: isSelected ? (jsx(Check, { size: styles.native.checkIconSize[context.size], color: styles.native.checkColor, strokeWidth: CHECK_STROKE })) : null })), leadingContent, labelNode, typeof count === 'number' && (jsx(View, { className: cx(styles.count, sizeStyles.count), children: jsx(Text, { style: { color: styles.native.labelColor, fontWeight: '500', ...styles.native.countText[context.size] }, children: count }) }))] }), onClose && (jsx(Pressable, { testID: closeTestId, accessibilityRole: "button", accessibilityLabel: "Remove this tag", disabled: isDisabled, hitSlop: CLOSE_HIT_SLOP, onPress: () => onClose(String(id)), onPressIn: () => setClosePressed(true), onPressOut: () => setClosePressed(false), className: cx('items-center justify-center rounded-[3px]', styles.close[context.size].root, closePressed && 'bg-primary_hover'), children: jsx(X, { size: styles.native.closeIconSize[context.size], color: closePressed ? styles.native.closeIconColorPressed : styles.native.closeIconColor, strokeWidth: styles.native.closeIconStroke[context.size] }) }))] }));
+    const rootClassName = cx(styles.rootNative, sizeStyles.root.base, avatarSrc && sizeStyles.root.withAvatar, onClose && sizeStyles.root.withClose, dot && sizeStyles.root.withDot, typeof count === 'number' && sizeStyles.root.withCount, inSelectionGroup && sizeStyles.root.withCheckbox, className);
+    // Keep Pressable (with `disabled`) for any selectable group so a disabled+selected tag
+    // still exposes checkbox role and checked state; plain View only when display-only.
+    if (inSelectionGroup) {
+        return (jsx(Pressable, { testID: tagTestId, disabled: isDisabled, onPress: () => context.toggle(id), accessibilityRole: "checkbox", accessibilityState: { checked: isSelected, disabled: Boolean(isDisabled) }, className: rootClassName, children: body }));
+    }
+    return (jsx(View, { testID: tagTestId, accessibilityState: { disabled: Boolean(isDisabled) }, className: rootClassName, children: body }));
+};
+
+export { Tag, TagAvatar, TagGroup, TagList };
+//# sourceMappingURL=index.js.map

package/dist/native/components/molecules/Tags/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/molecules/Tags/index.native.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment","XClose"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.41.1",
+  "version": "0.42.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {
@@ -230,7 +230,7 @@
     "@storybook/addon-a11y": "^10.5.8",
     "@storybook/addon-docs": "^10.5.8",
     "@storybook/addon-mcp": "^0.7.0",
-    "@storybook/addon-vitest": "10.6.2",
+    "@storybook/addon-vitest": "10.6.3",
     "@storybook/react-vite": "^10.5.8",
     "@tailwindcss/vite": "^4.3.1",
     "@testing-library/jest-dom": "^6.9.1",