@mrshmllw/smores-react 6.0.1 → 6.0.2

package/dist/src/hooks/useEventListener/useEventLitener.test.js

@@ -0,0 +1,36 @@
+import { act, fireEvent, renderHook } from '@testing-library/react';
+import { vi } from 'vitest';
+import { useEventListener } from '.';
+describe('useEventListener', () => {
+    let element;
+    let cb;
+    describe('click', () => {
+        beforeEach(() => {
+            cb = vi.fn();
+            element = document.createElement('div');
+            document.body.appendChild(element);
+            renderHook(() => useEventListener({
+                eventName: 'click',
+                ref: { current: element },
+                callback: cb,
+            }));
+        });
+        afterEach(() => {
+            vi.clearAllMocks();
+            vi.resetAllMocks();
+        });
+        it('should call the callback when clicking', () => {
+            act(() => {
+                fireEvent.click(element);
+            });
+            return expect(cb.mock.calls).toHaveLength(1);
+        });
+        it('should not call callback on a different (not click) event', () => {
+            act(() => {
+                fireEvent.keyDown(element);
+            });
+            return expect(cb.mock.calls).toHaveLength(0);
+        });
+    });
+});
+//# sourceMappingURL=useEventLitener.test.js.map

package/dist/src/hooks/useEventListener/useEventLitener.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventLitener.test.js","sourceRoot":"","sources":["../../../../src/hooks/useEventListener/useEventLitener.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,EAAQ,EAAE,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAEpC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,IAAI,OAAoB,CAAA;IACxB,IAAI,EAAQ,CAAA;IACZ,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACrB,UAAU,CAAC,GAAG,EAAE;YACd,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;YACZ,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YAClC,UAAU,CAAC,GAAG,EAAE,CACd,gBAAgB,CAAC;gBACf,SAAS,EAAE,OAAO;gBAClB,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;gBACzB,QAAQ,EAAE,EAAE;aACb,CAAC,CACH,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,SAAS,CAAC,GAAG,EAAE;YACb,EAAE,CAAC,aAAa,EAAE,CAAA;YAClB,EAAE,CAAC,aAAa,EAAE,CAAA;QACpB,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;YAChD,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAC1B,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;YACnE,GAAG,CAAC,GAAG,EAAE;gBACP,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YAC5B,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/src/hooks/useScript/index.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+export const useScript = ({ url, async = true, }) => {
+    useEffect(() => {
+        const script = document.createElement('script');
+        script.src = url;
+        script.async = async;
+        document.body.appendChild(script);
+        return () => {
+            document.body.removeChild(script);
+        };
+    }, [url]);
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/useScript/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useScript/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,KAAK,GAAG,IAAI,GAIb,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAE/C,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QAChB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QAEjC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AACX,CAAC,CAAA"}

package/dist/src/hooks/useScript/useScript.test.js

@@ -0,0 +1,17 @@
+import { cleanup, renderHook } from '@testing-library/react';
+import { useScript } from '.';
+describe('useScript', () => {
+    beforeEach(() => {
+        renderHook(() => useScript({
+            url: 'test',
+        }));
+    });
+    afterEach(() => {
+        cleanup();
+    });
+    it('should append the script with the correct url to the body', () => {
+        const script = document.querySelector('script[src="test"]');
+        return expect(script).toBeTruthy();
+    });
+});
+//# sourceMappingURL=useScript.test.js.map

package/dist/src/hooks/useScript/useScript.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScript.test.js","sourceRoot":"","sources":["../../../../src/hooks/useScript/useScript.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;AAE7B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,GAAG,EAAE,CACd,SAAS,CAAC;YACR,GAAG,EAAE,MAAM;SACZ,CAAC,CACH,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,EAAE,CAAA;IACX,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACnE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;QAC3D,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,CAAA;IACpC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/src/hooks/useTimeout/index.js

@@ -0,0 +1,12 @@
+import { useEffect, useRef } from 'react';
+export const useTimeout = (callback, delay) => {
+    const savedCallback = useRef(callback);
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    useEffect(() => {
+        const id = setTimeout(() => savedCallback.current(), delay);
+        return () => clearTimeout(id);
+    }, [delay]);
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/useTimeout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useTimeout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAoB,EAAE,KAAa,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC,CAAA"}

package/dist/src/index.js

@@ -0,0 +1,44 @@
+export * from './Accordion';
+export * from './ActionDropdown';
+export * from './Banner';
+export * from './Box';
+export * from './BrandCard';
+export * from './Button';
+export * from './Card';
+export * from './CheckBox';
+export * from './CheckBoxGroup';
+export * from './Chip';
+export * from './Datepicker';
+export * from './Divider';
+export * from './Dropdown';
+export * from './Emoji';
+export * from './Icon';
+export * from './IconStrict';
+export * from './IconWrapper';
+export * from './LabelledText';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './Modal';
+export * from './NumberInput';
+export * from './CurrencyInput';
+export * from './Pagination';
+export * from './RadioGroup';
+export * from './Row';
+export * from './SearchInput';
+export * from './Snackbar';
+export * from './SupportMessage';
+export * from './Table';
+export * from './Tag';
+export * from './Text';
+export * from './TextInput';
+export * from './Textarea';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './fields/Field';
+export * from './fields/Fieldset';
+export * from './fontStyle';
+export * from './hooks';
+export * from './theme';
+export * from './utils/space';
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA"}

package/dist/src/theme.js

@@ -0,0 +1,62 @@
+const colors = {
+    // Core Primary
+    lollipop: '#FF69B5', // 120
+    marshmallowPink: '#FF88C8', // 100
+    bubblegum: '#FFB3DA', // 60
+    fairyFloss: '#FFCCE7', // 40
+    // Core Secondary
+    boba: '#0E0E0C', // 120
+    liquorice: '#292924', // 100
+    sesame: '#636768', // 60
+    chia: '#D2D2D2', // 40
+    // Core Tertiary
+    custard: '#F1E9DC', // 120
+    mascarpone: '#F8F2EA', // 100
+    coconut: '#FBF8F5', // 60
+    cream: '#FFFFFF', // 0
+    // Brand Secondary
+    spearmint: '#294636', // 1 100
+    feijoa: '#3B5848', // 1 60
+    blueberry: '#89A2B6', // 2 100
+    macaroon: '#BBCFDF', // 2 60
+    pistachio: '#838E49', // 3 100
+    matcha: '#DBE1B0', // 3 60
+    caramel: '#C26B2A', // 4 100
+    peanut: '#F8C699', // 4 60
+    marzipan: '#A1957C', // 5 100
+    oatmeal: '#DAD2C4', // 5 60
+    // Traffic light
+    strawberry: '#DF2929', // Error 100
+    watermelon: '#F5CFCC', // Error 20
+    apple: '#008933', // Success 100
+    mint: '#C9E2CE', // Success 20
+    lemon: '#FFD23A', // Warning 100
+    sherbert: '#FCF0D0', // Warning 20
+    tangerine: '#FF9F2C', // Agent Warning 100
+    // Third-party brand colours
+    compareTheMarket: '#004A8E',
+    confused: '#000A8C',
+    onfido: '#3640F5',
+    twitter: '#55ACEE',
+    premfina: '#F08422',
+    checkout: '#56AC88',
+    facebook: '#3B5998',
+    stripe: '#6772E5',
+    intercom: '#286EFA',
+    ravelin: '#2A4AFC',
+    rac: '#EA7D24',
+    hometree: '#17171C',
+};
+const font = {
+    weight: {
+        normal: 400,
+        medium: 500,
+        bold: 700,
+    },
+    system: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+};
+export const theme = {
+    colors,
+    font,
+};
+//# sourceMappingURL=theme.js.map

package/dist/src/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,eAAe;IACf,QAAQ,EAAE,SAAS,EAAE,MAAM;IAC3B,eAAe,EAAE,SAAS,EAAE,MAAM;IAClC,SAAS,EAAE,SAAS,EAAE,KAAK;IAC3B,UAAU,EAAE,SAAS,EAAE,KAAK;IAE5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,MAAM;IACvB,SAAS,EAAE,SAAS,EAAE,MAAM;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,IAAI,EAAE,SAAS,EAAE,KAAK;IAEtB,gBAAgB;IAChB,OAAO,EAAE,SAAS,EAAE,MAAM;IAC1B,UAAU,EAAE,SAAS,EAAE,MAAM;IAC7B,OAAO,EAAE,SAAS,EAAE,KAAK;IACzB,KAAK,EAAE,SAAS,EAAE,IAAI;IAEtB,kBAAkB;IAClB,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,QAAQ,EAAE,SAAS,EAAE,OAAO;IAC5B,SAAS,EAAE,SAAS,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,OAAO,EAAE,SAAS,EAAE,QAAQ;IAC5B,MAAM,EAAE,SAAS,EAAE,OAAO;IAC1B,QAAQ,EAAE,SAAS,EAAE,QAAQ;IAC7B,OAAO,EAAE,SAAS,EAAE,OAAO;IAE3B,gBAAgB;IAChB,UAAU,EAAE,SAAS,EAAE,YAAY;IACnC,UAAU,EAAE,SAAS,EAAE,WAAW;IAClC,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,IAAI,EAAE,SAAS,EAAE,aAAa;IAC9B,KAAK,EAAE,SAAS,EAAE,cAAc;IAChC,QAAQ,EAAE,SAAS,EAAE,aAAa;IAClC,SAAS,EAAE,SAAS,EAAE,oBAAoB;IAE1C,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;CACpB,CAAA;AAID,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}

package/dist/src/tokenTest.spec.js

@@ -0,0 +1,8 @@
+describe('Token expiry', () => {
+    it('should fail after November 27th', () => {
+        const currentDate = new Date();
+        const failAfterDate = new Date(2024, 10, 27);
+        expect(currentDate.getTime()).toBeLessThanOrEqual(failAfterDate.getTime());
+    });
+});
+//# sourceMappingURL=tokenTest.spec.js.map

package/dist/src/tokenTest.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenTest.spec.js","sourceRoot":"","sources":["../../src/tokenTest.spec.ts"],"names":[],"mappings":"AAAA,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAA;QAC9B,MAAM,aAAa,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QAE5C,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAA;IAC5E,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/src/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/src/utils/date.js

@@ -0,0 +1,9 @@
+const ukTimeFormat = new Intl.DateTimeFormat('en-GB', {
+    timeZone: 'Europe/London',
+});
+export const convertToUkDate = (date) => {
+    const dateString = ukTimeFormat.format(date);
+    const [day, month, year] = dateString.split('/');
+    return new Date(Number(year), Number(month) - 1, Number(day));
+};
+//# sourceMappingURL=date.js.map

package/dist/src/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../src/utils/date.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;IACpD,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAU,EAAQ,EAAE;IAClD,MAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAEhD,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AAC/D,CAAC,CAAA"}

package/dist/src/utils/debounce.js

@@ -0,0 +1,19 @@
+/**
+ * Debounces a method.
+ * @param fn - The function to be debounced.
+ * @param delay - The debouncing delay.
+ * @returns A debounced version of the function.
+ */
+export const debounce = (fn, delay) => {
+    let timeout;
+    return (...args) => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(() => {
+            fn(...args);
+            timeout = undefined;
+        }, delay);
+    };
+};
+//# sourceMappingURL=debounce.js.map

