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

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/responsiveProp.d.ts

@@ -4,9 +4,7 @@ declare const breakpointToMinPxMapping: {
     large: number;
 };
 type Breakpoint = keyof typeof breakpointToMinPxMapping;
-type PropByBreakpoint<PropValue> = {
-    [key in Breakpoint]?: PropValue;
-};
+type PropByBreakpoint<PropValue> = Partial<Record<Breakpoint, PropValue>>;
 export type ResponsiveProp<PropValue> = PropValue | PropByBreakpoint<PropValue>;
 export declare const resolveResponsiveProp: <PropValue>(value: ResponsiveProp<PropValue>, styleTemplate: (value: PropValue) => string) => string;
 export {};

package/dist/utils/useControlledState.d.ts

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

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "10.6.3",
+  "version": "10.7.0-crumbs-feature-vite-bundling.2",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
+  "type": "module",
   "keywords": [
     "react",
     "components",
@@ -14,9 +15,10 @@
   ],
   "scripts": {
     "clean": "rimraf ./dist",
-    "build": "npm run clean && tsc --p ./tsconfig.build.json",
+    "build": "npm run clean && tsc --p ./tsconfig.build.json && vite build",
     "build-storybook": "storybook build -c .storybook",
     "check-types": "tsc --noEmit",
+    "lint": "eslint . --fix",
     "prepublishOnly": "npm run build",
     "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
@@ -33,19 +35,13 @@
     "fix-package-lock-conflicts": "echo \"Make sure conflicts in package.json are resolved before running this script\" && npm i --package-lock-only"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/eslint-parser": "^7.25.9",
-    "@babel/plugin-transform-class-properties": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
     "@commitlint/cli": "^19.6.1",
     "@commitlint/types": "^19.5.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^11.0.1",
     "@semantic-release/npm": "^12.0.0",
-    "@snyk/protect": "^1.1295.0",
+    "@snyk/protect": "^1.1295.2",
     "@storybook/addon-a11y": "^8.4.7",
     "@storybook/addon-coverage": "^1.0.5",
     "@storybook/addon-essentials": "^8.4.7",
@@ -56,23 +52,25 @@
     "@storybook/react-vite": "^8.4.7",
     "@storybook/test": "^8.2.1",
     "@storybook/test-runner": "^0.21.0",
-    "@testing-library/react": "^16.1.0",
+    "@testing-library/react": "^16.2.0",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/dompurify": "^3.2.0",
-    "@types/node": "^22.10.5",
-    "@types/react": "^19.0.4",
-    "@types/react-dom": "^18.0.8",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@types/node": "^22.12.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.22.0",
+    "@typescript-eslint/parser": "^8.22.0",
     "axe-playwright": "^2.0.3",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-react": "^7.37.3",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
     "husky": "^9.1.7",
-    "jsdom": "^25.0.1",
-    "lint-staged": "^15.3.0",
+    "jsdom": "^26.0.0",
+    "lint-staged": "^15.4.3",
+    "playwright": "^1.50.0",
     "prettier": "^3.4.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -81,8 +79,12 @@
     "storybook": "^8.0.4",
     "styled-components": "^6.1.14",
     "typescript": "^5.7.3",
-    "vite": "^6.0.7",
-    "vitest": "^2.1.8"
+    "typescript-eslint": "^8.22.0",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.4"
   },
   "dependencies": {
     "@floating-ui/react": "0.27.3",

package/dist/Accordion/Accordion.js

@@ -1,49 +0,0 @@
-import React, { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box';
-import { Icon } from '../Icon';
-import { Text } from '../Text';
-import { theme } from '../theme';
-export const Accordion = ({ title, children, onToggle, filledBackground, defaultIsOpen = false, borderTop = false, borderColor = 'oatmeal', backgroundColor = 'custard', subTitle, fullBorder = false, ...marginProps }) => {
-    const [isOpen, setIsOpen] = useState(defaultIsOpen);
-    const px = fullBorder ? '16px' : '0';
-    const handleToggle = () => {
-        const nextOpenState = !isOpen;
-        onToggle?.(nextOpenState);
-        setIsOpen(nextOpenState);
-    };
-    return (React.createElement(Wrapper, { "$borderTop": borderTop, "$fullBorder": fullBorder, "$filledBackground": filledBackground, "$borderColor": borderColor, "$backgroundColor": backgroundColor, ...marginProps },
-        React.createElement(TopContainer, { flex: true, alignItems: "center", justifyContent: "space-between", onClick: handleToggle, py: "16px", pr: "16px", pl: px },
-            React.createElement(TitleContainer, null,
-                React.createElement(Text, { tag: "h2", typo: "headline-regular", color: "liquorice" }, title),
-                subTitle && (React.createElement(Text, { tag: "label", color: "liquorice", typo: "label", mt: { custom: 4 } }, subTitle))),
-            React.createElement(CaretIcon, { render: "caret", size: 24, color: "marzipan", "$isOpen": isOpen, "$borderTop": borderTop })),
-        isOpen && (React.createElement(Box, { pt: "12px", pb: "16px", px: px }, children))));
-};
-const Wrapper = styled(Box)(({ $borderTop, $fullBorder, $filledBackground, $borderColor = 'oatmeal', $backgroundColor = 'custard', }) => css `
-    border-bottom: 1px solid ${theme.colors[$borderColor]};
-    ${$borderTop && `border-top: 1px solid ${theme.colors[$borderColor]};`}
-
-    ${$fullBorder &&
-    css `
-      border: 1px solid ${theme.colors[$borderColor]};
-      border-radius: 16px;
-    `}
-
-    ${$filledBackground &&
-    css `
-      background-color: ${theme.colors[$backgroundColor]};
-    `}
-  `);
-const TitleContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-const TopContainer = styled(Box) `
-  cursor: pointer;
-`;
-const CaretIcon = styled(Icon)(({ $isOpen }) => css `
-    transform: ${$isOpen ? 'rotate(180deg)' : 'rotate(0deg)'};
-    transition: transform 0.6s ease;
-  `);
-//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

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

package/dist/Accordion/index.js

@@ -1,2 +0,0 @@
-export * from './Accordion';
-//# sourceMappingURL=index.js.map

package/dist/Accordion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/ActionDropdown/ActionDropdown.js

@@ -1,61 +0,0 @@
-import React, { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box';
-import { Icon } from '../Icon';
-import { Text } from '../Text';
-import { List } from './List';
-import { theme } from '../theme';
-export const ActionDropdown = ({ id, className = '', label, value, list, onSelect, ...marginProps }) => {
-    const [open, setOpen] = useState(false);
-    return (React.createElement(Container, { id: id, className: className, onClick: () => setOpen((currentOpen) => !currentOpen), ...marginProps },
-        label && (React.createElement(Text, { tag: "label", color: "sesame", typo: "label" }, label)),
-        React.createElement(Label, { "$text": value.textColor ?? 'liquorice', "$bg": value.bgColor ?? 'sesame' },
-            React.createElement(SelectedOption, null, value.label),
-            React.createElement(Icon, { render: "caret", color: value.textColor ?? 'sesame', size: 24, rotate: open ? 180 : 0 })),
-        React.createElement(OuterContainer, { open: open },
-            React.createElement(List, { options: list, selectOption: onSelect }))));
-};
-const Label = styled.div(({ $text, $bg }) => css `
-    color: ${theme.colors[$text]};
-    background-color: ${theme.colors[$bg]};
-    position: relative;
-    width: 100%;
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    text-align: center;
-    border-radius: 100px;
-    padding: 16px 16px 14px;
-    box-sizing: border-box;
-    user-select: none;
-  `);
-const SelectedOption = styled.span `
-  font-size: 14px;
-  font-weight: bold;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-`;
-const Container = styled(Box) `
-  position: relative;
-  display: block;
-  width: 210px;
-  height: 48px;
-  text-align: center;
-  cursor: pointer;
-  outline: none;
-  border-radius: 8px;
-`;
-const OuterContainer = styled.div(({ open }) => css `
-    position: absolute;
-    width: 100%;
-    border-radius: 12px;
-    margin-top: 8px;
-    display: ${open ? 'block' : 'none'};
-    max-height: ${open ? '235px' : '48px'};
-    background-color: ${theme.colors.custard};
-    overflow-y: ${open ? 'auto' : 'hidden'};
-    z-index: 4;
-    transition: all 0.2s ease-in-out;
-  `);
-//# sourceMappingURL=ActionDropdown.js.map

package/dist/ActionDropdown/ActionDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAkB,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAgBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,KACjD,WAAW;QAEd,KAAK,IAAI,CACR,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,IAC1C,KAAK,CACD,CACR;QAED,oBAAC,KAAK,aACG,KAAK,CAAC,SAAS,IAAI,WAAW,SAChC,KAAK,CAAC,OAAO,IAAI,QAAQ;YAE9B,oBAAC,cAAc,QAAE,KAAK,CAAC,KAAK,CAAkB;YAC9C,oBAAC,IAAI,IACH,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,KAAK,CAAC,SAAS,IAAI,QAAQ,EAClC,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACtB,CACI;QACR,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACxB,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,GAAI,CAChC,CACP,CACb,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CACtB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;aACZ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;wBACR,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;GAYtC,CACF,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKjC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;CAS5B,CAAA;AAMD,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAC/B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;eAKJ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;kBACpB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;wBACjB,KAAK,CAAC,MAAM,CAAC,OAAO;kBAC1B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;;GAGvC,CACF,CAAA"}

package/dist/ActionDropdown/List.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { theme } from '../theme';
-import { darken } from 'polished';
-export const List = ({ options, selectOption }) => (React.createElement(Container, null, options.map((option) => (React.createElement(ListItem, { key: option.value, onClick: () => selectOption(option) }, option.label)))));
-const Container = styled.ul `
-  padding: 0;
-  margin: 0;
-  max-height: 188px;
-`;
-const ListItem = styled.li `
-  padding: 16px 24px;
-  text-align: left;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-  font-size: 14px;
-  cursor: pointer;
-  color: ${theme.colors.liquorice};
-
-  &:hover {
-    background-color: ${darken(0.1, theme.colors.custard)};
-  }
-
-  &:last-child {
-    border-bottom: none;
-  }
-`;
-//# sourceMappingURL=List.js.map

package/dist/ActionDropdown/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/ActionDropdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAcjC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC5D,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC7D,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;WASf,KAAK,CAAC,MAAM,CAAC,SAAS;;;wBAGT,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;;;;CAMxD,CAAA"}

package/dist/ActionDropdown/index.js

@@ -1,2 +0,0 @@
-export { ActionDropdown } from './ActionDropdown';
-//# sourceMappingURL=index.js.map

package/dist/ActionDropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ActionDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/Badge/Badge.js

@@ -1,44 +0,0 @@
-import React, { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { theme } from '../theme';
-import { BadgeFallbackImage } from './BadgeFallbackImage';
-export var BadgeSize;
-(function (BadgeSize) {
-    BadgeSize["Sm"] = "24px";
-    BadgeSize["Md"] = "32px";
-    BadgeSize["Lg"] = "40px";
-})(BadgeSize || (BadgeSize = {}));
-export function Badge({ borderColour = 'lollipop', size = BadgeSize.Lg, src, disabled, zIndex, title, }) {
-    const [hasFailed, setHasFailed] = useState(false);
-    if (typeof src === 'string') {
-        return (React.createElement(Container, { "$borderColour": theme.colors[borderColour], "$size": size, "$src": src, "$disabled": disabled, "$zIndex": zIndex },
-            hasFailed && React.createElement(BadgeFallbackImage, { title: title }),
-            !hasFailed && (React.createElement("img", { width: '100%', height: '100%', src: src, alt: title, onError: () => setHasFailed(true) }))));
-    }
-    return (React.createElement(Container, { "$borderColour": theme.colors[borderColour], "$size": size, "$disabled": disabled, "$zIndex": zIndex, "$src": null }, src));
-}
-const Container = styled.div((props) => {
-    return css `
-    background-color: ${props.$borderColour};
-    background-image: ${props.$src ? `url(${props.$src})` : 'none'};
-    background-position: center;
-    background-size: cover;
-    height: ${props.$size};
-    width: ${props.$size};
-    border-radius: 50%;
-    overflow: hidden;
-    transition: box-shadow 0.2s ease-in-out;
-    border: 2px solid ${props.$borderColour};
-    filter: ${props.$disabled ? 'contrast(0.5)' : 'none'};
-    z-index: ${props.$zIndex || 0};
-
-    ${!props.$disabled &&
-        css `
-      &:hover {
-        cursor: pointer;
-        box-shadow: 0 0 0px 5px #f0f0f0;
-      }
-    `}
-  `;
-});
-//# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAY,MAAM,OAAO,CAAA;AACjD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,wBAAW,CAAA;IACX,wBAAW,CAAA;AACb,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAWD,MAAM,UAAU,KAAK,CAAC,EACpB,YAAY,GAAG,UAAU,EACzB,IAAI,GAAG,SAAS,CAAC,EAAE,EACnB,GAAG,EACH,QAAQ,EACR,MAAM,EACN,KAAK,GACM;IACX,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,CACL,oBAAC,SAAS,qBACO,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,WAClC,IAAI,UACL,GAAG,eACE,QAAQ,aACV,MAAM;YAEd,SAAS,IAAI,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI;YACjD,CAAC,SAAS,IAAI,CACb,6BACE,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,GACjC,CACH,CACS,CACb,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,qBACO,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,WAClC,IAAI,eACA,QAAQ,aACV,MAAM,UACT,IAAI,IAET,GAAG,CACM,CACb,CAAA;AACH,CAAC;AAUD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAiB,CAAC,KAAK,EAAE,EAAE;IACrD,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,aAAa;wBACnB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,MAAM;;;cAGpD,KAAK,CAAC,KAAK;aACZ,KAAK,CAAC,KAAK;;;;wBAIA,KAAK,CAAC,aAAa;cAC7B,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM;eACzC,KAAK,CAAC,OAAO,IAAI,CAAC;;MAE3B,CAAC,KAAK,CAAC,SAAS;QAClB,GAAG,CAAA;;;;;KAKF;GACF,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/Badge/BadgeFallbackImage.js

@@ -1,24 +0,0 @@
-import React, { useRef } from 'react';
-import { theme } from '../theme';
-import { Text } from '../Text';
-import styled from 'styled-components';
-export function BadgeFallbackImage({ title }) {
-    const bgColour = useRef(fallbackBackgroundColours[Math.floor(Math.random() * fallbackBackgroundColours.length)]);
-    return (React.createElement(StyledFallbackImage, { "$backgroundColour": bgColour.current },
-        React.createElement(Text, { typo: "caption", color: "liquorice", style: { fontWeight: 'bold' } }, title?.substring(0, 2) ?? null)));
-}
-const fallbackBackgroundColours = [
-    theme.colors.lollipop,
-    theme.colors.marshmallowPink,
-    theme.colors.bubblegum,
-    theme.colors.fairyFloss,
-];
-const StyledFallbackImage = styled.div `
-  background-color: ${(props) => props.$backgroundColour};
-  display: flex;
-  place-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-`;
-//# sourceMappingURL=BadgeFallbackImage.js.map

package/dist/Badge/BadgeFallbackImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeFallbackImage.js","sourceRoot":"","sources":["../../src/Badge/BadgeFallbackImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAMtC,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAS;IACjD,MAAM,QAAQ,GAAG,MAAM,CACrB,yBAAyB,CACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAC7D,CACF,CAAA;IACD,OAAO,CACL,oBAAC,mBAAmB,yBAAoB,QAAQ,CAAC,OAAO;QACtD,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IACjE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAC1B,CACa,CACvB,CAAA;AACH,CAAC;AAED,MAAM,yBAAyB,GAAG;IAChC,KAAK,CAAC,MAAM,CAAC,QAAQ;IACrB,KAAK,CAAC,MAAM,CAAC,eAAe;IAC5B,KAAK,CAAC,MAAM,CAAC,SAAS;IACtB,KAAK,CAAC,MAAM,CAAC,UAAU;CACxB,CAAA;AAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAA+B;sBAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB;;;;;;CAMvD,CAAA"}

package/dist/Badge/index.js

@@ -1,2 +0,0 @@
-export { Badge, BadgeSize } from './Badge';
-//# sourceMappingURL=index.js.map

package/dist/Badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAA"}

package/dist/BadgeList/BadgeList.js

@@ -1,77 +0,0 @@
-import React from 'react';
-import { Badge, BadgeSize } from '../Badge/Badge';
-import styled from 'styled-components';
-import { Tooltip } from '../Tooltip';
-import { Text } from '../Text';
-import { theme } from '../theme';
-/**
- * ### A list of badges with optional tooltips
- *
- * @param limit - The maximum number of badges to display. If the number of badges exceeds the limit, a badge will be displayed indicating the number of hidden excess badges.
- *
- */
-export function BadgeList({ badges, limit, size = BadgeSize.Lg }) {
-    const badgeZIndexMax = badges.length;
-    const limitExcess = 
-    // TODO: off by one adjustments work, just hard to read, refactor for human eyes 👁️👄👁️
-    limit && (badges.length > limit ? badges.length - limit : 0);
-    const maxBadges = limit ? limit - 1 : undefined;
-    const showExcessBadge = limitExcess !== undefined && Boolean(limitExcess);
-    return (React.createElement(Container, { "$size": size },
-        badges
-            .slice(0, limitExcess ? maxBadges : undefined)
-            .map((badge, index) => (React.createElement(WithTooltip, { key: typeof badge.src === 'string' ? badge.src : index, badge: {
-                ...badge,
-                zIndex: badgeZIndexMax - index,
-                size,
-            } }))),
-        showExcessBadge && (React.createElement("div", { className: "limit-badge", style: { zIndex: badgeZIndexMax, marginLeft: '4px' } },
-            React.createElement(Badge, { title: `+${limitExcess}`, borderColour: "oatmeal", size: size, src: React.createElement(ExcessBadge, { excess: limitExcess + 1 }), disabled: true })))));
-}
-function ExcessBadge({ excess }) {
-    return (React.createElement(ExcessBadgeContainer, null,
-        React.createElement(Text, { typo: "caption", style: { fontWeight: 'bold' } },
-            "+",
-            excess)));
-}
-const ExcessBadgeContainer = styled.div `
-  display: flex;
-  align-items: center;
-  place-content: center;
-  width: 100%;
-  height: 100%;
-  background-color: ${theme.colors.oatmeal};
-  pointer-events: none;
-`;
-const WithTooltip = ({ badge: { tooltip, ...badge } }) => {
-    if (tooltip) {
-        return (React.createElement("div", { style: { zIndex: badge.zIndex } },
-            React.createElement(Tooltip, { position: tooltip.position ?? 'bottom', title: tooltip?.title, content: tooltip.content },
-                React.createElement(Badge, { ...badge }))));
-    }
-    return (React.createElement("div", { style: { zIndex: badge.zIndex } },
-        React.createElement(Badge, { ...badge })));
-};
-const marginRightMapping = {
-    [BadgeSize.Lg]: '-18px',
-    [BadgeSize.Md]: '-14px',
-    [BadgeSize.Sm]: '-11px',
-};
-const Container = styled.div `
-  display: flex;
-
-  > * {
-    transition:
-      margin 0.2s ease-in-out,
-      padding 0.2s ease-in-out;
-    margin-right: ${(props) => marginRightMapping[props.$size]};
-
-    &:hover:not(:first-child):not(.limit-badge) {
-      padding-left: 10px;
-      &:not(:last-child) {
-        padding-right: 5px;
-      }
-    }
-  }
-`;
-//# sourceMappingURL=BadgeList.js.map

package/dist/BadgeList/BadgeList.js.map

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

package/dist/BadgeList/index.js

@@ -1,2 +0,0 @@
-export { BadgeList } from "./BadgeList";
-//# sourceMappingURL=index.js.map

package/dist/BadgeList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BadgeList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA"}

package/dist/Banner/BannerContainer.js

@@ -1,43 +0,0 @@
-import React, { createContext, useState, useCallback, useContext, } from 'react';
-import styled from 'styled-components';
-import { BannerItem } from './BannerItem';
-export const BannerContext = createContext({
-    addBanner: () => {
-        throw new Error('Please add the BannerContainer to your application');
-    },
-});
-export const useBannerContext = () => useContext(BannerContext);
-export const BannerContainer = ({ children }) => {
-    let bannerId = 0;
-    const [banner, setBanner] = useState([]);
-    // create banner unique ID
-    const newBannerId = useCallback(() => {
-        const newId = `MM_BANNER_${bannerId}`;
-        bannerId++;
-        return newId;
-    }, [bannerId]);
-    const addBanner = (banner) => {
-        const newBanner = {
-            ...banner,
-            id: newBannerId(),
-        };
-        setBanner([newBanner]);
-    };
-    const deleteBanner = (id) => {
-        setBanner(banner.filter((banner) => banner.id !== id));
-    };
-    return (React.createElement(BannerContext.Provider, { value: {
-            addBanner,
-        } },
-        children,
-        React.createElement(BannerWrapper, null, banner.map((banner) => (React.createElement(BannerItem, { key: banner.id, ...banner, deleteBanner: deleteBanner }))))));
-};
-const BannerWrapper = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  z-index: 99;
-`;
-//# sourceMappingURL=BannerContainer.js.map

package/dist/Banner/BannerContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerContainer.js","sourceRoot":"","sources":["../../src/Banner/BannerContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,QAAQ,EACR,WAAW,EAEX,UAAU,GACX,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAoB;IAC5D,SAAS,EAAE,GAAG,EAAE;QACd,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5E,IAAI,QAAQ,GAAG,CAAC,CAAA;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAA;IAElD,0BAA0B;IAC1B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,KAAK,GAAG,aAAa,QAAQ,EAAE,CAAA;QACrC,QAAQ,EAAE,CAAA;QACV,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,SAAS,GAAG,CAAC,MAAoB,EAAE,EAAE;QACzC,MAAM,SAAS,GAAG;YAChB,GAAG,MAAM;YACT,EAAE,EAAE,WAAW,EAAE;SAClB,CAAA;QACD,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IACxD,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,SAAS;SACV;QAEA,QAAQ;QACT,oBAAC,aAAa,QACX,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,KAAM,MAAM,EAAE,YAAY,EAAE,YAAY,GAAI,CACvE,CAAC,CACY,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO/B,CAAA"}

package/dist/Banner/BannerItem.js

@@ -1,64 +0,0 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { Box } from '../Box';
-import { Icon } from '../Icon';
-import { Text } from '../Text';
-import { useTimeout } from '../hooks';
-import { theme } from '../theme';
-const styles = {
-    upsell: {
-        iconColor: 'liquorice',
-        backgroundColor: theme.colors.marshmallowPink,
-        textColor: 'liquorice',
-    },
-    critical: {
-        iconColor: 'cream',
-        backgroundColor: theme.colors.strawberry,
-        textColor: 'cream',
-    },
-    general: {
-        iconColor: 'cream',
-        backgroundColor: theme.colors.liquorice,
-        textColor: 'cream',
-    },
-    success: {
-        iconColor: 'cream',
-        backgroundColor: theme.colors.apple,
-        textColor: 'cream',
-    },
-};
-export const BannerItem = ({ type, autoCloseTime = 4, id, message, topOffset, exploreAction, showExploreText, showExploreIcon, leadingIcon, canManuallyClose, showCloseIcon, deleteBanner, noTimeout, }) => {
-    const autoCloseBaner = () => {
-        if (noTimeout)
-            return;
-        if (type !== 'critical')
-            return deleteBanner(id);
-        else {
-            return;
-        }
-    };
-    useTimeout(() => autoCloseBaner(), autoCloseTime * 1000);
-    const textColor = styles[type].textColor;
-    const iconColor = styles[type].iconColor;
-    return (React.createElement(BannerWrapper, { p: "24px", mt: { custom: topOffset }, key: id, flex: true, justifyContent: "space-between", "$type": type },
-        React.createElement(Box, { flex: true, alignItems: "center" },
-            leadingIcon && (React.createElement(Icon, { mr: "12px", render: leadingIcon, size: 24, color: iconColor })),
-            React.createElement(Text, { typo: "headline-small", color: textColor }, message)),
-        React.createElement(Box, { flex: true, alignItems: "center" },
-            canManuallyClose && (React.createElement(GenericButton, { onClick: () => deleteBanner(id), "aria-label": `close banner ${message}` }, showCloseIcon ? (React.createElement(Icon, { render: "cross", size: 16, color: iconColor })) : (React.createElement(UnderlinedText, { tag: "span", typo: "desc-medium", color: textColor }, "Dismiss")))),
-            exploreAction && (React.createElement(GenericButton, { onClick: exploreAction, "aria-label": `cta ${message}` },
-                React.createElement(Box, { flex: true, alignItems: "center" },
-                    showExploreText && (React.createElement(UnderlinedText, { ml: "12px", tag: "span", typo: "desc-medium", color: textColor }, "Explore")),
-                    showExploreIcon && (React.createElement(Icon, { render: "arrow", ml: "12px", size: 24, color: iconColor, rotate: 180 }))))))));
-};
-const BannerWrapper = styled(Box)(({ $type }) => css `
-    border-radius: 0px 0px 16px 16px;
-    background-color: ${styles[$type].backgroundColor};
-  `);
-const GenericButton = styled.button `
-  cursor: pointer;
-`;
-const UnderlinedText = styled(Text) `
-  text-decoration: underline;
-`;
-//# sourceMappingURL=BannerItem.js.map

package/dist/Banner/BannerItem.js.map

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

package/dist/Banner/hooks.js

@@ -1,6 +0,0 @@
-import { useBannerContext } from './BannerContainer';
-export const useBanner = () => {
-    const { addBanner } = useBannerContext();
-    return { addBanner };
-};
-//# sourceMappingURL=hooks.js.map

package/dist/Banner/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/Banner/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAExC,OAAO,EAAE,SAAS,EAAE,CAAA;AACtB,CAAC,CAAA"}

package/dist/Banner/index.js

@@ -1,3 +0,0 @@
-export * from './BannerContainer';
-export * from './hooks';
-//# sourceMappingURL=index.js.map

package/dist/Banner/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA"}

package/dist/Banner/types.js

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

package/dist/Banner/types.js.map

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