@mrshmllw/smores-react 10.7.0-crumbs-feature-vite-bundling.2 → 10.7.0

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

package/dist/types.js

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

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["// Events Types\nexport type GeneralEvent = Event | React.UIEvent\nexport type GenericEventCallback = (e: GeneralEvent) => unknown\nexport type KeyboardEventCallback = (e: KeyboardEvent) => unknown\nexport type MouseEventCallBack = (event: React.MouseEvent<HTMLElement>) => void\n"]}

package/dist/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/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","sourcesContent":["const ukTimeFormat = new Intl.DateTimeFormat('en-GB', {\n  timeZone: 'Europe/London',\n})\n\nexport const convertToUkDate = (date: Date): Date => {\n  const dateString = ukTimeFormat.format(date)\n  const [day, month, year] = dateString.split('/')\n\n  return new Date(Number(year), Number(month) - 1, Number(day))\n}\n"]}

package/dist/utils/dateOfBirth/dateOfBirthValidator.js

@@ -0,0 +1,29 @@
+import { isValid, parse } from 'date-fns';
+import { error, getImpossibleFields, getInvalidInputFields, getMissingFields, is17YearsOld, } from './dateOfBirthValidator.utils';
+import { FieldValidationError, InputValidationError } from './schema';
+export const dateOfBirthValidator = (dateObject) => {
+    const invalidFields = getInvalidInputFields(dateObject);
+    if (invalidFields.length !== 0) {
+        return error(FieldValidationError.InvalidInputValueError, invalidFields);
+    }
+    const missingFields = getMissingFields(dateObject);
+    if (missingFields.length !== 0) {
+        return error(FieldValidationError.MissingFieldError, missingFields);
+    }
+    const impossibleValues = getImpossibleFields(dateObject);
+    if (impossibleValues.length !== 0) {
+        return error(FieldValidationError.ImpossibleFieldValueError, impossibleValues);
+    }
+    const date = parse(`${dateObject.year}-${dateObject.month}-${dateObject.day}`, 'yyyy-MM-dd', new Date());
+    if (isValid(date)) {
+        if (!is17YearsOld(date)) {
+            return error(InputValidationError.YoungerThan17);
+        }
+        if (date.getFullYear() < 1900) {
+            return error(InputValidationError.DateBefore1900Error);
+        }
+        return { isSuccess: true };
+    }
+    return error(InputValidationError.RealDateError);
+};
+//# sourceMappingURL=dateOfBirthValidator.js.map

package/dist/utils/dateOfBirth/dateOfBirthValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateOfBirthValidator.js","sourceRoot":"","sources":["../../../src/utils/dateOfBirth/dateOfBirthValidator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EACL,KAAK,EACL,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAIrE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,UAAsB,EAAE,EAAE;IAC7D,MAAM,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAA;IAEvD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC,oBAAoB,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAA;IAC1E,CAAC;IAED,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAElD,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAA;IACrE,CAAC;IAED,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAExD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClC,OAAO,KAAK,CACV,oBAAoB,CAAC,yBAAyB,EAC9C,gBAAgB,CACjB,CAAA;IACH,CAAC;IAED,MAAM,IAAI,GAAG,KAAK,CAChB,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,GAAG,EAAE,EAC1D,YAAY,EACZ,IAAI,IAAI,EAAE,CACX,CAAA;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAClB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAA;QAClD,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAA;QACxD,CAAC;QACD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAA;IAC5B,CAAC;IACD,OAAO,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAA;AAClD,CAAC,CAAA","sourcesContent":["import { isValid, parse } from 'date-fns'\n\nimport {\n  error,\n  getImpossibleFields,\n  getInvalidInputFields,\n  getMissingFields,\n  is17YearsOld,\n} from './dateOfBirthValidator.utils'\nimport { FieldValidationError, InputValidationError } from './schema'\n\nimport { DateObject } from '../../TextDateOfBirthInput'\n\nexport const dateOfBirthValidator = (dateObject: DateObject) => {\n  const invalidFields = getInvalidInputFields(dateObject)\n\n  if (invalidFields.length !== 0) {\n    return error(FieldValidationError.InvalidInputValueError, invalidFields)\n  }\n\n  const missingFields = getMissingFields(dateObject)\n\n  if (missingFields.length !== 0) {\n    return error(FieldValidationError.MissingFieldError, missingFields)\n  }\n\n  const impossibleValues = getImpossibleFields(dateObject)\n\n  if (impossibleValues.length !== 0) {\n    return error(\n      FieldValidationError.ImpossibleFieldValueError,\n      impossibleValues,\n    )\n  }\n\n  const date = parse(\n    `${dateObject.year}-${dateObject.month}-${dateObject.day}`,\n    'yyyy-MM-dd',\n    new Date(),\n  )\n\n  if (isValid(date)) {\n    if (!is17YearsOld(date)) {\n      return error(InputValidationError.YoungerThan17)\n    }\n\n    if (date.getFullYear() < 1900) {\n      return error(InputValidationError.DateBefore1900Error)\n    }\n    return { isSuccess: true }\n  }\n  return error(InputValidationError.RealDateError)\n}\n"]}

