@flipdish/ui-library 0.2.1 → 0.3.0

package/dist/components/atoms/QRCode/index.d.ts

@@ -0,0 +1,26 @@
+import { type Options as QRCodeStylingOptions } from 'qr-code-styling';
+import type { HTMLAttributes } from 'react';
+export declare const GradientScan: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+interface QRCodeProps {
+    /**
+     * The value to encode in the QR code.
+     */
+    value: string;
+    /**
+     * Additional options to customize the QR code.
+     */
+    options?: QRCodeStylingOptions;
+    /**
+     * The size of the QR code.
+     *
+     * @default "md"
+     */
+    size?: 'md' | 'lg';
+    /**
+     * The class name to apply to the QR code.
+     */
+    className?: string;
+}
+export declare const QRCode: ({ size, value, options, className }: QRCodeProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/QRCode/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"names":[],"mappings":"AAGA,OAAsB,EAAE,KAAK,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,eAAO,MAAM,YAAY,GAAI,yBAAyB,cAAc,CAAC,cAAc,CAAC,gCAUnF,CAAC;AAOF,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,GAAI,qCAA4C,WAAW,gCAmC7E,CAAC"}

package/dist/components/atoms/QRCode/index.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import QRCodeStyling from 'qr-code-styling';
+import { useRef, useState, useEffect } from 'react';
+
+const QRCodeFrameHandle = ({ className, ...props }) => (jsx("div", { ...props, className: cx('size-3 rounded-tl border-t-2 border-l-2 border-brand_alt', className) }));
+const GradientScan = ({ className, ...props }) => (jsx("div", { ...props, className: cx('absolute bottom-0 h-1/2 w-full border-t border-brand bg-brand-solid/10', className), style: {
+        maskImage: 'radial-gradient(52.19% 100% at 50% 0%, #000 0%, rgba(0,0,0,0) 95.31%)',
+        WebkitMaskImage: 'radial-gradient(52.19% 100% at 50% 0%, #000 0%, rgba(0,0,0,0) 95.31%)',
+        ...props.style,
+    } }));
+const styles = {
+    md: { root: 'p-2', qr: { width: 96, height: 96 } },
+    lg: { root: 'p-3', qr: { width: 128, height: 128 } },
+};
+const QRCode = ({ size = 'md', value, options, className }) => {
+    const ref = useRef(null);
+    const [qrCode, setQrCode] = useState(null);
+    useEffect(() => {
+        if (!ref.current)
+            return;
+        const qrCode = new QRCodeStyling({
+            width: styles[size].qr.width,
+            height: styles[size].qr.height,
+            data: value,
+            type: 'svg',
+            ...options,
+        });
+        setQrCode(qrCode);
+        qrCode.append(ref.current);
+    }, [options, size, value]);
+    useEffect(() => {
+        if (!qrCode)
+            return;
+        qrCode.update(options);
+    }, [qrCode, options]);
+    return (jsxs("div", { className: cx('relative flex items-center justify-center', styles[size].root, className), children: [jsx("div", { ref: ref }), jsx(QRCodeFrameHandle, { className: "absolute top-0 left-0" }), jsx(QRCodeFrameHandle, { className: "absolute top-0 right-0 rotate-90" }), jsx(QRCodeFrameHandle, { className: "absolute right-0 bottom-0 rotate-180" }), jsx(QRCodeFrameHandle, { className: "absolute bottom-0 left-0 -rotate-90" })] }));
+};
+
+export { GradientScan, QRCode };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/QRCode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAOA,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC,MAChFA,gBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,EAAA,CAAI,CACzG;AAEM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC,MAClFA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,wEAAwE,EAAE,SAAS,CAAC,EAClG,KAAK,EAAE;AACL,QAAA,SAAS,EAAE,uEAAuE;AAClF,QAAA,eAAe,EAAE,uEAAuE;QACxF,GAAG,KAAK,CAAC,KAAK;AACf,KAAA,EAAA,CACD;AAGJ,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;AAClD,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;CACrD;AAuBM,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAe,KAAI;AAChF,IAAA,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC;IAEhE,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE;AAElB,QAAA,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC;YAC/B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK;YAC5B,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,MAAM;AAC9B,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,GAAG,OAAO;AACX,SAAA,CAAC;QAEF,SAAS,CAAC,MAAM,CAAC;AACjB,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAE1B,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;AACxB,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAErB,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC3FD,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA,CAAI,EAEjBA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,EACvDA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,kCAAkC,EAAA,CAAG,EAClEA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,CAAG,EACtEA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,qCAAqC,EAAA,CAAG,CAAA,EAAA,CACjE;AAEV;;;;"}

