cakeinpanic-ui 1.0.0

package/dist/cjs/stack/StackItemStyles.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const StackItemStyle = styledComponentsWrapper.default.div`
+  box-sizing: border-box;
+  margin: 0;
+  padding: ${_ref => {
+  let {
+    $spacing,
+    theme
+  } = _ref;
+  return $spacing ? theme.spaceMap[$spacing] / 2 : 0;
+}}px;
+  flex: ${_ref2 => {
+  let {
+    $grow
+  } = _ref2;
+  return $grow;
+}} ${_ref3 => {
+  let {
+    $shrink
+  } = _ref3;
+  return $shrink;
+}}
+    ${_ref4 => {
+  let {
+    $basis
+  } = _ref4;
+  return $basis;
+}};
+`;
+
+exports.StackItemStyle = StackItemStyle;
+//# sourceMappingURL=StackItemStyles.js.map

package/dist/cjs/stack/StackItemStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItemStyles.js","sources":["../../../src/stack/StackItemStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { StackSpacings } from './types.js'\n\nexport const StackItemStyle = styled.div<{\n  $grow: number\n  $shrink: number\n  $basis: string\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  box-sizing: border-box;\n  margin: 0;\n  padding: ${({ $spacing, theme }) =>\n    $spacing ? theme.spaceMap[$spacing] / 2 : 0}px;\n  flex: ${({ $grow }) => $grow} ${({ $shrink }) => $shrink}\n    ${({ $basis }) => $basis};\n`\n"],"names":["StackItemStyle","styled","div","_ref","$spacing","theme","spaceMap","_ref2","$grow","_ref3","$shrink","_ref4","$basis"],"mappings":";;;;;;AAIaA,MAAAA,cAAc,GAAGC,+BAAM,CAACC,GAMnC,CAAA;AACF;AACA;AACA,WAAA,EAAaC,IAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAF,IAAA,CAAA;EAAA,OAC7BC,QAAQ,GAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAC/C,QAAA,EAAUG,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAAA;AAAA,CAAA,CAAA,CAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,OAAO,CAAA;AAAA,CAAA,CAAA;AAC1D,IAAA,EAAMC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,MAAM,CAAA;AAAA,CAAA,CAAA;AAC5B;;;;"}

package/dist/cjs/stack/StackProvider.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Context = /*#__PURE__*/React.createContext({});
+const useStackContext = () => {
+  return React.useContext(Context);
+};
+const StackProvider = _ref => {
+  let {
+    spacing,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(Context.Provider, {
+    value: {
+      spacing
+    },
+    ...rest
+  });
+};
+
+exports.StackProvider = StackProvider;
+exports.useStackContext = useStackContext;
+//# sourceMappingURL=StackProvider.js.map

package/dist/cjs/stack/StackProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackProvider.js","sources":["../../../src/stack/StackProvider.tsx"],"sourcesContent":["import { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { StackSpacings } from './types.js'\n\nexport interface StackContext {\n  spacing?: StackSpacings\n}\n\nconst Context = createContext({} as StackContext)\n\nexport const useStackContext = (): StackContext => {\n  return useContext(Context)\n}\n\nexport const StackProvider: FC<PropsWithChildren<StackContext>> = ({\n  spacing,\n  ...rest\n}) => {\n  return <Context.Provider value={{ spacing }} {...rest} />\n}\n"],"names":["Context","createContext","useStackContext","useContext","StackProvider","_ref","spacing","rest","_jsx","Provider","value"],"mappings":";;;;;;;AAOA,MAAMA,OAAO,gBAAGC,mBAAa,CAAC,EAAkB,CAAC,CAAA;AAEpCC,MAAAA,eAAe,GAAGA,MAAoB;EACjD,OAAOC,gBAAU,CAACH,OAAO,CAAC,CAAA;AAC5B,EAAC;AAEYI,MAAAA,aAAkD,GAAGC,IAAA,IAG5D;EAAA,IAH6D;IACjEC,OAAO;IACP,GAAGC,IAAAA;AACL,GAAC,GAAAF,IAAA,CAAA;AACC,EAAA,oBAAOG,cAAA,CAACR,OAAO,CAACS,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEJ,MAAAA,OAAAA;KAAU;IAAA,GAAKC,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC3D;;;;;"}

package/dist/cjs/stack/StackStyles.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const StackStyle = styledComponentsWrapper.default.div`
+  display: flex;
+  align-items: ${_ref => {
+  let {
+    $align
+  } = _ref;
+  return $align;
+}};
+  justify-content: ${_ref2 => {
+  let {
+    $justify
+  } = _ref2;
+  return $justify;
+}};
+  flex-flow: ${_ref3 => {
+  let {
+    $direction
+  } = _ref3;
+  return $direction;
+}} ${_ref4 => {
+  let {
+    $wrap
+  } = _ref4;
+  return $wrap;
+}};
+  margin: ${_ref5 => {
+  let {
+    $spacing,
+    theme
+  } = _ref5;
+  return $spacing ? -theme.spaceMap[$spacing] / 2 : 0;
+}}px;
+`;
+
+exports.StackStyle = StackStyle;
+//# sourceMappingURL=StackStyles.js.map

package/dist/cjs/stack/StackStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackStyles.js","sources":["../../../src/stack/StackStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport {\n  StackAligns,\n  StackDirections,\n  StackJustifies,\n  StackSpacings,\n  StackWraps,\n} from './types.js'\n\nexport const StackStyle = styled.div<{\n  $align: StackAligns\n  $justify: StackJustifies\n  $direction: StackDirections\n  $wrap: StackWraps\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  display: flex;\n  align-items: ${({ $align }) => $align};\n  justify-content: ${({ $justify }) => $justify};\n  flex-flow: ${({ $direction }) => $direction} ${({ $wrap }) => $wrap};\n  margin: ${({ $spacing, theme }) =>\n    $spacing ? -theme.spaceMap[$spacing] / 2 : 0}px;\n`\n"],"names":["StackStyle","styled","div","_ref","$align","_ref2","$justify","_ref3","$direction","_ref4","$wrap","_ref5","$spacing","theme","spaceMap"],"mappings":";;;;;;AAUaA,MAAAA,UAAU,GAAGC,+BAAM,CAACC,GAO/B,CAAA;AACF;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,MAAM,CAAA;AAAA,CAAA,CAAA;AACvC,mBAAA,EAAqBC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,QAAQ,CAAA;AAAA,CAAA,CAAA;AAC/C,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,UAAU,CAAA;AAAA,CAAA,CAAA,CAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAAA;AAAA,CAAA,CAAA;AACrE,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAF,KAAA,CAAA;AAAA,EAAA,OAC5BC,QAAQ,GAAG,CAACC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAChD;;;;"}

package/dist/cjs/stack/VStack.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const Stack = require('./Stack.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const VStack = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    reverse = false,
+    ...rest
+  } = _ref;
+  const direction = reverse ? 'column-reverse' : 'column';
+  return /*#__PURE__*/jsxRuntime.jsx(Stack.Stack, {
+    direction: direction,
+    ref: ref,
+    ...rest
+  });
+});
+VStack.displayName = 'VStack';
+
+exports.VStack = VStack;
+//# sourceMappingURL=VStack.js.map