package/dist/src/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,EAAwB,EACxB,KAAa,EACc,EAAE;IAC7B,IAAI,OAAmC,CAAA;IAEvC,OAAO,CAAC,GAAG,IAAU,EAAQ,EAAE;QAC7B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,OAAO,CAAC,CAAA;QACvB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,EAAE,CAAC,GAAG,IAAI,CAAC,CAAA;YACX,OAAO,GAAG,SAAS,CAAA;QACrB,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,CAAA;AACH,CAAC,CAAA"}

package/dist/src/utils/deprecated.js

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+const env = process.env.REACT_APP_NODE_ENV || process.env.ENV;
+export const isLocal = env === 'local';
+const stripUndefinedProps = (props) => {
+    const propKeys = Object.keys(props);
+    return propKeys.reduce((acc, key) => {
+        if (props[key] !== undefined) {
+            acc[key] = props[key];
+        }
+        return acc;
+    }, {});
+};
+export const useDeprecatedWarning = ({ enabled = true, title, message, componentProps, }) => {
+    useEffect(() => {
+        if (isLocal && enabled) {
+            const logs = [
+                `%c[Deprecated] ${title}`,
+                'font-weight:bold;',
+                '\n',
+                '\n',
+                message,
+            ];
+            if (componentProps) {
+                logs.push('\n', '\n', 'Component props:', stripUndefinedProps(componentProps));
+            }
+            console.warn(...logs);
+        }
+    }, [enabled]);
+};
+//# sourceMappingURL=deprecated.js.map

