@flipdish/ui-library 0.2.1 → 0.3.0

package/dist/components/molecules/ProgressSteps/components/progress-step-base.d.ts

@@ -0,0 +1,37 @@
+import type { ComponentType, StepBaseProps } from '../progressSteps.types';
+export declare const statuses: {
+    incomplete: {
+        icon: string;
+        dot: string;
+        connector: string;
+        title: string;
+        description: string;
+    };
+    current: {
+        icon: string;
+        dot: string;
+        connector: string;
+        title: string;
+        description: string;
+    };
+    complete: {
+        icon: string;
+        dot: string;
+        connector: string;
+        title: string;
+        description: string;
+    };
+};
+export declare const IconOnly: <T extends ComponentType>({ status, size }: Pick<StepBaseProps<T>, "size" | "status">) => import("react").JSX.Element;
+export declare const IconTop: <T extends ComponentType>({ status, connector, size, title, description, ...otherProps }: StepBaseProps<T>) => import("react").JSX.Element;
+export declare const IconLeft: <T extends ComponentType>({ status, connector, size, title, description, ...otherProps }: StepBaseProps<T>) => import("react").JSX.Element;
+export declare const IconTopNumber: <T extends ComponentType>({ status, connector, size, title, description, step, }: StepBaseProps<T> & {
+    step: number;
+}) => import("react").JSX.Element;
+export declare const IconLeftNumber: <T extends ComponentType>({ status, connector, size, title, description, step, }: StepBaseProps<T> & {
+    step: number;
+}) => import("react").JSX.Element;
+export declare const FeaturedIconTop: <T extends ComponentType>({ status, connector, size, icon: Icon, title, description, }: StepBaseProps<T>) => import("react").JSX.Element;
+export declare const FeaturedIconLeft: <T extends ComponentType>({ status, connector, size, icon: Icon, title, description, }: StepBaseProps<T>) => import("react").JSX.Element;
+export declare const TextLine: <T extends ComponentType>({ status, size, title, description }: StepBaseProps<T>) => import("react").JSX.Element;
+//# sourceMappingURL=progress-step-base.d.ts.map

package/dist/components/molecules/ProgressSteps/components/progress-step-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-step-base.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ProgressSteps/components/progress-step-base.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE3E,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;CAsBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,aAAa,EAAE,kBAAwC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,gCAclI,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,aAAa,EAAE,gEAO9C,aAAa,CAAC,CAAC,CAAC,gCAelB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,aAAa,EAAE,gEAO/C,aAAa,CAAC,CAAC,CAAC,gCAalB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,aAAa,EAAE,wDAOpD,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,gCA+DrC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,aAAa,EAAE,wDAOrD,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,gCAyErC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,aAAa,EAAE,8DAOtD,aAAa,CAAC,CAAC,CAAC,gCA2BlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,aAAa,EAAE,8DAOvD,aAAa,CAAC,CAAC,CAAC,gCAgBlB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,aAAa,EAAE,sCAA4D,aAAa,CAAC,CAAC,CAAC,gCAmB7H,CAAC"}

package/dist/components/molecules/ProgressSteps/components/progress-step-base.js