package/dist/cjs/stack/VStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.js","sources":["../../../src/stack/VStack.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { VStackProps } from './types.js'\nimport { Stack } from './Stack.js'\n\nexport const VStack = forwardRef(\n  (\n    { reverse = false, ...rest }: VStackProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const direction = reverse ? 'column-reverse' : 'column'\n\n    return <Stack direction={direction} ref={ref} {...rest} />\n  },\n)\nVStack.displayName = 'VStack'\n"],"names":["VStack","forwardRef","_ref","ref","reverse","rest","direction","_jsx","Stack","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,OAAO,GAAG,KAAK;IAAE,GAAGC,IAAAA;AAAkB,GAAC,GAAAH,IAAA,CAAA;AAGzC,EAAA,MAAMI,SAAS,GAAGF,OAAO,GAAG,gBAAgB,GAAG,QAAQ,CAAA;EAEvD,oBAAOG,cAAA,CAACC,WAAK,EAAA;AAACF,IAAAA,SAAS,EAAEA,SAAU;AAACH,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKE,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC5D,CACF,EAAC;AACDL,MAAM,CAACS,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/stack/types.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let StackAlign = /*#__PURE__*/function (StackAlign) {
+  StackAlign[StackAlign["center"] = 0] = "center";
+  StackAlign[StackAlign["stretch"] = 1] = "stretch";
+  StackAlign[StackAlign["flex-start"] = 2] = "flex-start";
+  StackAlign[StackAlign["flex-end"] = 3] = "flex-end";
+  StackAlign[StackAlign["baseline"] = 4] = "baseline";
+  return StackAlign;
+}({});
+let StackJustify = /*#__PURE__*/function (StackJustify) {
+  StackJustify[StackJustify["center"] = 0] = "center";
+  StackJustify[StackJustify["start"] = 1] = "start";
+  StackJustify[StackJustify["end"] = 2] = "end";
+  StackJustify[StackJustify["stretch"] = 3] = "stretch";
+  StackJustify[StackJustify["flex-start"] = 4] = "flex-start";
+  StackJustify[StackJustify["flex-end"] = 5] = "flex-end";
+  StackJustify[StackJustify["space-around"] = 6] = "space-around";
+  StackJustify[StackJustify["space-between"] = 7] = "space-between";
+  StackJustify[StackJustify["space-evenly"] = 8] = "space-evenly";
+  return StackJustify;
+}({});
+let StackDirection = /*#__PURE__*/function (StackDirection) {
+  StackDirection[StackDirection["row"] = 0] = "row";
+  StackDirection[StackDirection["row-reverse"] = 1] = "row-reverse";
+  StackDirection[StackDirection["column"] = 2] = "column";
+  StackDirection[StackDirection["column-reverse"] = 3] = "column-reverse";
+  return StackDirection;
+}({});
+let StackWrap = /*#__PURE__*/function (StackWrap) {
+  StackWrap[StackWrap["nowrap"] = 0] = "nowrap";
+  StackWrap[StackWrap["wrap"] = 1] = "wrap";
+  StackWrap[StackWrap["wrap-reverse"] = 2] = "wrap-reverse";
+  return StackWrap;
+}({});
+let StackSpacing = /*#__PURE__*/function (StackSpacing) {
+  StackSpacing[StackSpacing["xs"] = 0] = "xs";
+  StackSpacing[StackSpacing["sm"] = 1] = "sm";
+  StackSpacing[StackSpacing["md"] = 2] = "md";
+  StackSpacing[StackSpacing["lg"] = 3] = "lg";
+  StackSpacing[StackSpacing["xl"] = 4] = "xl";
+  StackSpacing[StackSpacing["xxl"] = 5] = "xxl";
+  return StackSpacing;
+}({});
+
+exports.StackAlign = StackAlign;
+exports.StackDirection = StackDirection;
+exports.StackJustify = StackJustify;
+exports.StackSpacing = StackSpacing;
+exports.StackWrap = StackWrap;
+//# sourceMappingURL=types.js.map