package/dist/utils/dateOfBirth/dateOfBirthValidator.utils.js

@@ -0,0 +1,89 @@
+import { isAfter, subYears } from 'date-fns';
+const dateFields = ['day', 'month', 'year'];
+export const monthsArray = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+export const validators = {
+    day: (day) => {
+        const dayNumber = Number(day);
+        return Boolean(day && dayNumber >= 1 && dayNumber <= 31);
+    },
+    month: (month) => {
+        const monthNumber = Number(month);
+        return Boolean(month && monthNumber >= 1 && monthNumber <= 12);
+    },
+    year: (year) => {
+        const yearNumber = Number(year);
+        return Boolean(year && yearNumber && year.length === 4 && yearNumber > 0);
+    },
+};
+export const isAllowedValue = (value) => {
+    return value === null || (value && /^\d+$/.test(value)) || value === '';
+};
+export const getInvalidInputFields = (dateObject) => {
+    const invalidValues = dateFields.filter((field) => {
+        const value = dateObject[field];
+        return !isAllowedValue(value);
+    });
+    return invalidValues;
+};
+export const getMissingFields = (dateObject) => {
+    const missingFields = dateFields.filter((field) => {
+        return !dateObject[field];
+    });
+    return missingFields;
+};
+export const getImpossibleFields = (dateObject) => {
+    const impossibleValues = dateFields.filter((field) => {
+        return !validators[field](dateObject[field]);
+    });
+    return impossibleValues;
+};
+export const humanReadableJoin = (arr) => {
+    if (arr.length === 0) {
+        return '';
+    }
+    else if (arr.length === 1) {
+        return arr[0];
+    }
+    else if (arr.length === 2) {
+        return `${arr[0]} and ${arr[1]}`;
+    }
+    else {
+        const last = arr.pop();
+        return `${arr.join(', ')} and ${last}`;
+    }
+};
+export const createMissingFieldErrorMessage = (missingFields) => {
+    const beginning = 'Date of birth must include ';
+    const orderedMissingFields = ['day', 'month', 'year'].filter((field) => missingFields.includes(field));
+    return beginning + humanReadableJoin(orderedMissingFields);
+};
+export const createImpossibleFieldErrorMessage = (impossibleFields) => {
+    const beginning = 'Please enter a valid ';
+    const orderedImpossibleFields = ['day', 'month', 'year'].filter((field) => impossibleFields.includes(field));
+    return beginning + humanReadableJoin(orderedImpossibleFields);
+};
+export const createYoungerThan17ErrorMessage = () => {
+    const comparisonDate = subYears(new Date(), 17);
+    return `Please enter a date of birth on or before ${comparisonDate.getDate()} ${monthsArray[comparisonDate.getMonth()]} ${comparisonDate.getFullYear()}`;
+};
+export const error = (type, fields) => {
+    return { error: type, fields };
+};
+export const is17YearsOld = (date) => {
+    const comparisonDate = subYears(new Date(), 17);
+    return !isAfter(date, comparisonDate);
+};
+//# sourceMappingURL=dateOfBirthValidator.utils.js.map

