cakeinpanic-ui 1.0.0

package/dist/esm/select/types.mjs

@@ -0,0 +1,8 @@
+let SelectArrow = /*#__PURE__*/function (SelectArrow) {
+  SelectArrow[SelectArrow["small"] = 0] = "small";
+  SelectArrow[SelectArrow["default"] = 1] = "default";
+  return SelectArrow;
+}({});
+
+export { SelectArrow };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/select/types.ts"],"sourcesContent":["import { ReactNode, RefObject } from 'react'\nimport { InputProps } from '../input/index.js'\nimport { PopupMenuItemProps } from '../popup-menu/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport type OptionValue = string | number\nexport type SelectHandleChange = (value: OptionValue) => void\n\nexport enum SelectArrow {\n  small,\n  default,\n}\nexport type SelectArrows = keyof typeof SelectArrow\n\nexport type SelectProps = Omit<\n  InputProps,\n  'type' | 'readonly' | 'onChange' | 'value' | 'defaultValue'\n> & {\n  anchorRef?: RefObject<HTMLElement | null>\n  arrow?: SelectArrows\n  value?: OptionValue\n  defaultValue?: OptionValue\n  onChange: SelectHandleChange\n}\n\nexport type SelectIconProps = Omit<\n  SelectProps,\n  'leftDecorator' | 'fullwidth' | 'arrow'\n> & {\n  icon: ReactNode\n}\n\nexport type OptionProps = Omit<PopupMenuItemProps, 'value' | 'children'> & {\n  value: OptionValue\n  // can't be ReactNode, since it will be stringified later\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["SelectArrow"],"mappings":"AAQYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/select/useSelect.mjs

@@ -0,0 +1,79 @@
+import { useState, useCallback, useEffect, useMemo, Children, cloneElement } from 'react';
+import { isElement } from 'react-is';
+
+const useSelect = _ref => {
+  let {
+    value,
+    defaultValue,
+    disabled,
+    onClick,
+    onChange,
+    onKeyDown,
+    children
+  } = _ref;
+  const [opened, setOpened] = useState(false);
+  const handleOpen = useCallback(() => {
+    if (disabled) return;
+    setOpened(true);
+  }, [disabled]);
+  const handleClick = useCallback(event => {
+    handleOpen();
+    onClick?.(event);
+  }, [handleOpen, onClick]);
+  const handleClose = useCallback(() => {
+    setOpened(false);
+  }, []);
+  const handleChange = useCallback(value => {
+    handleClose();
+    setLocalValue(value);
+    onChange?.(value);
+  }, [handleClose, onChange]);
+  const handleKeyDown = useCallback(event => {
+    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {
+      event.preventDefault();
+      handleOpen();
+    }
+    onKeyDown?.(event);
+  }, [handleOpen, onKeyDown]);
+  const outerValue = value ?? defaultValue ?? null;
+  const [localValue, setLocalValue] = useState(outerValue);
+  useEffect(() => {
+    setLocalValue(outerValue);
+  }, [outerValue]);
+  const {
+    values,
+    options
+  } = useMemo(() => {
+    const values = new Map();
+    const options = Children.map(children, child => {
+      if (!isElement(child)) return child;
+      const value = child.props.value;
+      const title = String(child.props.children);
+      if (values.get(value) === undefined) {
+        values.set(value, title);
+      }
+      return /*#__PURE__*/cloneElement(child, {
+        active: value === localValue,
+        onChange: handleChange
+      });
+    });
+    return {
+      values,
+      options
+    };
+  }, [localValue, children, handleChange]);
+  const selectedTitle = localValue != null ? values.get(localValue) : null;
+  const defaultTitle = String(localValue ?? '');
+  const title = selectedTitle ?? defaultTitle;
+  return {
+    handleClick,
+    handleClose,
+    handleKeyDown,
+    opened,
+    title,
+    options
+  };
+};
+
+export { useSelect };
+//# sourceMappingURL=useSelect.mjs.map