package/dist/cjs/stack/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/stack/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum StackAlign {\n  'center',\n  'stretch',\n  'flex-start',\n  'flex-end',\n  'baseline',\n}\nexport type StackAligns = keyof typeof StackAlign\n\nexport enum StackJustify {\n  'center',\n  'start',\n  'end',\n  'stretch',\n  'flex-start',\n  'flex-end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n}\nexport type StackJustifies = keyof typeof StackJustify\n\nexport enum StackDirection {\n  'row',\n  'row-reverse',\n  'column',\n  'column-reverse',\n}\nexport type StackDirections = keyof typeof StackDirection\n\nexport enum StackWrap {\n  'nowrap',\n  'wrap',\n  'wrap-reverse',\n}\nexport type StackWraps = keyof typeof StackWrap\n\nexport enum StackSpacing {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n  xxl,\n}\nexport type StackSpacings = keyof typeof StackSpacing\n\nexport type StackProps = LidoComponentProps<\n  'div',\n  {\n    align?: StackAligns\n    justify?: StackJustifies\n    direction?: StackDirections\n    wrap?: StackWraps\n    spacing?: StackSpacings\n  }\n>\n\nexport type StackItemProps = LidoComponentProps<\n  'div',\n  {\n    grow?: number\n    shrink?: number\n    basis?: string\n  }\n>\n\nexport type HStackProps = {\n  reverse?: boolean\n} & Omit<StackProps, 'direction'>\n\nexport type VStackProps = {\n  reverse?: boolean\n} & Omit<StackProps, 'direction'>\n"],"names":["StackAlign","StackJustify","StackDirection","StackWrap","StackSpacing"],"mappings":"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"}

package/dist/cjs/styled-system/withStyledSystem.js

@@ -0,0 +1,20 @@
+'use strict';
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _shouldForwardProp = require('@styled-system/should-forward-prop');
+const styledSystem = require('styled-system');
+
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+// @ts-expect-error Property 'default' does not exist on type 'genericShouldForwardProp'
+const shouldForwardProp = _shouldForwardProp.default || _shouldForwardProp;
+function withStyledSystem(Component) {
+  return styledComponentsWrapper.default(Component).withConfig({
+    shouldForwardProp
+  })(styledSystem.compose(styledSystem.space, styledSystem.color, styledSystem.typography, styledSystem.layout, styledSystem.flexbox, styledSystem.grid, styledSystem.background, styledSystem.border, styledSystem.position, styledSystem.shadow));
+}
+
+module.exports = withStyledSystem;
+//# sourceMappingURL=withStyledSystem.js.map

package/dist/cjs/styled-system/withStyledSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withStyledSystem.js","sources":["../../../src/styled-system/withStyledSystem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport styled, {\n  AnyStyledComponent,\n  StyledComponent,\n  StyledComponentInnerComponent,\n  StyledComponentInnerOtherProps,\n  StyledComponentInnerAttrs,\n  DefaultTheme,\n} from '../utils/styled-components-wrapper.js'\n\n// The `@styled-system/should-forward-prop` has issues with ESM modules:\nimport _shouldForwardProp from '@styled-system/should-forward-prop'\n// @ts-expect-error Property 'default' does not exist on type 'genericShouldForwardProp'\nconst shouldForwardProp = _shouldForwardProp.default || _shouldForwardProp\n\nimport {\n  compose,\n  space,\n  color,\n  typography,\n  layout,\n  flexbox,\n  grid,\n  background,\n  border,\n  position,\n  shadow,\n} from 'styled-system'\nimport { ComponentType } from 'react'\nimport { StyledSystemProps } from './types.js'\n\ntype MergePropsWithSS<T extends object> = Omit<T, keyof StyledSystemProps> &\n  StyledSystemProps\n\nfunction withStyledSystem<\n  C extends AnyStyledComponent,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never,\n>(\n  Component: C,\n): StyledComponent<\n  StyledComponentInnerComponent<C>,\n  T,\n  MergePropsWithSS<O & StyledComponentInnerOtherProps<C>>,\n  A | StyledComponentInnerAttrs<C>\n>\n\nfunction withStyledSystem<\n  C extends keyof JSX.IntrinsicElements | ComponentType<any>,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never,\n>(Component: C): StyledComponent<C, T, MergePropsWithSS<O>, A>\n\nfunction withStyledSystem(Component: any) {\n  return styled(Component).withConfig<{}>({\n    shouldForwardProp,\n  })<StyledSystemProps>(\n    compose(\n      space,\n      color,\n      typography,\n      layout,\n      flexbox,\n      grid,\n      background,\n      border,\n      position,\n      shadow,\n    ),\n  )\n}\n\nexport default withStyledSystem\n"],"names":["shouldForwardProp","_shouldForwardProp","default","withStyledSystem","Component","styled","withConfig","compose","space","color","typography","layout","flexbox","grid","background","border","position","shadow"],"mappings":";;;;;;AAAA;AACA;AACA;;AAaA;AACA,MAAMA,iBAAiB,GAAGC,kBAAkB,CAACC,OAAO,IAAID,kBAAkB,CAAA;AA0C1E,SAASE,gBAAgBA,CAACC,SAAc,EAAE;AACxC,EAAA,OAAOC,+BAAM,CAACD,SAAS,CAAC,CAACE,UAAU,CAAK;AACtCN,IAAAA,iBAAAA;GACD,CAAC,CACAO,oBAAO,CACLC,kBAAK,EACLC,kBAAK,EACLC,uBAAU,EACVC,mBAAM,EACNC,oBAAO,EACPC,iBAAI,EACJC,uBAAU,EACVC,mBAAM,EACNC,qBAAQ,EACRC,mBACF,CACF,CAAC,CAAA;AACH;;;;"}

package/dist/cjs/switcher/Switcher.js

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../utils/styled-components-wrapper.js');
+require('use-callback-ref');
+const useIsomorphicLayoutEffect = require('../hooks/useIsomorphicLayoutEffect.js');
+require('../theme/cookie-theme-provider.js');
+require('../theme/theme-provider.js');
+const jsxRuntime = require('react/jsx-runtime');
+require('../theme/document-head-contents/element-theme-colors.js');
+require('../utils/modalRoot.js');
+require('../utils/cookies-client-side.js');
+require('../theme/constants.js');
+require('../theme/utils/set-theme-cookie.js');
+require('../theme/themes.js');
+const SwitcherStyles = require('./SwitcherStyles.js');
+
+const Switcher = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...rest
+  } = _ref;
+  const listRef = React.useRef(null);
+  const setRefs = React.useCallback(node => {
+    listRef.current = node;
+    if (typeof ref === 'function') {
+      ref(node);
+      return;
+    }
+    if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+    if (typeof window === 'undefined') return undefined;
+    const listNode = listRef.current;
+    if (!listNode) return undefined;
+    let rafId = 0;
+    const updateIndicator = () => {
+      const activeItem = listNode.querySelector('[role="tab"][aria-selected="true"]');
+      if (!activeItem) {
+        listNode.style.setProperty('--switcher-indicator-left', '0px');
+        listNode.style.setProperty('--switcher-indicator-width', '0px');
+        return;
+      }
+      const listRect = listNode.getBoundingClientRect();
+      const itemRect = activeItem.getBoundingClientRect();
+      const left = itemRect.left - listRect.left + listNode.scrollLeft;
+      listNode.style.setProperty('--switcher-indicator-left', `${left}px`);
+      listNode.style.setProperty('--switcher-indicator-width', `${itemRect.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) {
+      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__*/jsxRuntime.jsxs(SwitcherStyles.SwitcherListStyle, {
+    role: "tablist",
+    ref: setRefs,
+    ...rest,
+    children: [children, /*#__PURE__*/jsxRuntime.jsx(SwitcherStyles.SwitcherIndicatorStyle, {
+      "aria-hidden": true
+    })]
+  });
+});
+Switcher.displayName = 'Switcher';
+
+exports.Switcher = Switcher;
+//# sourceMappingURL=Switcher.js.map

package/dist/cjs/switcher/Switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switcher.js","sources":["../../../src/switcher/Switcher.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useCallback, useRef } from 'react'\nimport { useIsomorphicLayoutEffect } from '../hooks'\nimport { SwitcherProps } from './types.js'\nimport { SwitcherIndicatorStyle, SwitcherListStyle } from './SwitcherStyles.js'\n\n/**\n * Segmented control container for SwitcherItem options.\n */\nexport const Switcher = forwardRef(\n  (\n    { children, ...rest }: SwitcherProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\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 activeItem = listNode.querySelector<HTMLElement>(\n          '[role=\"tab\"][aria-selected=\"true\"]',\n        )\n        if (!activeItem) {\n          listNode.style.setProperty('--switcher-indicator-left', '0px')\n          listNode.style.setProperty('--switcher-indicator-width', '0px')\n          return\n        }\n\n        const listRect = listNode.getBoundingClientRect()\n        const itemRect = activeItem.getBoundingClientRect()\n        const left = itemRect.left - listRect.left + listNode.scrollLeft\n\n        listNode.style.setProperty('--switcher-indicator-left', `${left}px`)\n        listNode.style.setProperty(\n          '--switcher-indicator-width',\n          `${itemRect.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        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      <SwitcherListStyle role='tablist' ref={setRefs} {...rest}>\n        {children}\n        <SwitcherIndicatorStyle aria-hidden />\n      </SwitcherListStyle>\n    )\n  },\n)\nSwitcher.displayName = 'Switcher'\n"],"names":["Switcher","forwardRef","_ref","ref","children","rest","listRef","useRef","setRefs","useCallback","node","current","useIsomorphicLayoutEffect","window","undefined","listNode","rafId","updateIndicator","activeItem","querySelector","style","setProperty","listRect","getBoundingClientRect","itemRect","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","SwitcherListStyle","role","_jsx","SwitcherIndicatorStyle","displayName"],"mappings":"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"}

package/dist/cjs/switcher/SwitcherItem.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const SwitcherStyles = require('./SwitcherStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const SwitcherItem = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    active = false,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(SwitcherStyles.SwitcherItemStyle, {
+    $active: active,
+    "aria-selected": active,
+    role: "tab",
+    tabIndex: active ? 0 : -1,
+    type: "button",
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsx(SwitcherStyles.SwitcherLabelStyle, {
+      $active: active,
+      children: children
+    })
+  });
+});
+SwitcherItem.displayName = 'SwitcherItem';
+
+exports.SwitcherItem = SwitcherItem;
+//# sourceMappingURL=SwitcherItem.js.map