package/dist/utils/dateOfBirth/dateOfBirthValidator.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateOfBirthValidator.utils.js","sourceRoot":"","sources":["../../../src/utils/dateOfBirth/dateOfBirthValidator.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { isAfter, subYears } from 'date-fns'\n\nimport { DateObject } from '../../TextDateOfBirthInput'\n\nconst dateFields = ['day', 'month', 'year'] as const\n\nexport const monthsArray = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n]\n\nexport const validators: Record<\n  (typeof dateFields)[number],\n  (dateField: string | undefined | null) => boolean\n> = {\n  day: (day) => {\n    const dayNumber = Number(day)\n    return Boolean(day && dayNumber >= 1 && dayNumber <= 31)\n  },\n  month: (month) => {\n    const monthNumber = Number(month)\n    return Boolean(month && monthNumber >= 1 && monthNumber <= 12)\n  },\n  year: (year) => {\n    const yearNumber = Number(year)\n    return Boolean(year && yearNumber && year.length === 4 && yearNumber > 0)\n  },\n}\n\nexport const isAllowedValue = (value: string | null | undefined) => {\n  return value === null || (value && /^\\d+$/.test(value)) || value === ''\n}\n\nexport const getInvalidInputFields = (dateObject: DateObject) => {\n  const invalidValues = dateFields.filter((field) => {\n    const value = dateObject[field]\n    return !isAllowedValue(value)\n  })\n\n  return invalidValues\n}\n\nexport const getMissingFields = (dateObject: DateObject) => {\n  const missingFields = dateFields.filter((field) => {\n    return !dateObject[field]\n  })\n\n  return missingFields\n}\n\nexport const getImpossibleFields = (dateObject: DateObject) => {\n  const impossibleValues = dateFields.filter((field) => {\n    return !validators[field](dateObject[field])\n  })\n\n  return impossibleValues\n}\n\nexport const humanReadableJoin = (arr: string[]): string => {\n  if (arr.length === 0) {\n    return ''\n  } else if (arr.length === 1) {\n    return arr[0]\n  } else if (arr.length === 2) {\n    return `${arr[0]} and ${arr[1]}`\n  } else {\n    const last = arr.pop()\n    return `${arr.join(', ')} and ${last}`\n  }\n}\n\nexport const createMissingFieldErrorMessage = (missingFields: string[]) => {\n  const beginning = 'Date of birth must include '\n  const orderedMissingFields = ['day', 'month', 'year'].filter((field) =>\n    missingFields.includes(field),\n  )\n\n  return beginning + humanReadableJoin(orderedMissingFields)\n}\n\nexport const createImpossibleFieldErrorMessage = (\n  impossibleFields: string[],\n) => {\n  const beginning = 'Please enter a valid '\n  const orderedImpossibleFields = ['day', 'month', 'year'].filter((field) =>\n    impossibleFields.includes(field),\n  )\n\n  return beginning + humanReadableJoin(orderedImpossibleFields)\n}\n\nexport const createYoungerThan17ErrorMessage = () => {\n  const comparisonDate = subYears(new Date(), 17)\n\n  return `Please enter a date of birth on or before ${comparisonDate.getDate()} ${monthsArray[comparisonDate.getMonth()]} ${comparisonDate.getFullYear()}`\n}\n\nexport const error = <T>(\n  type: T,\n  fields?: string[],\n): {\n  error: T\n  fields?: string[]\n} => {\n  return { error: type, fields }\n}\n\nexport const is17YearsOld = (date: Date) => {\n  const comparisonDate = subYears(new Date(), 17)\n\n  return !isAfter(date, comparisonDate)\n}\n"]}

package/dist/utils/dateOfBirth/schema.js

@@ -0,0 +1,22 @@
+import { createImpossibleFieldErrorMessage, createMissingFieldErrorMessage, createYoungerThan17ErrorMessage, } from './dateOfBirthValidator.utils';
+export var InputValidationError;
+(function (InputValidationError) {
+    InputValidationError["RealDateError"] = "realDateError";
+    InputValidationError["DateBefore1900Error"] = "dateBefore1900Error";
+    InputValidationError["YoungerThan17"] = "youngerThan17";
+})(InputValidationError || (InputValidationError = {}));
+export var FieldValidationError;
+(function (FieldValidationError) {
+    FieldValidationError["MissingFieldError"] = "missingFieldError";
+    FieldValidationError["InvalidInputValueError"] = "invalidInputValueError";
+    FieldValidationError["ImpossibleFieldValueError"] = "impossibleFieldValueError";
+})(FieldValidationError || (FieldValidationError = {}));
+export const dateOfBirthErrorMessages = {
+    [InputValidationError.RealDateError]: () => 'Please enter a valid date of birth',
+    [InputValidationError.DateBefore1900Error]: () => 'Please enter a date of birth after 1900',
+    [FieldValidationError.MissingFieldError]: createMissingFieldErrorMessage,
+    [FieldValidationError.InvalidInputValueError]: () => 'Please enter a numeric value',
+    [FieldValidationError.ImpossibleFieldValueError]: createImpossibleFieldErrorMessage,
+    [InputValidationError.YoungerThan17]: createYoungerThan17ErrorMessage,
+};
+//# sourceMappingURL=schema.js.map

