@flipdish/ui-library 0.22.0 → 0.24.0

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

@@ -0,0 +1,109 @@
+/**
+ * Shared `Dot` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `sizes` holds the circle geometry in pixels — `wh` is the bounding box, `c` the SVG centre
+ * (web only), `r` the radius. Numbers rather than Tailwind classes because the native
+ * implementation needs them as `style` values: React Native has no SVG host element, so it
+ * draws the circle as a `View` with a half-width `borderRadius`.
+ *
+ * `colors` maps each semantic name to the utility its platform needs. Web fills an SVG via
+ * `currentColor`, so it takes a `text-*` utility; React Native fills a `View`, which ignores
+ * `color` entirely and needs `bg-*`. Both strings are listed per colour rather than derived by
+ * swapping the prefix: utilities are generated from property-specific token namespaces (see the
+ * header comment in `ui-tokens/src/tokens.css`), so a name present in one is not guaranteed in
+ * another. `brand-solid` is exactly that case — `bg-brand-solid` exists but `text-brand-solid`
+ * generates no utility at all, so web pairs it with `text-fg-brand-primary`. Both resolve to
+ * `--color-brand-600` in light mode; in dark mode `fg-brand-primary` is brand-500 against
+ * `bg-brand-solid`'s brand-600, a divergence to revisit if dark mode ships.
+ *
+ * Complete literal class names, never template literals — Tailwind scans source for whole
+ * candidates and will not generate a class assembled at runtime.
+ */
+export declare const styles: {
+    sizes: {
+        sm: {
+            wh: number;
+            c: number;
+            r: number;
+        };
+        md: {
+            wh: number;
+            c: number;
+            r: number;
+        };
+    };
+    colors: {
+        'brand-solid': {
+            web: string;
+            native: string;
+        };
+        'fg-primary': {
+            web: string;
+            native: string;
+        };
+        'fg-quaternary': {
+            web: string;
+            native: string;
+        };
+        'fg-success-secondary': {
+            web: string;
+            native: string;
+        };
+        'border-primary': {
+            web: string;
+            native: string;
+        };
+        'utility-neutral-500': {
+            web: string;
+            native: string;
+        };
+        'utility-brand-500': {
+            web: string;
+            native: string;
+        };
+        'utility-red-500': {
+            web: string;
+            native: string;
+        };
+        'utility-yellow-500': {
+            web: string;
+            native: string;
+        };
+        'utility-green-500': {
+            web: string;
+            native: string;
+        };
+        'utility-slate-500': {
+            web: string;
+            native: string;
+        };
+        'utility-sky-500': {
+            web: string;
+            native: string;
+        };
+        'utility-blue-500': {
+            web: string;
+            native: string;
+        };
+        'utility-indigo-500': {
+            web: string;
+            native: string;
+        };
+        'utility-purple-500': {
+            web: string;
+            native: string;
+        };
+        'utility-pink-500': {
+            web: string;
+            native: string;
+        };
+        'utility-orange-500': {
+            web: string;
+            native: string;
+        };
+    };
+};
+export type DotSize = keyof typeof styles.sizes;
+export type DotColor = keyof typeof styles.colors;
+export declare const dotColorNames: DotColor[];
+//# sourceMappingURL=Dot.styles.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,49 @@
+/**
+ * Shared `Dot` style config, read by both `index.tsx` and `index.native.tsx`.
+ *
+ * `sizes` holds the circle geometry in pixels — `wh` is the bounding box, `c` the SVG centre
+ * (web only), `r` the radius. Numbers rather than Tailwind classes because the native
+ * implementation needs them as `style` values: React Native has no SVG host element, so it
+ * draws the circle as a `View` with a half-width `borderRadius`.
+ *
+ * `colors` maps each semantic name to the utility its platform needs. Web fills an SVG via
+ * `currentColor`, so it takes a `text-*` utility; React Native fills a `View`, which ignores
+ * `color` entirely and needs `bg-*`. Both strings are listed per colour rather than derived by
+ * swapping the prefix: utilities are generated from property-specific token namespaces (see the
+ * header comment in `ui-tokens/src/tokens.css`), so a name present in one is not guaranteed in
+ * another. `brand-solid` is exactly that case — `bg-brand-solid` exists but `text-brand-solid`
+ * generates no utility at all, so web pairs it with `text-fg-brand-primary`. Both resolve to
+ * `--color-brand-600` in light mode; in dark mode `fg-brand-primary` is brand-500 against
+ * `bg-brand-solid`'s brand-600, a divergence to revisit if dark mode ships.
+ *
+ * Complete literal class names, never template literals — Tailwind scans source for whole
+ * candidates and will not generate a class assembled at runtime.
+ */
+const styles = {
+    sizes: {
+        sm: { wh: 8, c: 4, r: 2.5 },
+        md: { wh: 10, c: 5, r: 4 },
+    },
+    colors: {
+        'brand-solid': { web: 'text-fg-brand-primary', native: 'bg-brand-solid' },
+        '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' },
+        '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' },
+        'utility-red-500': { web: 'text-utility-red-500', native: 'bg-utility-red-500' },
+        'utility-yellow-500': { web: 'text-utility-yellow-500', native: 'bg-utility-yellow-500' },
+        'utility-green-500': { web: 'text-utility-green-500', native: 'bg-utility-green-500' },
+        'utility-slate-500': { web: 'text-utility-slate-500', native: 'bg-utility-slate-500' },
+        'utility-sky-500': { web: 'text-utility-sky-500', native: 'bg-utility-sky-500' },
+        'utility-blue-500': { web: 'text-utility-blue-500', native: 'bg-utility-blue-500' },
+        'utility-indigo-500': { web: 'text-utility-indigo-500', native: 'bg-utility-indigo-500' },
+        'utility-purple-500': { web: 'text-utility-purple-500', native: 'bg-utility-purple-500' },
+        'utility-pink-500': { web: 'text-utility-pink-500', native: 'bg-utility-pink-500' },
+        'utility-orange-500': { web: 'text-utility-orange-500', native: 'bg-utility-orange-500' },
+    },
+};
+
+export { styles };
+//# sourceMappingURL=Dot.styles.js.map

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