package/dist/components/atoms/RatingBadge/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var RatingStars = require('@flipdish/ui-library/components/atoms/RatingStars');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const Wreath = (props) => (
+// biome-ignore lint/a11y/noSvgWithoutTitle: SVG does not need a title
+jsxRuntime.jsxs("svg", { width: "36", height: "81", viewBox: "0 0 36 81", fill: "none", ...props, className: cx.cx('text-fg-primary', props.className), children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M34.188 79.123C21.8844 77.4193 12.9273 67.7396 8.84084 54.5087C7.16207 49.0327 6.91909 42.9593 7.50445 36.6094C8.58681 25.2702 13.7888 15.4245 21.3764 8.24482C21.4095 8.21163 21.4206 8.20057 21.4316 8.23376C21.4537 8.26695 21.52 8.30013 21.5531 8.32226C21.5973 8.34439 21.6083 8.32226 21.5752 8.37757C13.5237 15.7563 8.35488 27.4938 7.79161 39.3529C6.91909 56.2898 15.1362 71.2907 27.4509 76.4569C29.5162 77.3308 31.6809 77.9946 33.934 78.3375C34.0886 78.5367 34.177 78.8132 34.188 79.123Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.51737 50.8359C4.52243 52.0306 6.12388 53.2033 7.84683 52.7497C7.93518 52.8825 8.38801 53.5462 8.45428 53.6458C8.53159 53.7675 8.67517 53.8892 8.78561 53.7896C8.85188 53.7453 8.9071 53.6458 8.84084 53.4909C8.58681 53.1812 8.34383 52.8603 8.05667 52.5285C7.54863 49.8402 6.80864 48.0481 5.26241 46.2338C3.4732 44.1541 1.6398 43.2248 0.502216 42.8376C0.336548 42.7934 0.181926 42.7491 0.0162576 42.6938C-0.0941877 43.7337 0.380727 45.2493 0.756241 46.1121C1.48518 47.8822 2.28039 49.4309 3.51737 50.8359Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.317 12.9686C18.1735 13.0239 17.3341 13.2451 17.2347 13.0792C17.2015 13.0349 17.2457 12.869 17.323 12.8579C17.6323 12.8247 17.9747 12.8026 18.2729 12.7362C18.814 11.0326 20.3161 10.2914 21.6967 10.0038C23.3533 9.6719 25.1757 10.1808 27.1306 10.4573C27.23 10.4795 27.3404 10.4905 27.4288 10.4905C27.3956 10.5569 27.3515 10.6012 27.3073 10.6675C26.49 11.7849 25.2088 12.8137 23.9608 13.3226C23.1214 13.6766 22.1164 13.8757 21.1334 13.8425C20.0952 13.7983 19.2227 13.5659 18.317 12.9686Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5531 8.3112C21.6194 8.33332 21.6194 8.3112 21.7408 8.24482C21.9728 8.02357 22.1716 7.89082 22.4035 7.68063C23.7289 7.69169 24.9879 7.29344 26.1807 6.49693C26.7109 6.14293 27.241 5.71148 27.6828 5.19154C28.7431 4.05209 29.5935 2.38164 29.9801 0.854996C30.0022 0.766495 30.0132 0.711182 30.0242 0.622681C29.9248 0.666931 29.8365 0.711183 29.7371 0.755433C27.5945 1.61832 25.5181 2.01657 23.7951 3.68703C22.6244 4.80435 22.017 6.15399 22.2599 7.45938C21.9949 7.66957 21.7188 7.86869 21.4647 8.11207C21.3543 8.21163 21.4868 8.3112 21.5531 8.3112Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.7557 20.1039C13.6121 20.1814 12.8058 20.6018 12.6843 20.4579C12.6291 20.4026 12.6512 20.2256 12.7285 20.1924C13.0267 20.0818 13.3801 20.0044 13.6783 19.8716C13.7888 18.6658 14.4625 17.5374 15.7989 16.763C17.8421 15.6789 20.1615 15.8559 22.3483 15.6678C22.4587 15.6568 22.5581 15.6568 22.6575 15.6457C22.6244 15.7121 22.5913 15.7674 22.5692 15.8338C21.8402 17.0949 20.6585 18.4556 19.4546 19.23C18.6484 19.7721 17.6544 20.1814 16.6604 20.3805C15.6111 20.5907 14.7165 20.469 13.7557 20.1039Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.0535 38.7113C3.71618 40.2047 4.90898 41.842 6.65402 41.9526C6.70924 42.1075 7.02953 42.8266 7.07371 42.9372C7.10685 43.0921 7.21729 43.258 7.36087 43.1916C7.42714 43.1695 7.4934 43.081 7.48236 42.9261C7.31669 42.5279 7.10685 42.2181 6.90804 41.8088C7.06267 39.0653 6.90804 37.0629 5.85881 34.8062C4.666 32.2064 3.03141 30.713 2.02636 29.9829C1.90487 29.8722 1.76129 29.7837 1.61771 29.6952C1.38578 30.7572 1.46309 32.4056 1.60667 33.357C1.86069 35.2818 2.26934 36.9744 3.0535 38.7113Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.00838 27.6929C5.29554 29.2859 6.01344 30.89 7.60385 31.5869C7.62594 31.7529 7.80265 32.5273 7.82474 32.6489C7.82474 32.8149 7.87996 33.0029 8.03458 32.9808C8.07876 32.9698 8.18921 32.9255 8.20025 32.7596C8.13399 32.3392 8.0125 31.8635 7.93519 31.4099C8.46532 29.474 8.75248 27.704 8.66412 25.8123C8.52054 23.1462 7.52654 20.8341 5.95821 18.9756C5.83672 18.8428 5.74837 18.699 5.63792 18.5773C5.19614 19.4955 4.90898 21.0664 4.83167 22.0067C4.666 23.9095 4.67705 25.8233 5.00838 27.6929Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.01755 17.637C8.97337 19.2742 9.37097 21.1106 10.7405 22.1727C10.7295 22.3386 10.6963 23.1351 10.6963 23.2457C10.6742 23.4006 10.6853 23.5887 10.8399 23.6219C10.8951 23.6219 10.9945 23.6108 11.0277 23.4559C11.0608 23.0466 11.0718 22.416 11.0939 21.9625C12.2646 19.9712 12.8942 17.8029 12.9163 15.3249C12.9604 12.4597 12.2536 10.6343 11.6903 9.48383C11.613 9.32896 11.5357 9.17408 11.4584 9.01921C10.8399 9.77146 10.2545 11.2096 9.98947 12.0946C9.45933 13.8868 9.07277 15.7563 9.01755 17.637Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.092 8.45501C14.7386 9.99271 14.838 12.2495 15.9867 13.1787C15.9425 13.3779 15.8431 14.0638 15.832 14.2186C15.7878 14.3846 15.7547 14.5394 15.8872 14.6058C15.9425 14.6279 15.9866 14.628 16.0529 14.4841C16.1302 14.0527 16.1523 13.6987 16.2186 13.2562C17.8532 11.5083 18.7809 9.78252 19.3 7.42619C19.8191 4.95923 19.7418 3.00114 19.5209 1.61832C19.4988 1.45238 19.4546 1.28644 19.4105 1.10944C17.9747 2.25995 16.9586 3.77553 16.0971 5.50129C15.6332 6.44162 15.2688 7.40406 15.092 8.45501Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0889 29.5182C9.95633 29.6399 9.22739 30.3369 9.05068 30.2484C9.0065 30.2041 8.97337 29.9718 9.05068 29.9275C9.32679 29.7063 9.68022 29.5404 9.95633 29.3302C9.86798 28.0026 10.1662 26.653 11.37 25.3919C13.2255 23.5887 15.6884 22.9802 17.9305 22.051C18.0299 22.0067 18.1293 21.9514 18.2508 21.9071C18.2287 21.9846 18.2176 22.0731 18.1845 22.1505C17.7427 23.6993 16.8592 25.5025 15.7878 26.7194C15.092 27.538 14.1533 28.3235 13.1703 28.8434C12.1432 29.3965 11.1712 29.5735 10.0889 29.5182Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.54263 40.3264C8.44323 40.5034 7.85787 41.4548 7.67012 41.4105C7.5928 41.4105 7.51549 41.1782 7.57072 41.0897C7.81369 40.7689 8.12294 40.5145 8.33279 40.1826C7.95727 38.9657 8.13399 37.2067 9.03964 35.5252C10.4754 33.0693 12.5739 31.8746 14.6061 30.1599C14.6944 30.0714 14.7828 29.9939 14.8822 29.8944C14.8932 29.9718 14.9043 30.0603 14.8932 30.1599C14.8491 31.8414 14.4073 33.9543 13.6231 35.5474C13.1151 36.6204 12.364 37.6935 11.5026 38.5896C10.608 39.4856 9.65813 40.0056 8.54263 40.3264Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.55873 50.9244C9.48142 51.1346 9.08382 52.263 8.88501 52.3072C8.81875 52.2961 8.68621 52.1302 8.74144 52.0085C8.90711 51.6324 9.09486 51.2009 9.24948 50.8138C8.56472 50.1611 8.33279 48.3468 8.88501 46.444C9.80171 43.6562 11.8449 41.5654 13.4906 39.2533C13.5679 39.1427 13.6452 39.0321 13.7225 38.9214C13.7446 38.9989 13.7557 39.0874 13.7777 39.1759C14.0649 40.8021 14.0428 42.9593 13.601 44.7183C13.3028 45.8909 12.7837 47.1852 12.11 48.2915C11.4142 49.4641 10.5859 50.2717 9.55873 50.9244Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.0958 63.3256C8.34383 64.1442 10.5748 64.7637 12.11 63.757C12.2315 63.8455 12.8721 64.2327 12.9494 64.2991C13.0598 64.4097 13.2145 64.4871 13.3139 64.3323C13.3691 64.2659 13.4022 64.1553 13.2918 64.0336C12.9715 63.8123 12.6181 63.6685 12.2757 63.4473C11.105 61.0135 9.84589 59.3652 7.9131 58.1483C5.70419 56.7323 3.85975 56.7101 2.67799 56.7101C2.51232 56.7101 2.34665 56.7212 2.18098 56.7212C2.46814 59.1218 5.43912 62.2968 7.0958 63.3256Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2255 61.4449C13.2145 61.5998 13.1372 62.2857 13.0267 62.7061C12.9936 62.8277 12.9825 63.0048 12.8169 62.9384C12.7506 62.9273 12.6843 62.7835 12.6843 62.7171C12.7616 62.3078 12.8279 61.8432 12.861 61.4339C12.099 60.9471 11.5026 59.3541 11.3811 57.396C11.5136 54.4423 12.839 51.7651 13.8992 48.9774C13.9324 48.8557 13.9765 48.7229 14.0207 48.5902C14.0649 48.6565 14.087 48.7229 14.1312 48.7893C14.838 50.2496 15.3792 52.2962 15.4234 54.1436C15.4676 55.3494 15.2908 56.7544 14.9374 58.0598C14.5619 59.3983 14.0097 60.4493 13.2255 61.4449Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.8551 73.4257C15.2908 73.7134 17.2347 73.647 18.4496 72.0982C18.7588 72.1425 19.2558 72.2199 19.5761 72.242C19.6645 72.2531 19.7307 72.1867 19.7639 72.0761C19.786 71.9987 19.7639 71.8991 19.6203 71.8217C19.2558 71.7442 18.8914 71.7442 18.5048 71.6778C16.8923 69.7861 15.3682 68.7241 13.1703 68.3259C10.6301 67.8612 8.47637 68.5139 7.32774 68.9896C7.17311 69.0449 7.00744 69.1113 6.86387 69.1888C7.27251 70.1069 8.46532 71.0473 9.21635 71.5008C10.6521 72.4522 12.1211 73.1381 13.8551 73.4257Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.9908 69.4321C19.0128 69.5981 19.0349 70.2618 19.0349 70.7043C19.0239 70.826 19.057 70.992 18.8914 71.003C18.814 71.003 18.7257 70.9035 18.7257 70.826C18.6926 70.4167 18.7146 69.9742 18.6484 69.5538C17.798 69.2883 16.6714 67.994 16.1523 66.2129C15.5559 63.3588 16.2075 60.4161 16.5168 57.396C16.5389 57.2633 16.5278 57.1305 16.5389 56.9867C16.5941 57.042 16.6604 57.0973 16.7156 57.1526C17.7538 58.2921 18.792 60.051 19.289 61.7768C19.6313 62.9052 19.8081 64.2991 19.8081 65.6376C19.786 67.0426 19.4988 68.2263 18.9908 69.4321Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M27.0312 75.24C27.1085 75.3617 27.2079 75.9148 27.3183 76.3352C27.3515 76.4348 27.4177 76.5896 27.2631 76.645C27.1858 76.6781 27.0864 76.6118 27.0643 76.5454C26.9207 76.1914 26.9207 75.8153 26.744 75.4613C25.9157 75.6604 24.4799 74.6094 23.5411 73.2377C22.2379 70.8703 22.0943 68.0936 21.5862 65.2726C21.5752 65.1398 21.531 65.0182 21.5089 64.8854C21.5752 64.8965 21.6414 64.9407 21.7077 64.9628C22.9557 65.5934 24.3805 66.7107 25.2972 68.0825C25.9267 68.9675 26.5121 70.1955 26.8434 71.4234C27.1858 72.7177 27.1968 73.9457 27.0312 75.24Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.514 80.5058C23.9829 80.3067 25.8825 79.6319 26.7219 77.7512C27.0201 77.6627 27.5392 77.6074 27.8485 77.5189C27.9368 77.5078 27.981 77.4083 27.9921 77.2866C27.9921 77.2202 27.9479 77.1207 27.7933 77.0985C27.4288 77.1538 27.0643 77.2645 26.6557 77.3087C24.5241 76.0476 22.8011 75.4723 20.5591 75.7931C17.9857 76.1582 16.1081 77.4525 15.1031 78.2822C14.9595 78.4039 14.8159 78.5145 14.6834 78.6362C15.3019 79.3996 16.6935 79.9084 17.5218 80.1297C19.1454 80.5833 20.7358 80.7603 22.514 80.5058Z", fill: "currentColor" })] }));
+const RatingBadge = ({ title = 'Best Design Tool', subtitle = '2,000+ reviews', rating, theme = 'dark', className, ...props }) => {
+    return (jsxRuntime.jsxs("div", { ...props, className: cx.cx('flex items-center -space-x-0.5', className), children: [jsxRuntime.jsx(Wreath, { className: cx.cx('shrink-0', theme === 'light' && 'text-fg-white') }), jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [jsxRuntime.jsx(RatingStars.RatingStars, { rating: rating, className: "gap-0.5", starClassName: "size-4" }), jsxRuntime.jsxs("div", { className: "text-center", children: [jsxRuntime.jsx("p", { className: cx.cx('text-sm font-semibold', theme === 'light' ? 'text-primary_on-brand' : 'text-primary'), children: title }), jsxRuntime.jsx("p", { className: cx.cx('text-xs font-medium', theme === 'light' ? 'text-secondary_on-brand' : 'text-secondary'), children: subtitle })] })] }), jsxRuntime.jsx(Wreath, { className: cx.cx('shrink-0 -scale-x-100', theme === 'light' && 'text-fg-white') })] }));
+};
+
+exports.RatingBadge = RatingBadge;
+exports.Wreath = Wreath;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/RatingBadge/index.cjs.map

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

package/dist/components/atoms/RatingBadge/index.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes } from 'react';
+export declare const Wreath: (props: HTMLAttributes<HTMLOrSVGElement>) => import("react").JSX.Element;
+interface RatingBadgeProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    subtitle?: string;
+    rating?: number;
+    theme?: 'light' | 'dark';
+}
+export declare const RatingBadge: ({ title, subtitle, rating, theme, className, ...props }: RatingBadgeProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/RatingBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingBadge/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,MAAM,GAAI,OAAO,cAAc,CAAC,gBAAgB,CAAC,gCAgH7D,CAAC;AAEF,UAAU,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,GAAI,yDAOzB,gBAAgB,gCAiBlB,CAAC"}

package/dist/components/atoms/RatingBadge/index.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { RatingStars } from '@flipdish/ui-library/components/atoms/RatingStars';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const Wreath = (props) => (
+// biome-ignore lint/a11y/noSvgWithoutTitle: SVG does not need a title
+jsxs("svg", { width: "36", height: "81", viewBox: "0 0 36 81", fill: "none", ...props, className: cx('text-fg-primary', props.className), children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M34.188 79.123C21.8844 77.4193 12.9273 67.7396 8.84084 54.5087C7.16207 49.0327 6.91909 42.9593 7.50445 36.6094C8.58681 25.2702 13.7888 15.4245 21.3764 8.24482C21.4095 8.21163 21.4206 8.20057 21.4316 8.23376C21.4537 8.26695 21.52 8.30013 21.5531 8.32226C21.5973 8.34439 21.6083 8.32226 21.5752 8.37757C13.5237 15.7563 8.35488 27.4938 7.79161 39.3529C6.91909 56.2898 15.1362 71.2907 27.4509 76.4569C29.5162 77.3308 31.6809 77.9946 33.934 78.3375C34.0886 78.5367 34.177 78.8132 34.188 79.123Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.51737 50.8359C4.52243 52.0306 6.12388 53.2033 7.84683 52.7497C7.93518 52.8825 8.38801 53.5462 8.45428 53.6458C8.53159 53.7675 8.67517 53.8892 8.78561 53.7896C8.85188 53.7453 8.9071 53.6458 8.84084 53.4909C8.58681 53.1812 8.34383 52.8603 8.05667 52.5285C7.54863 49.8402 6.80864 48.0481 5.26241 46.2338C3.4732 44.1541 1.6398 43.2248 0.502216 42.8376C0.336548 42.7934 0.181926 42.7491 0.0162576 42.6938C-0.0941877 43.7337 0.380727 45.2493 0.756241 46.1121C1.48518 47.8822 2.28039 49.4309 3.51737 50.8359Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.317 12.9686C18.1735 13.0239 17.3341 13.2451 17.2347 13.0792C17.2015 13.0349 17.2457 12.869 17.323 12.8579C17.6323 12.8247 17.9747 12.8026 18.2729 12.7362C18.814 11.0326 20.3161 10.2914 21.6967 10.0038C23.3533 9.6719 25.1757 10.1808 27.1306 10.4573C27.23 10.4795 27.3404 10.4905 27.4288 10.4905C27.3956 10.5569 27.3515 10.6012 27.3073 10.6675C26.49 11.7849 25.2088 12.8137 23.9608 13.3226C23.1214 13.6766 22.1164 13.8757 21.1334 13.8425C20.0952 13.7983 19.2227 13.5659 18.317 12.9686Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5531 8.3112C21.6194 8.33332 21.6194 8.3112 21.7408 8.24482C21.9728 8.02357 22.1716 7.89082 22.4035 7.68063C23.7289 7.69169 24.9879 7.29344 26.1807 6.49693C26.7109 6.14293 27.241 5.71148 27.6828 5.19154C28.7431 4.05209 29.5935 2.38164 29.9801 0.854996C30.0022 0.766495 30.0132 0.711182 30.0242 0.622681C29.9248 0.666931 29.8365 0.711183 29.7371 0.755433C27.5945 1.61832 25.5181 2.01657 23.7951 3.68703C22.6244 4.80435 22.017 6.15399 22.2599 7.45938C21.9949 7.66957 21.7188 7.86869 21.4647 8.11207C21.3543 8.21163 21.4868 8.3112 21.5531 8.3112Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.7557 20.1039C13.6121 20.1814 12.8058 20.6018 12.6843 20.4579C12.6291 20.4026 12.6512 20.2256 12.7285 20.1924C13.0267 20.0818 13.3801 20.0044 13.6783 19.8716C13.7888 18.6658 14.4625 17.5374 15.7989 16.763C17.8421 15.6789 20.1615 15.8559 22.3483 15.6678C22.4587 15.6568 22.5581 15.6568 22.6575 15.6457C22.6244 15.7121 22.5913 15.7674 22.5692 15.8338C21.8402 17.0949 20.6585 18.4556 19.4546 19.23C18.6484 19.7721 17.6544 20.1814 16.6604 20.3805C15.6111 20.5907 14.7165 20.469 13.7557 20.1039Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.0535 38.7113C3.71618 40.2047 4.90898 41.842 6.65402 41.9526C6.70924 42.1075 7.02953 42.8266 7.07371 42.9372C7.10685 43.0921 7.21729 43.258 7.36087 43.1916C7.42714 43.1695 7.4934 43.081 7.48236 42.9261C7.31669 42.5279 7.10685 42.2181 6.90804 41.8088C7.06267 39.0653 6.90804 37.0629 5.85881 34.8062C4.666 32.2064 3.03141 30.713 2.02636 29.9829C1.90487 29.8722 1.76129 29.7837 1.61771 29.6952C1.38578 30.7572 1.46309 32.4056 1.60667 33.357C1.86069 35.2818 2.26934 36.9744 3.0535 38.7113Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.00838 27.6929C5.29554 29.2859 6.01344 30.89 7.60385 31.5869C7.62594 31.7529 7.80265 32.5273 7.82474 32.6489C7.82474 32.8149 7.87996 33.0029 8.03458 32.9808C8.07876 32.9698 8.18921 32.9255 8.20025 32.7596C8.13399 32.3392 8.0125 31.8635 7.93519 31.4099C8.46532 29.474 8.75248 27.704 8.66412 25.8123C8.52054 23.1462 7.52654 20.8341 5.95821 18.9756C5.83672 18.8428 5.74837 18.699 5.63792 18.5773C5.19614 19.4955 4.90898 21.0664 4.83167 22.0067C4.666 23.9095 4.67705 25.8233 5.00838 27.6929Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.01755 17.637C8.97337 19.2742 9.37097 21.1106 10.7405 22.1727C10.7295 22.3386 10.6963 23.1351 10.6963 23.2457C10.6742 23.4006 10.6853 23.5887 10.8399 23.6219C10.8951 23.6219 10.9945 23.6108 11.0277 23.4559C11.0608 23.0466 11.0718 22.416 11.0939 21.9625C12.2646 19.9712 12.8942 17.8029 12.9163 15.3249C12.9604 12.4597 12.2536 10.6343 11.6903 9.48383C11.613 9.32896 11.5357 9.17408 11.4584 9.01921C10.8399 9.77146 10.2545 11.2096 9.98947 12.0946C9.45933 13.8868 9.07277 15.7563 9.01755 17.637Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.092 8.45501C14.7386 9.99271 14.838 12.2495 15.9867 13.1787C15.9425 13.3779 15.8431 14.0638 15.832 14.2186C15.7878 14.3846 15.7547 14.5394 15.8872 14.6058C15.9425 14.6279 15.9866 14.628 16.0529 14.4841C16.1302 14.0527 16.1523 13.6987 16.2186 13.2562C17.8532 11.5083 18.7809 9.78252 19.3 7.42619C19.8191 4.95923 19.7418 3.00114 19.5209 1.61832C19.4988 1.45238 19.4546 1.28644 19.4105 1.10944C17.9747 2.25995 16.9586 3.77553 16.0971 5.50129C15.6332 6.44162 15.2688 7.40406 15.092 8.45501Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0889 29.5182C9.95633 29.6399 9.22739 30.3369 9.05068 30.2484C9.0065 30.2041 8.97337 29.9718 9.05068 29.9275C9.32679 29.7063 9.68022 29.5404 9.95633 29.3302C9.86798 28.0026 10.1662 26.653 11.37 25.3919C13.2255 23.5887 15.6884 22.9802 17.9305 22.051C18.0299 22.0067 18.1293 21.9514 18.2508 21.9071C18.2287 21.9846 18.2176 22.0731 18.1845 22.1505C17.7427 23.6993 16.8592 25.5025 15.7878 26.7194C15.092 27.538 14.1533 28.3235 13.1703 28.8434C12.1432 29.3965 11.1712 29.5735 10.0889 29.5182Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.54263 40.3264C8.44323 40.5034 7.85787 41.4548 7.67012 41.4105C7.5928 41.4105 7.51549 41.1782 7.57072 41.0897C7.81369 40.7689 8.12294 40.5145 8.33279 40.1826C7.95727 38.9657 8.13399 37.2067 9.03964 35.5252C10.4754 33.0693 12.5739 31.8746 14.6061 30.1599C14.6944 30.0714 14.7828 29.9939 14.8822 29.8944C14.8932 29.9718 14.9043 30.0603 14.8932 30.1599C14.8491 31.8414 14.4073 33.9543 13.6231 35.5474C13.1151 36.6204 12.364 37.6935 11.5026 38.5896C10.608 39.4856 9.65813 40.0056 8.54263 40.3264Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.55873 50.9244C9.48142 51.1346 9.08382 52.263 8.88501 52.3072C8.81875 52.2961 8.68621 52.1302 8.74144 52.0085C8.90711 51.6324 9.09486 51.2009 9.24948 50.8138C8.56472 50.1611 8.33279 48.3468 8.88501 46.444C9.80171 43.6562 11.8449 41.5654 13.4906 39.2533C13.5679 39.1427 13.6452 39.0321 13.7225 38.9214C13.7446 38.9989 13.7557 39.0874 13.7777 39.1759C14.0649 40.8021 14.0428 42.9593 13.601 44.7183C13.3028 45.8909 12.7837 47.1852 12.11 48.2915C11.4142 49.4641 10.5859 50.2717 9.55873 50.9244Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.0958 63.3256C8.34383 64.1442 10.5748 64.7637 12.11 63.757C12.2315 63.8455 12.8721 64.2327 12.9494 64.2991C13.0598 64.4097 13.2145 64.4871 13.3139 64.3323C13.3691 64.2659 13.4022 64.1553 13.2918 64.0336C12.9715 63.8123 12.6181 63.6685 12.2757 63.4473C11.105 61.0135 9.84589 59.3652 7.9131 58.1483C5.70419 56.7323 3.85975 56.7101 2.67799 56.7101C2.51232 56.7101 2.34665 56.7212 2.18098 56.7212C2.46814 59.1218 5.43912 62.2968 7.0958 63.3256Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2255 61.4449C13.2145 61.5998 13.1372 62.2857 13.0267 62.7061C12.9936 62.8277 12.9825 63.0048 12.8169 62.9384C12.7506 62.9273 12.6843 62.7835 12.6843 62.7171C12.7616 62.3078 12.8279 61.8432 12.861 61.4339C12.099 60.9471 11.5026 59.3541 11.3811 57.396C11.5136 54.4423 12.839 51.7651 13.8992 48.9774C13.9324 48.8557 13.9765 48.7229 14.0207 48.5902C14.0649 48.6565 14.087 48.7229 14.1312 48.7893C14.838 50.2496 15.3792 52.2962 15.4234 54.1436C15.4676 55.3494 15.2908 56.7544 14.9374 58.0598C14.5619 59.3983 14.0097 60.4493 13.2255 61.4449Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.8551 73.4257C15.2908 73.7134 17.2347 73.647 18.4496 72.0982C18.7588 72.1425 19.2558 72.2199 19.5761 72.242C19.6645 72.2531 19.7307 72.1867 19.7639 72.0761C19.786 71.9987 19.7639 71.8991 19.6203 71.8217C19.2558 71.7442 18.8914 71.7442 18.5048 71.6778C16.8923 69.7861 15.3682 68.7241 13.1703 68.3259C10.6301 67.8612 8.47637 68.5139 7.32774 68.9896C7.17311 69.0449 7.00744 69.1113 6.86387 69.1888C7.27251 70.1069 8.46532 71.0473 9.21635 71.5008C10.6521 72.4522 12.1211 73.1381 13.8551 73.4257Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.9908 69.4321C19.0128 69.5981 19.0349 70.2618 19.0349 70.7043C19.0239 70.826 19.057 70.992 18.8914 71.003C18.814 71.003 18.7257 70.9035 18.7257 70.826C18.6926 70.4167 18.7146 69.9742 18.6484 69.5538C17.798 69.2883 16.6714 67.994 16.1523 66.2129C15.5559 63.3588 16.2075 60.4161 16.5168 57.396C16.5389 57.2633 16.5278 57.1305 16.5389 56.9867C16.5941 57.042 16.6604 57.0973 16.7156 57.1526C17.7538 58.2921 18.792 60.051 19.289 61.7768C19.6313 62.9052 19.8081 64.2991 19.8081 65.6376C19.786 67.0426 19.4988 68.2263 18.9908 69.4321Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M27.0312 75.24C27.1085 75.3617 27.2079 75.9148 27.3183 76.3352C27.3515 76.4348 27.4177 76.5896 27.2631 76.645C27.1858 76.6781 27.0864 76.6118 27.0643 76.5454C26.9207 76.1914 26.9207 75.8153 26.744 75.4613C25.9157 75.6604 24.4799 74.6094 23.5411 73.2377C22.2379 70.8703 22.0943 68.0936 21.5862 65.2726C21.5752 65.1398 21.531 65.0182 21.5089 64.8854C21.5752 64.8965 21.6414 64.9407 21.7077 64.9628C22.9557 65.5934 24.3805 66.7107 25.2972 68.0825C25.9267 68.9675 26.5121 70.1955 26.8434 71.4234C27.1858 72.7177 27.1968 73.9457 27.0312 75.24Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.514 80.5058C23.9829 80.3067 25.8825 79.6319 26.7219 77.7512C27.0201 77.6627 27.5392 77.6074 27.8485 77.5189C27.9368 77.5078 27.981 77.4083 27.9921 77.2866C27.9921 77.2202 27.9479 77.1207 27.7933 77.0985C27.4288 77.1538 27.0643 77.2645 26.6557 77.3087C24.5241 76.0476 22.8011 75.4723 20.5591 75.7931C17.9857 76.1582 16.1081 77.4525 15.1031 78.2822C14.9595 78.4039 14.8159 78.5145 14.6834 78.6362C15.3019 79.3996 16.6935 79.9084 17.5218 80.1297C19.1454 80.5833 20.7358 80.7603 22.514 80.5058Z", fill: "currentColor" })] }));
+const RatingBadge = ({ title = 'Best Design Tool', subtitle = '2,000+ reviews', rating, theme = 'dark', className, ...props }) => {
+    return (jsxs("div", { ...props, className: cx('flex items-center -space-x-0.5', className), children: [jsx(Wreath, { className: cx('shrink-0', theme === 'light' && 'text-fg-white') }), jsxs("div", { className: "flex flex-col items-center gap-1", children: [jsx(RatingStars, { rating: rating, className: "gap-0.5", starClassName: "size-4" }), jsxs("div", { className: "text-center", children: [jsx("p", { className: cx('text-sm font-semibold', theme === 'light' ? 'text-primary_on-brand' : 'text-primary'), children: title }), jsx("p", { className: cx('text-xs font-medium', theme === 'light' ? 'text-secondary_on-brand' : 'text-secondary'), children: subtitle })] })] }), jsx(Wreath, { className: cx('shrink-0 -scale-x-100', theme === 'light' && 'text-fg-white') })] }));
+};
+
+export { RatingBadge, Wreath };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/RatingBadge/index.js.map

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

package/dist/components/atoms/RatingStars/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+
+const getStarProgress = (starPosition, rating, maxRating = 5) => {
+    // Ensure rating is between 0 and 5
+    const clampedRating = Math.min(Math.max(rating, 0), maxRating);
+    const diff = clampedRating - starPosition;
+    if (diff >= 1)
+        return 100;
+    if (diff <= 0)
+        return 0;
+    return Math.round(diff * 100);
+};
+const StarIcon = ({ progress = 100, ...props }) => {
+    const id = React.useId();
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: SVG does not need a title
+    jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, className: cx.cx('size-5 text-yellow-400', props.className), children: [jsxRuntime.jsx("path", { d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z", className: "fill-bg-tertiary" }), jsxRuntime.jsx("g", { clipPath: `url(#clip-${id})`, children: jsxRuntime.jsx("path", { d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: `clip-${id}`, children: jsxRuntime.jsx("rect", { width: `${progress}%`, height: "20", fill: "white" }) }) })] }));
+};
+const RatingStars = ({ rating = 5, stars = 5, starClassName, ...props }) => {
+    return (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex', props.className), children: Array.from({ length: stars }).map((_, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of stars
+        jsxRuntime.jsx(StarIcon, { progress: getStarProgress(index, rating, stars), className: starClassName }, index))) }));
+};
+
+exports.RatingStars = RatingStars;
+exports.StarIcon = StarIcon;
+exports.getStarProgress = getStarProgress;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/RatingStars/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"sourcesContent":[null],"names":["useId","_jsxs","cx","_jsx"],"mappings":";;;;;;AAMO,MAAM,eAAe,GAAG,CAAC,YAAoB,EAAE,MAAc,EAAE,SAAA,GAAoB,CAAC,KAAI;;AAE7F,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC;AAE9D,IAAA,MAAM,IAAI,GAAG,aAAa,GAAG,YAAY;IAEzC,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,GAAG;IACzB,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,CAAC;IAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;AAC/B;AAWO,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,KAAK,EAAiB,KAAI;AACtE,IAAA,MAAM,EAAE,GAAGA,WAAK,EAAE;IAElB;;AAEE,IAAAC,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,aAC7HC,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,SAAS,EAAC,kBAAkB,EAAA,CAC5B,EACFA,sBAAG,QAAQ,EAAE,CAAA,UAAA,EAAa,EAAE,GAAG,EAAA,QAAA,EAC7BA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,IAAI,EAAC,cAAc,EAAA,CACnB,GACA,EACJA,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,6BAAU,EAAE,EAAE,QAAQ,EAAE,CAAA,CAAE,EAAA,QAAA,EACxBA,cAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAG,EAAE,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAC/C,EAAA,CACN,CAAA,EAAA,CACH;AAEV;MAmBa,WAAW,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAoB,KAAI;AAClG,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAED,KAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,YACnD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;;QAE1CC,cAAA,CAAC,QAAQ,IAAa,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,EAAA,EAAhF,KAAK,CAA+E,CACpG,CAAC,EAAA,CACE;AAEV;;;;;;"}

package/dist/components/atoms/RatingStars/index.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributes, SVGProps } from 'react';
+export declare const getStarProgress: (starPosition: number, rating: number, maxRating?: number) => number;
+interface StarIconProps extends SVGProps<SVGSVGElement> {
+    /**
+     * The progress of the star icon. It should be a number between 0 and 100.
+     *
+     * @default 100
+     */
+    progress?: number;
+}
+export declare const StarIcon: ({ progress, ...props }: StarIconProps) => import("react").JSX.Element;
+interface RatingStarsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The rating to display.
+     *
+     * @default 5
+     */
+    rating?: number;
+    /**
+     * The number of stars to display.
+     */
+    stars?: number;
+    /**
+     * The class name of the star icon.
+     */
+    starClassName?: string;
+}
+export declare const RatingStars: ({ rating, stars, starClassName, ...props }: RatingStarsProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/RatingStars/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtD,eAAO,MAAM,eAAe,GAAI,cAAc,MAAM,EAAE,QAAQ,MAAM,EAAE,YAAW,MAAU,WAU1F,CAAC;AAEF,UAAU,aAAc,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACrD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,GAAI,wBAA8B,aAAa,gCAuBnE,CAAC;AAEF,UAAU,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,GAAI,4CAAoD,gBAAgB,gCAS/F,CAAC"}

package/dist/components/atoms/RatingStars/index.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useId } from 'react';
+
+const getStarProgress = (starPosition, rating, maxRating = 5) => {
+    // Ensure rating is between 0 and 5
+    const clampedRating = Math.min(Math.max(rating, 0), maxRating);
+    const diff = clampedRating - starPosition;
+    if (diff >= 1)
+        return 100;
+    if (diff <= 0)
+        return 0;
+    return Math.round(diff * 100);
+};
+const StarIcon = ({ progress = 100, ...props }) => {
+    const id = useId();
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: SVG does not need a title
+    jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props, className: cx('size-5 text-yellow-400', props.className), children: [jsx("path", { d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z", className: "fill-bg-tertiary" }), jsx("g", { clipPath: `url(#clip-${id})`, children: jsx("path", { d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z", fill: "currentColor" }) }), jsx("defs", { children: jsx("clipPath", { id: `clip-${id}`, children: jsx("rect", { width: `${progress}%`, height: "20", fill: "white" }) }) })] }));
+};
+const RatingStars = ({ rating = 5, stars = 5, starClassName, ...props }) => {
+    return (jsx("div", { ...props, className: cx('flex', props.className), children: Array.from({ length: stars }).map((_, index) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of stars
+        jsx(StarIcon, { progress: getStarProgress(index, rating, stars), className: starClassName }, index))) }));
+};
+
+export { RatingStars, StarIcon, getStarProgress };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/RatingStars/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAMO,MAAM,eAAe,GAAG,CAAC,YAAoB,EAAE,MAAc,EAAE,SAAA,GAAoB,CAAC,KAAI;;AAE7F,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC;AAE9D,IAAA,MAAM,IAAI,GAAG,aAAa,GAAG,YAAY;IAEzC,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,GAAG;IACzB,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,CAAC;IAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;AAC/B;AAWO,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,KAAK,EAAiB,KAAI;AACtE,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE;IAElB;;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,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,aAC7HC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,SAAS,EAAC,kBAAkB,EAAA,CAC5B,EACFA,WAAG,QAAQ,EAAE,CAAA,UAAA,EAAa,EAAE,GAAG,EAAA,QAAA,EAC7BA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,IAAI,EAAC,cAAc,EAAA,CACnB,GACA,EACJA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,kBAAU,EAAE,EAAE,QAAQ,EAAE,CAAA,CAAE,EAAA,QAAA,EACxBA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAG,EAAE,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAC/C,EAAA,CACN,CAAA,EAAA,CACH;AAEV;MAmBa,WAAW,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAoB,KAAI;AAClG,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,YACnD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;;QAE1CA,GAAA,CAAC,QAAQ,IAAa,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,EAAA,EAAhF,KAAK,CAA+E,CACpG,CAAC,EAAA,CACE;AAEV;;;;"}