package/dist/cjs/switcher/SwitcherItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherItem.js","sources":["../../../src/switcher/SwitcherItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { SwitcherItemProps } from './types.js'\nimport { SwitcherItemStyle, SwitcherLabelStyle } from './SwitcherStyles.js'\n\n/**\n * Switcher option button.\n */\nexport const SwitcherItem = forwardRef(\n  (\n    { active = false, children, ...rest }: SwitcherItemProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    return (\n      <SwitcherItemStyle\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        <SwitcherLabelStyle $active={active}>{children}</SwitcherLabelStyle>\n      </SwitcherItemStyle>\n    )\n  },\n)\nSwitcherItem.displayName = 'SwitcherItem'\n"],"names":["SwitcherItem","forwardRef","_ref","ref","active","children","rest","_jsx","SwitcherItemStyle","$active","role","tabIndex","type","SwitcherLabelStyle","displayName"],"mappings":";;;;;;;;AAOO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;AAAEC,IAAAA,MAAM,GAAG,KAAK;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAwB,GAAC,GAAAJ,IAAA,CAAA;EAGxD,oBACEK,cAAA,CAACC,gCAAiB,EAAA;AAChBC,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,cAAA,CAACM,iCAAkB,EAAA;AAACJ,MAAAA,OAAO,EAAEL,MAAO;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAA6B,CAAA;AAAC,GACnD,CAAC,CAAA;AAExB,CACF,EAAC;AACDL,YAAY,CAACc,WAAW,GAAG,cAAc;;;;"}