package/dist/esm/select/useSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelect.mjs","sources":["../../../src/select/useSelect.ts"],"sourcesContent":["import {\n  useCallback,\n  useMemo,\n  useState,\n  Children,\n  cloneElement,\n  useEffect,\n  MouseEvent,\n  KeyboardEvent,\n  ReactNode,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { SelectProps, SelectHandleChange, OptionValue } from './types.js'\n\ntype SelectHandleClick = (event: MouseEvent<HTMLInputElement>) => void\n\ntype SelectHandleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => void\n\ntype SelectHandleClose = () => void\n\ntype UseSelect = (\n  props: Pick<\n    SelectProps,\n    | 'disabled'\n    | 'onClick'\n    | 'onChange'\n    | 'onKeyDown'\n    | 'children'\n    | 'value'\n    | 'defaultValue'\n  >,\n) => {\n  handleClick: SelectHandleClick\n  handleClose: SelectHandleClose\n  handleKeyDown: SelectHandleKeyDown\n  opened: boolean\n  title: string\n  options: ReactNode\n}\n\nexport const useSelect: UseSelect = ({\n  value,\n  defaultValue,\n  disabled,\n  onClick,\n  onChange,\n  onKeyDown,\n  children,\n}) => {\n  const [opened, setOpened] = useState(false)\n\n  const handleOpen = useCallback(() => {\n    if (disabled) return\n    setOpened(true)\n  }, [disabled])\n\n  const handleClick: SelectHandleClick = useCallback(\n    (event) => {\n      handleOpen()\n      onClick?.(event)\n    },\n    [handleOpen, onClick],\n  )\n\n  const handleClose = useCallback(() => {\n    setOpened(false)\n  }, [])\n\n  const handleChange: SelectHandleChange = useCallback(\n    (value) => {\n      handleClose()\n      setLocalValue(value)\n      onChange?.(value)\n    },\n    [handleClose, onChange],\n  )\n\n  const handleKeyDown: SelectHandleKeyDown = useCallback(\n    (event) => {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault()\n        handleOpen()\n      }\n      onKeyDown?.(event)\n    },\n    [handleOpen, onKeyDown],\n  )\n\n  const outerValue = value ?? defaultValue ?? null\n  const [localValue, setLocalValue] = useState<OptionValue | null>(outerValue)\n\n  useEffect(() => {\n    setLocalValue(outerValue)\n  }, [outerValue])\n\n  const { values, options } = useMemo(() => {\n    const values = new Map<OptionValue, string>()\n\n    const options: ReactNode = Children.map(children, (child) => {\n      if (!isElement(child)) return child\n\n      const value = child.props.value\n      const title = String(child.props.children)\n\n      if (values.get(value) === undefined) {\n        values.set(value, title)\n      }\n\n      return cloneElement(child, {\n        active: value === localValue,\n        onChange: handleChange,\n      })\n    })\n\n    return { values, options }\n  }, [localValue, children, handleChange])\n\n  const selectedTitle = localValue != null ? values.get(localValue) : null\n  const defaultTitle = String(localValue ?? '')\n  const title = selectedTitle ?? defaultTitle\n\n  return {\n    handleClick,\n    handleClose,\n    handleKeyDown,\n    opened,\n    title,\n    options,\n  }\n}\n"],"names":["useSelect","_ref","value","defaultValue","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","useState","handleOpen","useCallback","handleClick","event","handleClose","handleChange","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","localValue","useEffect","values","options","useMemo","Map","Children","map","child","isElement","props","title","String","get","undefined","set","cloneElement","active","selectedTitle","defaultTitle"],"mappings":"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"}

package/dist/esm/select/useSelectWidth.mjs

@@ -0,0 +1,20 @@
+import { useState, useCallback, useEffect } from 'react';
+
+const useSelectWidth = (opened, anchorRef) => {
+  const [width, setWidth] = useState();
+  const updateWidth = useCallback(() => {
+    if (!anchorRef.current) return;
+    const rect = anchorRef.current.getBoundingClientRect();
+    setWidth(rect.width);
+  }, [anchorRef]);
+  useEffect(() => {
+    if (!opened || !anchorRef.current) return;
+    const observer = new ResizeObserver(updateWidth);
+    observer.observe(anchorRef.current);
+    return () => observer.disconnect();
+  }, [opened, anchorRef, updateWidth]);
+  return width;
+};
+
+export { useSelectWidth };
+//# sourceMappingURL=useSelectWidth.mjs.map