package/dist/src/utils/deprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deprecated.js","sourceRoot":"","sources":["../../../src/utils/deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,IAAI,OAAO,CAAC,GAAG,CAAC,GAAG,CAAA;AAE7D,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,KAAK,OAAO,CAAA;AAEtC,MAAM,mBAAmB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC7D,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAEnC,OAAO,QAAQ,CAAC,MAAM,CAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAC3D,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE,CAAC;YAC7B,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;QACvB,CAAC;QACD,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC,CAAA;AASD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,OAAO,GAAG,IAAI,EACd,KAAK,EACL,OAAO,EACP,cAAc,GACa,EAAQ,EAAE;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;YACvB,MAAM,IAAI,GAAU;gBAClB,kBAAkB,KAAK,EAAE;gBACzB,mBAAmB;gBACnB,IAAI;gBACJ,IAAI;gBACJ,OAAO;aACR,CAAA;YAED,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,CACP,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,mBAAmB,CAAC,cAAc,CAAC,CACpC,CAAA;YACH,CAAC;YAED,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC,CAAA"}

package/dist/src/utils/flex.js

@@ -0,0 +1,32 @@
+import { resolveResponsiveProp } from './responsiveProp';
+import { resolveSpacing } from './space';
+export const flex = (props) => {
+    const { flex, direction, wrap, flow, justifyContent, alignItems, alignContent, gap, columnGap, rowGap, } = props;
+    return `
+    ${flex ? `display: flex;` : ''}
+    ${direction
+        ? resolveResponsiveProp(direction, (value) => `flex-direction: ${value};`)
+        : ''}
+    ${wrap ? `flex-wrap: ${wrap};` : ''}
+    ${flow ? `flex-flow: ${flow};` : ''}
+    ${justifyContent
+        ? resolveResponsiveProp(justifyContent, (value) => `justify-content: ${value};`)
+        : ''}
+    ${alignItems
+        ? resolveResponsiveProp(alignItems, (value) => `align-items: ${value};`)
+        : ''}
+    ${alignContent
+        ? resolveResponsiveProp(alignContent, (value) => `align-content: ${value};`)
+        : ''}
+    ${gap
+        ? resolveResponsiveProp(gap, (value) => `gap: ${resolveSpacing(value)};`)
+        : ''}
+    ${columnGap
+        ? resolveResponsiveProp(columnGap, (value) => `column-gap: ${resolveSpacing(value)};`)
+        : ''}
+    ${rowGap
+        ? resolveResponsiveProp(rowGap, (value) => `row-gap: ${resolveSpacing(value)};`)
+        : ''}
+  `;
+};
+//# sourceMappingURL=flex.js.map