package/dist/cjs/switcher/SwitcherStyles.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const CONTAINER_PADDING = 2;
+const ITEM_PADDING_Y = 2;
+const ITEM_PADDING_X = 12;
+const PILL_RADIUS = 110;
+const SwitcherListStyle = styledComponentsWrapper.default.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 0;
+  padding: ${CONTAINER_PADDING}px;
+  background: var(--lido-color-backgroundDarken);
+  border-radius: ${PILL_RADIUS}px;
+  box-sizing: border-box;
+  position: relative;
+
+  --switcher-indicator-left: 0px;
+  --switcher-indicator-width: 0px;
+`;
+const SwitcherIndicatorStyle = styledComponentsWrapper.default.span`
+  position: absolute;
+  top: ${CONTAINER_PADDING}px;
+  bottom: ${CONTAINER_PADDING}px;
+  left: 0;
+  width: var(--switcher-indicator-width, 0);
+  background: var(--lido-color-foreground);
+  border-radius: ${PILL_RADIUS}px;
+  transition:
+    transform ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.duration.norm;
+}} ease,
+    width ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.duration.norm;
+}} ease;
+  pointer-events: none;
+  z-index: 0;
+  will-change: transform, width;
+  transform: translateX(var(--switcher-indicator-left, 0));
+`;
+const SwitcherLabelStyle = styledComponentsWrapper.default.span`
+  font-size: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 20px;
+  font-weight: 700;
+  color: var(--lido-color-text);
+  opacity: ${_ref4 => {
+  let {
+    $active
+  } = _ref4;
+  return $active ? 1 : 0.5;
+}};
+  transition: opacity ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.duration.fast;
+}} ease;
+  white-space: nowrap;
+`;
+const SwitcherItemStyle = styledComponentsWrapper.default.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  border: none;
+  background: transparent;
+  padding: ${ITEM_PADDING_Y}px ${ITEM_PADDING_X}px;
+  border-radius: ${PILL_RADIUS}px;
+  box-sizing: border-box;
+  cursor: pointer;
+  color: var(--lido-color-text);
+  font-family: inherit;
+  -webkit-tap-highlight-color: transparent;
+  position: relative;
+  z-index: 1;
+
+  &:hover ${SwitcherLabelStyle}, &:focus-visible ${SwitcherLabelStyle} {
+    opacity: 1;
+  }
+
+  &:disabled {
+    cursor: default;
+  }
+
+  &:disabled ${SwitcherLabelStyle} {
+    opacity: 0.5;
+  }
+`;
+
+exports.SwitcherIndicatorStyle = SwitcherIndicatorStyle;
+exports.SwitcherItemStyle = SwitcherItemStyle;
+exports.SwitcherLabelStyle = SwitcherLabelStyle;
+exports.SwitcherListStyle = SwitcherListStyle;
+//# sourceMappingURL=SwitcherStyles.js.map