package/dist/esm/select/useSelectWidth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectWidth.mjs","sources":["../../../src/select/useSelectWidth.ts"],"sourcesContent":["import { useCallback, useState, useEffect, RefObject } from 'react'\n\nexport const useSelectWidth = <T extends HTMLElement>(\n  opened: boolean,\n  anchorRef: RefObject<T | null>,\n): number | undefined => {\n  const [width, setWidth] = useState<number>()\n\n  const updateWidth = useCallback(() => {\n    if (!anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n\n    setWidth(rect.width)\n  }, [anchorRef])\n\n  useEffect(() => {\n    if (!opened || !anchorRef.current) return\n\n    const observer = new ResizeObserver(updateWidth)\n    observer.observe(anchorRef.current)\n\n    return (): void => observer.disconnect()\n  }, [opened, anchorRef, updateWidth])\n\n  return width\n}\n"],"names":["useSelectWidth","opened","anchorRef","width","setWidth","useState","updateWidth","useCallback","current","rect","getBoundingClientRect","useEffect","observer","ResizeObserver","observe","disconnect"],"mappings":";;MAEaA,cAAc,GAAGA,CAC5BC,MAAe,EACfC,SAA8B,KACP;EACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,EAAU,CAAA;AAE5C,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAAC,MAAM;AACpC,IAAA,IAAI,CAACL,SAAS,CAACM,OAAO,EAAE,OAAA;IACxB,MAAMC,IAAI,GAAGP,SAAS,CAACM,OAAO,CAACE,qBAAqB,EAAE,CAAA;AAEtDN,IAAAA,QAAQ,CAACK,IAAI,CAACN,KAAK,CAAC,CAAA;AACtB,GAAC,EAAE,CAACD,SAAS,CAAC,CAAC,CAAA;AAEfS,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACV,MAAM,IAAI,CAACC,SAAS,CAACM,OAAO,EAAE,OAAA;AAEnC,IAAA,MAAMI,QAAQ,GAAG,IAAIC,cAAc,CAACP,WAAW,CAAC,CAAA;AAChDM,IAAAA,QAAQ,CAACE,OAAO,CAACZ,SAAS,CAACM,OAAO,CAAC,CAAA;AAEnC,IAAA,OAAO,MAAYI,QAAQ,CAACG,UAAU,EAAE,CAAA;GACzC,EAAE,CAACd,MAAM,EAAEC,SAAS,EAAEI,WAAW,CAAC,CAAC,CAAA;AAEpC,EAAA,OAAOH,KAAK,CAAA;AACd;;;;"}

package/dist/esm/service-page/ServicePage.mjs

@@ -0,0 +1,29 @@
+import { forwardRef } from 'react';
+import { ServicePageStyle, ServicePageInsideStyle } from './ServicePageStyles.mjs';
+import { H1 } from '../heading/Heading.mjs';
+import { Text } from '../text/Text.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const ServicePage = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    title,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(ServicePageStyle, {
+    ...rest,
+    ref: ref,
+    children: /*#__PURE__*/jsxs(ServicePageInsideStyle, {
+      children: [/*#__PURE__*/jsx(H1, {
+        children: title
+      }), /*#__PURE__*/jsx(Text, {
+        color: "secondary",
+        children: children
+      })]
+    })
+  });
+});
+ServicePage.displayName = 'ServicePage';
+
+export { ServicePage };
+//# sourceMappingURL=ServicePage.mjs.map

package/dist/esm/service-page/ServicePage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicePage.mjs","sources":["../../../src/service-page/ServicePage.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ServicePageStyle,\n  ServicePageInsideStyle,\n} from './ServicePageStyles.js'\nimport { H1 } from '../heading/index.js'\nimport { Text } from '../text/index.js'\nimport { ServicePageProps } from './types.js'\n\nexport const ServicePage = forwardRef(\n  (\n    { title, children, ...rest }: ServicePageProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <ServicePageStyle {...rest} ref={ref}>\n        <ServicePageInsideStyle>\n          <H1>{title}</H1>\n          <Text color='secondary'>{children}</Text>\n        </ServicePageInsideStyle>\n      </ServicePageStyle>\n    )\n  },\n)\nServicePage.displayName = 'ServicePage'\n"],"names":["ServicePage","forwardRef","_ref","ref","title","children","rest","_jsx","ServicePageStyle","_jsxs","ServicePageInsideStyle","H1","Text","color","displayName"],"mappings":";;;;;;AASO,MAAMA,WAAW,gBAAGC,UAAU,CACnC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAuB,GAAC,GAAAJ,IAAA,CAAA;EAG9C,oBACEK,GAAA,CAACC,gBAAgB,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAE,QAAA,eACnCI,IAAA,CAACC,sBAAsB,EAAA;MAAAL,QAAA,EAAA,cACrBE,GAAA,CAACI,EAAE,EAAA;AAAAN,QAAAA,QAAA,EAAED,KAAAA;AAAK,OAAK,CAAC,eAChBG,GAAA,CAACK,IAAI,EAAA;AAACC,QAAAA,KAAK,EAAC,WAAW;AAAAR,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAO,CAAC,CAAA;KACnB,CAAA;AAAC,GACT,CAAC,CAAA;AAEvB,CACF,EAAC;AACDL,WAAW,CAACc,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/service-page/ServicePageStyles.mjs