package/dist/src/utils/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../../src/utils/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAkB,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAA;AAoCrD,MAAM,CAAC,MAAM,IAAI,GAAW,CAAC,KAAgB,EAAE,EAAE;IAC/C,MAAM,EACJ,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,SAAS,EACT,MAAM,GACP,GAAG,KAAK,CAAA;IAET,OAAO;MACH,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;MAE5B,SAAS;QACP,CAAC,CAAC,qBAAqB,CACnB,SAAS,EACT,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,KAAK,GAAG,CACvC;QACH,CAAC,CAAC,EACN;MACE,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;MAEjC,cAAc;QACZ,CAAC,CAAC,qBAAqB,CACnB,cAAc,EACd,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAoB,KAAK,GAAG,CACxC;QACH,CAAC,CAAC,EACN;MAEE,UAAU;QACR,CAAC,CAAC,qBAAqB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,KAAK,GAAG,CAAC;QACxE,CAAC,CAAC,EACN;MAEE,YAAY;QACV,CAAC,CAAC,qBAAqB,CACnB,YAAY,EACZ,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,GAAG,CACtC;QACH,CAAC,CAAC,EACN;MAEE,GAAG;QACD,CAAC,CAAC,qBAAqB,CACnB,GAAG,EACH,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,cAAc,CAAC,KAAK,CAAC,GAAG,CAC5C;QACH,CAAC,CAAC,EACN;MAEE,SAAS;QACP,CAAC,CAAC,qBAAqB,CACnB,SAAS,EACT,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,cAAc,CAAC,KAAK,CAAC,GAAG,CACnD;QACH,CAAC,CAAC,EACN;MAEE,MAAM;QACJ,CAAC,CAAC,qBAAqB,CACnB,MAAM,EACN,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,cAAc,CAAC,KAAK,CAAC,GAAG,CAChD;QACH,CAAC,CAAC,EACN;GACD,CAAA;AACH,CAAC,CAAA"}