package/dist/components/atoms/Slider/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const styles = cx.sortCx({
+    default: 'hidden',
+    bottom: 'absolute top-2 left-1/2 -translate-x-1/2 translate-y-full text-md font-medium text-primary',
+    'top-floating': 'absolute -top-2 left-1/2 -translate-x-1/2 -translate-y-full rounded-lg bg-primary px-2 py-1.5 text-xs font-semibold text-secondary shadow-lg ring-1 ring-secondary_alt',
+});
+const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, ...rest }) => {
+    // Format thumb value as percentage by default.
+    const defaultFormatOptions = {
+        style: 'percent',
+        maximumFractionDigits: 0,
+    };
+    return (jsxRuntime.jsxs(reactAriaComponents.Slider, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, children: [jsxRuntime.jsx(reactAriaComponents.Label, {}), jsxRuntime.jsx(reactAriaComponents.SliderTrack, { className: "relative h-6 w-full", children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
+                    const left = values.length === 1 ? 0 : getThumbPercent(0);
+                    const width = values.length === 1 ? getThumbPercent(0) : getThumbPercent(1) - left;
+                    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-quaternary" }), jsxRuntime.jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-brand-solid", style: {
+                                    left: `${left * 100}%`,
+                                    width: `${width * 100}%`,
+                                } }), values.map((_, index) => {
+                                return (jsxRuntime.jsx(reactAriaComponents.SliderThumb
+                                // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of thumbs
+                                , { index: index, className: ({ isFocusVisible, isDragging }) => cx.cx('top-1/2 box-border size-6 cursor-grab rounded-full bg-slider-handle-bg shadow-md ring-2 ring-slider-handle-border ring-inset', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', isDragging && 'cursor-grabbing'), children: jsxRuntime.jsx(reactAriaComponents.SliderOutput, { className: cx.cx('whitespace-nowrap', styles[labelPosition]), children: labelFormatter ? labelFormatter(getThumbValue(index)) : getFormattedValue(getThumbValue(index) / 100) }) }, index));
+                            })] }));
+                } })] }));
+};
+
+exports.Slider = Slider;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/Slider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["sortCx","_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","_Fragment","AriaSliderThumb","cx","AriaSliderOutput"],"mappings":";;;;;;AAYA,MAAM,MAAM,GAAGA,SAAM,CAAC;AACpB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,MAAM,EAAE,4FAA4F;AACpG,IAAA,cAAc,EACZ,wKAAwK;AAC3K,CAAA,CAAC;AAOK,MAAM,MAAM,GAAG,CAAC,EAAE,aAAa,GAAG,SAAS,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,IAAI,EAAe,KAAI;;AAEzI,IAAA,MAAM,oBAAoB,GAA6B;AACrD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,qBAAqB,EAAE,CAAC;KACzB;AAED,IAAA,QACEC,eAAA,CAACC,0BAAU,OAAK,IAAI,EAAQ,QAAQ,EAAE,QAAQ,EAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,aACpGC,cAAA,CAACC,yBAAS,KAAG,EACbD,cAAA,CAACE,+BAAe,EAAA,EAAC,SAAS,EAAC,qBAAqB,YAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,EAAE,KAAI;AAC5E,oBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC;oBACzD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI;AAElF,oBAAA,QACEJ,eAAA,CAAAK,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yEAAyE,EAAA,CAAG,EAC5FA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE;AACL,oCAAA,IAAI,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,CAAA,CAAG;AACtB,oCAAA,KAAK,EAAE,CAAA,EAAG,KAAK,GAAG,GAAG,CAAA,CAAA,CAAG;iCACzB,EAAA,CACD,EACD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;gCACvB,QACEA,eAACI;;AAGC,kCAAA,EAAA,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,KACxCC,KAAE,CACA,8HAA8H,EAC9H,cAAc,IAAI,+CAA+C,EACjE,UAAU,IAAI,iBAAiB,CAChC,EAAA,QAAA,EAGHL,eAACM,gCAAgB,EAAA,EAAC,SAAS,EAAED,KAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,YACxE,cAAc,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAAG,iBAAiB,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAA,CACrF,EAAA,EAZd,KAAK,CAaM;4BAEtB,CAAC,CAAC,CAAA,EAAA,CACD;gBAEP,CAAC,EAAA,CACe,CAAA,EAAA,CACP;AAEjB;;;;"}