package/dist/cjs/switcher/SwitcherStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherStyles.js","sources":["../../../src/switcher/SwitcherStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\ntype InjectedProps = {\n  $active: boolean\n}\n\nconst CONTAINER_PADDING = 2\nconst ITEM_PADDING_Y = 2\nconst ITEM_PADDING_X = 12\nconst PILL_RADIUS = 110\n\nexport const SwitcherListStyle = styled.div`\n  display: inline-flex;\n  align-items: center;\n  gap: 0;\n  padding: ${CONTAINER_PADDING}px;\n  background: var(--lido-color-backgroundDarken);\n  border-radius: ${PILL_RADIUS}px;\n  box-sizing: border-box;\n  position: relative;\n\n  --switcher-indicator-left: 0px;\n  --switcher-indicator-width: 0px;\n`\n\nexport const SwitcherIndicatorStyle = styled.span`\n  position: absolute;\n  top: ${CONTAINER_PADDING}px;\n  bottom: ${CONTAINER_PADDING}px;\n  left: 0;\n  width: var(--switcher-indicator-width, 0);\n  background: var(--lido-color-foreground);\n  border-radius: ${PILL_RADIUS}px;\n  transition:\n    transform ${({ theme }) => theme.duration.norm} ease,\n    width ${({ theme }) => theme.duration.norm} ease;\n  pointer-events: none;\n  z-index: 0;\n  will-change: transform, width;\n  transform: translateX(var(--switcher-indicator-left, 0));\n`\n\nexport const SwitcherLabelStyle = styled.span<InjectedProps>`\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 20px;\n  font-weight: 700;\n  color: var(--lido-color-text);\n  opacity: ${({ $active }) => ($active ? 1 : 0.5)};\n  transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  white-space: nowrap;\n`\n\nexport const SwitcherItemStyle = styled.button<InjectedProps>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  border: none;\n  background: transparent;\n  padding: ${ITEM_PADDING_Y}px ${ITEM_PADDING_X}px;\n  border-radius: ${PILL_RADIUS}px;\n  box-sizing: border-box;\n  cursor: pointer;\n  color: var(--lido-color-text);\n  font-family: inherit;\n  -webkit-tap-highlight-color: transparent;\n  position: relative;\n  z-index: 1;\n\n  &:hover ${SwitcherLabelStyle}, &:focus-visible ${SwitcherLabelStyle} {\n    opacity: 1;\n  }\n\n  &:disabled {\n    cursor: default;\n  }\n\n  &:disabled ${SwitcherLabelStyle} {\n    opacity: 0.5;\n  }\n`\n"],"names":["CONTAINER_PADDING","ITEM_PADDING_Y","ITEM_PADDING_X","PILL_RADIUS","SwitcherListStyle","styled","div","SwitcherIndicatorStyle","span","_ref","theme","duration","norm","_ref2","SwitcherLabelStyle","_ref3","fontSizesMap","xxs","_ref4","$active","_ref5","fast","SwitcherItemStyle","button"],"mappings":";;;;;;AAMA,MAAMA,iBAAiB,GAAG,CAAC,CAAA;AAC3B,MAAMC,cAAc,GAAG,CAAC,CAAA;AACxB,MAAMC,cAAc,GAAG,EAAE,CAAA;AACzB,MAAMC,WAAW,GAAG,GAAG,CAAA;AAEVC,MAAAA,iBAAiB,GAAGC,+BAAM,CAACC,GAAG,CAAA;AAC3C;AACA;AACA;AACA,WAAA,EAAaN,iBAAiB,CAAA;AAC9B;AACA,iBAAA,EAAmBG,WAAW,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYI,MAAAA,sBAAsB,GAAGF,+BAAM,CAACG,IAAI,CAAA;AACjD;AACA,OAAA,EAASR,iBAAiB,CAAA;AAC1B,UAAA,EAAYA,iBAAiB,CAAA;AAC7B;AACA;AACA;AACA,iBAAA,EAAmBG,WAAW,CAAA;AAC9B;AACA,cAAA,EAAgBM,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAClD,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AAC9C;AACA;AACA;AACA;AACA,EAAC;AAEYE,MAAAA,kBAAkB,GAAGT,+BAAM,CAACG,IAAmB,CAAA;AAC5D,aAAA,EAAeO,KAAA,IAAA;EAAA,IAAC;AAAEL,IAAAA,KAAAA;AAAM,GAAC,GAAAK,KAAA,CAAA;AAAA,EAAA,OAAKL,KAAK,CAACM,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;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,sBAAA,EAAwBC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACC,QAAQ,CAACU,IAAI,CAAA;AAAA,CAAA,CAAA;AAC1D;AACA,EAAC;AAEYC,MAAAA,iBAAiB,GAAGjB,+BAAM,CAACkB,MAAqB,CAAA;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,WAAatB,EAAAA,cAAc,MAAMC,cAAc,CAAA;AAC/C,iBAAA,EAAmBC,WAAW,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAYW,EAAAA,kBAAkB,qBAAqBA,kBAAkB,CAAA;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeA,kBAAkB,CAAA;AACjC;AACA;AACA;;;;;;;"}

package/dist/cjs/table/Table.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const styles = require('./styles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Table = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(styles.TableStyle, {
+    ref: ref,
+    ...props
+  });
+});
+Table.displayName = 'Table';
+
+exports.Table = Table;
+//# sourceMappingURL=Table.js.map

package/dist/cjs/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TableProps } from './types.js'\nimport { TableStyle } from './styles.js'\n\nexport const Table = forwardRef(\n  (props: TableProps, ref?: ForwardedRef<HTMLTableElement>) => {\n    return <TableStyle ref={ref} {...props} />\n  },\n)\nTable.displayName = 'Table'\n"],"names":["Table","forwardRef","props","ref","_jsx","TableStyle","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,CAACC,KAAiB,EAAEC,GAAoC,KAAK;EAC3D,oBAAOC,cAAA,CAACC,iBAAU,EAAA;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKD,KAAAA;AAAK,GAAG,CAAC,CAAA;AAC5C,CACF,EAAC;AACDF,KAAK,CAACM,WAAW,GAAG,OAAO;;;;"}

package/dist/cjs/table/Tbody.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const styles = require('./styles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Tbody = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(styles.TbodyStyle, {
+    ref: ref,
+    ...props
+  });
+});
+Tbody.displayName = 'Tbody';
+
+exports.Tbody = Tbody;
+//# sourceMappingURL=Tbody.js.map

package/dist/cjs/table/Tbody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tbody.js","sources":["../../../src/table/Tbody.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TbodyProps } from './types.js'\nimport { TbodyStyle } from './styles.js'\n\nexport const Tbody = forwardRef(\n  (props: TbodyProps, ref?: ForwardedRef<HTMLTableSectionElement>) => {\n    return <TbodyStyle ref={ref} {...props} />\n  },\n)\nTbody.displayName = 'Tbody'\n"],"names":["Tbody","forwardRef","props","ref","_jsx","TbodyStyle","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,CAACC,KAAiB,EAAEC,GAA2C,KAAK;EAClE,oBAAOC,cAAA,CAACC,iBAAU,EAAA;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKD,KAAAA;AAAK,GAAG,CAAC,CAAA;AAC5C,CACF,EAAC;AACDF,KAAK,CAACM,WAAW,GAAG,OAAO;;;;"}

package/dist/cjs/table/Td.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const styles = require('./styles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Td = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    align = 'left',
+    textColor = 'default',
+    variant,
+    children,
+    numeric = false,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(styles.TdStyle, {
+    $align: align,
+    $textColor: textColor,
+    $variant: variant,
+    $interactive: !!rest.onClick,
+    $numeric: numeric,
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsx(styles.ThTdContentStyle, {
+      children: children
+    })
+  });
+});
+Td.displayName = 'Td';
+
+exports.Td = Td;
+//# sourceMappingURL=Td.js.map

package/dist/cjs/table/Td.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Td.js","sources":["../../../src/table/Td.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TdProps } from './types.js'\nimport { TdStyle, ThTdContentStyle } from './styles.js'\n\nexport const Td = forwardRef(\n  (\n    {\n      align = 'left',\n      textColor = 'default',\n      variant,\n      children,\n      numeric = false,\n      ...rest\n    }: TdProps,\n    ref?: ForwardedRef<HTMLTableDataCellElement>,\n  ) => {\n    return (\n      <TdStyle\n        $align={align}\n        $textColor={textColor}\n        $variant={variant}\n        $interactive={!!rest.onClick}\n        $numeric={numeric}\n        ref={ref}\n        {...rest}\n      >\n        <ThTdContentStyle>{children}</ThTdContentStyle>\n      </TdStyle>\n    )\n  },\n)\nTd.displayName = 'Td'\n"],"names":["Td","forwardRef","_ref","ref","align","textColor","variant","children","numeric","rest","_jsx","TdStyle","$align","$textColor","$variant","$interactive","onClick","$numeric","ThTdContentStyle","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,EAAE,gBAAGC,gBAAU,CAC1B,CAAAC,IAAA,EASEC,GAA4C,KACzC;EAAA,IATH;AACEC,IAAAA,KAAK,GAAG,MAAM;AACdC,IAAAA,SAAS,GAAG,SAAS;IACrBC,OAAO;IACPC,QAAQ;AACRC,IAAAA,OAAO,GAAG,KAAK;IACf,GAAGC,IAAAA;AACI,GAAC,GAAAP,IAAA,CAAA;EAGV,oBACEQ,cAAA,CAACC,cAAO,EAAA;AACNC,IAAAA,MAAM,EAAER,KAAM;AACdS,IAAAA,UAAU,EAAER,SAAU;AACtBS,IAAAA,QAAQ,EAAER,OAAQ;AAClBS,IAAAA,YAAY,EAAE,CAAC,CAACN,IAAI,CAACO,OAAQ;AAC7BC,IAAAA,QAAQ,EAAET,OAAQ;AAClBL,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,IAAI;IAAAF,QAAA,eAERG,cAAA,CAACQ,uBAAgB,EAAA;AAAAX,MAAAA,QAAA,EAAEA,QAAAA;KAA2B,CAAA;AAAC,GACxC,CAAC,CAAA;AAEd,CACF,EAAC;AACDP,EAAE,CAACmB,WAAW,GAAG,IAAI;;;;"}

package/dist/cjs/table/Tfoot.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const styles = require('./styles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Tfoot = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(styles.TfootStyle, {
+    ref: ref,
+    ...props
+  });
+});
+Tfoot.displayName = 'Tfoot';
+
+exports.Tfoot = Tfoot;
+//# sourceMappingURL=Tfoot.js.map

package/dist/cjs/table/Tfoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tfoot.js","sources":["../../../src/table/Tfoot.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { TfootProps } from './types.js'\nimport { TfootStyle } from './styles.js'\n\nexport const Tfoot = forwardRef(\n  (props: TfootProps, ref?: ForwardedRef<HTMLTableSectionElement>) => {\n    return <TfootStyle ref={ref} {...props} />\n  },\n)\nTfoot.displayName = 'Tfoot'\n"],"names":["Tfoot","forwardRef","props","ref","_jsx","TfootStyle","displayName"],"mappings":";;;;;;;;AAIO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,CAACC,KAAiB,EAAEC,GAA2C,KAAK;EAClE,oBAAOC,cAAA,CAACC,iBAAU,EAAA;AAACF,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKD,KAAAA;AAAK,GAAG,CAAC,CAAA;AAC5C,CACF,EAAC;AACDF,KAAK,CAACM,WAAW,GAAG,OAAO;;;;"}