cakeinpanic-ui 1.0.0

package/dist/esm/tabs/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","sources":["../../../src/tabs/Tab.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TabProps } from './types.js'\nimport { TabButtonStyle, TabLabelStyle } from './TabsStyles.js'\n\nexport const Tab = forwardRef(\n  (\n    { active = false, children, ...rest }: TabProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    return (\n      <TabButtonStyle\n        $active={active}\n        aria-selected={active}\n        role='tab'\n        tabIndex={active ? 0 : -1}\n        type='button'\n        ref={ref}\n        {...rest}\n      >\n        <TabLabelStyle $active={active}>{children}</TabLabelStyle>\n      </TabButtonStyle>\n    )\n  },\n)\nTab.displayName = 'Tab'\n"],"names":["Tab","forwardRef","_ref","ref","active","children","rest","_jsx","TabButtonStyle","$active","role","tabIndex","type","TabLabelStyle","displayName"],"mappings":";;;;AAIO,MAAMA,GAAG,gBAAGC,UAAU,CAC3B,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;AAAEC,IAAAA,MAAM,GAAG,KAAK;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAe,GAAC,GAAAJ,IAAA,CAAA;EAG/C,oBACEK,GAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,OAAO,EAAEL,MAAO;AAChB,IAAA,eAAA,EAAeA,MAAO;AACtBM,IAAAA,IAAI,EAAC,KAAK;AACVC,IAAAA,QAAQ,EAAEP,MAAM,GAAG,CAAC,GAAG,CAAC,CAAE;AAC1BQ,IAAAA,IAAI,EAAC,QAAQ;AACbT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLG,IAAI;IAAAD,QAAA,eAERE,GAAA,CAACM,aAAa,EAAA;AAACJ,MAAAA,OAAO,EAAEL,MAAO;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAAwB,CAAA;AAAC,GAC5C,CAAC,CAAA;AAErB,CACF,EAAC;AACDL,GAAG,CAACc,WAAW,GAAG,KAAK;;;;"}

package/dist/esm/tabs/Tabs.mjs

@@ -0,0 +1,97 @@
+import { forwardRef, useRef, useCallback } from 'react';
+import '../utils/styled-components-wrapper.mjs';
+import 'use-callback-ref';
+import { useIsomorphicLayoutEffect } from '../hooks/useIsomorphicLayoutEffect.mjs';
+import '../theme/cookie-theme-provider.mjs';
+import '../theme/theme-provider.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../theme/document-head-contents/element-theme-colors.mjs';
+import '../utils/modalRoot.mjs';
+import '../utils/cookies-client-side.mjs';
+import '../theme/constants.mjs';
+import '../theme/utils/set-theme-cookie.mjs';
+import '../theme/themes.mjs';
+import { TabsListStyle, TabsIndicatorStyle } from './TabsStyles.mjs';
+
+const Tabs = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...rest
+  } = _ref;
+  const listRef = useRef(null);
+  const setRefs = useCallback(node => {
+    listRef.current = node;
+    if (typeof ref === 'function') {
+      ref(node);
+      return;
+    }
+    if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  useIsomorphicLayoutEffect(() => {
+    if (typeof window === 'undefined') return undefined;
+    const listNode = listRef.current;
+    if (!listNode) return undefined;
+    let rafId = 0;
+    const updateIndicator = () => {
+      const activeTab = listNode.querySelector('[role="tab"][aria-selected="true"]');
+      if (!activeTab) {
+        listNode.style.setProperty('--tabs-indicator-left', '0px');
+        listNode.style.setProperty('--tabs-indicator-width', '0px');
+        return;
+      }
+      const listRect = listNode.getBoundingClientRect();
+      const tabRect = activeTab.getBoundingClientRect();
+      const left = tabRect.left - listRect.left + listNode.scrollLeft;
+      listNode.style.setProperty('--tabs-indicator-left', `${left}px`);
+      listNode.style.setProperty('--tabs-indicator-width', `${tabRect.width}px`);
+    };
+    const scheduleUpdate = () => {
+      if (rafId) {
+        window.cancelAnimationFrame(rafId);
+      }
+      rafId = window.requestAnimationFrame(updateIndicator);
+    };
+    updateIndicator();
+    scheduleUpdate();
+    listNode.addEventListener('scroll', scheduleUpdate, {
+      passive: true
+    });
+    window.addEventListener('resize', scheduleUpdate);
+    const mutationObserver = typeof MutationObserver === 'undefined' ? null : new MutationObserver(scheduleUpdate);
+    mutationObserver?.observe(listNode, {
+      attributes: true,
+      subtree: true,
+      attributeFilter: ['aria-selected']
+    });
+    const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(scheduleUpdate);
+    resizeObserver?.observe(listNode);
+    listNode.querySelectorAll('[role="tab"]').forEach(tab => resizeObserver?.observe(tab));
+    if (typeof document !== 'undefined' && 'fonts' in document) {
+      // Ensure metrics are correct after fonts are loaded.
+      void document.fonts.ready.then(scheduleUpdate);
+    }
+    return () => {
+      if (rafId) {
+        window.cancelAnimationFrame(rafId);
+      }
+      listNode.removeEventListener('scroll', scheduleUpdate);
+      window.removeEventListener('resize', scheduleUpdate);
+      mutationObserver?.disconnect();
+      resizeObserver?.disconnect();
+    };
+  }, [children]);
+  return /*#__PURE__*/jsxs(TabsListStyle, {
+    role: "tablist",
+    ref: setRefs,
+    ...rest,
+    children: [children, /*#__PURE__*/jsx(TabsIndicatorStyle, {
+      "aria-hidden": true
+    })]
+  });
+});
+Tabs.displayName = 'Tabs';
+
+export { Tabs };
+//# sourceMappingURL=Tabs.mjs.map

