@flipdish/ui-library 0.2.1

package/dist/src/components/molecules/SectionHeader/index.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare const SectionHeader: {
+    Root: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Group: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Actions: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Heading: (props: ComponentPropsWithRef<"h2">) => import("react").JSX.Element;
+    Subheading: (props: ComponentPropsWithRef<"p">) => import("react").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/SectionHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/SectionHeader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAgCnD,eAAO,MAAM,aAAa;kBA9BQ,qBAAqB,CAAC,KAAK,CAAC;mBAM3B,qBAAqB,CAAC,KAAK,CAAC;qBAM1B,qBAAqB,CAAC,KAAK,CAAC;qBAM5B,qBAAqB,CAAC,IAAI,CAAC;wBAMxB,qBAAqB,CAAC,GAAG,CAAC;CAYjE,CAAC"}

package/dist/src/components/molecules/Select/components/combobox.d.ts

@@ -0,0 +1,15 @@
+import type { FC, ReactNode, RefAttributes } from 'react';
+import type { ComboBoxProps as AriaComboBoxProps, ListBoxProps as AriaListBoxProps } from 'react-aria-components';
+import { type CommonProps, type SelectItemType } from './select-shared';
+interface ComboBoxProps extends Omit<AriaComboBoxProps<SelectItemType>, 'children' | 'items'>, RefAttributes<HTMLDivElement>, CommonProps {
+    shortcut?: boolean;
+    items?: SelectItemType[];
+    popoverClassName?: string;
+    shortcutClassName?: string;
+    /** Leading icon component displayed before the input. */
+    icon?: FC | ReactNode;
+    children: AriaListBoxProps<SelectItemType>['children'];
+}
+export declare const ComboBox: ({ placeholder, shortcut, size, children, items, shortcutClassName, icon, hideRequiredIndicator, ...otherProps }: ComboBoxProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=combobox.d.ts.map

package/dist/src/components/molecules/Select/components/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/Select/components/combobox.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAA0C,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvG,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAgC,YAAY,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAShJ,OAAO,EAAE,KAAK,WAAW,EAAiB,KAAK,cAAc,EAAS,MAAM,iBAAiB,CAAC;AAE9F,UAAU,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW;IACvI,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;CACxD;AAoFD,eAAO,MAAM,QAAQ,GAAI,iHAUtB,aAAa,gCA4Df,CAAC"}

package/dist/src/components/molecules/Select/components/popover.d.ts

@@ -0,0 +1,8 @@
+import type { RefAttributes } from 'react';
+import type { PopoverProps as AriaPopoverProps } from 'react-aria-components';
+interface PopoverProps extends AriaPopoverProps, RefAttributes<HTMLElement> {
+    size: 'sm' | 'md' | 'lg';
+}
+export declare const Popover: (props: PopoverProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=popover.d.ts.map

package/dist/src/components/molecules/Select/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/Select/components/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9E,UAAU,YAAa,SAAQ,gBAAgB,EAAE,aAAa,CAAC,WAAW,CAAC;IACzE,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,gCAyB1C,CAAC"}

package/dist/src/components/molecules/Select/components/select-item.d.ts

@@ -0,0 +1,11 @@
+import type { ListBoxItemProps as AriaListBoxItemProps } from 'react-aria-components';
+import type { SelectItemType } from './select-shared';
+interface SelectItemProps extends Omit<AriaListBoxItemProps<SelectItemType>, 'id'>, SelectItemType {
+    /** The selection indicator to be displayed on the item. */
+    selectionIndicator?: 'checkmark' | 'checkbox' | 'none';
+    /** The alignment of the selection indicator. */
+    selectionIndicatorAlign?: 'left' | 'right';
+}
+export declare const SelectItem: ({ label, id, value, avatarUrl, supportingText, isDisabled, icon: Icon, className, children, selectionIndicator, selectionIndicatorAlign, ...props }: SelectItemProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=select-item.d.ts.map

package/dist/src/components/molecules/Select/components/select-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/Select/components/select-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AA2BtD,UAAU,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IAChG,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,gDAAgD;IAChD,uBAAuB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,eAAO,MAAM,UAAU,GAAI,qJAaxB,eAAe,gCA6EjB,CAAC"}

package/dist/src/components/molecules/Select/components/select-shared.d.ts

@@ -0,0 +1,59 @@
+import type { FC, ReactNode } from 'react';
+export type SelectItemType = {
+    /** Unique identifier for the item. */
+    id: string | number;
+    /** The primary display text. */
+    label?: string;
+    /** Avatar image URL. */
+    avatarUrl?: string;
+    /** Whether the item is disabled. */
+    isDisabled?: boolean;
+    /** Secondary text displayed alongside the label. */
+    supportingText?: string;
+    /** Leading icon component or element. */
+    icon?: FC | ReactNode;
+};
+export interface CommonProps {
+    /** Helper text displayed below the input. */
+    hint?: string;
+    /** Field label displayed above the input. */
+    label?: string;
+    /** Tooltip text for the help icon next to the label. */
+    tooltip?: string;
+    /**
+     * The size of the component.
+     * @default "md"
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Placeholder text when no value is selected. */
+    placeholder?: string;
+    /** Whether to hide the required indicator from the label. */
+    hideRequiredIndicator?: boolean;
+}
+export declare const sizes: {
+    sm: {
+        root: string;
+        withIcon: string;
+        text: string;
+        textContainer: string;
+        shortcut: string;
+    };
+    md: {
+        root: string;
+        withIcon: string;
+        text: string;
+        textContainer: string;
+        shortcut: string;
+    };
+    lg: {
+        root: string;
+        withIcon: string;
+        text: string;
+        textContainer: string;
+        shortcut: string;
+    };
+};
+export declare const SelectContext: import("react").Context<{
+    size: "sm" | "md" | "lg";
+}>;
+//# sourceMappingURL=select-shared.d.ts.map

package/dist/src/components/molecules/Select/components/select-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-shared.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/Select/components/select-shared.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,MAAM,cAAc,GAAG;IAC3B,sCAAsC;IACtC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,aAAa;UAAyB,IAAI,GAAG,IAAI,GAAG,IAAI;EAAmB,CAAC"}

package/dist/src/components/molecules/Select/index.d.ts

@@ -0,0 +1,19 @@
+import type { FC, ReactNode, RefAttributes } from 'react';
+import type { SelectProps as AriaSelectProps } from 'react-aria-components';
+import { ComboBox } from './components/combobox';
+import { SelectItem } from './components/select-item';
+import { type CommonProps, type SelectItemType } from './components/select-shared';
+export { type CommonProps, SelectContext, type SelectItemType, sizes } from './components/select-shared';
+export interface SelectProps extends Omit<AriaSelectProps<SelectItemType>, 'children' | 'items'>, RefAttributes<HTMLDivElement>, CommonProps {
+    items?: SelectItemType[];
+    popoverClassName?: string;
+    icon?: FC | ReactNode;
+    children: ReactNode | ((item: SelectItemType) => ReactNode);
+}
+declare const Select: ({ placeholder, icon, size, children, items, label, hint, tooltip, hideRequiredIndicator, className, ...rest }: SelectProps) => import("react").JSX.Element;
+declare const _Select: typeof Select & {
+    ComboBox: typeof ComboBox;
+    Item: typeof SelectItem;
+};
+export { _Select as Select };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Select/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,KAAK,WAAW,EAAiB,KAAK,cAAc,EAAS,MAAM,4BAA4B,CAAC;AAEzG,OAAO,EAAE,KAAK,WAAW,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEzG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW;IAC1I,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;CAC7D;AAwED,QAAA,MAAM,MAAM,GAAI,+GAYb,WAAW,gCA8Bb,CAAC;AAEF,QAAA,MAAM,OAAO,EAAa,OAAO,MAAM,GAAG;IACxC,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,24 @@
+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;
+}
+export declare const PageHeaderSimple: ({ title, description, breadcrumbs, backLabel, backHref, actions, showSearch, withDivider, className, }: PageHeaderSimpleProps) => import("react").JSX.Element;
+//# sourceMappingURL=page-header-simple.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-header-simple.d.ts","sourceRoot":"","sources":["../../../../../../src/components/organisms/PageHeader/components/page-header-simple.tsx"],"names":[],"mappings":"AAIA,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;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,wGAU9B,qBAAqB,gCAiCvB,CAAC"}

package/dist/src/components/organisms/PageHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { PageHeaderSimple as Simple } from './components/page-header-simple';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/organisms/PageHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/PageHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/src/components/templates/NotFoundPage/index.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement } from 'react';
+/**
+ * Props for the NotFoundPage component.
+ * @param title - The title of the page. Defaults to "404".
+ * @param description - The description of the page. Defaults to "The page you were looking for could not be found."
+ */
+export interface NotFoundPageProps {
+    /** Heading shown above the description. Defaults to "404". */
+    readonly title?: string;
+    /** Body copy explaining the error. Defaults to "The page you were looking for could not be found." */
+    readonly description?: string;
+}
+/**
+ * Generic 404 page template used by consuming apps as the fallback route.
+ *
+ * Lives under `components/templates/` per the atomic-design folder structure: it composes plain HTML
+ * elements + Tailwind utilities into a complete page-shaped layout. Consumers (e.g. `App.routes.tsx`)
+ * wrap this in a `<Route path="*">` and provide localised copy via props.
+ *
+ * Doubles as the Tailwind v4 + Option A CSS-isolation smoke test for the property-service MFE —
+ * if these utility classes render correctly inside `#flipdish-micro-frontend` without polluting
+ * Portal chrome, the scoping pipeline works end-to-end.
+ */
+export declare const NotFoundPage: ({ title, description, }: NotFoundPageProps) => ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/templates/NotFoundPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/NotFoundPage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,sGAAsG;IACtG,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,GAAI,yBAG1B,iBAAiB,KAAG,YAKtB,CAAC"}

package/dist/src/components/templates/PageLayout/index.d.ts

@@ -0,0 +1,43 @@
+import type { ErrorInfo, ReactNode } from 'react';
+export interface PageLayoutProps {
+    /**
+     * Stable, human-readable name of the page (e.g. "CollectionSettings"). Tags the
+     * page-level error boundary so a thrown error can be attributed to a specific page
+     * in logs/RUM, and is forwarded to `renderError` and `onError`.
+     */
+    pageName: string;
+    /**
+     * Header region. Compose `<PageHeader.Simple>` (or a feature wrapper around it)
+     * here. Rendered OUTSIDE the error boundary so page chrome (breadcrumbs, back link)
+     * stays usable when the content below throws.
+     */
+    header?: ReactNode;
+    /** Page content, rendered INSIDE the error boundary. */
+    children: ReactNode;
+    /**
+     * Replaces the default fallback shown when a child throws. Receives the thrown
+     * error and `pageName` so consumers can render localised copy.
+     */
+    renderError?: (props: {
+        error: Error;
+        pageName: string;
+    }) => ReactNode;
+    /** Called when a child throws — wire app-level reporting (e.g. Datadog RUM) here. */
+    onError?: (error: Error, info: ErrorInfo) => void;
+    /** Extra classes merged onto the root `<main>`. */
+    className?: string;
+}
+/**
+ * Page-shaped template that standardises the MFE's page chrome: the centered `<main>`
+ * scroll container, an optional header region, and a page-scoped error boundary keyed
+ * by `pageName`. Consumers drop their page content in as children.
+ *
+ * The boundary wraps `children` only, not the header: content (data-fetching, forms,
+ * dynamic logic) is where throws realistically happen, and keeping the header outside
+ * means breadcrumbs/back link stay usable so the user can navigate away when content
+ * fails — strictly better than blanking the whole page. A header throw (rare, since
+ * it's static chrome) isn't caught here, but the app-level ErrorBoundary higher up the
+ * tree still catches it; nothing goes unhandled.
+ */
+export declare const PageLayout: ({ pageName, header, children, renderError, onError, className }: PageLayoutProps) => ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/templates/PageLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/templates/PageLayout/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IACvE,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,GAAI,iEAAiE,eAAe,KAAG,SAU7G,CAAC"}

package/dist/src/hooks/useResizeObserver/index.d.ts

@@ -0,0 +1,25 @@
+import { type RefObject } from 'react';
+/**
+ * The options for the useResizeObserver hook.
+ */
+type useResizeObserverOptionsType<T> = {
+    /**
+     * The ref to the element to observe.
+     */
+    ref: RefObject<T | undefined | null> | undefined;
+    /**
+     * The box to observe.
+     */
+    box?: ResizeObserverBoxOptions;
+    /**
+     * The callback function to call when the size changes.
+     */
+    onResize: () => void;
+};
+/**
+ * A hook that observes the size of an element and calls a callback function when the size changes.
+ * @param options - The options for the hook.
+ */
+export declare function useResizeObserver<T extends Element>(options: useResizeObserverOptionsType<T>): void;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/useResizeObserver/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResizeObserver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAUlD;;GAEG;AACH,KAAK,4BAA4B,CAAC,CAAC,IAAI;IACrC;;OAEG;IACH,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,GAAG,CAAC,EAAE,wBAAwB,CAAC;IAC/B;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,OAAO,EAAE,4BAA4B,CAAC,CAAC,CAAC,QAiC5F"}

package/dist/src/providers/ErrorBoundary/index.d.ts

@@ -0,0 +1,32 @@
+import type { ErrorInfo, ReactNode } from 'react';
+export interface ErrorBoundaryProps {
+    /** Identifies this boundary in error logs/RUM (e.g. a page or feature name). */
+    identifier: string;
+    children: ReactNode;
+    /** Static fallback node. Takes precedence over `somethingWentWrongText`. */
+    fallback?: ReactNode;
+    /** Error-aware fallback. Takes precedence over `fallback` and `somethingWentWrongText`. */
+    renderFallback?: (error: Error) => ReactNode;
+    /**
+     * Text for the default centered fallback.
+     * TODO(i18n): source from ui-library's own translation layer once it exists; until
+     * then the consumer passes localised copy (defaults to English).
+     */
+    somethingWentWrongText?: string;
+    /** Forwarded after the built-in log — wire app reporting (fdlogger/Datadog) here. */
+    onError?: (error: Error, info: ErrorInfo) => void;
+    /** Classes merged onto the default fallback container. */
+    className?: string;
+}
+/**
+ * Thin wrapper around `react-error-boundary` so consuming apps depend on a single
+ * ui-library seam instead of importing `react-error-boundary` directly. Inspired by
+ * FlipdishUI's `FDErrorBoundary`, minus the MUI styling and the hardcoded web logger
+ * (reporting is injected via `onError` to keep the library cross-platform).
+ *
+ * Lives under `providers/` (not the visual atomic ladder) because it's a cross-cutting
+ * behavioural wrapper, not a UI primitive. The boundary logic is RN-safe; the default
+ * fallback renders a `<div>`, so an `index.native.tsx` sibling is needed before RN use.
+ */
+export declare const ErrorBoundary: ({ identifier, children, fallback, renderFallback, somethingWentWrongText, onError, className, }: ErrorBoundaryProps) => ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/providers/ErrorBoundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/ErrorBoundary/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,kBAAkB;IACjC,gFAAgF;IAChF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC;IAC7C;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qFAAqF;IACrF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,GAAI,iGAQ3B,kBAAkB,KAAG,SAoBvB,CAAC"}

package/dist/src/utilities/cx/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Merge Tailwind class strings, resolving conflicts (last value wins). Accepts the
+ * same inputs as tailwind-merge — strings, arrays, and falsy values for
+ * conditionals — so it composes cleanly:
+ *
+ *   cx('px-2', isActive && 'bg-primary', ['text-sm', null]);
+ *
+ * Pure JS with no DOM dependency, so the same helper works on web (PostCSS) and
+ * React Native (NativeWind). Imported by components as
+ * `@flipdish/ui-library/utilities/cx`.
+ */
+export declare const cx: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
+type ClassValue = string | number;
+type ClassDefinition = Record<string, ClassValue | Record<string, ClassValue | Record<string, ClassValue>>>;
+/**
+ * Identity helper that exists only so Tailwind IntelliSense recognises and sorts
+ * the class strings held inside style-config objects (e.g. `tailwind-variants`
+ * slot maps). Returns its argument unchanged.
+ */
+export declare const sortCx: <T extends ClassDefinition>(classes: T) => T;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/utilities/cx/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utilities/cx/index.ts"],"names":[],"mappings":"AAkBA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,EAAE,sEAAU,CAAC;AAE1B,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAClC,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;AAE5G;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,eAAe,EAAE,SAAS,CAAC,KAAG,CAAY,CAAC"}

package/dist/src/utilities/isReactComponent/index.d.ts

@@ -0,0 +1,24 @@
+import type React from 'react';
+type ReactComponent = React.FC<any> | React.ComponentClass<any, any>;
+/**
+ * Backs Untitled UI's `@/utils/is-react-component` import.
+ *
+ * Distinguishes a component passed as a prop (an icon `FC`, class component, or
+ * `forwardRef` object you instantiate) from an already-rendered element
+ * (handled via React's `isValidElement`). Untitled UI icon props accept either
+ * form; these guards select the "render it yourself" branch.
+ *
+ * Pure JS with no DOM dependency — works on web (PostCSS) and React Native
+ * (NativeWind). Imported by components as
+ * `@flipdish/ui-library/utilities/isReactComponent`.
+ */
+/** Checks if a given value is a function component. */
+export declare const isFunctionComponent: (component: any) => component is React.FC<any>;
+/** Checks if a given value is a class component. */
+export declare const isClassComponent: (component: any) => component is React.ComponentClass<any, any>;
+/** Checks if a given value is a forward ref component. */
+export declare const isForwardRefComponent: (component: any) => component is React.ForwardRefExoticComponent<any>;
+/** Checks if a given value is a valid React component (FC, class, or forwardRef). */
+export declare const isReactComponent: (component: any) => component is ReactComponent;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/utilities/isReactComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utilities/isReactComponent/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAErE;;;;;;;;;;;GAWG;AAEH,uDAAuD;AAEvD,eAAO,MAAM,mBAAmB,GAAI,WAAW,GAAG,KAAG,SAAS,IAAI,KAAK,CAAC,EAAE,CAAC,GAAG,CAE7E,CAAC;AAEF,oDAAoD;AAEpD,eAAO,MAAM,gBAAgB,GAAI,WAAW,GAAG,KAAG,SAAS,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAE3F,CAAC;AAEF,0DAA0D;AAE1D,eAAO,MAAM,qBAAqB,GAAI,WAAW,GAAG,KAAG,SAAS,IAAI,KAAK,CAAC,yBAAyB,CAAC,GAAG,CAEtG,CAAC;AAEF,qFAAqF;AAErF,eAAO,MAAM,gBAAgB,GAAI,WAAW,GAAG,KAAG,SAAS,IAAI,cAE9D,CAAC"}

package/dist/src/utilities/renderUtils/index.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Retrieves an environment variable.
+ *
+ * @param key The key of the environment variable to retrieve.
+ * @returns The value of the environment variable.
+ */
+export declare const getEnvironmentVariable: (key: string) => string;
+/**
+ * Retrieves a micro-frontend attribute.
+ *
+ * @param key The key of the attribute to retrieve.
+ * @returns The value of the attribute.
+ */
+export declare const getMicroFrontendAttribute: (key: string) => string;
+/**
+ * Retrieves the AppId.
+ *
+ * Attempts to get the value from the environment variable `VITE_APPID_OVERRIDE`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-app-id`.
+ * Fallbacks to `data-appid` for backwards compatibility @flipdish/portal-library@5.1.0 and below
+ *
+ * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
+ */
+export declare const getAppId: () => string;
+/**
+ * Retrieves the OrgId.
+ *
+ * Attempts to get the value from the environment variable `VITE_ORGID_OVERRIDE`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-org-id`.
+ * Fallbacks to `data-orgid` for backwards compatibility @flipdish/portal-library@5.1.0 and below
+ *
+ * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
+ */
+export declare const getOrgId: () => string;
+/**
+ * Retrieves the BrandId.
+ *
+ * Attempts to get the value from the environment variable `VITE_BRANDID_OVERRIDE`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-brand-id`.
+ * Fallbacks to `data-brandid` for backwards compatibility @flipdish/portal-library@5.1.0 and below
+ *
+ * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
+ */
+export declare const getBrandId: () => string;
+/**
+ * Retrieves the isFlipdishStaff attribute.
+ *
+ * Attempts to get the value from the environment variable `VITE_ISFLIPDISHSTAFFOVERRIDE`.
+ * If the environment variable is not set, it falls back to retrieving from a micro frontend attribute `data-is-flipdish-staff`.
+ * Fallbacks to `data-isflipdishstaff` for backwards compatibility @flipdish/portal-library@5.1.0 and below
+ *
+ * @warning Your component will not re-render if the value changes. Use 'useMicroFrontendAttributes' custom hook instead if you care about reactivity.
+ */
+export declare const getIsFlipdishStaff: () => boolean;
+export declare const lazyWithRetry: (componentImport: () => any) => import("react").LazyExoticComponent<import("react").ComponentType<any>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/utilities/renderUtils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utilities/renderUtils/index.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,KAAK,MAAM,KAAG,MAgBpD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GAAI,KAAK,MAAM,KAAG,MAMvD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,QAAO,MAE3B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,QAAO,MAE3B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,QAAO,MAE7B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,QAAO,OAMrC,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,iBAAiB,MAAM,GAAG,4EAsBpD,CAAC"}

package/dist/styles.css

@@ -0,0 +1,101 @@
+/*
+ * Shared Tailwind v4 runtime for `@flipdish/ui-library`.
+ *
+ * Consumed by an app's Tailwind entry CSS via:
+ *
+ *   @import "@flipdish/ui-library/styles";
+ *
+ * Centralises everything pasted Untitled UI components depend on — the Tailwind
+ * plugins, custom variants, `@utility` definitions, and base resets — so each MFE
+ * / consumer doesn't re-declare them. Tokens live separately in
+ * `@flipdish/ui-tokens` (`@import "@flipdish/ui-tokens/css"`).
+ *
+ * NOTE: this file declares `@plugin`s, so the plugin packages must be resolvable
+ * from THIS package (they are declared in ui-library's dependencies). Paths in
+ * `@source`/`@plugin` resolve relative to this file's real location.
+ *
+ * App-level concerns stay in the consumer's entry CSS: the `@layer` order,
+ * `tailwindcss` theme/preflight/utilities imports, and any PostCSS scoping
+ * (e.g. the `#flipdish-micro-frontend` prefix pipeline) — those are bundler /
+ * MFE concerns, not library concerns.
+ */
+
+/*
+ * Self-register class scanning for this library's own sources. Tailwind ignores
+ * node_modules by default, so without this an app wouldn't generate classes used
+ * only inside ui-library. Resolves relative to this file's directory — `src` during
+ * dev/Storybook (scans .ts/.tsx), `dist` when shipped (scans the built .js). A bare
+ * directory source avoids brace globs, which Tailwind's CSS parser rejects — even in a
+ * comment, so don't reintroduce one here.
+ */
+@source ".";
+
+/*
+ * Untitled UI runtime plugins (per https://www.untitledui.com/react/integrations/vite).
+ */
+@plugin "tailwindcss-animate";
+@plugin "tailwindcss-react-aria-components";
+
+/*
+ * `dark` is mapped to OUR `[data-theme="dark"]` attribute (NOT Untitled UI's default
+ * `.dark-mode` class), matching the dark block in `@flipdish/ui-tokens`. Any
+ * `dark:` utility therefore resolves via the same attribute the token layer cascades on.
+ */
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+@custom-variant label (& [data-label]);
+@custom-variant focus-input-within (&:has(input:focus));
+
+@utility scrollbar-hide {
+  /* Webkit (Chrome, Safari, Opera) */
+  &::-webkit-scrollbar {
+    display: none;
+    -webkit-appearance: none;
+  }
+  /* IE, Edge, Firefox */
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+@utility transition-inherit-all {
+  transition-property: inherit;
+  transition-duration: inherit;
+  transition-timing-function: inherit;
+}
+
+/*
+ * Untitled UI base resets. When a consumer scopes its CSS (e.g. the property-service MFE
+ * rewrites `html` to `#flipdish-micro-frontend` via PostCSS), these are scoped with it.
+ * `var(--font-body)` is provided by `@flipdish/ui-tokens`.
+ */
+@layer base {
+  html {
+    font-family: var(--font-body);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-variant-ligatures: contextual;
+    font-variant-ligatures: contextual;
+    -webkit-font-kerning: normal;
+    font-kerning: normal;
+  }
+
+  /* Hide Safari's default <details> expand arrow. */
+  details summary::-webkit-details-marker {
+    display: none;
+  }
+
+  /* Hide number-input spinners (Chrome, Safari, Edge, Opera). */
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  /* Firefox */
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  /* Hide the default clear (X) button from search inputs. */
+  input[type="search"]::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+  }
+}

package/dist/utilities/cx/index.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var tailwindMerge = require('tailwind-merge');
+
+/**
+ * tailwind-merge configured for Untitled UI's custom font-size scale, so the
+ * `text-display-*` utilities are treated as part of the `font-size` conflict
+ * group. Without this, tailwind-merge wouldn't de-dupe e.g.
+ * `text-display-sm text-display-lg` down to the last one.
+ *
+ * Mirrors the `cx` helper from Untitled UI's Vite integration guide.
+ */
+const twMerge = tailwindMerge.extendTailwindMerge({
+    extend: {
+        theme: {
+            text: ['display-xs', 'display-sm', 'display-md', 'display-lg', 'display-xl', 'display-2xl'],
+        },
+    },
+});
+/**
+ * Merge Tailwind class strings, resolving conflicts (last value wins). Accepts the
+ * same inputs as tailwind-merge — strings, arrays, and falsy values for
+ * conditionals — so it composes cleanly:
+ *
+ *   cx('px-2', isActive && 'bg-primary', ['text-sm', null]);
+ *
+ * Pure JS with no DOM dependency, so the same helper works on web (PostCSS) and
+ * React Native (NativeWind). Imported by components as
+ * `@flipdish/ui-library/utilities/cx`.
+ */
+const cx = twMerge;
+/**
+ * Identity helper that exists only so Tailwind IntelliSense recognises and sorts
+ * the class strings held inside style-config objects (e.g. `tailwind-variants`
+ * slot maps). Returns its argument unchanged.
+ */
+const sortCx = (classes) => classes;
+
+exports.cx = cx;
+exports.sortCx = sortCx;
+//# sourceMappingURL=index.cjs.map

package/dist/utilities/cx/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/utilities/cx/index.ts"],"sourcesContent":[null],"names":["extendTailwindMerge"],"mappings":";;;;AAEA;;;;;;;AAOG;AACH,MAAM,OAAO,GAAGA,iCAAmB,CAAC;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,CAAC;AAC5F,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAEF;;;;;;;;;;AAUG;AACI,MAAM,EAAE,GAAG;AAKlB;;;;AAIG;AACI,MAAM,MAAM,GAAG,CAA4B,OAAU,KAAQ;;;;;"}

package/dist/utilities/cx/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Merge Tailwind class strings, resolving conflicts (last value wins). Accepts the
+ * same inputs as tailwind-merge — strings, arrays, and falsy values for
+ * conditionals — so it composes cleanly:
+ *
+ *   cx('px-2', isActive && 'bg-primary', ['text-sm', null]);
+ *
+ * Pure JS with no DOM dependency, so the same helper works on web (PostCSS) and
+ * React Native (NativeWind). Imported by components as
+ * `@flipdish/ui-library/utilities/cx`.
+ */
+export declare const cx: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
+type ClassValue = string | number;
+type ClassDefinition = Record<string, ClassValue | Record<string, ClassValue | Record<string, ClassValue>>>;
+/**
+ * Identity helper that exists only so Tailwind IntelliSense recognises and sorts
+ * the class strings held inside style-config objects (e.g. `tailwind-variants`
+ * slot maps). Returns its argument unchanged.
+ */
+export declare const sortCx: <T extends ClassDefinition>(classes: T) => T;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/cx/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/cx/index.ts"],"names":[],"mappings":"AAkBA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,EAAE,sEAAU,CAAC;AAE1B,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAClC,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;AAE5G;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,eAAe,EAAE,SAAS,CAAC,KAAG,CAAY,CAAC"}