@@ -0,0 +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;;;;;"}

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

@@ -1,12 +1,28 @@
+import { type DotColor, type DotSize } from './Dot.styles';
+export type { DotColor, DotSize } from './Dot.styles';
+export interface DotProps {
+    size?: DotSize;
+    /**
+     * Semantic fill colour, resolved per platform (`Dot.styles.ts`). Takes the same values as
+     * web. Defaults to `fg-primary` because React Native cannot inherit a colour the way web's
+     * `currentColor` does — without a default the circle would render fully transparent.
+     */
+    color?: DotColor;
+    /** Layout classes only. Colour goes through `color`, which a `View` needs as a `bg-*` utility. */
+    className?: string;
+    /** Overrides the generated `testID` (defaults to `fd-dot`). */
+    'data-testid'?: string;
+}
 /**
- * `Dot` has no React Native implementation.
+ * React Native `Dot` — a filled circle drawn as a `View` with a half-width `borderRadius`,
+ * inside a fixed-size box matching web's SVG bounding box, since React Native has no SVG
+ * host element.
  *
- * This is a generated types-only stub (scripts/emit-native-stubs.mjs). It exists so
- * that importing `@flipdish/ui-library/components/atoms/Dot` 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.
+ * `View` `className` styling is confirmed working on-device (see `Avatar`'s root `View`),
+ * unlike the `Text` `className` bug, so colour stays token-driven here rather than falling
+ * back to a hardcoded hex.
  *
- * To make `Dot` available on React Native, add an `index.native.tsx` beside
- * its `index.tsx` — the build picks it up automatically and this stub disappears.
+ * @summary status/list marker dot (React Native)
  */