package/dist/esm/tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","sources":["../../../src/tabs/Tabs.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useCallback, useRef } from 'react'\nimport { useIsomorphicLayoutEffect } from '../hooks'\nimport { TabsProps } from './types.js'\nimport { TabsIndicatorStyle, TabsListStyle } from './TabsStyles.js'\n\nexport const Tabs = forwardRef(\n  ({ children, ...rest }: TabsProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const listRef = useRef<HTMLDivElement | null>(null)\n    const setRefs = useCallback(\n      (node: HTMLDivElement | null) => {\n        listRef.current = node\n        if (typeof ref === 'function') {\n          ref(node)\n          return\n        }\n        if (ref) {\n          ;(ref as { current: HTMLDivElement | null }).current = node\n        }\n      },\n      [ref],\n    )\n\n    useIsomorphicLayoutEffect(() => {\n      if (typeof window === 'undefined') return undefined\n      const listNode = listRef.current\n      if (!listNode) return undefined\n      let rafId = 0\n\n      const updateIndicator = () => {\n        const activeTab = listNode.querySelector<HTMLElement>(\n          '[role=\"tab\"][aria-selected=\"true\"]',\n        )\n        if (!activeTab) {\n          listNode.style.setProperty('--tabs-indicator-left', '0px')\n          listNode.style.setProperty('--tabs-indicator-width', '0px')\n          return\n        }\n\n        const listRect = listNode.getBoundingClientRect()\n        const tabRect = activeTab.getBoundingClientRect()\n        const left = tabRect.left - listRect.left + listNode.scrollLeft\n\n        listNode.style.setProperty('--tabs-indicator-left', `${left}px`)\n        listNode.style.setProperty(\n          '--tabs-indicator-width',\n          `${tabRect.width}px`,\n        )\n      }\n\n      const scheduleUpdate = () => {\n        if (rafId) {\n          window.cancelAnimationFrame(rafId)\n        }\n        rafId = window.requestAnimationFrame(updateIndicator)\n      }\n\n      updateIndicator()\n      scheduleUpdate()\n      listNode.addEventListener('scroll', scheduleUpdate, { passive: true })\n      window.addEventListener('resize', scheduleUpdate)\n\n      const mutationObserver =\n        typeof MutationObserver === 'undefined'\n          ? null\n          : new MutationObserver(scheduleUpdate)\n\n      mutationObserver?.observe(listNode, {\n        attributes: true,\n        subtree: true,\n        attributeFilter: ['aria-selected'],\n      })\n\n      const resizeObserver =\n        typeof ResizeObserver === 'undefined'\n          ? null\n          : new ResizeObserver(scheduleUpdate)\n\n      resizeObserver?.observe(listNode)\n      listNode\n        .querySelectorAll<HTMLElement>('[role=\"tab\"]')\n        .forEach((tab) => resizeObserver?.observe(tab))\n\n      if (typeof document !== 'undefined' && 'fonts' in document) {\n        // Ensure metrics are correct after fonts are loaded.\n        void (document as Document & { fonts: FontFaceSet }).fonts.ready.then(\n          scheduleUpdate,\n        )\n      }\n\n      return () => {\n        if (rafId) {\n          window.cancelAnimationFrame(rafId)\n        }\n        listNode.removeEventListener('scroll', scheduleUpdate)\n        window.removeEventListener('resize', scheduleUpdate)\n        mutationObserver?.disconnect()\n        resizeObserver?.disconnect()\n      }\n    }, [children])\n\n    return (\n      <TabsListStyle role='tablist' ref={setRefs} {...rest}>\n        {children}\n        <TabsIndicatorStyle aria-hidden />\n      </TabsListStyle>\n    )\n  },\n)\nTabs.displayName = 'Tabs'\n"],"names":["Tabs","forwardRef","_ref","ref","children","rest","listRef","useRef","setRefs","useCallback","node","current","useIsomorphicLayoutEffect","window","undefined","listNode","rafId","updateIndicator","activeTab","querySelector","style","setProperty","listRect","getBoundingClientRect","tabRect","left","scrollLeft","width","scheduleUpdate","cancelAnimationFrame","requestAnimationFrame","addEventListener","passive","mutationObserver","MutationObserver","observe","attributes","subtree","attributeFilter","resizeObserver","ResizeObserver","querySelectorAll","forEach","tab","document","fonts","ready","then","removeEventListener","disconnect","_jsxs","TabsListStyle","role","_jsx","TabsIndicatorStyle","displayName"],"mappings":"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"}

package/dist/esm/tabs/TabsStyles.mjs

@@ -0,0 +1,100 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const TabsListStyle = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  position: relative;
+  border-bottom: 1px solid var(--lido-color-borderSubtle);
+`;
+const TabLabelStyle = styled.span`
+  font-size: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.fontSizesMap.sm;
+}}px;
+  line-height: 1.5em;
+  font-weight: 700;
+  color: var(--lido-color-text);
+  opacity: ${_ref2 => {
+  let {
+    $active
+  } = _ref2;
+  return $active ? 1 : 0.5;
+}};
+`;
+const TabButtonStyle = styled.button`
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  margin: 0;
+  background: transparent;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  color: var(--lido-color-text);
+  padding: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spaceMap.sm;
+}}px 0;
+  font-size: inherit;
+  white-space: nowrap;
+
+  ${_ref4 => {
+  let {
+    $active
+  } = _ref4;
+  return $active && css`
+      anchor-name: --tabs-active;
+    `;
+}}
+
+  &:hover ${TabLabelStyle},
+  &:focus-visible ${TabLabelStyle} {
+    opacity: 1;
+  }
+
+  &:disabled {
+    cursor: default;
+    opacity: 0.5;
+  }
+`;
+const TabsIndicatorStyle = styled.span`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: var(--tabs-indicator-width, 0);
+  height: 2px;
+  background-color: var(--lido-color-text);
+  transition:
+    transform ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.duration.norm;
+}} ease,
+    width ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.duration.norm;
+}} ease;
+  pointer-events: none;
+  z-index: 1;
+  will-change: transform, width;
+  transform: translateX(var(--tabs-indicator-left, 0));
+
+  /* stylelint-disable property-no-unknown */
+  @supports (position-anchor: --tabs-active) {
+    position-anchor: --tabs-active;
+    transform: translateX(anchor(left));
+    width: anchor-size(width);
+  }
+`;
+
+export { TabButtonStyle, TabLabelStyle, TabsIndicatorStyle, TabsListStyle };
+//# sourceMappingURL=TabsStyles.mjs.map

package/dist/esm/tabs/TabsStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsStyles.mjs","sources":["../../../src/tabs/TabsStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\n\nexport const TabsListStyle = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  position: relative;\n  border-bottom: 1px solid var(--lido-color-borderSubtle);\n`\n\nexport const TabLabelStyle = styled.span<{ $active: boolean }>`\n  font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n  line-height: 1.5em;\n  font-weight: 700;\n  color: var(--lido-color-text);\n  opacity: ${({ $active }) => ($active ? 1 : 0.5)};\n`\n\nexport const TabButtonStyle = styled.button<{ $active: boolean }>`\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  margin: 0;\n  background: transparent;\n  border: none;\n  box-sizing: border-box;\n  cursor: pointer;\n  color: var(--lido-color-text);\n  padding: ${({ theme }) => theme.spaceMap.sm}px 0;\n  font-size: inherit;\n  white-space: nowrap;\n\n  ${({ $active }) =>\n    $active &&\n    css`\n      anchor-name: --tabs-active;\n    `}\n\n  &:hover ${TabLabelStyle},\n  &:focus-visible ${TabLabelStyle} {\n    opacity: 1;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n  }\n`\n\nexport const TabsIndicatorStyle = styled.span`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: var(--tabs-indicator-width, 0);\n  height: 2px;\n  background-color: var(--lido-color-text);\n  transition:\n    transform ${({ theme }) => theme.duration.norm} ease,\n    width ${({ theme }) => theme.duration.norm} ease;\n  pointer-events: none;\n  z-index: 1;\n  will-change: transform, width;\n  transform: translateX(var(--tabs-indicator-left, 0));\n\n  /* stylelint-disable property-no-unknown */\n  @supports (position-anchor: --tabs-active) {\n    position-anchor: --tabs-active;\n    transform: translateX(anchor(left));\n    width: anchor-size(width);\n  }\n`\n"],"names":["TabsListStyle","styled","div","TabLabelStyle","span","_ref","theme","fontSizesMap","sm","_ref2","$active","TabButtonStyle","button","_ref3","spaceMap","_ref4","css","TabsIndicatorStyle","_ref5","duration","norm","_ref6"],"mappings":";;;AAEaA,MAAAA,aAAa,GAAGC,MAAM,CAACC,GAAG,CAAA;AACvC;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,aAAa,GAAGF,MAAM,CAACG,IAA0B,CAAA;AAC9D,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA;AACA;AACA,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,CAAC,GAAG,GAAG,CAAA;AAAA,CAAC,CAAA;AACjD,EAAC;AAEYC,MAAAA,cAAc,GAAGV,MAAM,CAACW,MAA4B,CAAA;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACQ,QAAQ,CAACN,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA;AACA;AACA,EAAA,EAAIO,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,OAAAA;AAAQ,GAAC,GAAAK,KAAA,CAAA;EAAA,OACZL,OAAO,IACPM,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AAAA,CAAA,CAAA;AACL;AACA,UAAA,EAAYb,aAAa,CAAA;AACzB,kBAAA,EAAoBA,aAAa,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYc,MAAAA,kBAAkB,GAAGhB,MAAM,CAACG,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,EAAgBc,KAAA,IAAA;EAAA,IAAC;AAAEZ,IAAAA,KAAAA;AAAM,GAAC,GAAAY,KAAA,CAAA;AAAA,EAAA,OAAKZ,KAAK,CAACa,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAClD,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEf,IAAAA,KAAAA;AAAM,GAAC,GAAAe,KAAA,CAAA;AAAA,EAAA,OAAKf,KAAK,CAACa,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/text/Text.mjs