package/dist/utils/dateOfBirth/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/utils/dateOfBirth/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,EACjC,8BAA8B,EAC9B,+BAA+B,GAChC,MAAM,8BAA8B,CAAA;AAErC,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,uDAA+B,CAAA;IAC/B,mEAA2C,CAAA;IAC3C,uDAA+B,CAAA;AACjC,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAED,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,+DAAuC,CAAA;IACvC,yEAAiD,CAAA;IACjD,+EAAuD,CAAA;AACzD,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAED,MAAM,CAAC,MAAM,wBAAwB,GAGjC;IACF,CAAC,oBAAoB,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,CACzC,oCAAoC;IACtC,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAC/C,yCAAyC;IAC3C,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,8BAA8B;IACxE,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,EAAE,GAAG,EAAE,CAClD,8BAA8B;IAChC,CAAC,oBAAoB,CAAC,yBAAyB,CAAC,EAC9C,iCAAiC;IACnC,CAAC,oBAAoB,CAAC,aAAa,CAAC,EAAE,+BAA+B;CACtE,CAAA","sourcesContent":["import {\n  createImpossibleFieldErrorMessage,\n  createMissingFieldErrorMessage,\n  createYoungerThan17ErrorMessage,\n} from './dateOfBirthValidator.utils'\n\nexport enum InputValidationError {\n  RealDateError = 'realDateError',\n  DateBefore1900Error = 'dateBefore1900Error',\n  YoungerThan17 = 'youngerThan17',\n}\n\nexport enum FieldValidationError {\n  MissingFieldError = 'missingFieldError',\n  InvalidInputValueError = 'invalidInputValueError',\n  ImpossibleFieldValueError = 'impossibleFieldValueError',\n}\n\nexport const dateOfBirthErrorMessages: Record<\n  InputValidationError | FieldValidationError,\n  (value: string[]) => string\n> = {\n  [InputValidationError.RealDateError]: () =>\n    'Please enter a valid date of birth',\n  [InputValidationError.DateBefore1900Error]: () =>\n    'Please enter a date of birth after 1900',\n  [FieldValidationError.MissingFieldError]: createMissingFieldErrorMessage,\n  [FieldValidationError.InvalidInputValueError]: () =>\n    'Please enter a numeric value',\n  [FieldValidationError.ImpossibleFieldValueError]:\n    createImpossibleFieldErrorMessage,\n  [InputValidationError.YoungerThan17]: createYoungerThan17ErrorMessage,\n}\n"]}

package/dist/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/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","sourcesContent":["/**\n * Debounces a method.\n * @param fn - The function to be debounced.\n * @param delay - The debouncing delay.\n * @returns A debounced version of the function.\n */\nexport const debounce = <Args extends unknown[], R>(\n  fn: (...args: Args) => R,\n  delay: number,\n): ((...args: Args) => void) => {\n  let timeout: NodeJS.Timeout | undefined\n\n  return (...args: Args): void => {\n    if (timeout) {\n      clearTimeout(timeout)\n    }\n\n    timeout = setTimeout(() => {\n      fn(...args)\n      timeout = undefined\n    }, delay)\n  }\n}\n"]}

package/dist/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/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","sourcesContent":["import { useEffect } from 'react'\n\nconst env = process.env.REACT_APP_NODE_ENV || process.env.ENV\n\nexport const isLocal = env === 'local'\n\nconst stripUndefinedProps = (props: Record<string, unknown>) => {\n  const propKeys = Object.keys(props)\n\n  return propKeys.reduce<Record<string, unknown>>((acc, key) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key]\n    }\n    return acc\n  }, {})\n}\n\ntype UseDeprecatedWarningParams = {\n  enabled?: boolean\n  title: string\n  message: string\n  componentProps?: Record<string, any>\n}\n\nexport const useDeprecatedWarning = ({\n  enabled = true,\n  title,\n  message,\n  componentProps,\n}: UseDeprecatedWarningParams): void => {\n  useEffect(() => {\n    if (isLocal && enabled) {\n      const logs: any[] = [\n        `%c[Deprecated] ${title}`,\n        'font-weight:bold;',\n        '\\n',\n        '\\n',\n        message,\n      ]\n\n      if (componentProps) {\n        logs.push(\n          '\\n',\n          '\\n',\n          'Component props:',\n          stripUndefinedProps(componentProps),\n        )\n      }\n\n      console.warn(...logs)\n    }\n  }, [enabled])\n}\n"]}