package/dist/components/atoms/Slider/index.d.ts

@@ -0,0 +1,13 @@
+import type { SliderProps as AriaSliderProps } from 'react-aria-components';
+declare const styles: {
+    default: string;
+    bottom: string;
+    'top-floating': string;
+};
+interface SliderProps extends AriaSliderProps {
+    labelPosition?: keyof typeof styles;
+    labelFormatter?: (value: number) => string;
+}
+export declare const Slider: ({ labelPosition, minValue, maxValue, labelFormatter, formatOptions, ...rest }: SliderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAS5E,QAAA,MAAM,MAAM;;;;CAKV,CAAC;AAEH,UAAU,WAAY,SAAQ,eAAe;IAC3C,aAAa,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED,eAAO,MAAM,MAAM,GAAI,+EAAqG,WAAW,gCAmDtI,CAAC"}

package/dist/components/atoms/Slider/index.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { Slider as Slider$1, Label, SliderTrack, SliderThumb, SliderOutput } from 'react-aria-components';
+
+const styles = sortCx({
+    default: 'hidden',
+    bottom: 'absolute top-2 left-1/2 -translate-x-1/2 translate-y-full text-md font-medium text-primary',
+    'top-floating': 'absolute -top-2 left-1/2 -translate-x-1/2 -translate-y-full rounded-lg bg-primary px-2 py-1.5 text-xs font-semibold text-secondary shadow-lg ring-1 ring-secondary_alt',
+});
+const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, ...rest }) => {
+    // Format thumb value as percentage by default.
+    const defaultFormatOptions = {
+        style: 'percent',
+        maximumFractionDigits: 0,
+    };
+    return (jsxs(Slider$1, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, children: [jsx(Label, {}), jsx(SliderTrack, { className: "relative h-6 w-full", children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
+                    const left = values.length === 1 ? 0 : getThumbPercent(0);
+                    const width = values.length === 1 ? getThumbPercent(0) : getThumbPercent(1) - left;
+                    return (jsxs(Fragment, { children: [jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-quaternary" }), jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-brand-solid", style: {
+                                    left: `${left * 100}%`,
+                                    width: `${width * 100}%`,
+                                } }), values.map((_, index) => {
+                                return (jsx(SliderThumb
+                                // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of thumbs
+                                , { index: index, className: ({ isFocusVisible, isDragging }) => cx('top-1/2 box-border size-6 cursor-grab rounded-full bg-slider-handle-bg shadow-md ring-2 ring-slider-handle-border ring-inset', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', isDragging && 'cursor-grabbing'), children: jsx(SliderOutput, { className: cx('whitespace-nowrap', styles[labelPosition]), children: labelFormatter ? labelFormatter(getThumbValue(index)) : getFormattedValue(getThumbValue(index) / 100) }) }, index));
+                            })] }));
+                } })] }));
+};
+
+export { Slider };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","_Fragment","AriaSliderThumb","AriaSliderOutput"],"mappings":";;;;AAYA,MAAM,MAAM,GAAG,MAAM,CAAC;AACpB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,MAAM,EAAE,4FAA4F;AACpG,IAAA,cAAc,EACZ,wKAAwK;AAC3K,CAAA,CAAC;AAOK,MAAM,MAAM,GAAG,CAAC,EAAE,aAAa,GAAG,SAAS,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,IAAI,EAAe,KAAI;;AAEzI,IAAA,MAAM,oBAAoB,GAA6B;AACrD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,qBAAqB,EAAE,CAAC;KACzB;AAED,IAAA,QACEA,IAAA,CAACC,QAAU,OAAK,IAAI,EAAQ,QAAQ,EAAE,QAAQ,EAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,aACpGC,GAAA,CAACC,KAAS,KAAG,EACbD,GAAA,CAACE,WAAe,EAAA,EAAC,SAAS,EAAC,qBAAqB,YAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,EAAE,KAAI;AAC5E,oBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC;oBACzD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI;AAElF,oBAAA,QACEJ,IAAA,CAAAK,QAAA,EAAA,EAAA,QAAA,EAAA,CACEH,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yEAAyE,EAAA,CAAG,EAC5FA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE;AACL,oCAAA,IAAI,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,CAAA,CAAG;AACtB,oCAAA,KAAK,EAAE,CAAA,EAAG,KAAK,GAAG,GAAG,CAAA,CAAA,CAAG;iCACzB,EAAA,CACD,EACD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;gCACvB,QACEA,IAACI;;AAGC,kCAAA,EAAA,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,KACxC,EAAE,CACA,8HAA8H,EAC9H,cAAc,IAAI,+CAA+C,EACjE,UAAU,IAAI,iBAAiB,CAChC,EAAA,QAAA,EAGHJ,IAACK,YAAgB,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,YACxE,cAAc,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAAG,iBAAiB,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAA,CACrF,EAAA,EAZd,KAAK,CAaM;4BAEtB,CAAC,CAAC,CAAA,EAAA,CACD;gBAEP,CAAC,EAAA,CACe,CAAA,EAAA,CACP;AAEjB;;;;"}