@@ -0,0 +1,24 @@
+import { forwardRef } from 'react';
+import { TextStyle } from './TextStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Text = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    size = 'md',
+    weight = 400,
+    color = 'default',
+    strong,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(TextStyle, {
+    size: size,
+    weight: strong ? 700 : weight,
+    color: color,
+    ref: ref,
+    ...rest
+  });
+});
+Text.displayName = 'Text';
+
+export { Text };
+//# sourceMappingURL=Text.mjs.map

package/dist/esm/text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sources":["../../../src/text/Text.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TextStyle } from './TextStyles.js'\nimport { TextProps } from './types.js'\n\nexport const Text = forwardRef(\n  (\n    {\n      size = 'md',\n      weight = 400,\n      color = 'default',\n      strong,\n      ...rest\n    }: TextProps,\n    ref?: ForwardedRef<HTMLParagraphElement>,\n  ) => {\n    return (\n      <TextStyle\n        size={size}\n        weight={strong ? 700 : weight}\n        color={color}\n        ref={ref}\n        {...rest}\n      />\n    )\n  },\n)\nText.displayName = 'Text'\n"],"names":["Text","forwardRef","_ref","ref","size","weight","color","strong","rest","_jsx","TextStyle","displayName"],"mappings":";;;;AAIO,MAAMA,IAAI,gBAAGC,UAAU,CAC5B,CAAAC,IAAA,EAQEC,GAAwC,KACrC;EAAA,IARH;AACEC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,MAAM,GAAG,GAAG;AACZC,IAAAA,KAAK,GAAG,SAAS;IACjBC,MAAM;IACN,GAAGC,IAAAA;AACM,GAAC,GAAAN,IAAA,CAAA;EAGZ,oBACEO,GAAA,CAACC,SAAS,EAAA;AACRN,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEE,MAAM,GAAG,GAAG,GAAGF,MAAO;AAC9BC,IAAAA,KAAK,EAAEA,KAAM;AACbH,IAAAA,GAAG,EAAEA,GAAI;IAAA,GACLK,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AACDR,IAAI,CAACW,WAAW,GAAG,MAAM;;;;"}

