@flipdish/ui-library 0.2.2 → 0.3.0

package/dist/components/molecules/CreditCard/components/icons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.cjs","sources":["../../../../../src/components/molecules/CreditCard/components/icons.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAIO,MAAM,WAAW,GAAG,CAAC,KAA8B,KAAI;IAC5D;;AAEE,IAAAA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnEC,cAAA,CAAA,GAAA,EAAA,EAAG,QAAQ,EAAC,uBAAuB,EAAA,QAAA,EACjCA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,kbAAkb,EACpb,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,SAAS,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,EAAA,CACA,EACJA,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,cAAA,CAAA,UAAA,EAAA,EAAU,EAAE,EAAC,iBAAiB,EAAA,QAAA,EAC5BA,cAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,EAAA,CACnC,EAAA,CACN,CAAA,EAAA,CACH;AAEV;AAEO,MAAM,mBAAmB,GAAG,CAAC,KAA8B,KAAI;IACpE;;AAEE,IAAAD,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnEC,cAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,KAAK,EACb,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qYAAqY,EACvY,IAAI,EAAC,OAAO,EAAA,CACZ,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,KAAK,EACb,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oTAAoT,EACtT,IAAI,EAAC,OAAO,EAAA,CACZ,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,EAAA,CACZ,CAAA,EAAA,CACE;AAEV;AAEO,MAAM,cAAc,GAAG,CAAC,KAA8B,KAAI;IAC/D;;AAEE,IAAAD,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnEC,cAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qXAAqX,EACvX,IAAI,EAAC,SAAS,EAAA,CACd,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4SAA4S,EAC9S,IAAI,EAAC,SAAS,GACd,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,EAAA,CACd,CAAA,EAAA,CACE;AAEV;;;;;;"}

package/dist/components/molecules/CreditCard/components/icons.d.ts

@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+export declare const PaypassIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const MastercardIconWhite: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const MastercardIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/molecules/CreditCard/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/CreditCard/components/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAmBzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCA0BjE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAwB5D,CAAC"}