package/dist/components/atoms/SocialButton/components/social-logos.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const GoogleLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [jsxRuntime.jsx("path", { d: "M23.766 12.2764C23.766 11.4607 23.6999 10.6406 23.5588 9.83807H12.24V14.4591H18.7217C18.4528 15.9494 17.5885 17.2678 16.323 18.1056V21.1039H20.19C22.4608 19.0139 23.766 15.9274 23.766 12.2764Z", fill: colorful ? '#4285F4' : 'currentColor' }), jsxRuntime.jsx("path", { d: "M12.24 24.0008C15.4764 24.0008 18.2058 22.9382 20.1944 21.1039L16.3274 18.1055C15.2516 18.8375 13.8626 19.252 12.2444 19.252C9.11376 19.252 6.45934 17.1399 5.50693 14.3003H1.51648V17.3912C3.55359 21.4434 7.70278 24.0008 12.24 24.0008Z", fill: colorful ? '#34A853' : 'currentColor' }), jsxRuntime.jsx("path", { d: "M5.50253 14.3003C4.99987 12.8099 4.99987 11.1961 5.50253 9.70575V6.61481H1.51649C-0.18551 10.0056 -0.18551 14.0004 1.51649 17.3912L5.50253 14.3003Z", fill: colorful ? '#FBBC04' : 'currentColor' }), jsxRuntime.jsx("path", { d: "M12.24 4.74966C13.9508 4.7232 15.6043 5.36697 16.8433 6.54867L20.2694 3.12262C18.1 1.0855 15.2207 -0.034466 12.24 0.000808666C7.70277 0.000808666 3.55359 2.55822 1.51648 6.61481L5.50252 9.70575C6.45052 6.86173 9.10935 4.74966 12.24 4.74966Z", fill: colorful ? '#EA4335' : 'currentColor' })] }));
+};
+const FigmaLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [jsxRuntime.jsx("path", { d: "M8.00006 24.0001C10.2081 24.0001 12.0001 22.208 12.0001 20V16H8.00006C5.79205 16 4 17.792 4 20C4 22.208 5.79205 24.0001 8.00006 24.0001Z", fill: colorful ? '#24CB71' : 'currentColor' }), jsxRuntime.jsx("path", { d: "M4 12C4 9.79203 5.79205 8 8.00006 8H12.0001V16H8.00006C5.79205 16.0001 4 14.208 4 12Z", fill: colorful ? '#874FFF' : 'currentColor' }), jsxRuntime.jsx("path", { d: "M4 4.00003C4 1.79203 5.79205 0 8.00006 0H12.0001V7.99997H8.00006C5.79205 7.99997 4 6.20803 4 4.00003Z", fill: colorful ? '#FF3737' : 'currentColor' }), jsxRuntime.jsx("path", { d: "M12 0H16.0001C18.2081 0 20.0001 1.79203 20.0001 4.00003C20.0001 6.20803 18.2081 7.99997 16.0001 7.99997H12V0Z", fill: colorful ? '#FF7237' : 'currentColor' }), jsxRuntime.jsx("path", { d: "M20.0001 12C20.0001 14.208 18.2081 16.0001 16.0001 16.0001C13.792 16.0001 12 14.208 12 12C12 9.79203 13.792 8 16.0001 8C18.2081 8 20.0001 9.79203 20.0001 12Z", fill: colorful ? '#00B6FF' : 'currentColor' })] }));
+};
+const FigmaLogoOutlined = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.25 2C7.51349 2 6.81155 2.28629 6.29747 2.78895C5.78414 3.29087 5.5 3.96677 5.5 4.66667C5.5 5.36657 5.78414 6.04247 6.29747 6.54438C6.81155 7.04705 7.51349 7.33333 8.25 7.33333H11V2H8.25ZM13 2V7.33333H15.75C16.1142 7.33333 16.4744 7.26316 16.8097 7.12736C17.145 6.99157 17.4482 6.79311 17.7025 6.54438C17.9569 6.29571 18.1574 6.00171 18.2938 5.67977C18.4301 5.35788 18.5 5.0137 18.5 4.66667C18.5 4.31964 18.4301 3.97545 18.2938 3.65356C18.1574 3.33162 17.9569 3.03763 17.7025 2.78895C17.4482 2.54022 17.145 2.34177 16.8097 2.20598C16.4744 2.07017 16.1142 2 15.75 2H13ZM18.6884 8.33334C18.8324 8.22191 18.9702 8.10211 19.1008 7.9744C19.5429 7.54211 19.8948 7.02769 20.1353 6.45991C20.3759 5.89208 20.5 5.28266 20.5 4.66667C20.5 4.05067 20.3759 3.44126 20.1353 2.87342C19.8948 2.30564 19.5429 1.79122 19.1008 1.35894C18.6587 0.926696 18.1351 0.584984 17.5605 0.352241C16.9858 0.119512 16.3707 0 15.75 0H8.25C6.99738 0 5.79167 0.486331 4.89923 1.35894C4.00603 2.23228 3.5 3.42165 3.5 4.66667C3.5 5.91169 4.00603 7.10105 4.89923 7.9744C5.03021 8.10247 5.16794 8.22222 5.31158 8.33333C5.16794 8.44445 5.03021 8.5642 4.89923 8.69227C4.00603 9.56562 3.5 10.755 3.5 12C3.5 13.245 4.00603 14.4344 4.89923 15.3077C5.03022 15.4358 5.16795 15.5556 5.31159 15.6667C5.16795 15.7778 5.03022 15.8975 4.89923 16.0256C4.00603 16.899 3.5 18.0883 3.5 19.3333C3.5 20.5784 4.00603 21.7677 4.89923 22.6411C5.79167 23.5137 6.99738 24 8.25 24C9.5026 24 10.7083 23.5137 11.6008 22.6411C12.494 21.7677 13 20.5784 13 19.3333V15.8051C13.2922 16.0089 13.6073 16.1799 13.9395 16.3144C14.5142 16.5472 15.1293 16.6667 15.75 16.6667C16.3707 16.6667 16.9858 16.5472 17.5605 16.3144C18.1351 16.0817 18.6587 15.74 19.1008 15.3077C19.5429 14.8754 19.8948 14.361 20.1353 13.7932C20.3759 13.2254 20.5 12.616 20.5 12C20.5 11.384 20.3759 10.7746 20.1353 10.2068C19.8948 9.63898 19.5429 9.12456 19.1008 8.69227C18.9702 8.56456 18.8324 8.44476 18.6884 8.33334ZM11 14.6667V9.33333H8.25C7.51349 9.33333 6.81155 9.61962 6.29747 10.1223C5.78414 10.6242 5.5 11.3001 5.5 12C5.5 12.6999 5.78414 13.3758 6.29747 13.8777C6.81155 14.3804 7.51349 14.6667 8.25 14.6667H11ZM11 16.6667H8.25C7.51349 16.6667 6.81155 16.953 6.29747 17.4556C5.78414 17.9575 5.5 18.6334 5.5 19.3333C5.5 20.0332 5.78414 20.7091 6.29747 21.2111C6.81155 21.7137 7.51349 22 8.25 22C8.98651 22 9.6884 21.7137 10.2025 21.2111C10.7159 20.7091 11 20.0332 11 19.3333V16.6667ZM15.75 9.33333C15.3858 9.33333 15.0256 9.4035 14.6903 9.53931C14.355 9.6751 14.0518 9.87356 13.7975 10.1223C13.5431 10.371 13.3426 10.665 13.2062 10.9869C13.0699 11.3088 13 11.653 13 12C13 12.347 13.0699 12.6912 13.2062 13.0131C13.3426 13.335 13.5431 13.629 13.7975 13.8777C14.0518 14.1264 14.355 14.3249 14.6903 14.4607C15.0256 14.5965 15.3858 14.6667 15.75 14.6667C16.1142 14.6667 16.4744 14.5965 16.8097 14.4607C17.145 14.3249 17.4482 14.1264 17.7025 13.8777C17.9569 13.629 18.1574 13.335 18.2938 13.0131C18.4301 12.6912 18.5 12.347 18.5 12C18.5 11.653 18.4301 11.3088 18.2938 10.9869C18.1574 10.665 17.9569 10.371 17.7025 10.1223C17.4482 9.87356 17.145 9.6751 16.8097 9.53931C16.4744 9.4035 16.1142 9.33333 15.75 9.33333Z", fill: "currentColor" }) }));
+};
+const DribbleLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [jsxRuntime.jsx("path", { d: "M12 23.625C18.4203 23.625 23.625 18.4203 23.625 12C23.625 5.57969 18.4203 0.375 12 0.375C5.57969 0.375 0.375 5.57969 0.375 12C0.375 18.4203 5.57969 23.625 12 23.625Z", fill: colorful ? '#EA4C89' : 'none' }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 0C5.37527 0 0 5.37527 0 12C0 18.6248 5.37527 24 12 24C18.6117 24 24 18.6248 24 12C24 5.37527 18.6117 0 12 0ZM19.9262 5.53145C21.3579 7.27549 22.217 9.50107 22.243 11.9089C21.9046 11.8439 18.5206 11.154 15.1106 11.5835C15.0325 11.4143 14.9675 11.2321 14.8894 11.0499C14.6811 10.5554 14.4469 10.0477 14.2126 9.56618C17.9869 8.0304 19.705 5.81779 19.9262 5.53145ZM12 1.77007C14.603 1.77007 16.9848 2.74621 18.7939 4.34707C18.6117 4.60738 17.0629 6.67679 13.4186 8.04338C11.7397 4.95878 9.87855 2.43384 9.5922 2.04338C10.3601 1.86117 11.1671 1.77007 12 1.77007ZM7.63995 2.73319C7.91325 3.09761 9.73538 5.63558 11.4404 8.65508C6.65076 9.9306 2.42083 9.90458 1.96529 9.90458C2.62907 6.72885 4.77657 4.08676 7.63995 2.73319ZM1.74404 12.0131C1.74404 11.9089 1.74404 11.8048 1.74404 11.7007C2.18655 11.7136 7.15835 11.7787 12.2733 10.243C12.5727 10.8156 12.846 11.4013 13.1063 11.9869C12.9761 12.026 12.8329 12.0651 12.7028 12.1041C7.41865 13.8091 4.60738 18.4685 4.3731 18.859C2.7462 17.0499 1.74404 14.6421 1.74404 12.0131ZM12 22.256C9.6312 22.256 7.44469 21.449 5.71367 20.0954C5.89588 19.718 7.97827 15.7094 13.757 13.692C13.783 13.679 13.7961 13.679 13.8221 13.666C15.2668 17.4013 15.8525 20.5379 16.0087 21.436C14.7722 21.9696 13.4186 22.256 12 22.256ZM17.7136 20.4989C17.6096 19.8742 17.0629 16.8807 15.7223 13.1974C18.9371 12.6898 21.7484 13.5228 22.0998 13.6399C21.6573 16.4902 20.0173 18.9501 17.7136 20.4989Z", fill: colorful ? '#C32361' : 'currentColor' })] }));
+};
+const FacebookLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsxRuntime.jsx("path", { d: "M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z", fill: colorful ? '#1877F2' : 'currentColor' }) }));
+};
+const AppleLogo = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsxRuntime.jsx("path", { d: "M20.8426 17.1449C20.5099 17.9135 20.1161 18.6211 19.6598 19.2715C19.0379 20.1583 18.5286 20.7721 18.1362 21.113C17.5278 21.6724 16.876 21.959 16.178 21.9753C15.6769 21.9753 15.0726 21.8327 14.3691 21.5434C13.6634 21.2555 13.0148 21.113 12.4218 21.113C11.7998 21.113 11.1328 21.2555 10.4193 21.5434C9.70475 21.8327 9.1291 21.9834 8.68898 21.9984C8.01963 22.0269 7.35246 21.7322 6.6865 21.113C6.26145 20.7422 5.7298 20.1067 5.09291 19.2063C4.40957 18.2449 3.84778 17.13 3.40766 15.8589C2.9363 14.486 2.70001 13.1565 2.70001 11.8694C2.70001 10.3951 3.01859 9.12345 3.65671 8.05784C4.15821 7.20191 4.82539 6.52672 5.66041 6.03105C6.49543 5.53539 7.39768 5.2828 8.36931 5.26664C8.90096 5.26664 9.59815 5.43109 10.4645 5.75429C11.3285 6.07858 11.8832 6.24303 12.1264 6.24303C12.3083 6.24303 12.9245 6.05074 13.9692 5.66738C14.9571 5.31186 15.7909 5.16466 16.474 5.22264C18.3249 5.37202 19.7155 6.10167 20.6403 7.41619C18.9849 8.4192 18.1661 9.82403 18.1824 11.6262C18.1973 13.03 18.7065 14.1981 19.7074 15.1256C20.1609 15.5561 20.6675 15.8888 21.231 16.1251C21.1088 16.4795 20.9798 16.819 20.8426 17.1449ZM16.5976 0.440369C16.5976 1.54062 16.1956 2.56792 15.3944 3.51878C14.4275 4.64917 13.258 5.30236 11.9898 5.19929C11.9737 5.06729 11.9643 4.92837 11.9643 4.78239C11.9643 3.72615 12.4241 2.59576 13.2407 1.67152C13.6483 1.20356 14.1668 0.814453 14.7955 0.504058C15.4229 0.198295 16.0164 0.0292007 16.5745 0.000244141C16.5908 0.147331 16.5976 0.294426 16.5976 0.440355V0.440369Z", fill: "currentColor" }) }));
+};
+const TwitterLogo = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.9455 23L10.396 15.0901L3.44886 23H0.509766L9.09209 13.2311L0.509766 1H8.05571L13.286 8.45502L19.8393 1H22.7784L14.5943 10.3165L23.4914 23H15.9455ZM19.2185 20.77H17.2398L4.71811 3.23H6.6971L11.7121 10.2532L12.5793 11.4719L19.2185 20.77Z", fill: "currentColor" }) }));
+};
+
+exports.AppleLogo = AppleLogo;
+exports.DribbleLogo = DribbleLogo;
+exports.FacebookLogo = FacebookLogo;
+exports.FigmaLogo = FigmaLogo;
+exports.FigmaLogoOutlined = FigmaLogoOutlined;
+exports.GoogleLogo = GoogleLogo;
+exports.TwitterLogo = TwitterLogo;
+//# sourceMappingURL=social-logos.cjs.map