package/dist/esm/text/TextStyles.mjs

@@ -0,0 +1,111 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const sizes = {
+  xxs: css`
+    font-size: ${_ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.fontSizesMap.xxs;
+  }}px;
+    line-height: 1.5em;
+  `,
+  xs: css`
+    font-size: ${_ref2 => {
+    let {
+      theme
+    } = _ref2;
+    return theme.fontSizesMap.xs;
+  }}px;
+    line-height: 1.5em;
+  `,
+  sm: css`
+    font-size: ${_ref3 => {
+    let {
+      theme
+    } = _ref3;
+    return theme.fontSizesMap.sm;
+  }}px;
+    line-height: 1.5em;
+  `,
+  md: css`
+    font-size: ${_ref4 => {
+    let {
+      theme
+    } = _ref4;
+    return theme.fontSizesMap.md;
+  }}px;
+    line-height: 1.5em;
+  `,
+  lg: css`
+    font-size: ${_ref5 => {
+    let {
+      theme
+    } = _ref5;
+    return theme.fontSizesMap.lg;
+  }}px;
+    line-height: 1.4em;
+  `,
+  xl: css`
+    font-size: ${_ref6 => {
+    let {
+      theme
+    } = _ref6;
+    return theme.fontSizesMap.xl;
+  }}px;
+    line-height: 1.4em;
+  `
+};
+const getTextColor = _ref7 => {
+  let {
+    theme: {
+      colors
+    },
+    color
+  } = _ref7;
+  const colorsMap = {
+    default: colors.text,
+    secondary: colors.textSecondary,
+    primary: colors.primary,
+    warning: colors.warning,
+    error: colors.error,
+    success: colors.success
+  };
+  return colorsMap[color];
+};
+const getTextDecoration = _ref8 => {
+  let {
+    underline,
+    strikeThrough
+  } = _ref8;
+  switch (true) {
+    case underline:
+      return 'underline';
+    case strikeThrough:
+      return 'line-through';
+    default:
+      return 'none';
+  }
+};
+const TextStyle = styled.p`
+  ${_ref9 => {
+  let {
+    weight,
+    italic,
+    size
+  } = _ref9;
+  return css`
+    font-style: ${italic ? 'italic' : 'normal'};
+    font-weight: ${weight};
+    margin: 0;
+    padding: 0;
+    color: ${getTextColor};
+    text-decoration: ${getTextDecoration};
+    ${sizes[size]}
+  `;
+}}
+`;
+
+export { TextStyle, sizes };
+//# sourceMappingURL=TextStyles.mjs.map