@@ -0,0 +1,19 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const ServicePageStyle = styled.div`
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  text-align: center;
+`;
+const ServicePageInsideStyle = styled.div`
+  box-sizing: border-box;
+  margin: 0 auto;
+  min-width: 320px;
+  width: 100%;
+  padding: 0 32px;
+  max-width: 560px;
+`;
+
+export { ServicePageInsideStyle, ServicePageStyle };
+//# sourceMappingURL=ServicePageStyles.mjs.map

package/dist/esm/service-page/ServicePageStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicePageStyles.mjs","sources":["../../../src/service-page/ServicePageStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ServicePageStyle = styled.div`\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  text-align: center;\n`\n\nexport const ServicePageInsideStyle = styled.div`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 32px;\n  max-width: 560px;\n`\n"],"names":["ServicePageStyle","styled","div","ServicePageInsideStyle"],"mappings":";;AAEaA,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAA;AAC1C;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,sBAAsB,GAAGF,MAAM,CAACC,GAAG,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/stack/HStack.mjs

@@ -0,0 +1,20 @@
+import { forwardRef } from 'react';
+import { Stack } from './Stack.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const HStack = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    reverse = false,
+    ...rest
+  } = _ref;
+  const direction = reverse ? 'row-reverse' : 'row';
+  return /*#__PURE__*/jsx(Stack, {
+    direction: direction,
+    ref: ref,
+    ...rest
+  });
+});
+HStack.displayName = 'HStack';
+
+export { HStack };
+//# sourceMappingURL=HStack.mjs.map

package/dist/esm/stack/HStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.mjs","sources":["../../../src/stack/HStack.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { HStackProps } from './types.js'\nimport { Stack } from './Stack.js'\n\nexport const HStack = forwardRef(\n  (\n    { reverse = false, ...rest }: HStackProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const direction = reverse ? 'row-reverse' : 'row'\n\n    return <Stack direction={direction} ref={ref} {...rest} />\n  },\n)\nHStack.displayName = 'HStack'\n"],"names":["HStack","forwardRef","_ref","ref","reverse","rest","direction","_jsx","Stack","displayName"],"mappings":";;;;AAIO,MAAMA,MAAM,gBAAGC,UAAU,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,aAAa,GAAG,KAAK,CAAA;EAEjD,oBAAOG,GAAA,CAACC,KAAK,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/esm/stack/Stack.mjs

@@ -0,0 +1,33 @@
+import { forwardRef } from 'react';
+import { StackProvider } from './StackProvider.mjs';
+import { StackStyle } from './StackStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Stack = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    align = 'flex-start',
+    justify = 'flex-start',
+    direction = 'row',
+    wrap = 'wrap',
+    spacing,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(StackStyle, {
+    $align: align,
+    $justify: justify,
+    $direction: direction,
+    $wrap: wrap,
+    $spacing: spacing,
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/jsx(StackProvider, {
+      spacing: spacing,
+      children: children
+    })
+  });
+});
+Stack.displayName = 'Stack';
+
+export { Stack };
+//# sourceMappingURL=Stack.mjs.map