package/dist/components/molecules/CreditCard/components/icons.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const PaypassIcon = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxs("svg", { width: "20", height: "24", viewBox: "0 0 20 24", fill: "none", ...props, children: [jsx("g", { clipPath: "url(#clip0_1307_7682)", children: jsx("path", { d: "M15.1429 1.28571C17.0236 4.54326 18.0138 8.23849 18.0138 12C18.0138 15.7615 17.0236 19.4567 15.1429 22.7143M10.4286 3.64285C11.8956 6.18374 12.6679 9.06602 12.6679 12C12.6679 14.934 11.8956 17.8162 10.4286 20.3571M5.92859 5.80713C6.98933 7.66394 7.54777 9.77022 7.54777 11.9143C7.54777 14.0583 6.98933 16.1646 5.92859 18.0214M1.42859 8.14285C2.19306 9.29983 2.59834 10.6362 2.59834 12C2.59834 13.3638 2.19306 14.7002 1.42859 15.8571", stroke: "currentColor", strokeWidth: "2.57143", strokeLinecap: "round" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_1307_7682", children: jsx("rect", { width: "20", height: "24", fill: "white" }) }) })] }));
+};
+const MastercardIconWhite = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxs("svg", { width: "30", height: "19", viewBox: "0 0 30 19", fill: "none", ...props, children: [jsx("path", { opacity: "0.5", fillRule: "evenodd", clipRule: "evenodd", d: "M14.9053 16.4392C13.3266 17.7699 11.2787 18.5733 9.04092 18.5733C4.04776 18.5733 0 14.5737 0 9.63994C0 4.70619 4.04776 0.706604 9.04092 0.706604C11.2787 0.706604 13.3266 1.50993 14.9053 2.84066C16.484 1.50993 18.5319 0.706604 20.7697 0.706604C25.7629 0.706604 29.8106 4.70619 29.8106 9.63994C29.8106 14.5737 25.7629 18.5733 20.7697 18.5733C18.5319 18.5733 16.484 17.7699 14.9053 16.4392Z", fill: "white" }), jsx("path", { opacity: "0.5", fillRule: "evenodd", clipRule: "evenodd", d: "M14.9053 16.4392C16.8492 14.8007 18.0818 12.3625 18.0818 9.63994C18.0818 6.91733 16.8492 4.47919 14.9053 2.84066C16.484 1.50993 18.5319 0.706604 20.7697 0.706604C25.7628 0.706604 29.8106 4.70619 29.8106 9.63994C29.8106 14.5737 25.7628 18.5733 20.7697 18.5733C18.5319 18.5733 16.484 17.7699 14.9053 16.4392Z", fill: "white" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9053 16.4392C16.8492 14.8007 18.0818 12.3625 18.0818 9.63995C18.0818 6.91736 16.8492 4.47924 14.9053 2.8407C12.9614 4.47924 11.7288 6.91736 11.7288 9.63995C11.7288 12.3625 12.9614 14.8007 14.9053 16.4392Z", fill: "white" })] }));
+};
+const MastercardIcon = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxs("svg", { width: "30", height: "19", viewBox: "0 0 30 19", fill: "none", ...props, children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9053 16.4393C13.3266 17.77 11.2787 18.5733 9.04092 18.5733C4.04776 18.5733 0 14.5737 0 9.64C0 4.70625 4.04776 0.706665 9.04092 0.706665C11.2787 0.706665 13.3266 1.51 14.9053 2.84072C16.484 1.51 18.5319 0.706665 20.7697 0.706665C25.7629 0.706665 29.8106 4.70625 29.8106 9.64C29.8106 14.5737 25.7629 18.5733 20.7697 18.5733C18.5319 18.5733 16.484 17.77 14.9053 16.4393Z", fill: "#ED0006" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9053 16.4393C16.8492 14.8007 18.0818 12.3626 18.0818 9.64C18.0818 6.91739 16.8492 4.47925 14.9053 2.84072C16.484 1.50999 18.5319 0.706665 20.7697 0.706665C25.7628 0.706665 29.8106 4.70625 29.8106 9.64C29.8106 14.5737 25.7628 18.5733 20.7697 18.5733C18.5319 18.5733 16.484 17.77 14.9053 16.4393Z", fill: "#F9A000" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9053 16.4393C16.8492 14.8008 18.0818 12.3627 18.0818 9.64007C18.0818 6.91748 16.8492 4.47936 14.9053 2.84082C12.9614 4.47936 11.7288 6.91748 11.7288 9.64007C11.7288 12.3627 12.9614 14.8008 14.9053 16.4393Z", fill: "#FF5E00" })] }));
+};
+
+export { MastercardIcon, MastercardIconWhite, PaypassIcon };
+//# sourceMappingURL=icons.js.map

package/dist/components/molecules/CreditCard/components/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../../../../src/components/molecules/CreditCard/components/icons.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;AAIO,MAAM,WAAW,GAAG,CAAC,KAA8B,KAAI;IAC5D;;AAEE,IAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAA,GAAA,EAAA,EAAG,QAAQ,EAAC,uBAAuB,EAAA,QAAA,EACjCA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,kbAAkb,EACpb,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,SAAS,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,EAAA,CACA,EACJA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,UAAA,EAAA,EAAU,EAAE,EAAC,iBAAiB,EAAA,QAAA,EAC5BA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,EAAA,CACnC,EAAA,CACN,CAAA,EAAA,CACH;AAEV;AAEO,MAAM,mBAAmB,GAAG,CAAC,KAA8B,KAAI;IACpE;;AAEE,IAAAD,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,KAAK,EACb,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qYAAqY,EACvY,IAAI,EAAC,OAAO,EAAA,CACZ,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,OAAO,EAAC,KAAK,EACb,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oTAAoT,EACtT,IAAI,EAAC,OAAO,EAAA,CACZ,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,EAAA,CACZ,CAAA,EAAA,CACE;AAEV;AAEO,MAAM,cAAc,GAAG,CAAC,KAA8B,KAAI;IAC/D;;AAEE,IAAAD,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA,QAAA,EAAA,CACnEC,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qXAAqX,EACvX,IAAI,EAAC,SAAS,EAAA,CACd,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4SAA4S,EAC9S,IAAI,EAAC,SAAS,GACd,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,SAAS,EAAA,CACd,CAAA,EAAA,CACE;AAEV;;;;"}

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

@@ -0,0 +1,144 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var icons = require('./components/icons.cjs');
+
+const styles = cx.sortCx({
+    // Normal
+    transparent: {
+        root: 'bg-black/10 bg-linear-to-br from-white/30 to-transparent backdrop-blur-[6px] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'transparent-gradient': {
+        root: 'bg-black/10 bg-linear-to-br from-white/30 to-transparent backdrop-blur-[6px] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'brand-dark': {
+        root: 'bg-linear-to-tr from-brand-900 to-brand-700 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'brand-light': {
+        root: 'bg-brand-100 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-black/10 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-neutral-700',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white',
+    },
+    'gray-dark': {
+        root: 'bg-linear-to-tr from-neutral-900 to-neutral-700 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gray-light': {
+        root: 'bg-neutral-100 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-black/10 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-neutral-700',
+        paypassIcon: 'text-neutral-400',
+        cardTypeRoot: 'bg-white',
+    },
+    // Strip
+    'transparent-strip': {
+        root: 'bg-linear-to-br from-white/30 to-transparent backdrop-blur-[6px] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gray-strip': {
+        root: 'bg-neutral-100 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-white',
+        paypassIcon: 'text-neutral-400',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gradient-strip': {
+        root: 'bg-linear-to-b from-[#A5C0EE] to-[#FBC5EC] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'salmon-strip': {
+        root: 'bg-[#F4D9D0] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    // Vertical strip
+    'gray-strip-vertical': {
+        root: 'bg-linear-to-br from-white/30 to-transparent before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-neutral-400',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gradient-strip-vertical': {
+        root: 'bg-linear-to-b from-[#FBC2EB] to-[#A18CD1] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'salmon-strip-vertical': {
+        root: 'bg-[#F4D9D0] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+});
+const STRIP_TYPES = ['transparent-strip', 'gray-strip', 'gradient-strip', 'salmon-strip'];
+const VERTICAL_STRIP_TYPES = ['gray-strip-vertical', 'gradient-strip-vertical', 'salmon-strip-vertical'];
+const CARD_WITH_COLOR_LOGO = ['brand-dark', 'brand-light', 'gray-dark', 'gray-light'];
+const calculateScale = (desiredWidth, originalWidth, originalHeight) => {
+    // Calculate the scale factor
+    const scale = desiredWidth / originalWidth;
+    // Calculate the new dimensions
+    const scaledWidth = originalWidth * scale;
+    const scaledHeight = originalHeight * scale;
+    return {
+        scale: scale.toFixed(4), // Scale rounded to 4 decimal places
+        scaledWidth: scaledWidth.toFixed(2), // Width rounded to 2 decimal places
+        scaledHeight: scaledHeight.toFixed(2), // Height rounded to 2 decimal places
+    };
+};
+const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, }) => {
+    const originalWidth = 316;
+    const originalHeight = 190;
+    const { scale, scaledWidth, scaledHeight } = React.useMemo(() => {
+        if (!width)
+            return {
+                scale: 1,
+                scaledWidth: originalWidth,
+                scaledHeight: originalHeight,
+            };
+        return calculateScale(width, originalWidth, originalHeight);
+    }, [width]);
+    return (jsxRuntime.jsx("div", { style: {
+            width: `${scaledWidth}px`,
+            height: `${scaledHeight}px`,
+        }, className: cx.cx('relative flex', className), children: jsxRuntime.jsxs("div", { style: {
+                transform: `scale(${scale})`,
+                width: `${originalWidth}px`,
+                height: `${originalHeight}px`,
+            }, className: cx.cx('absolute top-0 left-0 flex origin-top-left flex-col justify-between overflow-hidden rounded-2xl p-4', styles[type].root), children: [STRIP_TYPES.includes(type) && (jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-0 h-1/2 bg-neutral-800" })), VERTICAL_STRIP_TYPES.includes(type) && (jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-y-0 right-22 left-0 z-0 bg-neutral-800" })), type === 'transparent-gradient' && (jsxRuntime.jsxs("div", { className: "absolute -top-4 -left-4 grid grid-cols-2 blur-3xl", children: [jsxRuntime.jsx("div", { className: "size-20 rounded-tl-full bg-pink-500 opacity-30 mix-blend-normal" }), jsxRuntime.jsx("div", { className: "size-20 rounded-tr-full bg-orange-500 opacity-50 mix-blend-normal" }), jsxRuntime.jsx("div", { className: "size-20 rounded-bl-full bg-blue-500 opacity-30 mix-blend-normal" }), jsxRuntime.jsx("div", { className: "bg-green-500 size-20 rounded-br-full opacity-30 mix-blend-normal" })] })), jsxRuntime.jsxs("div", { className: "relative flex items-start justify-between px-1 pt-1", children: [jsxRuntime.jsx("div", { className: cx.cx('text-md leading-[normal] font-semibold', styles[type].company), children: company }), jsxRuntime.jsx(icons.PaypassIcon, { className: styles[type].paypassIcon })] }), jsxRuntime.jsxs("div", { className: "relative flex items-end justify-between gap-3", children: [jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [jsxRuntime.jsxs("div", { className: "flex items-end gap-1", children: [jsxRuntime.jsx("p", { style: {
+                                                wordBreak: 'break-word',
+                                            }, className: cx.cx('text-xs leading-snug font-semibold tracking-[0.6px] uppercase', styles[type].footerText), children: cardHolder }), jsxRuntime.jsx("p", { className: cx.cx('ml-auto text-right text-xs leading-[normal] font-semibold tracking-[0.6px] tabular-nums', styles[type].footerText), children: cardExpiration })] }), jsxRuntime.jsxs("div", { className: cx.cx('text-md leading-[normal] font-semibold tracking-[1px] tabular-nums', styles[type].footerText), children: [cardNumber, jsxRuntime.jsx("span", { className: "pointer-events-none invisible inline-block w-0 max-w-0 opacity-0", children: "1" })] })] }), jsxRuntime.jsx("div", { className: cx.cx('flex h-8 w-11.5 shrink-0 items-center justify-center rounded', styles[type].cardTypeRoot), children: CARD_WITH_COLOR_LOGO.includes(type) ? jsxRuntime.jsx(icons.MastercardIcon, {}) : jsxRuntime.jsx(icons.MastercardIconWhite, {}) })] })] }) }));
+};
+
+exports.CreditCard = CreditCard;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"sourcesContent":[null],"names":["sortCx","useMemo","_jsx","cx","_jsxs","PaypassIcon","MastercardIcon","MastercardIconWhite"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+declare const _NORMAL_TYPES: readonly ["transparent", "transparent-gradient", "brand-dark", "brand-light", "gray-dark", "gray-light"];
+declare const STRIP_TYPES: readonly ["transparent-strip", "gray-strip", "gradient-strip", "salmon-strip"];
+declare const VERTICAL_STRIP_TYPES: readonly ["gray-strip-vertical", "gradient-strip-vertical", "salmon-strip-vertical"];
+type CreditCardType = (typeof _NORMAL_TYPES)[number] | (typeof STRIP_TYPES)[number] | (typeof VERTICAL_STRIP_TYPES)[number];
+interface CreditCardProps {
+    company?: string;
+    cardNumber?: string;
+    cardHolder?: string;
+    cardExpiration?: string;
+    type?: CreditCardType;
+    className?: string;
+    width?: number;
+}
+export declare const CreditCard: ({ company, cardNumber, cardHolder, cardExpiration, type, className, width, }: CreditCardProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CreditCard/index.tsx"],"names":[],"mappings":"AAyGA,QAAA,MAAM,aAAa,0GAA2G,CAAC;AAC/H,QAAA,MAAM,WAAW,gFAAiF,CAAC;AACnG,QAAA,MAAM,oBAAoB,sFAAuF,CAAC;AAIlH,KAAK,cAAc,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5H,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiBD,eAAO,MAAM,UAAU,GAAI,8EAQxB,eAAe,gCAqFjB,CAAC"}

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

@@ -0,0 +1,142 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { useMemo } from 'react';
+import { PaypassIcon, MastercardIcon, MastercardIconWhite } from './components/icons.js';
+
+const styles = sortCx({
+    // Normal
+    transparent: {
+        root: 'bg-black/10 bg-linear-to-br from-white/30 to-transparent backdrop-blur-[6px] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'transparent-gradient': {
+        root: 'bg-black/10 bg-linear-to-br from-white/30 to-transparent backdrop-blur-[6px] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'brand-dark': {
+        root: 'bg-linear-to-tr from-brand-900 to-brand-700 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'brand-light': {
+        root: 'bg-brand-100 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-black/10 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-neutral-700',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white',
+    },
+    'gray-dark': {
+        root: 'bg-linear-to-tr from-neutral-900 to-neutral-700 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gray-light': {
+        root: 'bg-neutral-100 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-black/10 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-neutral-700',
+        paypassIcon: 'text-neutral-400',
+        cardTypeRoot: 'bg-white',
+    },
+    // Strip
+    'transparent-strip': {
+        root: 'bg-linear-to-br from-white/30 to-transparent backdrop-blur-[6px] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gray-strip': {
+        root: 'bg-neutral-100 before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-white',
+        paypassIcon: 'text-neutral-400',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gradient-strip': {
+        root: 'bg-linear-to-b from-[#A5C0EE] to-[#FBC5EC] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'salmon-strip': {
+        root: 'bg-[#F4D9D0] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-neutral-700',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    // Vertical strip
+    'gray-strip-vertical': {
+        root: 'bg-linear-to-br from-white/30 to-transparent before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-neutral-400',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'gradient-strip-vertical': {
+        root: 'bg-linear-to-b from-[#FBC2EB] to-[#A18CD1] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+    'salmon-strip-vertical': {
+        root: 'bg-[#F4D9D0] before:pointer-events-none before:absolute before:inset-0 before:z-1 before:rounded-[inherit] before:mask-linear-135 before:mask-linear-to-white/20 before:ring-1 before:ring-white/30 before:ring-inset',
+        company: 'text-white',
+        footerText: 'text-white',
+        paypassIcon: 'text-white',
+        cardTypeRoot: 'bg-white/10',
+    },
+});
+const STRIP_TYPES = ['transparent-strip', 'gray-strip', 'gradient-strip', 'salmon-strip'];
+const VERTICAL_STRIP_TYPES = ['gray-strip-vertical', 'gradient-strip-vertical', 'salmon-strip-vertical'];
+const CARD_WITH_COLOR_LOGO = ['brand-dark', 'brand-light', 'gray-dark', 'gray-light'];
+const calculateScale = (desiredWidth, originalWidth, originalHeight) => {
+    // Calculate the scale factor
+    const scale = desiredWidth / originalWidth;
+    // Calculate the new dimensions
+    const scaledWidth = originalWidth * scale;
+    const scaledHeight = originalHeight * scale;
+    return {
+        scale: scale.toFixed(4), // Scale rounded to 4 decimal places
+        scaledWidth: scaledWidth.toFixed(2), // Width rounded to 2 decimal places
+        scaledHeight: scaledHeight.toFixed(2), // Height rounded to 2 decimal places
+    };
+};
+const CreditCard = ({ company = 'Untitled.', cardNumber = '1234 1234 1234 1234', cardHolder = 'OLIVIA RHYE', cardExpiration = '06/28', type = 'brand-dark', className, width, }) => {
+    const originalWidth = 316;
+    const originalHeight = 190;
+    const { scale, scaledWidth, scaledHeight } = useMemo(() => {
+        if (!width)
+            return {
+                scale: 1,
+                scaledWidth: originalWidth,
+                scaledHeight: originalHeight,
+            };
+        return calculateScale(width, originalWidth, originalHeight);
+    }, [width]);
+    return (jsx("div", { style: {
+            width: `${scaledWidth}px`,
+            height: `${scaledHeight}px`,
+        }, className: cx('relative flex', className), children: jsxs("div", { style: {
+                transform: `scale(${scale})`,
+                width: `${originalWidth}px`,
+                height: `${originalHeight}px`,
+            }, className: cx('absolute top-0 left-0 flex origin-top-left flex-col justify-between overflow-hidden rounded-2xl p-4', styles[type].root), children: [STRIP_TYPES.includes(type) && (jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-0 h-1/2 bg-neutral-800" })), VERTICAL_STRIP_TYPES.includes(type) && (jsx("div", { className: "pointer-events-none absolute inset-y-0 right-22 left-0 z-0 bg-neutral-800" })), type === 'transparent-gradient' && (jsxs("div", { className: "absolute -top-4 -left-4 grid grid-cols-2 blur-3xl", children: [jsx("div", { className: "size-20 rounded-tl-full bg-pink-500 opacity-30 mix-blend-normal" }), jsx("div", { className: "size-20 rounded-tr-full bg-orange-500 opacity-50 mix-blend-normal" }), jsx("div", { className: "size-20 rounded-bl-full bg-blue-500 opacity-30 mix-blend-normal" }), jsx("div", { className: "bg-green-500 size-20 rounded-br-full opacity-30 mix-blend-normal" })] })), jsxs("div", { className: "relative flex items-start justify-between px-1 pt-1", children: [jsx("div", { className: cx('text-md leading-[normal] font-semibold', styles[type].company), children: company }), jsx(PaypassIcon, { className: styles[type].paypassIcon })] }), jsxs("div", { className: "relative flex items-end justify-between gap-3", children: [jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [jsxs("div", { className: "flex items-end gap-1", children: [jsx("p", { style: {
+                                                wordBreak: 'break-word',
+                                            }, className: cx('text-xs leading-snug font-semibold tracking-[0.6px] uppercase', styles[type].footerText), children: cardHolder }), jsx("p", { className: cx('ml-auto text-right text-xs leading-[normal] font-semibold tracking-[0.6px] tabular-nums', styles[type].footerText), children: cardExpiration })] }), jsxs("div", { className: cx('text-md leading-[normal] font-semibold tracking-[1px] tabular-nums', styles[type].footerText), children: [cardNumber, jsx("span", { className: "pointer-events-none invisible inline-block w-0 max-w-0 opacity-0", children: "1" })] })] }), jsx("div", { className: cx('flex h-8 w-11.5 shrink-0 items-center justify-center rounded', styles[type].cardTypeRoot), children: CARD_WITH_COLOR_LOGO.includes(type) ? jsx(MastercardIcon, {}) : jsx(MastercardIconWhite, {}) })] })] }) }));
+};
+
+export { CreditCard };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,134 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var BackgroundPattern = require('@flipdish/ui-library/components/atoms/BackgroundPattern');
+var FeaturedIcon$1 = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
+var Illustration$1 = require('@flipdish/ui-library/components/atoms/Illustration');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+
+const RootContext = React.createContext({ size: 'lg' });
+const Root = ({ size = 'lg', ...props }) => {
+    return (jsxRuntime.jsx(RootContext.Provider, { value: { size }, children: jsxRuntime.jsx("div", { ...props, className: cx.cx('mx-auto flex w-full max-w-lg flex-col items-center justify-center', props.className) }) }));
+};
+const FeaturedIcon = ({ color = 'gray', theme = 'modern', icon = uiIcons.SearchLg, size, ...props }) => {
+    const { size: rootSize } = React.useContext(RootContext);
+    return jsxRuntime.jsx(FeaturedIcon$1.FeaturedIcon, { ...props, color, theme, icon, size: !size && rootSize === 'lg' ? 'xl' : size || 'lg' });
+};
+const Illustration = ({ type = 'cloud', color = 'gray', size = 'lg', ...props }) => {
+    const { size: rootSize } = React.useContext(RootContext);
+    return (jsxRuntime.jsx(Illustration$1.Illustration, { role: "img", ...props, type, color, size: rootSize === 'sm' ? 'sm' : rootSize === 'md' ? 'md' : size, className: cx.cx('z-10', props.className) }));
+};
+const FileTypeIcon = ({ type = 'folder', theme = 'solid', ...props }) => {
+    return (jsxRuntime.jsx("div", { ...props, className: cx.cx('relative z-10 flex rounded-full bg-linear-to-b from-neutral-50 to-neutral-200 p-8', props.className), children: jsxRuntime.jsx(uiIcons.FileIcon, { type: type, variant: theme, className: "size-10 drop-shadow-sm" }) }));
+};
+const Header = ({ pattern = 'circle', patternSize = 'md', ...props }) => {
+    const { size } = React.useContext(RootContext);
+    // Whether we are passing `Illustration` component as children.
+    const hasIllustration = React.Children.toArray(props.children).some((headerChild) => React.isValidElement(headerChild) && headerChild.type === Illustration);
+    return (jsxRuntime.jsxs("header", { ...props, className: cx.cx('relative mb-4', (size === 'md' || size === 'lg') && 'mb-5', hasIllustration && size === 'lg' && 'mb-6!', props.className), children: [pattern !== 'none' && (jsxRuntime.jsx(BackgroundPattern.BackgroundPattern, { size: patternSize, pattern: pattern, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" })), props.children] }));
+};
+const Content = (props) => {
+    const { size } = React.useContext(RootContext);
+    return (jsxRuntime.jsx("main", { ...props, className: cx.cx('z-10 mb-6 flex w-full max-w-88 flex-col items-center justify-center gap-1', (size === 'md' || size === 'lg') && 'mb-8 gap-2', props.className) }));
+};
+const Footer = (props) => {
+    return jsxRuntime.jsx("footer", { ...props, className: cx.cx('z-10 flex gap-3', props.className) });
+};
+const Title = (props) => {
+    const { size } = React.useContext(RootContext);
+    return (jsxRuntime.jsx("h1", { ...props, className: cx.cx('text-md font-semibold text-primary', size === 'md' && 'text-lg font-semibold', size === 'lg' && 'text-xl font-semibold', props.className) }));
+};
+const Description = (props) => {
+    const { size } = React.useContext(RootContext);
+    return jsxRuntime.jsx("p", { ...props, className: cx.cx('text-center text-sm text-tertiary', size === 'lg' && 'text-md', props.className) });
+};
+/**
+ * Predefined avatar slots positioned on concentric circle rings.
+ * Each slot defines: ring radius, CSS angle (0°=top, clockwise), and avatar size class.
+ */
+const avatarSlots = [
+    { ring: 80, angle: 330, size: 'size-8' },
+    { ring: 80, angle: 56, size: 'size-8' },
+    { ring: 144, angle: 82, size: 'size-7' },
+    { ring: 144, angle: 299, size: 'size-7' },
+    { ring: 144, angle: 241, size: 'size-7' },
+    { ring: 176, angle: 64, size: 'size-6' },
+    { ring: 176, angle: 270, size: 'size-6' },
+    { ring: 144, angle: 112, size: 'size-7' },
+    { ring: 80, angle: 249, size: 'size-8' },
+];
+const RING_RADII = [48, 80, 112, 144, 176];
+const AvatarRadius = ({ avatars = [], ...props }) => {
+    return (jsxRuntime.jsxs("div", { "aria-hidden": "true", ...props, className: cx.cx('pointer-events-none absolute top-1/2 left-1/2 size-120 -translate-x-1/2 -translate-y-1/2', props.className), style: {
+            maskImage: 'radial-gradient(circle, black 10%, transparent 70%)',
+            WebkitMaskImage: 'radial-gradient(circle, black 10%, transparent 70%)',
+            ...props.style,
+        }, children: [RING_RADII.map((radius) => (jsxRuntime.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-secondary", style: { width: radius * 2, height: radius * 2 } }, radius))), avatars.slice(0, avatarSlots.length).map((avatar, i) => {
+                const slot = avatarSlots[i];
+                const rad = (slot.angle * Math.PI) / 180;
+                const x = Math.sin(rad) * slot.ring;
+                const y = -Math.cos(rad) * slot.ring;
+                return (jsxRuntime.jsx("div", { className: cx.cx('absolute top-1/2 left-1/2 rounded-full bg-primary p-px shadow-xs ring-[0.5px] ring-black/10', slot.size), style: { transform: `translate(calc(-50% + ${x}px), calc(-50% + ${y}px))` }, children: jsxRuntime.jsx("img", { src: avatar.src, alt: "", className: "size-full rounded-full object-cover outline-[0.5px] -outline-offset-[0.5px] outline-black/16" }) }, i));
+            })] }));
+};
+/** Avatar sizes per root size — ordered smallest to largest (left edge → center). */
+const rowStyles = {
+    sm: ['size-8 rounded-md', 'size-9 rounded-[7px]', 'size-10 rounded-lg', 'size-11 rounded-[9px]'],
+    md: ['size-10 rounded-lg', 'size-11 rounded-[9px]', 'size-12 rounded-[10px]'],
+    lg: ['size-10 rounded-lg', 'size-11 rounded-[9px]', 'size-12 rounded-[10px]'],
+};
+const AvatarRow = ({ avatars = [], children, ...props }) => {
+    const { size: rootSize } = React.useContext(RootContext);
+    const sizeKey = rootSize || 'md';
+    const sizes = rowStyles[sizeKey];
+    const count = sizes.length;
+    const leftAvatars = avatars.slice(0, count);
+    const rightAvatars = avatars.slice(count, count * 2);
+    const renderAvatar = (avatar, sizeClass, key) => (jsxRuntime.jsx("div", { className: cx.cx('relative shrink-0 overflow-hidden outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', sizeClass), children: jsxRuntime.jsx("img", { src: avatar.src, alt: avatar.alt || '', className: "size-full object-cover" }) }, key));
+    return (jsxRuntime.jsxs("div", { "aria-hidden": "true", ...props, className: cx.cx('-m-1 flex items-center justify-center p-1', sizeKey === 'sm' ? 'gap-4' : sizeKey === 'md' ? 'gap-5' : 'gap-6', props.className), style: {
+            maskImage: 'radial-gradient(circle, black 5%, transparent 105%)',
+            WebkitMaskImage: 'radial-gradient(circle, black 5%, transparent 105%)',
+            ...props.style,
+        }, children: [jsxRuntime.jsx("div", { className: cx.cx('flex items-center', sizeKey === 'sm' ? 'gap-3' : 'gap-4'), children: leftAvatars.map((avatar, i) => renderAvatar(avatar, sizes[i], i)) }), children, jsxRuntime.jsx("div", { className: cx.cx('flex items-center', sizeKey === 'sm' ? 'gap-3' : 'gap-4'), children: rightAvatars.map((avatar, i) => renderAvatar(avatar, sizes[count - 1 - i], i + count)) })] }));
+};
+const gridStyles = {
+    sm: { avatar: 'size-8 rounded-md', inner: 'rounded-[5px]', gap: 'gap-2 pl-2', rowGap: 'gap-2' },
+    md: { avatar: 'size-10 rounded-lg', inner: 'rounded-[7px]', gap: 'gap-3 pl-3', rowGap: 'gap-3' },
+    lg: { avatar: 'size-12 rounded-[10px]', inner: 'rounded-[9px]', gap: 'gap-3 pl-3', rowGap: 'gap-3' },
+};
+const AvatarGrid = ({ avatars = [], ...props }) => {
+    const { size: rootSize } = React.useContext(RootContext);
+    const sizeKey = rootSize || 'md';
+    const config = gridStyles[sizeKey];
+    const mid = Math.ceil(avatars.length / 2);
+    const row1Base = avatars.slice(0, mid);
+    const row2Base = avatars.slice(mid);
+    const row1 = [...row1Base, ...row1Base, ...row1Base];
+    const row2 = [...row2Base, ...row2Base, ...row2Base];
+    const renderGridAvatar = (avatar, key) => (jsxRuntime.jsx("div", { className: cx.cx('shrink-0 bg-primary p-px shadow-xs ring-[0.75px] ring-black/10', config.avatar), children: jsxRuntime.jsx("div", { className: cx.cx('relative size-full overflow-hidden outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]', config.inner), children: jsxRuntime.jsx("img", { src: avatar.src, alt: avatar.alt || '', className: "size-full object-cover" }) }) }, key));
+    return (jsxRuntime.jsxs("div", { "aria-hidden": "true", ...props, className: cx.cx('-m-1 flex max-w-lg flex-col items-center overflow-x-clip p-1', config.rowGap, props.className), style: {
+            maskImage: 'radial-gradient(circle, black 10%, transparent 100%)',
+            WebkitMaskImage: 'radial-gradient(circle, black 10%, transparent 100%)',
+            ...props.style,
+        }, children: [jsxRuntime.jsxs("div", { className: "flex", children: [jsxRuntime.jsx("div", { className: cx.cx('flex w-auto max-w-none shrink-0 animate-marquee [animation-duration:240s] motion-reduce:animate-none', config.gap), children: row1.map((avatar, i) => renderGridAvatar(avatar, i)) }), jsxRuntime.jsx("div", { className: cx.cx('flex w-auto max-w-none shrink-0 animate-marquee [animation-duration:240s] motion-reduce:animate-none', config.gap), children: row1.map((avatar, i) => renderGridAvatar(avatar, i)) })] }), jsxRuntime.jsxs("div", { className: "flex", children: [jsxRuntime.jsx("div", { className: cx.cx('flex w-auto max-w-none shrink-0 animate-marquee [animation-delay:-120s] [animation-duration:240s] direction-reverse motion-reduce:-translate-x-1/2 motion-reduce:animate-none', config.gap), children: row2.map((avatar, i) => renderGridAvatar(avatar, i + mid)) }), jsxRuntime.jsx("div", { className: cx.cx('flex w-auto max-w-none shrink-0 animate-marquee [animation-delay:-120s] [animation-duration:240s] direction-reverse motion-reduce:-translate-x-1/2 motion-reduce:animate-none', config.gap), children: row2.map((avatar, i) => renderGridAvatar(avatar, i + mid)) })] })] }));
+};
+/**
+ * @summary placeholder shown when a list, table, or page has no data yet
+ */
+const EmptyState = Root;
+EmptyState.Title = Title;
+EmptyState.Header = Header;
+EmptyState.Footer = Footer;
+EmptyState.Content = Content;
+EmptyState.Description = Description;
+EmptyState.Illustration = Illustration;
+EmptyState.FeaturedIcon = FeaturedIcon;
+EmptyState.FileTypeIcon = FileTypeIcon;
+EmptyState.AvatarRadius = AvatarRadius;
+EmptyState.AvatarRow = AvatarRow;
+EmptyState.AvatarGrid = AvatarGrid;
+
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/EmptyState/index.tsx"],"sourcesContent":[null],"names":["createContext","_jsx","cx","SearchLg","useContext","FeaturedIconbase","Illustrations","FileIcon","Children","isValidElement","_jsxs","BackgroundPattern"],"mappings":"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"}