@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/utils/id.js.map

@@ -1 +1 @@
-{"version":3,"file":"id.js","sources":["../../src/utils/id.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nlet idCount = 0\n\nexport const smoresIdPrefix = 'MM_SMORES'\n\nconst createId = (): string => {\n  const id = `${smoresIdPrefix}_${idCount}`\n  idCount += 1\n\n  return id\n}\n\nexport const useUniqueId = (id?: string) => {\n  const returnedId = useMemo(() => id || createId(), [id])\n\n  return returnedId\n}\n"],"names":[],"mappings":";;AAEA,IAAI,OAAU,GAAA,CAAA,CAAA;AAEP,MAAM,cAAiB,GAAA,YAAA;AAE9B,MAAM,WAAW,MAAc;AAC7B,EAAA,MAAM,EAAK,GAAA,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA,CAAA;AACvC,EAAW,OAAA,IAAA,CAAA,CAAA;AAEX,EAAO,OAAA,EAAA,CAAA;AACT,CAAA,CAAA;AAEa,MAAA,WAAA,GAAc,CAAC,EAAgB,KAAA;AAC1C,EAAM,MAAA,UAAA,GAAa,QAAQ,MAAM,EAAA,IAAM,UAAY,EAAA,CAAC,EAAE,CAAC,CAAA,CAAA;AAEvD,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}
+{"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/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/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/utils/isReactElement.js

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

package/dist/utils/isReactElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"isReactElement.js","sources":["../../src/utils/isReactElement.ts"],"sourcesContent":["import { ReactElement, isValidElement } from 'react'\n\nexport const isReactElement = (obj: unknown): obj is ReactElement => {\n  return isValidElement(obj)\n}\n"],"names":[],"mappings":";;AAEa,MAAA,cAAA,GAAiB,CAAC,GAAsC,KAAA;AACnE,EAAA,OAAO,eAAe,GAAG,CAAA,CAAA;AAC3B;;;;"}
+{"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/utils/measure.js

@@ -1,14 +1,12 @@
-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};` : ""}
+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};` : ''}
   `;
 };
-
-export { measure };
-//# sourceMappingURL=measure.js.map
+//# sourceMappingURL=measure.js.map

package/dist/utils/measure.js.map

@@ -1 +1 @@
-{"version":3,"file":"measure.js","sources":["../../src/utils/measure.tsx"],"sourcesContent":["type MeasureFN = (arg: MeasureProps) => string\n\nexport interface MeasureProps {\n  width?: string\n  maxWidth?: string\n  minWidth?: string\n  height?: string\n  maxHeight?: string\n  minHeight?: string\n}\n\nexport const measure: MeasureFN = (props: MeasureProps) => {\n  const { width, height, maxWidth, minWidth, minHeight, maxHeight } = props\n\n  return `\n    ${width ? `width: ${width};` : ''}\n    ${maxWidth ? `max-width: ${maxWidth};` : ''}\n    ${minWidth ? `min-width: ${minWidth};` : ''}\n    ${height ? `height: ${height};` : ''}\n    ${minHeight ? `min-height: ${minHeight};` : ''}\n    ${maxHeight ? `max-height: ${maxHeight};` : ''}\n  `\n}\n"],"names":[],"mappings":"AAWa,MAAA,OAAA,GAAqB,CAAC,KAAwB,KAAA;AACzD,EAAA,MAAM,EAAE,KAAO,EAAA,MAAA,EAAQ,UAAU,QAAU,EAAA,SAAA,EAAW,WAAc,GAAA,KAAA,CAAA;AAEpE,EAAO,OAAA,CAAA;AAAA,IAAA,EACH,KAAQ,GAAA,CAAA,OAAA,EAAU,KAAK,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,IAAA,EAC/B,QAAW,GAAA,CAAA,WAAA,EAAc,QAAQ,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,IAAA,EACzC,QAAW,GAAA,CAAA,WAAA,EAAc,QAAQ,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,IAAA,EACzC,MAAS,GAAA,CAAA,QAAA,EAAW,MAAM,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,IAAA,EAClC,SAAY,GAAA,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,IAAA,EAC5C,SAAY,GAAA,CAAA,YAAA,EAAe,SAAS,CAAA,CAAA,CAAA,GAAM,EAAE,CAAA;AAAA,EAAA,CAAA,CAAA;AAElD;;;;"}
+{"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/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/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/utils/responsiveProp.js

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

package/dist/utils/responsiveProp.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveProp.js","sources":["../../src/utils/responsiveProp.ts"],"sourcesContent":["const breakpointToMinPxMapping = {\n  small: 0,\n  medium: 768,\n  large: 1024,\n} satisfies Record<string, number>\n\ntype Breakpoint = keyof typeof breakpointToMinPxMapping\nconst breakpointList = Object.keys(breakpointToMinPxMapping) as Breakpoint[]\n\ntype PropByBreakpoint<PropValue> = { [key in Breakpoint]?: PropValue }\nexport type ResponsiveProp<PropValue> = PropValue | PropByBreakpoint<PropValue>\n\nconst isPropByBreakpoint = <PropValue>(\n  value: ResponsiveProp<PropValue>,\n): value is PropByBreakpoint<PropValue> => {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    breakpointList.includes(Object.keys(value)[0] as any)\n  )\n}\n\nexport const resolveResponsiveProp = <PropValue>(\n  value: ResponsiveProp<PropValue>,\n  styleTemplate: (value: PropValue) => string,\n) => {\n  if (!isPropByBreakpoint(value)) {\n    return `\n      @media (min-width: ${breakpointToMinPxMapping.small}px) {\n        ${styleTemplate(value)}\n      }\n    `\n  }\n\n  const breakpointUsed = Object.keys(value) as Breakpoint[]\n\n  let style = ''\n  breakpointUsed.forEach((breakpoint) => {\n    style += `\n        @media (min-width: ${breakpointToMinPxMapping[breakpoint]}px) {\n          ${styleTemplate(value[breakpoint]!)}\n        }\n      `\n  })\n\n  return style\n}\n"],"names":[],"mappings":"AAAA,MAAM,wBAA2B,GAAA;AAAA,EAC/B,KAAO,EAAA,CAAA;AAAA,EACP,MAAQ,EAAA,GAAA;AAAA,EACR,KAAO,EAAA,IAAA;AACT,CAAA,CAAA;AAGA,MAAM,cAAA,GAAiB,MAAO,CAAA,IAAA,CAAK,wBAAwB,CAAA,CAAA;AAK3D,MAAM,kBAAA,GAAqB,CACzB,KACyC,KAAA;AACzC,EAAA,OACE,OAAO,KAAA,KAAU,QACjB,IAAA,KAAA,KAAU,IACV,IAAA,cAAA,CAAe,QAAS,CAAA,MAAA,CAAO,IAAK,CAAA,KAAK,CAAE,CAAA,CAAC,CAAQ,CAAA,CAAA;AAExD,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,CACnC,KAAA,EACA,aACG,KAAA;AACH,EAAI,IAAA,CAAC,kBAAmB,CAAA,KAAK,CAAG,EAAA;AAC9B,IAAO,OAAA,CAAA;AAAA,yBAAA,EACgB,yBAAyB,KAAK,CAAA;AAAA,QAC/C,EAAA,aAAA,CAAc,KAAK,CAAC,CAAA;AAAA;AAAA,IAAA,CAAA,CAAA;AAAA,GAG5B;AAEA,EAAM,MAAA,cAAA,GAAiB,MAAO,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAExC,EAAA,IAAI,KAAQ,GAAA,EAAA,CAAA;AACZ,EAAe,cAAA,CAAA,OAAA,CAAQ,CAAC,UAAe,KAAA;AACrC,IAAS,KAAA,IAAA,CAAA;AAAA,2BACgB,EAAA,wBAAA,CAAyB,UAAU,CAAC,CAAA;AAAA,UAAA,EACrD,aAAc,CAAA,KAAA,CAAM,UAAU,CAAE,CAAC,CAAA;AAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAG1C,CAAA,CAAA;AAED,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}
+{"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/utils/space.js

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

package/dist/utils/space.js.map

@@ -1 +1 @@
-{"version":3,"file":"space.js","sources":["../../src/utils/space.tsx"],"sourcesContent":["import { resolveResponsiveProp, ResponsiveProp } from './responsiveProp'\n\ntype Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px'\n\nexport type SpacingProp = '0' | Spacing | { custom: number | string }\n\nexport const resolveSpacing = (value: SpacingProp | 'auto') => {\n  if (typeof value === 'string') {\n    return value\n  }\n\n  if (typeof value.custom === 'string') {\n    return value.custom\n  }\n\n  return `${value.custom}px`\n}\n\nexport interface MarginProps {\n  m?: ResponsiveProp<SpacingProp>\n  mx?: ResponsiveProp<SpacingProp | 'auto'>\n  my?: ResponsiveProp<SpacingProp>\n  ml?: ResponsiveProp<SpacingProp>\n  mr?: ResponsiveProp<SpacingProp>\n  mt?: ResponsiveProp<SpacingProp>\n  mb?: ResponsiveProp<SpacingProp>\n}\n\nexport interface PaddingProps {\n  p?: ResponsiveProp<SpacingProp>\n  px?: ResponsiveProp<SpacingProp>\n  py?: ResponsiveProp<SpacingProp>\n  pl?: ResponsiveProp<SpacingProp>\n  pr?: ResponsiveProp<SpacingProp>\n  pt?: ResponsiveProp<SpacingProp>\n  pb?: ResponsiveProp<SpacingProp>\n}\n\nexport const margin = (props: MarginProps): string => {\n  const { m, mx, my, ml, mr, mt, mb } = props\n\n  return `\n    ${\n      m\n        ? resolveResponsiveProp(\n            m,\n            (value) => `margin: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      mx\n        ? resolveResponsiveProp(\n            mx,\n            (value) => `\n        margin-left: ${resolveSpacing(value)};\n        margin-right: ${resolveSpacing(value)};\n      `,\n          )\n        : ''\n    }\n    ${\n      my\n        ? resolveResponsiveProp(\n            my,\n            (value) => `\n        margin-top: ${resolveSpacing(value)};\n        margin-bottom: ${resolveSpacing(value)};\n      `,\n          )\n        : ''\n    }\n    ${\n      ml\n        ? resolveResponsiveProp(\n            ml,\n            (value) => `margin-left: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      mr\n        ? resolveResponsiveProp(\n            mr,\n            (value) => `margin-right: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      mt\n        ? resolveResponsiveProp(\n            mt,\n            (value) => `margin-top: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      mb\n        ? resolveResponsiveProp(\n            mb,\n            (value) => `margin-bottom: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n  `\n}\n\nexport const padding = (props: PaddingProps): string => {\n  const { p, px, py, pl, pr, pt, pb } = props\n\n  return `\n    ${\n      p\n        ? resolveResponsiveProp(\n            p,\n            (value) => `padding: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      px\n        ? resolveResponsiveProp(\n            px,\n            (value) => `\n        padding-left: ${resolveSpacing(value)};\n        padding-right: ${resolveSpacing(value)};\n      `,\n          )\n        : ''\n    }\n    ${\n      py\n        ? resolveResponsiveProp(\n            py,\n            (value) => `\n        padding-top: ${resolveSpacing(value)};\n        padding-bottom: ${resolveSpacing(value)};\n      `,\n          )\n        : ''\n    }\n    ${\n      pl\n        ? resolveResponsiveProp(\n            pl,\n            (value) => `padding-left: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      pr\n        ? resolveResponsiveProp(\n            pr,\n            (value) => `padding-right: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      pt\n        ? resolveResponsiveProp(\n            pt,\n            (value) => `padding-top: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      pb\n        ? resolveResponsiveProp(\n            pb,\n            (value) => `padding-bottom: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n  `\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"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"}

package/dist/utils/useControlledState.js

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

package/dist/utils/useControlledState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledState.js","sources":["../../src/utils/useControlledState.ts"],"sourcesContent":["import type { SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\n\nexport const useControllableState = <StateType>({\n  initialState,\n  stateProp,\n}: {\n  initialState: StateType\n  stateProp: StateType | undefined\n}) => {\n  const [state, setState] = useState(initialState)\n\n  const returnedState = stateProp !== undefined ? stateProp : state\n  const returnedSetState = useCallback<\n    (state: SetStateAction<StateType>) => void\n  >(\n    (nextState) => {\n      if (stateProp !== undefined) {\n        return\n      }\n\n      setState(nextState)\n    },\n    [state, stateProp],\n  )\n\n  return [returnedState, returnedSetState] as const\n}\n"],"names":[],"mappings":";;AAGO,MAAM,uBAAuB,CAAY;AAAA,EAC9C,YAAA;AAAA,EACA,SAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,YAAY,CAAA,CAAA;AAE/C,EAAM,MAAA,aAAA,GAAgB,SAAc,KAAA,KAAA,CAAA,GAAY,SAAY,GAAA,KAAA,CAAA;AAC5D,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IAGvB,CAAC,SAAc,KAAA;AACb,MAAA,IAAI,cAAc,KAAW,CAAA,EAAA;AAC3B,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,QAAA,CAAS,SAAS,CAAA,CAAA;AAAA,KACpB;AAAA,IACA,CAAC,OAAO,SAAS,CAAA;AAAA,GACnB,CAAA;AAEA,EAAO,OAAA,CAAC,eAAe,gBAAgB,CAAA,CAAA;AACzC;;;;"}
+{"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/utils/visuallyHidden.js

@@ -1,4 +1,8 @@
-const visuallyHidden = `
+/**
+ * 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;
@@ -7,6 +11,4 @@ const visuallyHidden = `
   white-space: nowrap;
   width: 1px;
 `;
-
-export { visuallyHidden };
-//# sourceMappingURL=visuallyHidden.js.map
+//# sourceMappingURL=visuallyHidden.js.map

package/dist/utils/visuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"visuallyHidden.js","sources":["../../src/utils/visuallyHidden.ts"],"sourcesContent":["/**\n * Hide element visually but still have it accessible for assitive device\n * @link https://www.a11yproject.com/posts/how-to-hide-content/\n */\nexport const visuallyHidden = `\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`\n"],"names":[],"mappings":"AAIO,MAAM,cAAiB,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"visuallyHidden.js","sourceRoot":"","sources":["../../src/utils/visuallyHidden.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;CAQ7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,11 +16,12 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build",
+    "clean": "rimraf ./dist",
+    "build": "npm run clean && tsc --p ./tsconfig.build.json",
     "build-storybook": "storybook build -c .storybook -s public",
     "check-types": "tsc --noEmit",
     "deploy-storybook": "storybook-to-ghpages",
-    "prepublishOnly": "vite build",
+    "prepublishOnly": "npm run build",
     "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
     "test:coverage": "vitest --coverage --silent",
@@ -34,6 +35,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
+    "@babel/eslint-parser": "^7.23.10",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
@@ -54,14 +56,9 @@
     "@types/react": "^18.0.24",
     "@types/react-dom": "^18.0.8",
     "@types/styled-components": "^5.1.3",
-    "@types/svgo": "^3.0.0",
     "@types/testing-library__react": "^10.2.0",
-    "@types/uuid": "^9.0.5",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.2.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^9.1.0",
     "conventional-changelog-conventionalcommits": "^7.0.2",
     "eslint": "^7.9.0",
     "eslint-config-prettier": "^9.0.0",
@@ -72,21 +69,17 @@
     "prettier": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rimraf": "^5.0.5",
     "semantic-release": "^22.0.8",
     "storybook": "^7.0.6",
     "styled-components": "^5.2.1",
     "typescript": "^5.0.2",
-    "vite": "^5.0.12",
-    "vite-plugin-dts": "^3.7.0",
-    "vite-plugin-svgr": "^4.2.0",
     "vitest": "^1.2.2"
   },
   "dependencies": {
     "body-scroll-lock": "^4.0.0-beta.0",
     "date-fns": "^2.16.1",
-    "polished": "^4.1.3",
-    "vite": "^4.5.1",
-    "vite-plugin-svgr": "^4.2.0"
+    "polished": "^4.1.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17 || ^18",