-export declare const __NO_REACT_NATIVE_IMPLEMENTATION__: never;
+export declare const Dot: ({ size, color, className, "data-testid": dataTestId }: DotProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Dot/index.native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAU,MAAM,cAAc,CAAC;AAEnE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,GAAI,uDAA6E,QAAQ,gCASxG,CAAC"}

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

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../../utilities/cx/index.js';
+import { useResolvedTestId } from '../../../utilities/testIdUtils/index.js';
+import { View } from 'react-native';
+import { styles } from './Dot.styles.js';
+
+/**
+ * React Native `Dot` — a filled circle drawn as a `View` with a half-width `borderRadius`,
+ * inside a fixed-size box matching web's SVG bounding box, since React Native has no SVG
+ * host element.
+ *
+ * `View` `className` styling is confirmed working on-device (see `Avatar`'s root `View`),
+ * unlike the `Text` `className` bug, so colour stays token-driven here rather than falling
+ * back to a hardcoded hex.
+ *
+ * @summary status/list marker dot (React Native)
+ */
+const Dot = ({ size = 'md', color = 'fg-primary', className, 'data-testid': dataTestId }) => {
+    const dotTestId = useResolvedTestId({ testId: dataTestId, segment: 'dot', rootName: 'dot' });
+    const { wh, r } = styles.sizes[size];
+    return (jsx(View, { testID: dotTestId, className: cx('items-center justify-center', className), style: { width: wh, height: wh }, children: jsx(View, { className: styles.colors[color].native, style: { width: r * 2, height: r * 2, borderRadius: r } }) }));
+};
+
+export { Dot };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/atoms/Dot/index.native.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAqBA;;;;;;;;;;AAUG;MACU,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAY,KAAI;AAC3G,IAAA,MAAM,SAAS,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC5F,IAAA,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AAEpC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAA,QAAA,EAChHA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,CAAI,EAAA,CACpG;AAEX;;;;"}

package/dist/utilities/__internal__/childrenUtils/children.utils.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * `Children.toArray` that also unwraps Fragments, so `<>...</>`-wrapped children are counted
+ * and inspected as their actual items. Pure JS, no DOM dependency — works on web and React
+ * Native. INTERNAL: import as `#internal/utilities/childrenUtils/children.utils`.
+ *
+ * Unwrapped items are re-keyed with the JSON-encoded path of Fragment keys above them, so
+ * siblings stay unique after flattening. Plain concatenation is ambiguous: Fragment `a` +
+ * child `b` and a sibling keyed `a.$b` would both produce `.$a.$b`.
+ */
+const flattenChildren = (children, keyPath = []) => React.Children.toArray(children).flatMap((child) => {
+    if (React.isValidElement(child) && child.type === React.Fragment) {
+        return flattenChildren(child.props.children, [...keyPath, String(child.key ?? '')]);
+    }
+    return keyPath.length && React.isValidElement(child) ? React.cloneElement(child, { key: JSON.stringify([...keyPath, String(child.key ?? '')]) }) : child;
+});
+
+exports.flattenChildren = flattenChildren;
+//# sourceMappingURL=children.utils.cjs.map

package/dist/utilities/__internal__/childrenUtils/children.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.utils.cjs","sources":["../../../../src/utilities/__internal__/childrenUtils/children.utils.ts"],"sourcesContent":[null],"names":["Children","isValidElement","Fragment","cloneElement"],"mappings":";;;;AAEA;;;;;;;;AAQG;AACI,MAAM,eAAe,GAAG,CAAC,QAAmB,EAAE,OAAA,GAA6B,EAAE,KAClFA,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;IAC3C,IAAIC,oBAAc,CAA2B,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAKC,cAAQ,EAAE;QAC9E,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;IACrF;AACA,IAAA,OAAO,OAAO,CAAC,MAAM,IAAID,oBAAc,CAAC,KAAK,CAAC,GAAGE,kBAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK;AAC9I,CAAC;;;;"}

package/dist/utilities/__internal__/childrenUtils/children.utils.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+/**
+ * `Children.toArray` that also unwraps Fragments, so `<>...</>`-wrapped children are counted
+ * and inspected as their actual items. Pure JS, no DOM dependency — works on web and React
+ * Native. INTERNAL: import as `#internal/utilities/childrenUtils/children.utils`.
+ *
+ * Unwrapped items are re-keyed with the JSON-encoded path of Fragment keys above them, so
+ * siblings stay unique after flattening. Plain concatenation is ambiguous: Fragment `a` +
+ * child `b` and a sibling keyed `a.$b` would both produce `.$a.$b`.
+ */
+export declare const flattenChildren: (children: ReactNode, keyPath?: readonly string[]) => ReactNode[];
+//# sourceMappingURL=children.utils.d.ts.map

package/dist/utilities/__internal__/childrenUtils/children.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.utils.d.ts","sourceRoot":"","sources":["../../../../src/utilities/__internal__/childrenUtils/children.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,SAAS,EAAE,UAAS,SAAS,MAAM,EAAO,KAAG,SAAS,EAM5F,CAAC"}

package/dist/utilities/__internal__/childrenUtils/children.utils.js

@@ -0,0 +1,20 @@
+import { Children, isValidElement, Fragment, cloneElement } from 'react';
+
+/**
+ * `Children.toArray` that also unwraps Fragments, so `<>...</>`-wrapped children are counted
+ * and inspected as their actual items. Pure JS, no DOM dependency — works on web and React
+ * Native. INTERNAL: import as `#internal/utilities/childrenUtils/children.utils`.
+ *
+ * Unwrapped items are re-keyed with the JSON-encoded path of Fragment keys above them, so
+ * siblings stay unique after flattening. Plain concatenation is ambiguous: Fragment `a` +
+ * child `b` and a sibling keyed `a.$b` would both produce `.$a.$b`.
+ */
+const flattenChildren = (children, keyPath = []) => Children.toArray(children).flatMap((child) => {
+    if (isValidElement(child) && child.type === Fragment) {
+        return flattenChildren(child.props.children, [...keyPath, String(child.key ?? '')]);
+    }
+    return keyPath.length && isValidElement(child) ? cloneElement(child, { key: JSON.stringify([...keyPath, String(child.key ?? '')]) }) : child;
+});
+
+export { flattenChildren };
+//# sourceMappingURL=children.utils.js.map

package/dist/utilities/__internal__/childrenUtils/children.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.utils.js","sources":["../../../../src/utilities/__internal__/childrenUtils/children.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;;;;;;;AAQG;AACI,MAAM,eAAe,GAAG,CAAC,QAAmB,EAAE,OAAA,GAA6B,EAAE,KAClF,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;IAC3C,IAAI,cAAc,CAA2B,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC9E,OAAO,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;IACrF;AACA,IAAA,OAAO,OAAO,CAAC,MAAM,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK;AAC9I,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {

package/dist/components/organisms/PageHeader/components/page-header-simple.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var uiIcons = require('@flipdish/ui-icons');
-var Button = require('@flipdish/ui-library/components/atoms/Button');
-var Input = require('@flipdish/ui-library/components/atoms/Input');
-var cx = require('@flipdish/ui-library/utilities/cx');
-var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-
-const PageHeaderSimple = ({ title, description, breadcrumbs, backLabel, backHref = '#', actions, showSearch = false, withDivider = false, className, 'data-testid': dataTestId, }) => {
-    const pageHeaderTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'page-header-simple', rootName: 'page-header-simple' });
-    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: pageHeaderTestId, children: jsxRuntime.jsxs("div", { "data-testid": pageHeaderTestId, className: cx.cx('relative flex w-full max-w-container flex-col gap-4 bg-primary px-md lg:px-2xl', className), children: [breadcrumbs && jsxRuntime.jsx("div", { className: "max-lg:hidden", children: breadcrumbs }), backLabel && (jsxRuntime.jsx("div", { className: "flex lg:hidden", children: jsxRuntime.jsx(Button.Button, { href: backHref, color: "link-gray", size: "xs", iconLeading: uiIcons.ArrowLeft, children: backLabel }) })), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col gap-4 lg:flex-row', withDivider && 'border-b border-secondary pb-4'), children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [title && jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-primary", children: title }), description && jsxRuntime.jsx("p", { className: "text-md text-tertiary", children: description })] }), actions && jsxRuntime.jsx("div", { className: "flex items-start gap-3", children: actions }), showSearch && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Input.Input, { className: "w-full md:hidden", size: "md", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, "data-testid": testIdUtils.joinTestId(pageHeaderTestId, 'search-mobile') }), jsxRuntime.jsx(Input.Input, { shortcut: true, className: "w-full max-w-70 max-md:hidden", size: "sm", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, "data-testid": testIdUtils.joinTestId(pageHeaderTestId, 'search-desktop') })] }))] })] }) }));
-};
-
-exports.PageHeaderSimple = PageHeaderSimple;
-//# sourceMappingURL=page-header-simple.cjs.map

package/dist/components/organisms/PageHeader/components/page-header-simple.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-simple.cjs","sources":["../../../../../src/components/organisms/PageHeader/components/page-header-simple.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","TestIdProvider","_jsxs","cx","Button","ArrowLeft","_Fragment","Input","SearchLg","joinTestId"],"mappings":";;;;;;;;;AA+BO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,GAAG,GAAG,EACd,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,GACH,KAAI;AAC1B,IAAA,MAAM,gBAAgB,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;AAEjI,IAAA,QACEC,cAAA,CAACC,0BAAc,IAAC,KAAK,EAAE,gBAAgB,EAAA,QAAA,EACrCC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,gBAAgB,EAAE,SAAS,EAAEC,KAAE,CAAC,gFAAgF,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC3I,WAAW,IAAIH,wBAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,WAAW,GAAO,EAEjE,SAAS,KACRA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,YAC7BA,cAAA,CAACI,aAAM,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAEC,iBAAS,EAAA,QAAA,EACvE,SAAS,EAAA,CACH,EAAA,CACL,CACP,EAEDH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,iCAAiC,EAAE,WAAW,IAAI,gCAAgC,CAAC,EAAA,QAAA,EAAA,CACpGD,yBAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAA,CAC1C,KAAK,IAAIF,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,oCAAoC,EAAA,QAAA,EAAE,KAAK,EAAA,CAAM,EACxE,WAAW,IAAIA,sBAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,WAAW,GAAK,CAAA,EAAA,CAClE,EAEL,OAAO,IAAIA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,EAAA,CAAO,EAElE,UAAU,KACTE,eAAA,CAAAI,mBAAA,EAAA,EAAA,QAAA,EAAA,CAEEN,eAACO,WAAK,EAAA,EACJ,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACnB,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAEC,gBAAQ,EAAA,aAAA,EACDC,sBAAU,CAAC,gBAAgB,EAAE,eAAe,CAAC,EAAA,CAC1D,EAGFT,eAACO,WAAK,EAAA,EACJ,QAAQ,EAAA,IAAA,EACR,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,IAAI,gBACE,QAAQ,EACnB,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAEC,gBAAQ,EAAA,aAAA,EACDC,sBAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAC3D,CAAA,EAAA,CACD,CACJ,IACG,CAAA,EAAA,CACF,EAAA,CACS;AAErB;;;;"}

package/dist/components/organisms/PageHeader/components/page-header-simple.d.ts

@@ -1,26 +0,0 @@
-import type { ReactNode } from 'react';
-export interface PageHeaderSimpleProps {
-    /** Page title (rendered as the `h1`). */
-    title?: string;
-    /** Supporting text shown beneath the title. */
-    description?: string;
-    /**
-     * Breadcrumb trail shown on desktop — pass a complete `<Breadcrumbs>` element so the
-     * caller owns the items, divider and `type`. Hidden below the `lg` breakpoint.
-     */
-    breadcrumbs?: ReactNode;
-    /** Mobile "back" link label. When set, a back link replaces the breadcrumbs below `lg`. */
-    backLabel?: string;
-    backHref?: string;
-    /** Action buttons rendered to the right of the title on desktop. */
-    actions?: ReactNode;
-    /** Render the search inputs (mobile + desktop). */
-    showSearch?: boolean;
-    /** Render the divider beneath the title row. */
-    withDivider?: boolean;
-    className?: string;
-    /** Overrides the `data-testid` (defaults to `fd-page-header-simple`). */
-    'data-testid'?: string;
-}
-export declare const PageHeaderSimple: ({ title, description, breadcrumbs, backLabel, backHref, actions, showSearch, withDivider, className, "data-testid": dataTestId, }: PageHeaderSimpleProps) => import("react").JSX.Element;
-//# sourceMappingURL=page-header-simple.d.ts.map

package/dist/components/organisms/PageHeader/components/page-header-simple.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-simple.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/PageHeader/components/page-header-simple.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,GAAI,mIAW9B,qBAAqB,gCAoDvB,CAAC"}

package/dist/components/organisms/PageHeader/components/page-header-simple.js

@@ -1,14 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ArrowLeft, SearchLg } from '@flipdish/ui-icons';
-import { Button } from '@flipdish/ui-library/components/atoms/Button';
-import { Input } from '@flipdish/ui-library/components/atoms/Input';
-import { cx } from '@flipdish/ui-library/utilities/cx';
-import { useResolvedTestId, TestIdProvider, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-
-const PageHeaderSimple = ({ title, description, breadcrumbs, backLabel, backHref = '#', actions, showSearch = false, withDivider = false, className, 'data-testid': dataTestId, }) => {
-    const pageHeaderTestId = useResolvedTestId({ testId: dataTestId, segment: 'page-header-simple', rootName: 'page-header-simple' });
-    return (jsx(TestIdProvider, { value: pageHeaderTestId, children: jsxs("div", { "data-testid": pageHeaderTestId, className: cx('relative flex w-full max-w-container flex-col gap-4 bg-primary px-md lg:px-2xl', className), children: [breadcrumbs && jsx("div", { className: "max-lg:hidden", children: breadcrumbs }), backLabel && (jsx("div", { className: "flex lg:hidden", children: jsx(Button, { href: backHref, color: "link-gray", size: "xs", iconLeading: ArrowLeft, children: backLabel }) })), jsxs("div", { className: cx('flex flex-col gap-4 lg:flex-row', withDivider && 'border-b border-secondary pb-4'), children: [jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [title && jsx("h1", { className: "text-xl font-semibold text-primary", children: title }), description && jsx("p", { className: "text-md text-tertiary", children: description })] }), actions && jsx("div", { className: "flex items-start gap-3", children: actions }), showSearch && (jsxs(Fragment, { children: [jsx(Input, { className: "w-full md:hidden", size: "md", "aria-label": "Search", placeholder: "Search", icon: SearchLg, "data-testid": joinTestId(pageHeaderTestId, 'search-mobile') }), jsx(Input, { shortcut: true, className: "w-full max-w-70 max-md:hidden", size: "sm", "aria-label": "Search", placeholder: "Search", icon: SearchLg, "data-testid": joinTestId(pageHeaderTestId, 'search-desktop') })] }))] })] }) }));
-};
-
-export { PageHeaderSimple };
-//# sourceMappingURL=page-header-simple.js.map

package/dist/components/organisms/PageHeader/components/page-header-simple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-simple.js","sources":["../../../../../src/components/organisms/PageHeader/components/page-header-simple.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;AA+BO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,GAAG,GAAG,EACd,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,GACH,KAAI;AAC1B,IAAA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;AAEjI,IAAA,QACEA,GAAA,CAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,EAAA,QAAA,EACrCC,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,gBAAgB,EAAE,SAAS,EAAE,EAAE,CAAC,gFAAgF,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC3I,WAAW,IAAID,aAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,WAAW,GAAO,EAEjE,SAAS,KACRA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,YAC7BA,GAAA,CAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAE,SAAS,EAAA,QAAA,EACvE,SAAS,EAAA,CACH,EAAA,CACL,CACP,EAEDC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,WAAW,IAAI,gCAAgC,CAAC,EAAA,QAAA,EAAA,CACpGA,cAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAA,CAC1C,KAAK,IAAID,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,oCAAoC,EAAA,QAAA,EAAE,KAAK,EAAA,CAAM,EACxE,WAAW,IAAIA,WAAG,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,WAAW,GAAK,CAAA,EAAA,CAClE,EAEL,OAAO,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,EAAA,CAAO,EAElE,UAAU,KACTC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAEEF,IAAC,KAAK,EAAA,EACJ,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,IAAI,EAAA,YAAA,EACE,QAAQ,EACnB,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAE,QAAQ,EAAA,aAAA,EACD,UAAU,CAAC,gBAAgB,EAAE,eAAe,CAAC,EAAA,CAC1D,EAGFA,IAAC,KAAK,EAAA,EACJ,QAAQ,EAAA,IAAA,EACR,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAC,IAAI,gBACE,QAAQ,EACnB,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAE,QAAQ,EAAA,aAAA,EACD,UAAU,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAC3D,CAAA,EAAA,CACD,CACJ,IACG,CAAA,EAAA,CACF,EAAA,CACS;AAErB;;;;"}