package/dist/src/utils/focusOutline.js

@@ -0,0 +1,17 @@
+import { css } from 'styled-components';
+import { theme } from '../theme';
+export const focusOutline = ({ selector = '&:focus-visible', } = {}) => css `
+  outline: 0;
+
+  ${selector} {
+    outline: 2px solid ${theme.colors.liquorice};
+    outline-offset: 2px;
+  }
+`;
+export const focusOutlineStyle = css `
+  &:focus-visible {
+    outline: 2px solid ${theme.colors.liquorice};
+    outline-offset: 2px;
+  }
+`;
+//# sourceMappingURL=focusOutline.js.map

package/dist/src/utils/focusOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusOutline.js","sourceRoot":"","sources":["../../../src/utils/focusOutline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,GAAG,iBAAiB,MACH,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;IAGjC,QAAQ;yBACa,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAG9C,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;yBAEX,KAAK,CAAC,MAAM,CAAC,SAAS;;;CAG9C,CAAA"}

package/dist/src/utils/id.js

@@ -0,0 +1,13 @@
+import { useMemo } from 'react';
+let idCount = 0;
+export const smoresIdPrefix = 'MM_SMORES';
+const createId = () => {
+    const id = `${smoresIdPrefix}_${idCount}`;
+    idCount += 1;
+    return id;
+};
+export const useUniqueId = (id) => {
+    const returnedId = useMemo(() => id || createId(), [id]);
+    return returnedId;
+};
+//# sourceMappingURL=id.js.map

package/dist/src/utils/id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.js","sourceRoot":"","sources":["../../../src/utils/id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,IAAI,OAAO,GAAG,CAAC,CAAA;AAEf,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAA;AAEzC,MAAM,QAAQ,GAAG,GAAW,EAAE;IAC5B,MAAM,EAAE,GAAG,GAAG,cAAc,IAAI,OAAO,EAAE,CAAA;IACzC,OAAO,IAAI,CAAC,CAAA;IAEZ,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAW,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAExD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA"}

package/dist/src/utils/id.test.js

@@ -0,0 +1,21 @@
+import { renderHook } from '@testing-library/react';
+import { smoresIdPrefix, useUniqueId } from './id';
+describe('useUniqueId', () => {
+    it('should persist the same id across render', async () => {
+        const hook = renderHook(() => useUniqueId());
+        expect(hook.result.current).toBe(`${smoresIdPrefix}_0`);
+        hook.rerender();
+        expect(hook.result.current).toBe(`${smoresIdPrefix}_0`);
+    });
+    it('should have different id if called from different instance', async () => {
+        const hook1 = renderHook(() => useUniqueId());
+        const hook2 = renderHook(() => useUniqueId());
+        expect(hook1.result.current).not.toBe(hook2.result.current);
+    });
+    it('should keep to provided id if present', async () => {
+        const someRandomId = 'someRandomId';
+        const hook = renderHook(() => useUniqueId(someRandomId));
+        expect(hook.result.current).toBe(someRandomId);
+    });
+});
+//# sourceMappingURL=id.test.js.map

package/dist/src/utils/id.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.test.js","sourceRoot":"","sources":["../../../src/utils/id.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEnD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAElD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE5C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,CAAC,CAAA;QACvD,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,CAAC,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC1E,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAC7C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE7C,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,YAAY,GAAG,cAAc,CAAA;QACnC,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAA;QAExD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAChD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/src/utils/isReactElement.js

@@ -0,0 +1,5 @@
+import { isValidElement } from 'react';
+export const isReactElement = (obj) => {
+    return isValidElement(obj);
+};
+//# sourceMappingURL=isReactElement.js.map

package/dist/src/utils/isReactElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isReactElement.js","sourceRoot":"","sources":["../../../src/utils/isReactElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,cAAc,EAAE,MAAM,OAAO,CAAA;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAY,EAAuB,EAAE;IAClE,OAAO,cAAc,CAAC,GAAG,CAAC,CAAA;AAC5B,CAAC,CAAA"}