package/dist/components/atoms/SocialButton/components/social-logos.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-logos.cjs","sources":["../../../../../src/components/atoms/SocialButton/components/social-logos.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/atoms/SocialButton/components/social-logos.d.ts

@@ -0,0 +1,17 @@
+import type { SVGProps } from 'react';
+export declare const GoogleLogo: ({ colorful, ...props }: SVGProps<SVGSVGElement> & {
+    colorful?: boolean;
+}) => import("react").JSX.Element;
+export declare const FigmaLogo: ({ colorful, ...props }: SVGProps<SVGSVGElement> & {
+    colorful?: boolean;
+}) => import("react").JSX.Element;
+export declare const FigmaLogoOutlined: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const DribbleLogo: ({ colorful, ...props }: SVGProps<SVGSVGElement> & {
+    colorful?: boolean;
+}) => import("react").JSX.Element;
+export declare const FacebookLogo: ({ colorful, ...props }: SVGProps<SVGSVGElement> & {
+    colorful?: boolean;
+}) => import("react").JSX.Element;
+export declare const AppleLogo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const TwitterLogo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//# sourceMappingURL=social-logos.d.ts.map

package/dist/components/atoms/SocialButton/components/social-logos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-logos.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/SocialButton/components/social-logos.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,UAAU,GAAI,wBAAwB,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gCAsBlG,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,wBAAwB,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gCAuBjG,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAY/D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,wBAAwB,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gCAgBnG,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,wBAAwB,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gCAUpG,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAUvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,gCAYzD,CAAC"}