@@ -0,0 +1,96 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const statuses = {
+    incomplete: {
+        icon: 'bg-primary ring-[1.5px] ring-inset ring-primary',
+        dot: 'bg-fg-quaternary',
+        connector: 'border-secondary',
+        title: 'text-secondary',
+        description: 'text-tertiary',
+    },
+    current: {
+        icon: 'bg-brand-solid ring-2 ring-focus-ring ring-offset-bg-primary ring-offset-2',
+        dot: 'bg-fg-white',
+        connector: 'border-secondary',
+        title: 'text-brand-secondary',
+        description: 'text-brand-tertiary',
+    },
+    complete: {
+        icon: 'bg-brand-solid',
+        dot: 'hidden',
+        connector: 'border-brand',
+        title: 'text-secondary',
+        description: 'text-tertiary',
+    },
+};
+const IconOnly = ({ status = 'incomplete', size = 'sm' }) => {
+    return (jsxs("span", { className: cx('z-10 flex items-center justify-center rounded-full', statuses[status].icon, size === 'sm' ? 'size-6' : 'size-8'), children: [jsx("span", { className: cx('rounded-full', statuses[status].dot, size === 'sm' ? 'size-2' : 'size-2.5') }), status === 'complete' && (
+            // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+            jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))] }));
+};
+const IconTop = ({ status = 'incomplete', connector = true, size = 'sm', title, description, ...otherProps }) => {
+    return (jsxs("div", { className: cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "relative flex w-full flex-col items-center self-stretch", children: [jsx(IconOnly, { ...otherProps, size: size, status: status }), connector && (jsx("span", { className: cx('absolute top-1/2 left-[53%] z-0 w-full flex-1 -translate-y-1/2 rounded-xs border-t-2', statuses[status].connector) }))] }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('w-full text-center', statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('w-full text-center', statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconLeft = ({ status = 'incomplete', connector = true, size = 'sm', title, description, ...otherProps }) => {
+    return (jsxs("div", { className: cx('group flex h-max flex-row items-start justify-start gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsx(IconOnly, { ...otherProps, size: size, status: status }), connector && jsx("span", { className: cx('flex-1 rounded-xs border-l-2', statuses[status].connector, size === 'sm' ? 'my-1' : 'my-1.5') })] }), jsxs("div", { className: cx('flex flex-col items-start', size === 'sm' ? 'pt-0.5 not-group-last:pb-6' : 'pt-1 not-group-last:pb-8'), children: [jsx("p", { className: cx(statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx(statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconTopNumber = ({ status = 'incomplete', connector = true, size = 'sm', title, description, step, }) => {
+    const statuses = {
+        incomplete: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-quaternary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        current: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-secondary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        complete: {
+            icon: 'bg-success-solid text-fg-white',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+    };
+    return (jsxs("div", { className: cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "relative flex w-full flex-col items-center self-stretch", children: [jsx("span", { className: cx('z-10 flex items-center justify-center rounded-full', statuses[status].icon, status === 'incomplete' && 'opacity-60', size === 'sm' ? 'size-6' : 'size-8'), children: status === 'complete' ? (
+                        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                        jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (jsx("span", { className: cx('font-semibold', size === 'sm' ? 'text-xs' : 'text-sm'), children: step })) }), connector && (
+                    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                    jsx("svg", { className: "absolute top-1/2 left-[53%] z-0 h-[2.5px] w-full flex-1 -translate-y-1/2 max-md:hidden", children: jsx("line", { x1: "1.2", y1: "1.2", x2: "100%", y2: "1.2", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }))] }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('w-full text-center', statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('w-full text-center', statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconLeftNumber = ({ status = 'incomplete', connector = true, size = 'sm', title, description, step, }) => {
+    const statuses = {
+        incomplete: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-quaternary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        current: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-secondary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        complete: {
+            icon: 'bg-success-solid text-fg-white',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+    };
+    return (jsxs("div", { className: cx('group flex h-max flex-row items-start justify-start gap-4', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsx("span", { className: cx('z-10 flex shrink-0 items-center justify-center rounded-full', statuses[status].icon, status === 'incomplete' && 'opacity-60', size === 'sm' ? 'size-6' : 'size-8'), children: status === 'complete' ? (
+                        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                        jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (jsx("span", { className: cx('font-semibold', size === 'sm' ? 'text-xs' : 'text-sm'), children: step })) }), connector && (jsx("div", { className: cx('relative flex h-full w-full justify-center self-center overflow-hidden', status === 'current' && 'opacity-60', size === 'sm' ? 'my-1' : 'my-1.5'), children: jsx("svg", { className: "absolute", width: "3", children: jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxs("div", { className: cx('flex flex-col items-start', size === 'sm' ? 'pt-0.5 not-group-last:pb-6' : 'pt-1 not-group-last:pb-8'), children: [jsx("p", { className: cx(statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx(statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const FeaturedIconTop = ({ status = 'incomplete', connector = true, size = 'sm', icon: Icon, title, description, }) => {
+    return (jsxs("div", { className: cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: cx('relative flex w-full flex-col items-center self-stretch'), children: [jsx(FeaturedIcon, { icon: Icon, color: "gray", theme: "modern", size: size === 'sm' ? 'md' : 'lg', className: cx('z-10', status === 'incomplete' && 'text-fg-quaternary') }), connector && (jsx("span", { className: cx('absolute top-1/2 left-[53%] z-0 w-full flex-1 -translate-y-1/2 rounded-xs border-t-2 border-secondary', status === 'complete' && 'border-fg-secondary') }))] }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('w-full text-center text-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('w-full text-center text-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const FeaturedIconLeft = ({ status = 'incomplete', connector = true, size = 'sm', icon: Icon, title, description, }) => {
+    return (jsxs("div", { className: cx('group flex flex-row gap-4', status !== 'current' && 'opacity-60', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsx(FeaturedIcon, { size: size === 'sm' ? 'md' : 'lg', color: "gray", theme: "modern", children: Icon && jsx(Icon, {}) }), connector && jsx("span", { className: cx(status === 'current' && 'opacity-60', 'my-1 flex-1 rounded-xs border-l-2 border-secondary') })] }), jsxs("div", { className: "flex flex-col items-start not-group-last:pb-8", children: [jsx("p", { className: cx('text-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('text-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const TextLine = ({ status = 'incomplete', size = 'sm', title, description }) => {
+    return (jsxs("div", { className: cx('relative flex w-full flex-col items-center justify-center pt-2', size === 'sm' && 'pt-3', size === 'md' && 'pt-4'), children: [jsx("div", { className: cx('absolute inset-x-0 top-0 h-1 bg-fg-brand-primary_alt', status === 'incomplete' && 'bg-quaternary') }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('text-secondary', status === 'current' && 'text-brand-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('text-tertiary', status === 'current' && 'text-brand-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+
+export { FeaturedIconLeft, FeaturedIconTop, IconLeft, IconLeftNumber, IconOnly, IconTop, IconTopNumber, TextLine, statuses };
+//# sourceMappingURL=progress-step-base.js.map

package/dist/components/molecules/ProgressSteps/components/progress-step-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-step-base.js","sources":["../../../../../src/components/molecules/ProgressSteps/components/progress-step-base.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAMO,MAAM,QAAQ,GAAG;AACtB,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAE,iDAAiD;AACvD,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,SAAS,EAAE,kBAAkB;AAC7B,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,4EAA4E;AAClF,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,SAAS,EAAE,kBAAkB;AAC7B,QAAA,KAAK,EAAE,sBAAsB;AAC7B,QAAA,WAAW,EAAE,qBAAqB;AACnC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,GAAG,EAAE,QAAQ;AACb,QAAA,SAAS,EAAE,cAAc;AACzB,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;AAGI,MAAM,QAAQ,GAAG,CAA0B,EAAE,MAAM,GAAG,YAAY,EAAE,IAAI,GAAG,IAAI,EAA6C,KAAI;IACrI,QACEA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAAA,CACnIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,CAAC,EAAA,CAAI,EAGnG,MAAM,KAAK,UAAU;;YAEpBA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAC5GA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAA,CAAG,EAAA,CACtG,CACP,CAAA,EAAA,CACI;AAEX;AAEO,MAAM,OAAO,GAAG,CAA0B,EAC/C,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,GAAG,UAAU,EACI,KAAI;AACrB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACpGA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,CACtEC,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EACvD,SAAS,KACRA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,sFAAsF,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,EAAA,CAAI,CAC5I,CAAA,EAAA,CACG,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACnGC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EAC9IA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CAC1H,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,QAAQ,GAAG,CAA0B,EAChD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,GAAG,UAAU,EACI,KAAI;AACrB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2DAA2D,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACvGA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EAAA,CACtDC,GAAA,CAAC,QAAQ,OAAK,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EACvD,SAAS,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC,EAAA,CAAI,IAChI,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,IAAI,KAAK,IAAI,GAAG,4BAA4B,GAAG,0BAA0B,CAAC,EAAA,QAAA,EAAA,CACxHC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACxHA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACpG,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,aAAa,GAAG,CAA0B,EACrD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,IAAI,GACgC,KAAI;AACxC,IAAA,MAAM,QAAQ,GAAG;AACf,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,6DAA6D;AACnE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,4DAA4D;AAClE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,gCAAgC;AACtC,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;KACF;IAED,QACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACpGA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yDAAyD,EAAA,QAAA,EAAA,CACtEC,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EACrB,MAAM,KAAK,YAAY,IAAI,YAAY,EACvC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CACpC,EAAA,QAAA,EAEA,MAAM,KAAK,UAAU;;AAEpB,wBAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAC5GA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAA,CAAG,EAAA,CACtG,KAENA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YAAG,IAAI,EAAA,CAAQ,CAC3F,EAAA,CACI,EAEN,SAAS;;AAER,oBAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EAAA,QAAA,EACrGA,GAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,EACjB,eAAe,EAAC,KAAK,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,EAAA,CACE,CACP,CAAA,EAAA,CACG,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,MAAM,KAAK,YAAY,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAC5IC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,GAAK,EAC9IA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CAC1H,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,cAAc,GAAG,CAA0B,EACtD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,WAAW,EACX,IAAI,GACgC,KAAI;AACxC,IAAA,MAAM,QAAQ,GAAG;AACf,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,6DAA6D;AACnE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,4DAA4D;AAClE,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,gCAAgC;AACtC,YAAA,KAAK,EAAE,gBAAgB;AACvB,YAAA,WAAW,EAAE,eAAe;AAC7B,SAAA;KACF;AAED,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,2DAA2D,EAAE,MAAM,KAAK,YAAY,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAE7IA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EAAA,CACtDC,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EACrB,MAAM,KAAK,YAAY,IAAI,YAAY,EACvC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CACpC,EAAA,QAAA,EAEA,MAAM,KAAK,UAAU;;wBAEpBA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,CAAC,EAAA,QAAA,EAC5GA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAA,CAAG,EAAA,CACtG,KAENA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,CAC3F,EAAA,CACI,EAEN,SAAS,KACRA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,MAAM,KAAK,SAAS,IAAI,YAAY,EACpC,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,CAClC,EAAA,QAAA,EAGDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAA,QAAA,EACjCA,GAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,KAAK,EACjB,eAAe,EAAC,KAAK,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,EAAA,CACE,EAAA,CACF,CACP,CAAA,EAAA,CACG,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,IAAI,KAAK,IAAI,GAAG,4BAA4B,GAAG,0BAA0B,CAAC,EAAA,QAAA,EAAA,CACxHC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACxHA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACpG,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,eAAe,GAAG,CAA0B,EACvD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,GACM,KAAI;AACrB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,aACpGA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,yDAAyD,CAAC,EAAA,QAAA,EAAA,CAC3EC,GAAA,CAAC,YAAY,EAAA,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EACjC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,IAAI,oBAAoB,CAAC,GACtE,EAED,SAAS,KACRA,cACE,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,MAAM,KAAK,UAAU,IAAI,qBAAqB,CAC/C,EAAA,CACD,CACH,CAAA,EAAA,CACG,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,MAAM,KAAK,YAAY,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAC5IC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACrIA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CAC1G,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,gBAAgB,GAAG,CAA0B,EACxD,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,GACM,KAAI;AACrB,IAAA,QACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,MAAM,KAAK,SAAS,IAAI,YAAY,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CAC7GA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EAAA,CACtDC,GAAA,CAAC,YAAY,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EACzE,IAAI,IAAIA,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EAAA,CACJ,EAEd,SAAS,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,MAAM,KAAK,SAAS,IAAI,YAAY,EAAE,oDAAoD,CAAC,EAAA,CAAI,CAAA,EAAA,CAC7H,EACND,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+CAA+C,EAAA,QAAA,EAAA,CAC5DC,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EAClHA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACvF,CAAA,EAAA,CACF;AAEV;AAEO,MAAM,QAAQ,GAAG,CAA0B,EAAE,MAAM,GAAG,YAAY,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,WAAW,EAAoB,KAAI;IAChI,QACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,IAAI,KAAK,IAAI,IAAI,MAAM,EAAE,IAAI,KAAK,IAAI,IAAI,MAAM,CAAC,EAAA,QAAA,EAAA,CACpIC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,MAAM,KAAK,YAAY,IAAI,eAAe,CAAC,EAAA,CAAI,EAE1HD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,EAAA,QAAA,EAAA,CACnGC,GAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,MAAM,KAAK,SAAS,IAAI,sBAAsB,EAC9C,IAAI,KAAK,IAAI,GAAG,uBAAuB,GAAG,uBAAuB,CAClE,EAAA,QAAA,EAEA,KAAK,EAAA,CACJ,EACJA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,SAAS,IAAI,qBAAqB,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,WAAW,EAAA,CAAK,CAAA,EAAA,CACtI,CAAA,EAAA,CACF;AAEV;;;;"}

package/dist/components/molecules/ProgressSteps/index.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var progressStepBase = require('./components/progress-step-base.cjs');
+
+const progressIcons = {
+    horizontal: {
+        icon: progressStepBase.IconTop,
+        number: progressStepBase.IconTopNumber,
+        'featured-icon': progressStepBase.FeaturedIconTop,
+    },
+    vertical: {
+        icon: progressStepBase.IconLeft,
+        number: progressStepBase.IconLeftNumber,
+        'featured-icon': progressStepBase.FeaturedIconLeft,
+    },
+};
+const IconsWithText = (props) => {
+    const { type = 'icon', orientation = 'vertical', size = 'sm', connector = true, items, className } = props;
+    const length = items.length;
+    // Single step component based on the type.
+    const StepBase = progressIcons[orientation][type];
+    return (jsxRuntime.jsx("div", { style: {
+            gridTemplateColumns: `repeat(${length}, minmax(0, 1fr))`,
+        }, className: cx.cx('grid items-start justify-start', orientation === 'horizontal' && 'w-full gap-4', orientation === 'vertical' && 'grid-cols-1!', className), children: items.map((item, index) => (jsxRuntime.jsx(StepBase
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+        , { ...item, size: size, connector: !connector ? false : item.connector || index !== length - 1, type: type, step: index + 1 }, index))) }));
+};
+const MinimalIcons = ({ items, text = false, size = 'sm', className }) => {
+    const gaps = {
+        sm: 'gap-3',
+        md: 'gap-4',
+        lg: 'gap-5',
+    };
+    const completed = items.filter((item) => item.status === 'complete').length;
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex w-full flex-row items-center justify-center', gaps[size], className), children: [text && (jsxRuntime.jsxs("p", { className: "text-sm font-medium text-secondary", children: ["Step ", completed, " of ", items.length] })), items.map((item, index) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+            jsxRuntime.jsx(progressStepBase.IconOnly, { ...item, size: size }, index)))] }));
+};
+const MinimalIconsConnected = ({ items, size = 'sm', orientation = 'horizontal', className }) => {
+    return (jsxRuntime.jsx("div", { className: cx.cx('flex w-full items-center justify-center', className), children: items.map((item, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+        jsxRuntime.jsxs("div", { className: "flex items-center justify-center", children: [jsxRuntime.jsx(progressStepBase.IconOnly, { ...item, size: size }), jsxRuntime.jsx("span", { className: cx.cx('w-20 flex-1 border-t-2', progressStepBase.statuses[item.status].connector, orientation === 'vertical' && 'w-12', index === items.length - 1 && 'hidden') })] }, index))) }));
+};
+const TextWithLine = ({ items, orientation = 'horizontal', size = 'sm', className }) => {
+    return (jsxRuntime.jsx("div", { style: {
+            gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))`,
+        }, className: cx.cx('grid w-full items-start justify-start', orientation === 'horizontal' ? 'gap-4' : 'gap-5', orientation === 'vertical' && 'grid-cols-1!', className), children: items.map((item, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+        jsxRuntime.jsx(progressStepBase.TextLine, { ...item, size: size }, index))) }));
+};
+const Progress = {
+    IconsWithText,
+    MinimalIcons,
+    MinimalIconsConnected,
+    TextWithLine,
+};
+
+exports.Progress = Progress;
+//# sourceMappingURL=index.cjs.map

package/dist/components/molecules/ProgressSteps/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/ProgressSteps/index.tsx"],"sourcesContent":[null],"names":["IconTop","IconTopNumber","FeaturedIconTop","IconLeft","IconLeftNumber","FeaturedIconLeft","_jsx","cx","_jsxs","IconOnly","statuses","TextLine"],"mappings":";;;;;;AAgBA,MAAM,aAAa,GAAG;AACpB,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAEA,wBAAO;AACb,QAAA,MAAM,EAAEC,8BAAa;AACrB,QAAA,eAAe,EAAEC,gCAAe;AACjC,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAEC,yBAAQ;AACd,QAAA,MAAM,EAAEC,+BAAc;AACtB,QAAA,eAAe,EAAEC,iCAAgB;AAClC,KAAA;CACF;AAED,MAAM,aAAa,GAAG,CAA0B,KAAoC,KAAI;IACtF,MAAM,EAAE,IAAI,GAAG,MAAM,EAAE,WAAW,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK;AAC1G,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;;IAE3B,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC;IAEjD,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;YACL,mBAAmB,EAAE,CAAA,OAAA,EAAU,MAAM,CAAA,iBAAA,CAAmB;AACzD,SAAA,EACD,SAAS,EAAEC,KAAE,CACX,gCAAgC,EAChC,WAAW,KAAK,YAAY,IAAI,cAAc,EAC9C,WAAW,KAAK,UAAU,IAAI,cAAc,EAC5C,SAAS,CACV,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBD,eAAC;;AAGM,UAAA,EAAA,GAAA,IAAY,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAC,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,MAAM,GAAG,CAAC,EACtE,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,GAAG,CAAC,IALV,KAAK,CAMV,CACH,CAAC,EAAA,CACE;AAEV,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAA6B,KAAI;AAClG,IAAA,MAAM,IAAI,GAAG;AACX,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,OAAO;KACZ;AAED,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,MAAM;AAE3E,IAAA,QACEE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,KAAE,CAAC,kDAAkD,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aAC1F,IAAI,KACHC,eAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,oCAAoC,sBACzC,SAAS,EAAA,MAAA,EAAM,KAAK,CAAC,MAAM,IAC/B,CACL,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK;;AAErB,YAAAF,cAAA,CAACG,yBAAQ,EAAA,EAAA,GAAiB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,EAA3B,KAAK,CAA0B,CAC/C,CAAC,CAAA,EAAA,CACE;AAEV,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAe,KAAI;IAC3G,QACEH,wBAAK,SAAS,EAAEC,KAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,YACrE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK;;QAErBC,eAAA,CAAA,KAAA,EAAA,EAAiB,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAC3DF,cAAA,CAACG,yBAAQ,EAAA,EAAA,GAAK,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,EAClCH,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,wBAAwB,EACxBG,yBAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,EAC/B,WAAW,KAAK,UAAU,IAAI,MAAM,EACpC,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CACvC,EAAA,CACD,CAAA,EAAA,EATM,KAAK,CAUT,CACP,CAAC,EAAA,CACE;AAEV,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,GAAG,YAAY,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAe,KAAI;IAClG,QACEJ,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,YAAA,mBAAmB,EAAE,CAAA,OAAA,EAAU,KAAK,CAAC,MAAM,CAAA,iBAAA,CAAmB;AAC/D,SAAA,EACD,SAAS,EAAEC,KAAE,CACX,uCAAuC,EACvC,WAAW,KAAK,YAAY,GAAG,OAAO,GAAG,OAAO,EAChD,WAAW,KAAK,UAAU,IAAI,cAAc,EAC5C,SAAS,CACV,EAAA,QAAA,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK;;AAErB,QAAAD,cAAA,CAACK,yBAAQ,EAAA,EAAA,GAAiB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,EAA3B,KAAK,CAA0B,CAC/C,CAAC,EAAA,CACE;AAEV,CAAC;AAEM,MAAM,QAAQ,GAAG;IACtB,aAAa;IACb,YAAY;IACZ,qBAAqB;IACrB,YAAY;;;;;"}

package/dist/components/molecules/ProgressSteps/index.d.ts

@@ -0,0 +1,8 @@
+import type { CommonProps, ComponentType, ProgressIconsCenteredProps, ProgressMinimalIconsProps } from './progressSteps.types';
+export declare const Progress: {
+    IconsWithText: <T extends ComponentType>(props: ProgressIconsCenteredProps<T>) => import("react").JSX.Element;
+    MinimalIcons: ({ items, text, size, className }: ProgressMinimalIconsProps) => import("react").JSX.Element;
+    MinimalIconsConnected: ({ items, size, orientation, className }: CommonProps) => import("react").JSX.Element;
+    TextWithLine: ({ items, orientation, size, className }: CommonProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/ProgressSteps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ProgressSteps/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAkH/H,eAAO,MAAM,QAAQ;oBAnGE,CAAC,SAAS,aAAa,SAAS,0BAA0B,CAAC,CAAC,CAAC;qDAiCb,yBAAyB;qEAwBF,WAAW;4DAqBpB,WAAW;CA0B/F,CAAC"}

package/dist/components/molecules/ProgressSteps/index.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { TextLine, IconOnly, statuses, FeaturedIconLeft, IconLeftNumber, IconLeft, FeaturedIconTop, IconTopNumber, IconTop } from './components/progress-step-base.js';
+
+const progressIcons = {
+    horizontal: {
+        icon: IconTop,
+        number: IconTopNumber,
+        'featured-icon': FeaturedIconTop,
+    },
+    vertical: {
+        icon: IconLeft,
+        number: IconLeftNumber,
+        'featured-icon': FeaturedIconLeft,
+    },
+};
+const IconsWithText = (props) => {
+    const { type = 'icon', orientation = 'vertical', size = 'sm', connector = true, items, className } = props;
+    const length = items.length;
+    // Single step component based on the type.
+    const StepBase = progressIcons[orientation][type];
+    return (jsx("div", { style: {
+            gridTemplateColumns: `repeat(${length}, minmax(0, 1fr))`,
+        }, className: cx('grid items-start justify-start', orientation === 'horizontal' && 'w-full gap-4', orientation === 'vertical' && 'grid-cols-1!', className), children: items.map((item, index) => (jsx(StepBase
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+        , { ...item, size: size, connector: !connector ? false : item.connector || index !== length - 1, type: type, step: index + 1 }, index))) }));
+};
+const MinimalIcons = ({ items, text = false, size = 'sm', className }) => {
+    const gaps = {
+        sm: 'gap-3',
+        md: 'gap-4',
+        lg: 'gap-5',
+    };
+    const completed = items.filter((item) => item.status === 'complete').length;
+    return (jsxs("div", { className: cx('flex w-full flex-row items-center justify-center', gaps[size], className), children: [text && (jsxs("p", { className: "text-sm font-medium text-secondary", children: ["Step ", completed, " of ", items.length] })), items.map((item, index) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+            jsx(IconOnly, { ...item, size: size }, index)))] }));
+};
+const MinimalIconsConnected = ({ items, size = 'sm', orientation = 'horizontal', className }) => {
+    return (jsx("div", { className: cx('flex w-full items-center justify-center', className), children: items.map((item, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+        jsxs("div", { className: "flex items-center justify-center", children: [jsx(IconOnly, { ...item, size: size }), jsx("span", { className: cx('w-20 flex-1 border-t-2', statuses[item.status].connector, orientation === 'vertical' && 'w-12', index === items.length - 1 && 'hidden') })] }, index))) }));
+};
+const TextWithLine = ({ items, orientation = 'horizontal', size = 'sm', className }) => {
+    return (jsx("div", { style: {
+            gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))`,
+        }, className: cx('grid w-full items-start justify-start', orientation === 'horizontal' ? 'gap-4' : 'gap-5', orientation === 'vertical' && 'grid-cols-1!', className), children: items.map((item, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
+        jsx(TextLine, { ...item, size: size }, index))) }));
+};
+const Progress = {
+    IconsWithText,
+    MinimalIcons,
+    MinimalIconsConnected,
+    TextWithLine,
+};
+
+export { Progress };
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/ProgressSteps/index.js.map

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

package/dist/components/molecules/ProgressSteps/progressSteps.types.d.ts

@@ -0,0 +1,38 @@
+import type { FC, RefAttributes, SVGProps } from 'react';
+export type Step = {
+    title: string;
+    description: string;
+    connector?: boolean;
+    status: 'incomplete' | 'current' | 'complete';
+};
+export type ComponentType = 'icon' | 'number' | 'featured-icon';
+export type IconType = FC<SVGProps<SVGSVGElement> & RefAttributes<SVGSVGElement>> & {
+    color?: string;
+    size?: number;
+};
+export type ItemsType<T extends ComponentType> = T extends 'featured-icon' ? Step & {
+    icon: IconType;
+} : Step & {
+    icon?: IconType;
+};
+export type ProgressIconType = ItemsType<'icon'>;
+export type ProgressFeaturedIconType = ItemsType<'featured-icon'>;
+export interface CommonProps {
+    items: ProgressIconType[];
+    size?: 'sm' | 'md';
+    orientation?: 'vertical' | 'horizontal';
+    className?: string;
+}
+export type StepBaseProps<T extends ComponentType> = {
+    size?: 'sm' | 'md';
+    type?: T;
+} & ItemsType<T>;
+export interface ProgressIconsCenteredProps<T extends ComponentType> extends Omit<CommonProps, 'items'> {
+    type?: T;
+    connector?: boolean;
+    items: ItemsType<T>[];
+}
+export interface ProgressMinimalIconsProps extends CommonProps {
+    text?: boolean;
+}
+//# sourceMappingURL=progressSteps.types.d.ts.map

package/dist/components/molecules/ProgressSteps/progressSteps.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressSteps.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ProgressSteps/progressSteps.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAC;AAEhE,MAAM,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC,GAAG;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,aAAa,IAAI,CAAC,SAAS,eAAe,GAAG,IAAI,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG,IAAI,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAEpI,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACjD,MAAM,MAAM,wBAAwB,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,aAAa,IAAI;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAEjB,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,aAAa,CAAE,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACrG,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}

package/dist/components/molecules/SectionFooter/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const SectionFooterRoot = ({ isCard, ...props }) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex items-center border-t border-secondary', isCard ? 'gap-4 px-4 py-3 md:py-4 lg:px-6' : 'gap-5 pt-4 md:pt-5', props.className), children: props.children }));
+const SectionFooterActions = (props) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex flex-1 justify-end gap-3', props.className), children: props.children }));
+const SectionFooter = {
+    Root: SectionFooterRoot,
+    Actions: SectionFooterActions,
+};
+
+exports.SectionFooter = SectionFooter;
+//# sourceMappingURL=index.cjs.map

package/dist/components/molecules/SectionFooter/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuD,MAClGA,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAEC,KAAE,CAAC,6CAA6C,EAAE,MAAM,GAAG,iCAAiC,GAAG,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAE/I,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAC5E,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,OAAO,EAAE,oBAAoB;;;;;"}

package/dist/components/molecules/SectionFooter/index.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare const SectionFooter: {
+    Root: ({ isCard, ...props }: ComponentPropsWithRef<"div"> & {
+        isCard?: boolean;
+    }) => import("react").JSX.Element;
+    Actions: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/SectionFooter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAiBnD,eAAO,MAAM,aAAa;iCAfuB,qBAAqB,CAAC,KAAK,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE;qBAS/D,qBAAqB,CAAC,KAAK,CAAC;CAShE,CAAC"}

package/dist/components/molecules/SectionFooter/index.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const SectionFooterRoot = ({ isCard, ...props }) => (jsx("div", { ...props, className: cx('flex items-center border-t border-secondary', isCard ? 'gap-4 px-4 py-3 md:py-4 lg:px-6' : 'gap-5 pt-4 md:pt-5', props.className), children: props.children }));
+const SectionFooterActions = (props) => (jsx("div", { ...props, className: cx('flex flex-1 justify-end gap-3', props.className), children: props.children }));
+const SectionFooter = {
+    Root: SectionFooterRoot,
+    Actions: SectionFooterActions,
+};
+
+export { SectionFooter };
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/SectionFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SectionFooter/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAuD,MAClGA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,MAAM,GAAG,iCAAiC,GAAG,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAE/I,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAC5E,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,OAAO,EAAE,oBAAoB;;;;;"}

package/dist/components/molecules/Select/components/multi-select.d.ts

@@ -0,0 +1,87 @@
+import { SelectItem } from '@flipdish/ui-library/components/molecules/Select/components/select-item';
+import { type CommonProps, type SelectItemType } from '@flipdish/ui-library/components/molecules/Select/components/select-shared';
+import type { ReactNode, RefAttributes } from 'react';
+import type { Selection } from 'react-aria-components';
+interface MultiSelectFooterProps {
+    /**
+     * The size of the footer buttons.
+     * @default "sm"
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Handler that is called when the reset button is clicked. */
+    onReset?: () => void;
+    /** Handler that is called when the select all button is clicked. */
+    onSelectAll?: () => void;
+    /** Additional class name. */
+    className?: string;
+}
+declare const MultiSelectFooter: ({ size, onReset, onSelectAll, className }: MultiSelectFooterProps) => import("react").JSX.Element;
+interface MultiSelectEmptyStateProps {
+    /**
+     * The title to display.
+     * @default "No results found"
+     */
+    title?: string;
+    /**
+     * The description to display.
+     * @default "Please try a different search term."
+     */
+    description?: string;
+    /** Handler that is called when the clear search button is clicked. */
+    onClearSearch?: () => void;
+    /** Additional class name. */
+    className?: string;
+}
+declare const MultiSelectEmptyState: ({ title, description, onClearSearch, className, }: MultiSelectEmptyStateProps) => import("react").JSX.Element;
+interface MultiSelectProps extends RefAttributes<HTMLDivElement>, CommonProps {
+    /** The items to display in the listbox. */
+    items?: SelectItemType[];
+    /** The children to render for each item. */
+    children: ReactNode | ((item: SelectItemType) => ReactNode);
+    /** The currently selected keys (controlled). */
+    selectedKeys?: Selection;
+    /** The initial selected keys (uncontrolled). */
+    defaultSelectedKeys?: Selection;
+    /** Handler that is called when the selection changes. */
+    onSelectionChange?: (keys: Selection) => void;
+    /** Whether the select is disabled. */
+    isDisabled?: boolean;
+    /** Whether the select is required. */
+    isRequired?: boolean;
+    /** Whether the select is in an invalid state. */
+    isInvalid?: boolean;
+    /** Additional class name for the popover. */
+    popoverClassName?: string;
+    /** Additional class name for the root element. */
+    className?: string;
+    /** Handler that is called when the reset button is clicked. */
+    onReset?: () => void;
+    /** Handler that is called when the select all button is clicked. */
+    onSelectAll?: () => void;
+    /**
+     * Whether to show the footer with reset and select all buttons.
+     * @default true
+     */
+    showFooter?: boolean;
+    /**
+     * Whether to show the search input in the popover.
+     * @default true
+     */
+    showSearch?: boolean;
+    /** The title to display when no items match the search. */
+    emptyStateTitle?: string;
+    /** The description to display when no items match the search. */
+    emptyStateDescription?: string;
+    /** Custom formatter for the selected count text in the trigger. */
+    selectedCountFormatter?: (count: number) => ReactNode;
+    /** Supporting text displayed next to the selected count in the trigger. */
+    supportingText?: ReactNode;
+}
+declare const MultiSelectRoot: ({ items, children, size, selectedKeys, defaultSelectedKeys, onSelectionChange, isDisabled, isRequired, isInvalid, placeholder, label, hint, tooltip, hideRequiredIndicator, popoverClassName, className, onReset, onSelectAll, showFooter, showSearch, emptyStateTitle, emptyStateDescription, selectedCountFormatter, supportingText, }: MultiSelectProps) => import("react").JSX.Element;
+declare const MultiSelect: typeof MultiSelectRoot & {
+    Item: typeof SelectItem;
+    Footer: typeof MultiSelectFooter;
+    EmptyState: typeof MultiSelectEmptyState;
+};
+export { MultiSelect };
+//# sourceMappingURL=multi-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Select/components/multi-select.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,yEAAyE,CAAC;AACrG,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAEpB,MAAM,2EAA2E,CAAC;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AA+BvD,UAAU,sBAAsB;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,2CAAkD,sBAAsB,gCAalG,CAAC;AAEF,UAAU,0BAA0B;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB,GAAI,mDAK5B,0BAA0B,gCAe5B,CAAC;AAEF,UAAU,gBAAiB,SAAQ,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW;IAC3E,2CAA2C;IAC3C,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC5D,gDAAgD;IAChD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mEAAmE;IACnE,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACtD,2EAA2E;IAC3E,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,0UAyBtB,gBAAgB,gCAmIlB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAsB,OAAO,eAAe,GAAG;IAC9D,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,MAAM,EAAE,OAAO,iBAAiB,CAAC;IACjC,UAAU,EAAE,OAAO,qBAAqB,CAAC;CAC1C,CAAC;AAMF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/molecules/Tabs/index.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Badge = require('@flipdish/ui-library/components/atoms/Badge');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+
+// Styles for different types of tab
+const getTabStyles = ({ isFocusVisible, isSelected, isHovered }) => ({
+    'button-brand': cx.cx('outline-focus-ring *:data-icon:text-fg-quaternary', isFocusVisible && 'outline-2 -outline-offset-2', (isSelected || isHovered) && 'bg-brand-primary_alt text-brand-secondary *:data-icon:text-fg-brand-secondary_hover'),
+    'button-gray': cx.cx('outline-focus-ring *:data-icon:text-fg-quaternary', isHovered && 'bg-primary_hover text-secondary *:data-icon:text-fg-secondary_hover', isFocusVisible && 'outline-2 -outline-offset-2', isSelected && 'bg-primary_hover text-secondary *:data-icon:text-fg-secondary_hover'),
+    'button-border': cx.cx('outline-focus-ring *:data-icon:text-fg-quaternary', isFocusVisible && 'outline-2 -outline-offset-2', (isSelected || isHovered) && 'bg-primary_alt text-secondary shadow-sm *:data-icon:text-fg-secondary_hover'),
+    'button-minimal': cx.cx('rounded-lg outline-focus-ring *:data-icon:text-fg-quaternary', isFocusVisible && 'outline-2 -outline-offset-2', (isSelected || isHovered) && 'bg-primary_alt text-secondary shadow-xs ring-1 ring-primary ring-inset *:data-icon:text-fg-secondary_hover'),
+    underline: cx.cx('rounded-none border-b-2 border-transparent outline-focus-ring *:data-icon:text-fg-quaternary', isFocusVisible && 'outline-2 -outline-offset-2', (isSelected || isHovered) && 'border-fg-brand-primary_alt text-brand-secondary *:data-icon:text-fg-brand-secondary_hover'),
+    line: cx.cx('rounded-none border-l-2 border-transparent outline-focus-ring *:data-icon:text-fg-quaternary', isFocusVisible && 'outline-2 -outline-offset-2', (isSelected || isHovered) && 'border-fg-brand-primary_alt text-brand-secondary *:data-icon:text-fg-brand-secondary_hover'),
+});
+const sizes = {
+    sm: {
+        base: 'text-sm font-semibold gap-1 *:data-icon:size-4',
+        'button-brand': 'py-2 px-2.5',
+        'button-gray': 'py-2 px-2.5',
+        'button-border': 'py-2 px-2.5',
+        'button-minimal': 'py-2 px-2.5',
+        underline: 'px-0.5 pb-2.5 pt-0',
+        line: 'pl-2.5 pr-3 py-0.5',
+    },
+    md: {
+        base: 'text-md font-semibold gap-1.5 *:data-icon:size-5',
+        'button-brand': 'py-2.5 px-2.5',
+        'button-gray': 'py-2.5 px-2.5',
+        'button-border': 'py-2.5 px-2.5',
+        'button-minimal': 'py-2.5 px-2.5',
+        underline: 'px-0.5 pb-2.5 pt-0',
+        line: 'pr-3.5 pl-3 py-1',
+    },
+};
+// Styles for different types of horizontal tabs
+const getHorizontalStyles = ({ size, fullWidth }) => ({
+    'button-brand': 'gap-1',
+    'button-gray': 'gap-1',
+    'button-border': cx.cx('gap-1 rounded-[10px] bg-secondary_alt p-1 ring-1 ring-secondary ring-inset', size === 'md' && 'rounded-xl p-1.5'),
+    'button-minimal': 'gap-0.5 rounded-lg bg-secondary_alt ring-1 ring-inset ring-secondary',
+    underline: cx.cx('gap-3', fullWidth && 'w-full gap-4'),
+    line: 'gap-2',
+});
+const TabListContext = React.createContext({
+    size: 'sm',
+    type: 'button-brand',
+});
+const TabList = ({ size = 'sm', type = 'button-brand', orientation: orientationProp, fullWidth, className, children, ...otherProps }) => {
+    const context = reactAriaComponents.useSlottedContext(reactAriaComponents.TabsContext);
+    const orientation = orientationProp ?? context?.orientation ?? 'horizontal';
+    return (jsxRuntime.jsx(TabListContext.Provider, { value: { size, type, orientation, fullWidth }, children: jsxRuntime.jsx(reactAriaComponents.TabList, { ...otherProps, className: (state) => cx.cx('group flex', getHorizontalStyles({
+                size,
+                fullWidth,
+            })[type], orientation === 'vertical' && 'w-max flex-col', 
+            // Only horizontal tabs with underline type have bottom border
+            orientation === 'horizontal' &&
+                type === 'underline' &&
+                'relative before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-border-secondary', typeof className === 'function' ? className(state) : className), children: children ?? (otherProps.items ? (item) => jsxRuntime.jsx(Tab, { ...item, children: item.children }) : undefined) }) }));
+};
+const TabPanel = (props) => {
+    return (jsxRuntime.jsx(reactAriaComponents.TabPanel, { ...props, className: (state) => cx.cx('outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2', typeof props.className === 'function' ? props.className(state) : props.className) }));
+};
+const Tab = ({ label, children, badge, icon: Icon, className, ...otherProps }) => {
+    const { size = 'sm', type = 'button-brand', fullWidth } = React.useContext(TabListContext);
+    const showPillColorBadge = type === 'underline' || type === 'line' || type === 'button-brand';
+    return (jsxRuntime.jsx(reactAriaComponents.Tab, { ...otherProps, className: (prop) => cx.cx('z-10 flex h-max cursor-pointer items-center justify-center gap-2 rounded-md whitespace-nowrap text-quaternary transition duration-100 ease-linear', 'group-orientation-vertical:justify-start', fullWidth && 'w-full flex-1', sizes[size].base, sizes[size][type], getTabStyles(prop)[type], typeof className === 'function' ? className(prop) : className), children: (state) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [React.isValidElement(Icon) && Icon, isReactComponent.isReactComponent(Icon) && jsxRuntime.jsx(Icon, { "data-icon": true, className: "transition-inherit-all" }), jsxRuntime.jsxs("span", { className: cx.cx('flex items-center gap-1.5', type !== 'line' && 'px-0.5'), children: [typeof children === 'function' ? children(state) : children || label, badge && (jsxRuntime.jsx(Badge.Badge, { size: "sm", type: showPillColorBadge ? 'pill-color' : 'modern', color: showPillColorBadge && (state.isHovered || state.isSelected) ? 'brand' : 'gray', className: cx.cx('hidden transition-inherit-all md:flex', size === 'sm' && '-my-px'), children: badge }))] })] })) }));
+};
+const Tabs = ({ className, ...props }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.Tabs, { keyboardActivation: "manual", ...props, className: (state) => cx.cx('flex w-full flex-col', typeof className === 'function' ? className(state) : className) }));
+};
+Tabs.Panel = TabPanel;
+Tabs.List = TabList;
+Tabs.Item = Tab;
+
+exports.Tab = Tab;
+exports.TabList = TabList;
+exports.TabPanel = TabPanel;
+exports.Tabs = Tabs;
+//# sourceMappingURL=index.cjs.map