package/dist/src/utils/measure.js

@@ -0,0 +1,12 @@
+export const measure = (props) => {
+    const { width, height, maxWidth, minWidth, minHeight, maxHeight } = props;
+    return `
+    ${width ? `width: ${width};` : ''}
+    ${maxWidth ? `max-width: ${maxWidth};` : ''}
+    ${minWidth ? `min-width: ${minWidth};` : ''}
+    ${height ? `height: ${height};` : ''}
+    ${minHeight ? `min-height: ${minHeight};` : ''}
+    ${maxHeight ? `max-height: ${maxHeight};` : ''}
+  `;
+};
+//# sourceMappingURL=measure.js.map

package/dist/src/utils/measure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure.js","sourceRoot":"","sources":["../../../src/utils/measure.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAAmB,EAAE,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAEzE,OAAO;MACH,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/B,QAAQ,CAAC,CAAC,CAAC,cAAc,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE;MACzC,QAAQ,CAAC,CAAC,CAAC,cAAc,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE;MACzC,MAAM,CAAC,CAAC,CAAC,WAAW,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;MAClC,SAAS,CAAC,CAAC,CAAC,eAAe,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE;MAC5C,SAAS,CAAC,CAAC,CAAC,eAAe,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE;GAC/C,CAAA;AACH,CAAC,CAAA"}

package/dist/src/utils/noop.js

@@ -0,0 +1,3 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+export const noop = () => { };
+//# sourceMappingURL=noop.js.map

package/dist/src/utils/noop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noop.js","sourceRoot":"","sources":["../../../src/utils/noop.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA"}

package/dist/src/utils/responsiveProp.js

@@ -0,0 +1,31 @@
+const breakpointToMinPxMapping = {
+    small: 0,
+    medium: 768,
+    large: 1024,
+};
+const breakpointList = Object.keys(breakpointToMinPxMapping);
+const isPropByBreakpoint = (value) => {
+    return (typeof value === 'object' &&
+        value !== null &&
+        breakpointList.includes(Object.keys(value)[0]));
+};
+export const resolveResponsiveProp = (value, styleTemplate) => {
+    if (!isPropByBreakpoint(value)) {
+        return `
+      @media (min-width: ${breakpointToMinPxMapping.small}px) {
+        ${styleTemplate(value)}
+      }
+    `;
+    }
+    const breakpointUsed = Object.keys(value);
+    let style = '';
+    breakpointUsed.forEach((breakpoint) => {
+        style += `
+        @media (min-width: ${breakpointToMinPxMapping[breakpoint]}px) {
+          ${styleTemplate(value[breakpoint])}
+        }
+      `;
+    });
+    return style;
+};
+//# sourceMappingURL=responsiveProp.js.map

package/dist/src/utils/responsiveProp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveProp.js","sourceRoot":"","sources":["../../../src/utils/responsiveProp.ts"],"names":[],"mappings":"AAAA,MAAM,wBAAwB,GAAG;IAC/B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,IAAI;CACqB,CAAA;AAGlC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,wBAAwB,CAAiB,CAAA;AAK5E,MAAM,kBAAkB,GAAG,CACzB,KAAgC,EACM,EAAE;IACxC,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAQ,CAAC,CACtD,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAgC,EAChC,aAA2C,EAC3C,EAAE;IACF,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO;2BACgB,wBAAwB,CAAC,KAAK;UAC/C,aAAa,CAAC,KAAK,CAAC;;KAEzB,CAAA;IACH,CAAC;IAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAiB,CAAA;IAEzD,IAAI,KAAK,GAAG,EAAE,CAAA;IACd,cAAc,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QACpC,KAAK,IAAI;6BACgB,wBAAwB,CAAC,UAAU,CAAC;YACrD,aAAa,CAAC,KAAK,CAAC,UAAU,CAAE,CAAC;;OAEtC,CAAA;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/src/utils/space.js