package/dist/esm/stack/Stack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.mjs","sources":["../../../src/stack/Stack.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { StackProvider } from './StackProvider.js'\nimport { StackStyle } from './StackStyles.js'\nimport { StackProps } from './types.js'\n\nexport const Stack = forwardRef(\n  (\n    {\n      align = 'flex-start',\n      justify = 'flex-start',\n      direction = 'row',\n      wrap = 'wrap',\n      spacing,\n      children,\n      ...rest\n    }: StackProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <StackStyle\n        $align={align}\n        $justify={justify}\n        $direction={direction}\n        $wrap={wrap}\n        $spacing={spacing}\n        ref={ref}\n        {...rest}\n      >\n        <StackProvider spacing={spacing}>{children}</StackProvider>\n      </StackStyle>\n    )\n  },\n)\nStack.displayName = 'Stack'\n"],"names":["Stack","forwardRef","_ref","ref","align","justify","direction","wrap","spacing","children","rest","_jsx","StackStyle","$align","$justify","$direction","$wrap","$spacing","StackProvider","displayName"],"mappings":";;;;;AAKO,MAAMA,KAAK,gBAAGC,UAAU,CAC7B,CAAAC,IAAA,EAUEC,GAAkC,KAC/B;EAAA,IAVH;AACEC,IAAAA,KAAK,GAAG,YAAY;AACpBC,IAAAA,OAAO,GAAG,YAAY;AACtBC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,IAAI,GAAG,MAAM;IACbC,OAAO;IACPC,QAAQ;IACR,GAAGC,IAAAA;AACO,GAAC,GAAAR,IAAA,CAAA;EAGb,oBACES,GAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,MAAM,EAAET,KAAM;AACdU,IAAAA,QAAQ,EAAET,OAAQ;AAClBU,IAAAA,UAAU,EAAET,SAAU;AACtBU,IAAAA,KAAK,EAAET,IAAK;AACZU,IAAAA,QAAQ,EAAET,OAAQ;AAClBL,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLO,IAAI;IAAAD,QAAA,eAERE,GAAA,CAACO,aAAa,EAAA;AAACV,MAAAA,OAAO,EAAEA,OAAQ;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAAwB,CAAA;AAAC,GACjD,CAAC,CAAA;AAEjB,CACF,EAAC;AACDT,KAAK,CAACmB,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/stack/StackItem.mjs

@@ -0,0 +1,28 @@
+import { forwardRef } from 'react';
+import { StackItemStyle } from './StackItemStyles.mjs';
+import { useStackContext } from './StackProvider.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const StackItem = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    grow = 0,
+    shrink = 0,
+    basis = 'auto',
+    ...rest
+  } = _ref;
+  const {
+    spacing
+  } = useStackContext();
+  return /*#__PURE__*/jsx(StackItemStyle, {
+    $grow: grow,
+    $shrink: shrink,
+    $basis: basis,
+    $spacing: spacing,
+    ref: ref,
+    ...rest
+  });
+});
+StackItem.displayName = 'StackItem';
+
+export { StackItem };
+//# sourceMappingURL=StackItem.mjs.map

package/dist/esm/stack/StackItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItem.mjs","sources":["../../../src/stack/StackItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { StackItemStyle } from './StackItemStyles.js'\nimport { useStackContext } from './StackProvider.js'\nimport { StackItemProps } from './types.js'\n\nexport const StackItem = forwardRef(\n  (\n    { grow = 0, shrink = 0, basis = 'auto', ...rest }: StackItemProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const { spacing } = useStackContext()\n\n    return (\n      <StackItemStyle\n        $grow={grow}\n        $shrink={shrink}\n        $basis={basis}\n        $spacing={spacing}\n        ref={ref}\n        {...rest}\n      />\n    )\n  },\n)\nStackItem.displayName = 'StackItem'\n"],"names":["StackItem","forwardRef","_ref","ref","grow","shrink","basis","rest","spacing","useStackContext","_jsx","StackItemStyle","$grow","$shrink","$basis","$spacing","displayName"],"mappings":";;;;;AAKO,MAAMA,SAAS,gBAAGC,UAAU,CACjC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,CAAC;AAAEC,IAAAA,MAAM,GAAG,CAAC;AAAEC,IAAAA,KAAK,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAL,IAAA,CAAA;EAGjE,MAAM;AAAEM,IAAAA,OAAAA;GAAS,GAAGC,eAAe,EAAE,CAAA;EAErC,oBACEC,GAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,KAAK,EAAER,IAAK;AACZS,IAAAA,OAAO,EAAER,MAAO;AAChBS,IAAAA,MAAM,EAAER,KAAM;AACdS,IAAAA,QAAQ,EAAEP,OAAQ;AAClBL,IAAAA,GAAG,EAAEA,GAAI;IAAA,GACLI,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AACDP,SAAS,CAACgB,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/stack/StackItemStyles.mjs