package/dist/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/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;AAuCrD,MAAM,CAAC,MAAM,IAAI,GAAW,CAAC,KAAyB,EAAE,EAAE;IACxD,MAAM,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,KAAK,EACL,eAAe,EACf,WAAW,EACX,aAAa,EACb,IAAI,EACJ,UAAU,EACV,OAAO,GACR,GAAG,KAAK,CAAA;IAET,OAAO;MACH,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;MAE7B,UAAU;QACR,CAAC,CAAC,qBAAqB,CACnB,UAAU,EACV,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,KAAK,GAAG,CACvC;QACH,CAAC,CAAC,EACN;MACE,KAAK,CAAC,CAAC,CAAC,cAAc,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;MACnC,KAAK,CAAC,CAAC,CAAC,cAAc,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;MAEnC,eAAe;QACb,CAAC,CAAC,qBAAqB,CACnB,eAAe,EACf,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAoB,KAAK,GAAG,CACxC;QACH,CAAC,CAAC,EACN;MAEE,WAAW;QACT,CAAC,CAAC,qBAAqB,CACnB,WAAW,EACX,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,KAAK,GAAG,CACpC;QACH,CAAC,CAAC,EACN;MAEE,aAAa;QACX,CAAC,CAAC,qBAAqB,CACnB,aAAa,EACb,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,GAAG,CACtC;QACH,CAAC,CAAC,EACN;MAEE,IAAI;QACF,CAAC,CAAC,qBAAqB,CACnB,IAAI,EACJ,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,cAAc,CAAC,KAAK,CAAC,GAAG,CAC5C;QACH,CAAC,CAAC,EACN;MAEE,UAAU;QACR,CAAC,CAAC,qBAAqB,CACnB,UAAU,EACV,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,cAAc,CAAC,KAAK,CAAC,GAAG,CACnD;QACH,CAAC,CAAC,EACN;MAEE,OAAO;QACL,CAAC,CAAC,qBAAqB,CACnB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,cAAc,CAAC,KAAK,CAAC,GAAG,CAChD;QACH,CAAC,CAAC,EACN;GACD,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { resolveResponsiveProp, ResponsiveProp } from './responsiveProp'\nimport { resolveSpacing, SpacingProp } from './space'\nimport { TransientProps } from './utilTypes'\n\ntype FlexFN = (arg: TransientFlexProps) => string\n\nexport interface FlexProps {\n  direction?: ResponsiveProp<\n    'column' | 'column-reverse' | 'row' | 'row-reverse'\n  >\n  wrap?: 'nowrap' | 'wrap' | 'wrap-reverse'\n  flex?: boolean\n  flow?: string\n  justifyContent?: ResponsiveProp<\n    | 'center'\n    | 'flex-end'\n    | 'flex-start'\n    | 'space-around'\n    | 'space-between'\n    | 'space-evenly'\n  >\n\n  alignItems?: ResponsiveProp<\n    'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'\n  >\n  alignContent?: ResponsiveProp<\n    | 'center'\n    | 'flex-end'\n    | 'flex-start'\n    | 'space-around'\n    | 'space-between'\n    | 'stretch'\n  >\n  gap?: ResponsiveProp<SpacingProp>\n  rowGap?: ResponsiveProp<SpacingProp>\n  columnGap?: ResponsiveProp<SpacingProp>\n}\n\nexport type TransientFlexProps = TransientProps<FlexProps>\n\nexport const flex: FlexFN = (props: TransientFlexProps) => {\n  const {\n    $flex,\n    $direction,\n    $wrap,\n    $flow,\n    $justifyContent,\n    $alignItems,\n    $alignContent,\n    $gap,\n    $columnGap,\n    $rowGap,\n  } = props\n\n  return `\n    ${$flex ? `display: flex;` : ''}\n    ${\n      $direction\n        ? resolveResponsiveProp(\n            $direction,\n            (value) => `flex-direction: ${value};`,\n          )\n        : ''\n    }\n    ${$wrap ? `flex-wrap: ${$wrap};` : ''}\n    ${$flow ? `flex-flow: ${$flow};` : ''}\n    ${\n      $justifyContent\n        ? resolveResponsiveProp(\n            $justifyContent,\n            (value) => `justify-content: ${value};`,\n          )\n        : ''\n    }\n    ${\n      $alignItems\n        ? resolveResponsiveProp(\n            $alignItems,\n            (value) => `align-items: ${value};`,\n          )\n        : ''\n    }\n    ${\n      $alignContent\n        ? resolveResponsiveProp(\n            $alignContent,\n            (value) => `align-content: ${value};`,\n          )\n        : ''\n    }\n    ${\n      $gap\n        ? resolveResponsiveProp(\n            $gap,\n            (value) => `gap: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      $columnGap\n        ? resolveResponsiveProp(\n            $columnGap,\n            (value) => `column-gap: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n    ${\n      $rowGap\n        ? resolveResponsiveProp(\n            $rowGap,\n            (value) => `row-gap: ${resolveSpacing(value)};`,\n          )\n        : ''\n    }\n  `\n}\n"]}

package/dist/utils/focusOutline.d.ts

@@ -1,4 +1,4 @@
 export declare const focusOutline: ({ selector, }?: {
     selector?: string;
-}) => import('styled-components').RuleSet<object>;
-export declare const focusOutlineStyle: import('styled-components').RuleSet<object>;
+}) => import("styled-components").RuleSet<object>;
+export declare const focusOutlineStyle: import("styled-components").RuleSet<object>;