@@ -0,0 +1,75 @@
+import { resolveResponsiveProp } from './responsiveProp';
+export const resolveSpacing = (value) => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (typeof value.custom === 'string') {
+        return value.custom;
+    }
+    return `${value.custom}px`;
+};
+export const margin = (props) => {
+    const { m, mx, my, ml, mr, mt, mb } = props;
+    return `
+    ${m
+        ? resolveResponsiveProp(m, (value) => `margin: ${resolveSpacing(value)};`)
+        : ''}
+    ${mx
+        ? resolveResponsiveProp(mx, (value) => `
+        margin-left: ${resolveSpacing(value)};
+        margin-right: ${resolveSpacing(value)};
+      `)
+        : ''}
+    ${my
+        ? resolveResponsiveProp(my, (value) => `
+        margin-top: ${resolveSpacing(value)};
+        margin-bottom: ${resolveSpacing(value)};
+      `)
+        : ''}
+    ${ml
+        ? resolveResponsiveProp(ml, (value) => `margin-left: ${resolveSpacing(value)};`)
+        : ''}
+    ${mr
+        ? resolveResponsiveProp(mr, (value) => `margin-right: ${resolveSpacing(value)};`)
+        : ''}
+    ${mt
+        ? resolveResponsiveProp(mt, (value) => `margin-top: ${resolveSpacing(value)};`)
+        : ''}
+    ${mb
+        ? resolveResponsiveProp(mb, (value) => `margin-bottom: ${resolveSpacing(value)};`)
+        : ''}
+  `;
+};
+export const padding = (props) => {
+    const { p, px, py, pl, pr, pt, pb } = props;
+    return `
+    ${p
+        ? resolveResponsiveProp(p, (value) => `padding: ${resolveSpacing(value)};`)
+        : ''}
+    ${px
+        ? resolveResponsiveProp(px, (value) => `
+        padding-left: ${resolveSpacing(value)};
+        padding-right: ${resolveSpacing(value)};
+      `)
+        : ''}
+    ${py
+        ? resolveResponsiveProp(py, (value) => `
+        padding-top: ${resolveSpacing(value)};
+        padding-bottom: ${resolveSpacing(value)};
+      `)
+        : ''}
+    ${pl
+        ? resolveResponsiveProp(pl, (value) => `padding-left: ${resolveSpacing(value)};`)
+        : ''}
+    ${pr
+        ? resolveResponsiveProp(pr, (value) => `padding-right: ${resolveSpacing(value)};`)
+        : ''}
+    ${pt
+        ? resolveResponsiveProp(pt, (value) => `padding-top: ${resolveSpacing(value)};`)
+        : ''}
+    ${pb
+        ? resolveResponsiveProp(pb, (value) => `padding-bottom: ${resolveSpacing(value)};`)
+        : ''}
+  `;
+};
+//# sourceMappingURL=space.js.map

package/dist/src/utils/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","sourceRoot":"","sources":["../../../src/utils/space.tsx"],"names":[],"mappings":"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"}

package/dist/src/utils/useControlledState.js

@@ -0,0 +1,13 @@
+import { useCallback, useState } from 'react';
+export const useControllableState = ({ initialState, stateProp, }) => {
+    const [state, setState] = useState(initialState);
+    const returnedState = stateProp !== undefined ? stateProp : state;
+    const returnedSetState = useCallback((nextState) => {
+        if (stateProp !== undefined) {
+            return;
+        }
+        setState(nextState);
+    }, [state, stateProp]);
+    return [returnedState, returnedSetState];
+};
+//# sourceMappingURL=useControlledState.js.map

package/dist/src/utils/useControlledState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.js","sourceRoot":"","sources":["../../../src/utils/useControlledState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAY,EAC9C,YAAY,EACZ,SAAS,GAIV,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAEhD,MAAM,aAAa,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAA;IACjE,MAAM,gBAAgB,GAAG,WAAW,CAGlC,CAAC,SAAS,EAAE,EAAE;QACZ,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,KAAK,EAAE,SAAS,CAAC,CACnB,CAAA;IAED,OAAO,CAAC,aAAa,EAAE,gBAAgB,CAAU,CAAA;AACnD,CAAC,CAAA"}

package/dist/src/utils/visuallyHidden.js

@@ -0,0 +1,14 @@
+/**
+ * Hide element visually but still have it accessible for assitive device
+ * @link https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+export const visuallyHidden = `
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+`;
+//# sourceMappingURL=visuallyHidden.js.map

package/dist/src/utils/visuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visuallyHidden.js","sourceRoot":"","sources":["../../../src/utils/visuallyHidden.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;CAQ7B,CAAA"}

package/dist/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;