@@ -0,0 +1,33 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const StackItemStyle = styled.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;
+}};
+`;
+
+export { StackItemStyle };
+//# sourceMappingURL=StackItemStyles.mjs.map

package/dist/esm/stack/StackItemStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackItemStyles.mjs","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,MAAM,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/esm/stack/StackProvider.mjs

@@ -0,0 +1,22 @@
+import { useContext, createContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const Context = /*#__PURE__*/createContext({});
+const useStackContext = () => {
+  return useContext(Context);
+};
+const StackProvider = _ref => {
+  let {
+    spacing,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(Context.Provider, {
+    value: {
+      spacing
+    },
+    ...rest
+  });
+};
+
+export { StackProvider, useStackContext };
+//# sourceMappingURL=StackProvider.mjs.map

package/dist/esm/stack/StackProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackProvider.mjs","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,aAAa,CAAC,EAAkB,CAAC,CAAA;AAEpCC,MAAAA,eAAe,GAAGA,MAAoB;EACjD,OAAOC,UAAU,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,GAAA,CAACR,OAAO,CAACS,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEJ,MAAAA,OAAAA;KAAU;IAAA,GAAKC,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC3D;;;;"}

package/dist/esm/stack/StackStyles.mjs

@@ -0,0 +1,38 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const StackStyle = styled.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;
+`;
+
+export { StackStyle };
+//# sourceMappingURL=StackStyles.mjs.map

package/dist/esm/stack/StackStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackStyles.mjs","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,MAAM,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/esm/stack/VStack.mjs

@@ -0,0 +1,20 @@
+import { forwardRef } from 'react';
+import { Stack } from './Stack.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const VStack = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    reverse = false,
+    ...rest
+  } = _ref;
+  const direction = reverse ? 'column-reverse' : 'column';
+  return /*#__PURE__*/jsx(Stack, {
+    direction: direction,
+    ref: ref,
+    ...rest
+  });
+});
+VStack.displayName = 'VStack';
+
+export { VStack };
+//# sourceMappingURL=VStack.mjs.map

package/dist/esm/stack/VStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.mjs","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,UAAU,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,GAAA,CAACC,KAAK,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/esm/stack/types.mjs

@@ -0,0 +1,45 @@
+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;
+}({});
+
+export { StackAlign, StackDirection, StackJustify, StackSpacing, StackWrap };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","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/esm/styled-system/withStyledSystem.mjs

@@ -0,0 +1,18 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import _shouldForwardProp from '@styled-system/should-forward-prop';
+import { compose, space, color, typography, layout, flexbox, grid, background, border, position, shadow } from '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 styled(Component).withConfig({
+    shouldForwardProp
+  })(compose(space, color, typography, layout, flexbox, grid, background, border, position, shadow));
+}
+
+export { withStyledSystem as default };
+//# sourceMappingURL=withStyledSystem.mjs.map

package/dist/esm/styled-system/withStyledSystem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withStyledSystem.mjs","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,MAAM,CAACD,SAAS,CAAC,CAACE,UAAU,CAAK;AACtCN,IAAAA,iBAAAA;GACD,CAAC,CACAO,OAAO,CACLC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,MACF,CACF,CAAC,CAAA;AACH;;;;"}

package/dist/esm/switcher/Switcher.mjs

@@ -0,0 +1,96 @@
+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 { SwitcherListStyle, SwitcherIndicatorStyle } from './SwitcherStyles.mjs';
+
+const Switcher = /*#__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 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__*/jsxs(SwitcherListStyle, {
+    role: "tablist",
+    ref: setRefs,
+    ...rest,
+    children: [children, /*#__PURE__*/jsx(SwitcherIndicatorStyle, {
+      "aria-hidden": true
+    })]
+  });
+});
+Switcher.displayName = 'Switcher';
+
+export { Switcher };
+//# sourceMappingURL=Switcher.mjs.map