package/dist/components/atoms/SocialButton/components/social-logos.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const GoogleLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [jsx("path", { d: "M23.766 12.2764C23.766 11.4607 23.6999 10.6406 23.5588 9.83807H12.24V14.4591H18.7217C18.4528 15.9494 17.5885 17.2678 16.323 18.1056V21.1039H20.19C22.4608 19.0139 23.766 15.9274 23.766 12.2764Z", fill: colorful ? '#4285F4' : 'currentColor' }), jsx("path", { d: "M12.24 24.0008C15.4764 24.0008 18.2058 22.9382 20.1944 21.1039L16.3274 18.1055C15.2516 18.8375 13.8626 19.252 12.2444 19.252C9.11376 19.252 6.45934 17.1399 5.50693 14.3003H1.51648V17.3912C3.55359 21.4434 7.70278 24.0008 12.24 24.0008Z", fill: colorful ? '#34A853' : 'currentColor' }), jsx("path", { d: "M5.50253 14.3003C4.99987 12.8099 4.99987 11.1961 5.50253 9.70575V6.61481H1.51649C-0.18551 10.0056 -0.18551 14.0004 1.51649 17.3912L5.50253 14.3003Z", fill: colorful ? '#FBBC04' : 'currentColor' }), jsx("path", { d: "M12.24 4.74966C13.9508 4.7232 15.6043 5.36697 16.8433 6.54867L20.2694 3.12262C18.1 1.0855 15.2207 -0.034466 12.24 0.000808666C7.70277 0.000808666 3.55359 2.55822 1.51648 6.61481L5.50252 9.70575C6.45052 6.86173 9.10935 4.74966 12.24 4.74966Z", fill: colorful ? '#EA4335' : 'currentColor' })] }));
+};
+const FigmaLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [jsx("path", { d: "M8.00006 24.0001C10.2081 24.0001 12.0001 22.208 12.0001 20V16H8.00006C5.79205 16 4 17.792 4 20C4 22.208 5.79205 24.0001 8.00006 24.0001Z", fill: colorful ? '#24CB71' : 'currentColor' }), jsx("path", { d: "M4 12C4 9.79203 5.79205 8 8.00006 8H12.0001V16H8.00006C5.79205 16.0001 4 14.208 4 12Z", fill: colorful ? '#874FFF' : 'currentColor' }), jsx("path", { d: "M4 4.00003C4 1.79203 5.79205 0 8.00006 0H12.0001V7.99997H8.00006C5.79205 7.99997 4 6.20803 4 4.00003Z", fill: colorful ? '#FF3737' : 'currentColor' }), jsx("path", { d: "M12 0H16.0001C18.2081 0 20.0001 1.79203 20.0001 4.00003C20.0001 6.20803 18.2081 7.99997 16.0001 7.99997H12V0Z", fill: colorful ? '#FF7237' : 'currentColor' }), jsx("path", { d: "M20.0001 12C20.0001 14.208 18.2081 16.0001 16.0001 16.0001C13.792 16.0001 12 14.208 12 12C12 9.79203 13.792 8 16.0001 8C18.2081 8 20.0001 9.79203 20.0001 12Z", fill: colorful ? '#00B6FF' : 'currentColor' })] }));
+};
+const FigmaLogoOutlined = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.25 2C7.51349 2 6.81155 2.28629 6.29747 2.78895C5.78414 3.29087 5.5 3.96677 5.5 4.66667C5.5 5.36657 5.78414 6.04247 6.29747 6.54438C6.81155 7.04705 7.51349 7.33333 8.25 7.33333H11V2H8.25ZM13 2V7.33333H15.75C16.1142 7.33333 16.4744 7.26316 16.8097 7.12736C17.145 6.99157 17.4482 6.79311 17.7025 6.54438C17.9569 6.29571 18.1574 6.00171 18.2938 5.67977C18.4301 5.35788 18.5 5.0137 18.5 4.66667C18.5 4.31964 18.4301 3.97545 18.2938 3.65356C18.1574 3.33162 17.9569 3.03763 17.7025 2.78895C17.4482 2.54022 17.145 2.34177 16.8097 2.20598C16.4744 2.07017 16.1142 2 15.75 2H13ZM18.6884 8.33334C18.8324 8.22191 18.9702 8.10211 19.1008 7.9744C19.5429 7.54211 19.8948 7.02769 20.1353 6.45991C20.3759 5.89208 20.5 5.28266 20.5 4.66667C20.5 4.05067 20.3759 3.44126 20.1353 2.87342C19.8948 2.30564 19.5429 1.79122 19.1008 1.35894C18.6587 0.926696 18.1351 0.584984 17.5605 0.352241C16.9858 0.119512 16.3707 0 15.75 0H8.25C6.99738 0 5.79167 0.486331 4.89923 1.35894C4.00603 2.23228 3.5 3.42165 3.5 4.66667C3.5 5.91169 4.00603 7.10105 4.89923 7.9744C5.03021 8.10247 5.16794 8.22222 5.31158 8.33333C5.16794 8.44445 5.03021 8.5642 4.89923 8.69227C4.00603 9.56562 3.5 10.755 3.5 12C3.5 13.245 4.00603 14.4344 4.89923 15.3077C5.03022 15.4358 5.16795 15.5556 5.31159 15.6667C5.16795 15.7778 5.03022 15.8975 4.89923 16.0256C4.00603 16.899 3.5 18.0883 3.5 19.3333C3.5 20.5784 4.00603 21.7677 4.89923 22.6411C5.79167 23.5137 6.99738 24 8.25 24C9.5026 24 10.7083 23.5137 11.6008 22.6411C12.494 21.7677 13 20.5784 13 19.3333V15.8051C13.2922 16.0089 13.6073 16.1799 13.9395 16.3144C14.5142 16.5472 15.1293 16.6667 15.75 16.6667C16.3707 16.6667 16.9858 16.5472 17.5605 16.3144C18.1351 16.0817 18.6587 15.74 19.1008 15.3077C19.5429 14.8754 19.8948 14.361 20.1353 13.7932C20.3759 13.2254 20.5 12.616 20.5 12C20.5 11.384 20.3759 10.7746 20.1353 10.2068C19.8948 9.63898 19.5429 9.12456 19.1008 8.69227C18.9702 8.56456 18.8324 8.44476 18.6884 8.33334ZM11 14.6667V9.33333H8.25C7.51349 9.33333 6.81155 9.61962 6.29747 10.1223C5.78414 10.6242 5.5 11.3001 5.5 12C5.5 12.6999 5.78414 13.3758 6.29747 13.8777C6.81155 14.3804 7.51349 14.6667 8.25 14.6667H11ZM11 16.6667H8.25C7.51349 16.6667 6.81155 16.953 6.29747 17.4556C5.78414 17.9575 5.5 18.6334 5.5 19.3333C5.5 20.0332 5.78414 20.7091 6.29747 21.2111C6.81155 21.7137 7.51349 22 8.25 22C8.98651 22 9.6884 21.7137 10.2025 21.2111C10.7159 20.7091 11 20.0332 11 19.3333V16.6667ZM15.75 9.33333C15.3858 9.33333 15.0256 9.4035 14.6903 9.53931C14.355 9.6751 14.0518 9.87356 13.7975 10.1223C13.5431 10.371 13.3426 10.665 13.2062 10.9869C13.0699 11.3088 13 11.653 13 12C13 12.347 13.0699 12.6912 13.2062 13.0131C13.3426 13.335 13.5431 13.629 13.7975 13.8777C14.0518 14.1264 14.355 14.3249 14.6903 14.4607C15.0256 14.5965 15.3858 14.6667 15.75 14.6667C16.1142 14.6667 16.4744 14.5965 16.8097 14.4607C17.145 14.3249 17.4482 14.1264 17.7025 13.8777C17.9569 13.629 18.1574 13.335 18.2938 13.0131C18.4301 12.6912 18.5 12.347 18.5 12C18.5 11.653 18.4301 11.3088 18.2938 10.9869C18.1574 10.665 17.9569 10.371 17.7025 10.1223C17.4482 9.87356 17.145 9.6751 16.8097 9.53931C16.4744 9.4035 16.1142 9.33333 15.75 9.33333Z", fill: "currentColor" }) }));
+};
+const DribbleLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [jsx("path", { d: "M12 23.625C18.4203 23.625 23.625 18.4203 23.625 12C23.625 5.57969 18.4203 0.375 12 0.375C5.57969 0.375 0.375 5.57969 0.375 12C0.375 18.4203 5.57969 23.625 12 23.625Z", fill: colorful ? '#EA4C89' : 'none' }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 0C5.37527 0 0 5.37527 0 12C0 18.6248 5.37527 24 12 24C18.6117 24 24 18.6248 24 12C24 5.37527 18.6117 0 12 0ZM19.9262 5.53145C21.3579 7.27549 22.217 9.50107 22.243 11.9089C21.9046 11.8439 18.5206 11.154 15.1106 11.5835C15.0325 11.4143 14.9675 11.2321 14.8894 11.0499C14.6811 10.5554 14.4469 10.0477 14.2126 9.56618C17.9869 8.0304 19.705 5.81779 19.9262 5.53145ZM12 1.77007C14.603 1.77007 16.9848 2.74621 18.7939 4.34707C18.6117 4.60738 17.0629 6.67679 13.4186 8.04338C11.7397 4.95878 9.87855 2.43384 9.5922 2.04338C10.3601 1.86117 11.1671 1.77007 12 1.77007ZM7.63995 2.73319C7.91325 3.09761 9.73538 5.63558 11.4404 8.65508C6.65076 9.9306 2.42083 9.90458 1.96529 9.90458C2.62907 6.72885 4.77657 4.08676 7.63995 2.73319ZM1.74404 12.0131C1.74404 11.9089 1.74404 11.8048 1.74404 11.7007C2.18655 11.7136 7.15835 11.7787 12.2733 10.243C12.5727 10.8156 12.846 11.4013 13.1063 11.9869C12.9761 12.026 12.8329 12.0651 12.7028 12.1041C7.41865 13.8091 4.60738 18.4685 4.3731 18.859C2.7462 17.0499 1.74404 14.6421 1.74404 12.0131ZM12 22.256C9.6312 22.256 7.44469 21.449 5.71367 20.0954C5.89588 19.718 7.97827 15.7094 13.757 13.692C13.783 13.679 13.7961 13.679 13.8221 13.666C15.2668 17.4013 15.8525 20.5379 16.0087 21.436C14.7722 21.9696 13.4186 22.256 12 22.256ZM17.7136 20.4989C17.6096 19.8742 17.0629 16.8807 15.7223 13.1974C18.9371 12.6898 21.7484 13.5228 22.0998 13.6399C21.6573 16.4902 20.0173 18.9501 17.7136 20.4989Z", fill: colorful ? '#C32361' : 'currentColor' })] }));
+};
+const FacebookLogo = ({ colorful, ...props }) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsx("path", { d: "M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z", fill: colorful ? '#1877F2' : 'currentColor' }) }));
+};
+const AppleLogo = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsx("path", { d: "M20.8426 17.1449C20.5099 17.9135 20.1161 18.6211 19.6598 19.2715C19.0379 20.1583 18.5286 20.7721 18.1362 21.113C17.5278 21.6724 16.876 21.959 16.178 21.9753C15.6769 21.9753 15.0726 21.8327 14.3691 21.5434C13.6634 21.2555 13.0148 21.113 12.4218 21.113C11.7998 21.113 11.1328 21.2555 10.4193 21.5434C9.70475 21.8327 9.1291 21.9834 8.68898 21.9984C8.01963 22.0269 7.35246 21.7322 6.6865 21.113C6.26145 20.7422 5.7298 20.1067 5.09291 19.2063C4.40957 18.2449 3.84778 17.13 3.40766 15.8589C2.9363 14.486 2.70001 13.1565 2.70001 11.8694C2.70001 10.3951 3.01859 9.12345 3.65671 8.05784C4.15821 7.20191 4.82539 6.52672 5.66041 6.03105C6.49543 5.53539 7.39768 5.2828 8.36931 5.26664C8.90096 5.26664 9.59815 5.43109 10.4645 5.75429C11.3285 6.07858 11.8832 6.24303 12.1264 6.24303C12.3083 6.24303 12.9245 6.05074 13.9692 5.66738C14.9571 5.31186 15.7909 5.16466 16.474 5.22264C18.3249 5.37202 19.7155 6.10167 20.6403 7.41619C18.9849 8.4192 18.1661 9.82403 18.1824 11.6262C18.1973 13.03 18.7065 14.1981 19.7074 15.1256C20.1609 15.5561 20.6675 15.8888 21.231 16.1251C21.1088 16.4795 20.9798 16.819 20.8426 17.1449ZM16.5976 0.440369C16.5976 1.54062 16.1956 2.56792 15.3944 3.51878C14.4275 4.64917 13.258 5.30236 11.9898 5.19929C11.9737 5.06729 11.9643 4.92837 11.9643 4.78239C11.9643 3.72615 12.4241 2.59576 13.2407 1.67152C13.6483 1.20356 14.1668 0.814453 14.7955 0.504058C15.4229 0.198295 16.0164 0.0292007 16.5745 0.000244141C16.5908 0.147331 16.5976 0.294426 16.5976 0.440355V0.440369Z", fill: "currentColor" }) }));
+};
+const TwitterLogo = (props) => {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+    jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.9455 23L10.396 15.0901L3.44886 23H0.509766L9.09209 13.2311L0.509766 1H8.05571L13.286 8.45502L19.8393 1H22.7784L14.5943 10.3165L23.4914 23H15.9455ZM19.2185 20.77H17.2398L4.71811 3.23H6.6971L11.7121 10.2532L12.5793 11.4719L19.2185 20.77Z", fill: "currentColor" }) }));
+};
+
+export { AppleLogo, DribbleLogo, FacebookLogo, FigmaLogo, FigmaLogoOutlined, GoogleLogo, TwitterLogo };
+//# sourceMappingURL=social-logos.js.map

package/dist/components/atoms/SocialButton/components/social-logos.js.map

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