package/dist/esm/text/TextStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyles.mjs","sources":["../../../src/text/TextStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { TextColors, TextProps, TextSizes, TextWeight } from './types.js'\n\nexport const sizes = {\n  xxs: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.5em;\n  `,\n  xs: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    line-height: 1.5em;\n  `,\n  sm: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    line-height: 1.5em;\n  `,\n  md: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.md}px;\n    line-height: 1.5em;\n  `,\n  lg: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.lg}px;\n    line-height: 1.4em;\n  `,\n  xl: css`\n    font-size: ${({ theme }) => theme.fontSizesMap.xl}px;\n    line-height: 1.4em;\n  `,\n}\n\ntype InjectedProps = {\n  color: TextColors\n  size: TextSizes\n  weight: TextWeight\n  theme: Theme\n} & Omit<TextProps, 'color' | 'size' | 'strong' | 'weight'>\n\nconst getTextColor = ({ theme: { colors }, color }: InjectedProps) => {\n  const colorsMap = {\n    default: colors.text,\n    secondary: colors.textSecondary,\n    primary: colors.primary,\n    warning: colors.warning,\n    error: colors.error,\n    success: colors.success,\n  }\n\n  return colorsMap[color]\n}\n\nconst getTextDecoration = ({ underline, strikeThrough }: InjectedProps) => {\n  switch (true) {\n    case underline:\n      return 'underline'\n\n    case strikeThrough:\n      return 'line-through'\n\n    default:\n      return 'none'\n  }\n}\n\nexport const TextStyle = styled.p<InjectedProps>`\n  ${({ weight, italic, size }) => css`\n    font-style: ${italic ? 'italic' : 'normal'};\n    font-weight: ${weight};\n    margin: 0;\n    padding: 0;\n    color: ${getTextColor};\n    text-decoration: ${getTextDecoration};\n    ${sizes[size]}\n  `}\n`\n"],"names":["sizes","xxs","css","_ref","theme","fontSizesMap","xs","_ref2","sm","_ref3","md","_ref4","lg","_ref5","xl","_ref6","getTextColor","_ref7","colors","color","colorsMap","default","text","secondary","textSecondary","primary","warning","error","success","getTextDecoration","_ref8","underline","strikeThrough","TextStyle","styled","p","_ref9","weight","italic","size"],"mappings":"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"}

package/dist/esm/text/types.mjs

@@ -0,0 +1,21 @@
+let TextColor = /*#__PURE__*/function (TextColor) {
+  TextColor[TextColor["default"] = 0] = "default";
+  TextColor[TextColor["secondary"] = 1] = "secondary";
+  TextColor[TextColor["primary"] = 2] = "primary";
+  TextColor[TextColor["warning"] = 3] = "warning";
+  TextColor[TextColor["error"] = 4] = "error";
+  TextColor[TextColor["success"] = 5] = "success";
+  return TextColor;
+}({});
+let TextSize = /*#__PURE__*/function (TextSize) {
+  TextSize[TextSize["xxs"] = 0] = "xxs";
+  TextSize[TextSize["xs"] = 1] = "xs";
+  TextSize[TextSize["sm"] = 2] = "sm";
+  TextSize[TextSize["md"] = 3] = "md";
+  TextSize[TextSize["lg"] = 4] = "lg";
+  TextSize[TextSize["xl"] = 5] = "xl";
+  return TextSize;
+}({});
+
+export { TextColor, TextSize };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/text/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/text/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\n\nexport enum TextColor {\n  default,\n  secondary,\n  primary,\n  warning,\n  error,\n  success,\n}\nexport type TextColors = keyof typeof TextColor\n\nexport enum TextSize {\n  xxs,\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type TextSizes = keyof typeof TextSize\n\nexport type TextWeight = 400 | 500 | 700 | 800 | string | number\n\nexport type TextProps = LidoComponentProps<\n  'p',\n  {\n    color?: TextColors\n    size?: TextSizes\n    weight?: TextWeight\n    underline?: boolean\n    strikeThrough?: boolean\n    strong?: boolean\n    italic?: boolean\n  }\n>\n"],"names":["TextColor","TextSize"],"mappings":"AAEYA,IAAAA,SAAS,0BAATA,SAAS,EAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAATA,SAAS,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAUTC,IAAAA,QAAQ,0BAARA,QAAQ,EAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAARA,QAAQ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/theme/base/borders.mjs

@@ -0,0 +1,15 @@
+const borderRadiuses = [4, 6, 8, 10, 12];
+const borderRadiusesMap = {
+  xs: 4,
+  sm: 6,
+  md: 8,
+  lg: 10,
+  xl: 20
+};
+const borders = {
+  borderRadiuses,
+  borderRadiusesMap
+};
+
+export { borders as default };
+//# sourceMappingURL=borders.mjs.map

package/dist/esm/theme/base/borders.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.mjs","sources":["../../../../src/theme/base/borders.ts"],"sourcesContent":["const borderRadiuses = [4, 6, 8, 10, 12] as const\n\nconst borderRadiusesMap = {\n  xs: 4,\n  sm: 6,\n  md: 8,\n  lg: 10,\n  xl: 20,\n} as const\n\nexport default {\n  borderRadiuses,\n  borderRadiusesMap,\n}\n"],"names":["borderRadiuses","borderRadiusesMap","xs","sm","md","lg","xl"],"mappings":"AAAA,MAAMA,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAU,CAAA;AAEjD,MAAMC,iBAAiB,GAAG;AACxBC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,EAAE,EAAE,EAAA;AACN,CAAU,CAAA;AAEV,gBAAe;EACbN,cAAc;AACdC,EAAAA,iBAAAA;AACF,CAAC;;;;"}

package/dist/esm/theme/base/breakpoints.mjs

@@ -0,0 +1,37 @@
+const sm = {
+  width: '359px',
+  height: '639px'
+};
+const md = {
+  width: '479px',
+  height: '799px'
+};
+const lg = {
+  width: '767px',
+  height: '1023px'
+};
+const xl = {
+  width: '1023px',
+  height: '1365px'
+};
+const mediaQueries = {
+  sm: `@media screen and (max-width: ${sm.width})`,
+  md: `@media screen and (max-width: ${md.width})`,
+  lg: `@media screen and (max-width: ${lg.width})`,
+  xl: `@media screen and (max-width: ${xl.width})`
+};
+const breakpointsMap = {
+  sm,
+  md,
+  lg,
+  xl
+};
+const breakpoints = [sm.width, md.width, lg.width, xl.width];
+const breakpoints$1 = {
+  breakpoints,
+  breakpointsMap,
+  mediaQueries
+};
+
+export { breakpoints$1 as default };
+//# sourceMappingURL=breakpoints.mjs.map

package/dist/esm/theme/base/breakpoints.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.mjs","sources":["../../../../src/theme/base/breakpoints.ts"],"sourcesContent":["type Breakpoint = {\n  width: `${number}px`\n  height: `${number}px`\n}\n\nconst sm: Breakpoint = {\n  width: '359px',\n  height: '639px',\n}\n\nconst md: Breakpoint = {\n  width: '479px',\n  height: '799px',\n}\n\nconst lg: Breakpoint = {\n  width: '767px',\n  height: '1023px',\n}\n\nconst xl: Breakpoint = {\n  width: '1023px',\n  height: '1365px',\n}\n\nconst mediaQueries = {\n  sm: `@media screen and (max-width: ${sm.width})`,\n  md: `@media screen and (max-width: ${md.width})`,\n  lg: `@media screen and (max-width: ${lg.width})`,\n  xl: `@media screen and (max-width: ${xl.width})`,\n}\n\nconst breakpointsMap = { sm, md, lg, xl }\nconst breakpoints = [sm.width, md.width, lg.width, xl.width]\n\nexport default {\n  breakpoints,\n  breakpointsMap,\n  mediaQueries,\n}\n"],"names":["sm","width","height","md","lg","xl","mediaQueries","breakpointsMap","breakpoints"],"mappings":"AAKA,MAAMA,EAAc,GAAG;AACrBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,OAAA;AACV,CAAC,CAAA;AAED,MAAMC,EAAc,GAAG;AACrBF,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,OAAA;AACV,CAAC,CAAA;AAED,MAAME,EAAc,GAAG;AACrBH,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,CAAC,CAAA;AAED,MAAMG,EAAc,GAAG;AACrBJ,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,CAAC,CAAA;AAED,MAAMI,YAAY,GAAG;AACnBN,EAAAA,EAAE,EAAE,CAAA,8BAAA,EAAiCA,EAAE,CAACC,KAAK,CAAG,CAAA,CAAA;AAChDE,EAAAA,EAAE,EAAE,CAAA,8BAAA,EAAiCA,EAAE,CAACF,KAAK,CAAG,CAAA,CAAA;AAChDG,EAAAA,EAAE,EAAE,CAAA,8BAAA,EAAiCA,EAAE,CAACH,KAAK,CAAG,CAAA,CAAA;AAChDI,EAAAA,EAAE,EAAE,CAAA,8BAAA,EAAiCA,EAAE,CAACJ,KAAK,CAAA,CAAA,CAAA;AAC/C,CAAC,CAAA;AAED,MAAMM,cAAc,GAAG;EAAEP,EAAE;EAAEG,EAAE;EAAEC,EAAE;AAAEC,EAAAA,EAAAA;AAAG,CAAC,CAAA;AACzC,MAAMG,WAAW,GAAG,CAACR,EAAE,CAACC,KAAK,EAAEE,EAAE,CAACF,KAAK,EAAEG,EAAE,CAACH,KAAK,EAAEI,EAAE,CAACJ,KAAK,CAAC,CAAA;AAE5D,sBAAe;EACbO,WAAW;EACXD,cAAc;AACdD,EAAAA,YAAAA;AACF,CAAC;;;;"}

package/dist/esm/theme/base/colors.mjs

@@ -0,0 +1,36 @@
+const colors = {
+  darkThemeOpacity: '0',
+  lightThemeOpacity: '1',
+  lightModeVisibility: 'visible',
+  darkModeVisibility: 'hidden',
+  lightDisplay: 'initial',
+  darkDisplay: 'none',
+  primary: '#00a3ff',
+  primaryHover: '#009bf2',
+  primaryContrast: '#fff',
+  primaryVisited: '#4bbeff',
+  accent: '#27272e',
+  accentContrast: '#fff',
+  accentContrastSecondary: 'rgba(255, 255, 255, 0.6)',
+  accentDarken: 'rgba(0, 0, 0, .2)',
+  accentControlBg: 'rgba(0, 0, 0, .1)',
+  accentBorder: 'rgba(255, 255, 255, 0.2)',
+  accentBorderHover: 'rgba(255, 255, 255, 0.3)',
+  error: '#e14d4d',
+  errorHover: '#d44c4d',
+  errorContrast: '#fff',
+  warning: '#EC8600',
+  warningHover: '#f0a431',
+  warningContrast: '#fff',
+  warningBackground: '#FFFAE0',
+  textDark: '#273852',
+  success: '#53BA95',
+  successHover: '#4ba886',
+  successContrast: '#fff'
+};
+const colors$1 = {
+  colors
+};
+
+export { colors$1 as default };
+//# sourceMappingURL=colors.mjs.map

package/dist/esm/theme/base/colors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.mjs","sources":["../../../../src/theme/base/colors.ts"],"sourcesContent":["const colors = {\n  darkThemeOpacity: '0',\n  lightThemeOpacity: '1',\n\n  lightModeVisibility: 'visible',\n  darkModeVisibility: 'hidden',\n\n  lightDisplay: 'initial',\n  darkDisplay: 'none',\n\n  primary: '#00a3ff',\n  primaryHover: '#009bf2',\n  primaryContrast: '#fff',\n  primaryVisited: '#4bbeff',\n\n  accent: '#27272e',\n  accentContrast: '#fff',\n  accentContrastSecondary: 'rgba(255, 255, 255, 0.6)',\n  accentDarken: 'rgba(0, 0, 0, .2)',\n  accentControlBg: 'rgba(0, 0, 0, .1)',\n  accentBorder: 'rgba(255, 255, 255, 0.2)',\n  accentBorderHover: 'rgba(255, 255, 255, 0.3)',\n\n  error: '#e14d4d',\n  errorHover: '#d44c4d',\n  errorContrast: '#fff',\n\n  warning: '#EC8600',\n  warningHover: '#f0a431',\n  warningContrast: '#fff',\n  warningBackground: '#FFFAE0',\n\n  textDark: '#273852',\n\n  success: '#53BA95',\n  successHover: '#4ba886',\n  successContrast: '#fff',\n} as const\n\nexport default { colors }\n"],"names":["colors","darkThemeOpacity","lightThemeOpacity","lightModeVisibility","darkModeVisibility","lightDisplay","darkDisplay","primary","primaryHover","primaryContrast","primaryVisited","accent","accentContrast","accentContrastSecondary","accentDarken","accentControlBg","accentBorder","accentBorderHover","error","errorHover","errorContrast","warning","warningHover","warningContrast","warningBackground","textDark","success","successHover","successContrast"],"mappings":"AAAA,MAAMA,MAAM,GAAG;AACbC,EAAAA,gBAAgB,EAAE,GAAG;AACrBC,EAAAA,iBAAiB,EAAE,GAAG;AAEtBC,EAAAA,mBAAmB,EAAE,SAAS;AAC9BC,EAAAA,kBAAkB,EAAE,QAAQ;AAE5BC,EAAAA,YAAY,EAAE,SAAS;AACvBC,EAAAA,WAAW,EAAE,MAAM;AAEnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,YAAY,EAAE,SAAS;AACvBC,EAAAA,eAAe,EAAE,MAAM;AACvBC,EAAAA,cAAc,EAAE,SAAS;AAEzBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,cAAc,EAAE,MAAM;AACtBC,EAAAA,uBAAuB,EAAE,0BAA0B;AACnDC,EAAAA,YAAY,EAAE,mBAAmB;AACjCC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,YAAY,EAAE,0BAA0B;AACxCC,EAAAA,iBAAiB,EAAE,0BAA0B;AAE7CC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,aAAa,EAAE,MAAM;AAErBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,YAAY,EAAE,SAAS;AACvBC,EAAAA,eAAe,EAAE,MAAM;AACvBC,EAAAA,iBAAiB,EAAE,SAAS;AAE5BC,EAAAA,QAAQ,EAAE,SAAS;AAEnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,YAAY,EAAE,SAAS;AACvBC,EAAAA,eAAe,EAAE,MAAA;AACnB,CAAU,CAAA;AAEV,iBAAe;AAAE5B,EAAAA,MAAAA;AAAO,CAAC;;;;"}

package/dist/esm/theme/base/index.mjs

@@ -0,0 +1,20 @@
+import colors from './colors.mjs';
+import breakpoints from './breakpoints.mjs';
+import spacing from './spacing.mjs';
+import transitions from './transitions.mjs';
+import typography from './typography.mjs';
+import borders from './borders.mjs';
+import shadows from './shadows.mjs';
+
+const themeBase = {
+  ...spacing,
+  ...breakpoints,
+  ...colors,
+  ...transitions,
+  ...typography,
+  ...borders,
+  ...shadows
+};
+
+export { themeBase as default };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/theme/base/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/theme/base/index.ts"],"sourcesContent":["import colors from './colors.js'\nimport breakpoints from './breakpoints.js'\nimport spacing from './spacing.js'\nimport transitions from './transitions.js'\nimport typography from './typography.js'\nimport borders from './borders.js'\nimport shadows from './shadows.js'\n\nexport default {\n  ...spacing,\n  ...breakpoints,\n  ...colors,\n  ...transitions,\n  ...typography,\n  ...borders,\n  ...shadows,\n}\n"],"names":["spacing","breakpoints","colors","transitions","typography","borders","shadows"],"mappings":";;;;;;;;AAQA,kBAAe;AACb,EAAA,GAAGA,OAAO;AACV,EAAA,GAAGC,WAAW;AACd,EAAA,GAAGC,MAAM;AACT,EAAA,GAAGC,WAAW;AACd,EAAA,GAAGC,UAAU;AACb,EAAA,GAAGC,OAAO;EACV,GAAGC,OAAAA;AACL,CAAC;;;;"}

package/dist/esm/theme/base/shadows.mjs

@@ -0,0 +1,14 @@
+const boxShadows = {
+  xs: '0px 4px 8px 0px',
+  sm: '0px 4px 12px 0px',
+  md: '0px 4px 16px 0px',
+  lg: '0px 8px 24px 0px',
+  xl: '0px 8px 32px 0px',
+  xxl: '0px 8px 44px 0px'
+};
+const shadows = {
+  boxShadows
+};
+
+export { shadows as default };
+//# sourceMappingURL=shadows.mjs.map

package/dist/esm/theme/base/shadows.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.mjs","sources":["../../../../src/theme/base/shadows.ts"],"sourcesContent":["const boxShadows = {\n  xs: '0px 4px 8px 0px',\n  sm: '0px 4px 12px 0px',\n  md: '0px 4px 16px 0px',\n  lg: '0px 8px 24px 0px',\n  xl: '0px 8px 32px 0px',\n  xxl: '0px 8px 44px 0px',\n} as const\n\nexport default { boxShadows }\n"],"names":["boxShadows","xs","sm","md","lg","xl","xxl"],"mappings":"AAAA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,EAAE,EAAE,iBAAiB;AACrBC,EAAAA,EAAE,EAAE,kBAAkB;AACtBC,EAAAA,EAAE,EAAE,kBAAkB;AACtBC,EAAAA,EAAE,EAAE,kBAAkB;AACtBC,EAAAA,EAAE,EAAE,kBAAkB;AACtBC,EAAAA,GAAG,EAAE,kBAAA;AACP,CAAU,CAAA;AAEV,gBAAe;AAAEN,EAAAA,UAAAA;AAAW,CAAC;;;;"}

package/dist/esm/theme/base/spacing.mjs

@@ -0,0 +1,16 @@
+const space = [4, 8, 16, 24, 32];
+const spaceMap = {
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 20,
+  xl: 24,
+  xxl: 32
+};
+const spacing = {
+  space,
+  spaceMap
+};
+
+export { spacing as default };
+//# sourceMappingURL=spacing.mjs.map

package/dist/esm/theme/base/spacing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.mjs","sources":["../../../../src/theme/base/spacing.ts"],"sourcesContent":["const space = [4, 8, 16, 24, 32] as const\n\nconst spaceMap = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 20,\n  xl: 24,\n  xxl: 32,\n} as const\n\nexport default {\n  space,\n  spaceMap,\n}\n"],"names":["space","spaceMap","xs","sm","md","lg","xl","xxl"],"mappings":"AAAA,MAAMA,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU,CAAA;AAEzC,MAAMC,QAAQ,GAAG;AACfC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,GAAG,EAAE,EAAA;AACP,CAAU,CAAA;AAEV,gBAAe;EACbP,KAAK;AACLC,EAAAA,QAAAA;AACF,CAAC;;;;"}

package/dist/esm/theme/base/transitions.mjs

@@ -0,0 +1,38 @@
+const duration = {
+  fast: '100ms',
+  med: '150ms',
+  norm: '200ms'
+};
+const ease = {
+  inSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',
+  outSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',
+  inOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',
+  inQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',
+  outQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
+  inOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',
+  inCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',
+  outCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',
+  inOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
+  inQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',
+  outQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',
+  inOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',
+  inQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',
+  outQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
+  inOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',
+  inExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',
+  outExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',
+  inOutExpo: 'cubic-bezier(1, 0, 0, 1)',
+  inCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',
+  outCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',
+  inOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',
+  inBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',
+  outBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
+  inOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)'
+};
+const transitions = {
+  duration,
+  ease
+};
+
+export { transitions as default };
+//# sourceMappingURL=transitions.mjs.map

package/dist/esm/theme/base/transitions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.mjs","sources":["../../../../src/theme/base/transitions.ts"],"sourcesContent":["const duration = {\n  fast: '100ms',\n  med: '150ms',\n  norm: '200ms',\n} as const\n\nconst ease = {\n  inSine: 'cubic-bezier(0.47, 0, 0.745, 0.715)',\n  outSine: 'cubic-bezier(0.39, 0.575, 0.565, 1)',\n  inOutSine: 'cubic-bezier(0.445, 0.05, 0.55, 0.95)',\n\n  inQuad: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n  outQuad: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',\n  inOutQuad: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n\n  inCubic: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)',\n  outCubic: 'cubic-bezier(0.215, 0.61, 0.355, 1)',\n  inOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\n\n  inQuart: 'cubic-bezier(0.895, 0.03, 0.685, 0.22)',\n  outQuart: 'cubic-bezier(0.165, 0.84, 0.44, 1)',\n  inOutQuart: 'cubic-bezier(0.77, 0, 0.175, 1)',\n\n  inQuint: 'cubic-bezier(0.755, 0.05, 0.855, 0.06)',\n  outQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',\n  inOutQuint: 'cubic-bezier(0.86, 0, 0.07, 1)',\n\n  inExpo: 'cubic-bezier(0.95, 0.05, 0.795, 0.035)',\n  outExpo: 'cubic-bezier(0.19, 1, 0.22, 1)',\n  inOutExpo: 'cubic-bezier(1, 0, 0, 1)',\n\n  inCirc: 'cubic-bezier(0.6, 0.04, 0.98, 0.335)',\n  outCirc: 'cubic-bezier(0.075, 0.82, 0.165, 1)',\n  inOutCirc: 'cubic-bezier(0.785, 0.135, 0.15, 0.86)',\n\n  inBack: 'cubic-bezier(0.6, -0.28, 0.735, 0.045)',\n  outBack: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',\n  inOutBack: 'cubic-bezier(0.68, -0.55, 0.265, 1.55)',\n} as const\n\nexport default {\n  duration,\n  ease,\n}\n"],"names":["duration","fast","med","norm","ease","inSine","outSine","inOutSine","inQuad","outQuad","inOutQuad","inCubic","outCubic","inOutCubic","inQuart","outQuart","inOutQuart","inQuint","outQuint","inOutQuint","inExpo","outExpo","inOutExpo","inCirc","outCirc","inOutCirc","inBack","outBack","inOutBack"],"mappings":"AAAA,MAAMA,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,IAAI,EAAE,OAAA;AACR,CAAU,CAAA;AAEV,MAAMC,IAAI,GAAG;AACXC,EAAAA,MAAM,EAAE,qCAAqC;AAC7CC,EAAAA,OAAO,EAAE,qCAAqC;AAC9CC,EAAAA,SAAS,EAAE,uCAAuC;AAElDC,EAAAA,MAAM,EAAE,uCAAuC;AAC/CC,EAAAA,OAAO,EAAE,sCAAsC;AAC/CC,EAAAA,SAAS,EAAE,yCAAyC;AAEpDC,EAAAA,OAAO,EAAE,wCAAwC;AACjDC,EAAAA,QAAQ,EAAE,qCAAqC;AAC/CC,EAAAA,UAAU,EAAE,sCAAsC;AAElDC,EAAAA,OAAO,EAAE,wCAAwC;AACjDC,EAAAA,QAAQ,EAAE,oCAAoC;AAC9CC,EAAAA,UAAU,EAAE,iCAAiC;AAE7CC,EAAAA,OAAO,EAAE,wCAAwC;AACjDC,EAAAA,QAAQ,EAAE,gCAAgC;AAC1CC,EAAAA,UAAU,EAAE,gCAAgC;AAE5CC,EAAAA,MAAM,EAAE,wCAAwC;AAChDC,EAAAA,OAAO,EAAE,gCAAgC;AACzCC,EAAAA,SAAS,EAAE,0BAA0B;AAErCC,EAAAA,MAAM,EAAE,sCAAsC;AAC9CC,EAAAA,OAAO,EAAE,qCAAqC;AAC9CC,EAAAA,SAAS,EAAE,wCAAwC;AAEnDC,EAAAA,MAAM,EAAE,wCAAwC;AAChDC,EAAAA,OAAO,EAAE,yCAAyC;AAClDC,EAAAA,SAAS,EAAE,wCAAA;AACb,CAAU,CAAA;AAEV,oBAAe;EACb5B,QAAQ;AACRI,EAAAA,IAAAA;AACF,CAAC;;;;"}