package/dist/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/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","sourcesContent":["import { css } from 'styled-components'\nimport { theme } from '../theme'\n\nexport const focusOutline = ({\n  selector = '&:focus-visible',\n}: { selector?: string } = {}) => css`\n  outline: 0;\n\n  ${selector} {\n    outline: 2px solid ${theme.colors.liquorice};\n    outline-offset: 2px;\n  }\n`\n\nexport const focusOutlineStyle = css`\n  &:focus-visible {\n    outline: 2px solid ${theme.colors.liquorice};\n    outline-offset: 2px;\n  }\n`\n"]}

package/dist/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/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","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"]}

package/dist/utils/isReactElement.js

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

package/dist/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,EAA4B,EAAE;IACvE,OAAO,cAAc,CAAC,GAAG,CAAC,CAAA;AAC5B,CAAC,CAAA","sourcesContent":["import { ReactElement, isValidElement } from 'react'\n\nexport const isReactElement = (obj: unknown): obj is ReactElement<any> => {\n  return isValidElement(obj)\n}\n"]}

package/dist/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/utils/measure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure.js","sourceRoot":"","sources":["../../src/utils/measure.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAA4B,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,GACrE,KAAK,CAAA;IAEP,OAAO;MACH,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE;MAC3C,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE;MAC3C,OAAO,CAAC,CAAC,CAAC,WAAW,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE;MACpC,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE;MAC9C,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE;GACjD,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { TransientProps } from './utilTypes'\n\ntype MeasureFN = (arg: TransientMeasureProps) => 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 type TransientMeasureProps = TransientProps<MeasureProps>\n\nexport const measure: MeasureFN = (props: TransientMeasureProps) => {\n  const { $width, $height, $maxWidth, $minWidth, $minHeight, $maxHeight } =\n    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"]}

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","sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const noop = () => {}\n"]}

package/dist/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/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","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> = Partial<Record<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"]}

package/dist/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/utils/space.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"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","sourcesContent":["import { resolveResponsiveProp, ResponsiveProp } from './responsiveProp'\nimport { TransientProps } from './utilTypes'\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 type TransientMarginProps = TransientProps<MarginProps>\nexport type TransientPaddingProps = TransientProps<PaddingProps>\n\nexport const margin = (props: TransientMarginProps): 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: TransientPaddingProps): 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"]}

package/dist/utils/useControlledState.d.ts

@@ -1,4 +1,4 @@
-import { SetStateAction } from 'react';
+import type { SetStateAction } from 'react';
 export declare const useControllableState: <StateType>({ initialState, stateProp, }: {
     initialState: StateType;
     stateProp: StateType | undefined;

package/dist/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