cakeinpanic-ui 1.0.0

package/dist/esm/badge/BadgeStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStyles.mjs","sources":["../../../src/badge/BadgeStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { BadgeVariants } from './types.js'\n\ntype InjectedPropsTr = {\n  $variant: BadgeVariants\n  $interactive: boolean\n  $hasIcon?: boolean\n}\n\nconst BadgeVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-backgroundBadge);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n  gradient: css`\n    background: var(--lido-color-backgroundGradient);\n    color: var(--lido-color-textDark);\n  `,\n}\n\nexport const BadgeWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 700;\n  display: inline-flex;\n  gap: 2px;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n  padding: 0.5em 1em 0.5em ${({ $hasIcon }) => ($hasIcon ? '8px' : '1em')};\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => BadgeVariantsStyle[$variant]}\n`\n"],"names":["BadgeVariantsStyle","positive","css","negative","gray","warning","gradient","BadgeWrapperStyle","styled","div","_ref","theme","borderRadiusesMap","sm","_ref2","$hasIcon","_ref3","$interactive","_ref4","$variant"],"mappings":";;;AASA,MAAMA,kBAAkB,GAAG;AACzBC,EAAAA,QAAQ,EAAEC,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,QAAQ,EAAED,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,IAAI,EAAEF,GAAG,CAAA;AACX;AACA;AACA,EAAG,CAAA;AACDG,EAAAA,OAAO,EAAEH,GAAG,CAAA;AACd;AACA;AACA,EAAG,CAAA;AACDI,EAAAA,QAAQ,EAAEJ,GAAG,CAAA;AACf;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYK,MAAAA,iBAAiB,GAAGC,MAAM,CAACC,GAAoB,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D,2BAAA,EAA6BC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;AAAA,CAAC,CAAA;AACzE,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,YAAY,GAAG,SAAS,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AACrE,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKlB,kBAAkB,CAACmB,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AAClD;;;;"}

package/dist/esm/badge/types.mjs

@@ -0,0 +1,11 @@
+let BadgeVariant = /*#__PURE__*/function (BadgeVariant) {
+  BadgeVariant[BadgeVariant["positive"] = 0] = "positive";
+  BadgeVariant[BadgeVariant["negative"] = 1] = "negative";
+  BadgeVariant[BadgeVariant["warning"] = 2] = "warning";
+  BadgeVariant[BadgeVariant["gray"] = 3] = "gray";
+  BadgeVariant[BadgeVariant["gradient"] = 4] = "gradient";
+  return BadgeVariant;
+}({});
+
+export { BadgeVariant };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/badge/types.ts"],"sourcesContent":["import { ReactElement, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils'\nexport type { Theme } from '../theme/index.js'\n\nexport enum BadgeVariant {\n  positive,\n  negative,\n  warning,\n  gray,\n  gradient,\n}\n\nexport type BadgeVariants = keyof typeof BadgeVariant\n\nexport type BadgeProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLDivElement>\n    variant?: BadgeVariants\n    icon?: ReactElement\n  }\n>\n"],"names":["BadgeVariant"],"mappings":"AAIYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/block/Block.mjs

@@ -0,0 +1,23 @@
+import { forwardRef } from 'react';
+import { BlockStyle } from './BlockStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Block = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    color = 'foreground',
+    variant = 'flat',
+    paddingLess = false,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(BlockStyle, {
+    $color: color,
+    $variant: variant,
+    $paddingLess: paddingLess,
+    ref: ref,
+    ...rest
+  });
+});
+Block.displayName = 'Block';
+
+export { Block };
+//# sourceMappingURL=Block.mjs.map

package/dist/esm/block/Block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Block.mjs","sources":["../../../src/block/Block.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles.js'\nimport { BlockProps } from './types.js'\n\nexport const Block = forwardRef(\n  (\n    {\n      color = 'foreground',\n      variant = 'flat',\n      paddingLess = false,\n      ...rest\n    }: BlockProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <BlockStyle\n        $color={color}\n        $variant={variant}\n        $paddingLess={paddingLess}\n        ref={ref}\n        {...rest}\n      />\n    )\n  },\n)\nBlock.displayName = 'Block'\n"],"names":["Block","forwardRef","_ref","ref","color","variant","paddingLess","rest","_jsx","BlockStyle","$color","$variant","$paddingLess","displayName"],"mappings":";;;;AAIO,MAAMA,KAAK,gBAAGC,UAAU,CAC7B,CAAAC,IAAA,EAOEC,GAAkC,KAC/B;EAAA,IAPH;AACEC,IAAAA,KAAK,GAAG,YAAY;AACpBC,IAAAA,OAAO,GAAG,MAAM;AAChBC,IAAAA,WAAW,GAAG,KAAK;IACnB,GAAGC,IAAAA;AACO,GAAC,GAAAL,IAAA,CAAA;EAGb,oBACEM,GAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,MAAM,EAAEN,KAAM;AACdO,IAAAA,QAAQ,EAAEN,OAAQ;AAClBO,IAAAA,YAAY,EAAEN,WAAY;AAC1BH,IAAAA,GAAG,EAAEA,GAAI;IAAA,GACLI,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AACDP,KAAK,CAACa,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/block/BlockStyles.mjs

@@ -0,0 +1,93 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const colors = {
+  foreground: css`
+    background: var(--lido-color-foreground);
+    color: var(--lido-color-textSecondary);
+  `,
+  background: css`
+    background: var(--lido-color-background);
+    color: var(--lido-color-textSecondary);
+  `,
+  accent: css`
+    background: var(--lido-color-accent);
+    color: var(--lido-color-accentContrast);
+  `
+};
+const variants = {
+  flat: css`
+    box-shadow: none;
+  `,
+  shadow: css`
+    box-shadow: ${_ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.boxShadows.lg;
+  }}
+      var(--lido-colors-shadowLight);
+  `
+};
+const paddings = css`
+  padding: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.spaceMap.xxl;
+}}px;
+
+  ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.mediaQueries.md;
+}} {
+    padding: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spaceMap.lg;
+}}px;
+  }
+`;
+const BlockStyle = styled.div`
+  font-weight: 400;
+  font-size: ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+  border-radius: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.borderRadiusesMap.xl;
+}}px;
+  margin: 0;
+
+  ${_ref7 => {
+  let {
+    $paddingLess
+  } = _ref7;
+  return !$paddingLess && paddings;
+}}
+
+  ${_ref8 => {
+  let {
+    $variant
+  } = _ref8;
+  return variants[$variant];
+}}
+  ${_ref9 => {
+  let {
+    $color
+  } = _ref9;
+  return colors[$color];
+}}
+`;
+
+export { BlockStyle };
+//# sourceMappingURL=BlockStyles.mjs.map

package/dist/esm/block/BlockStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStyles.mjs","sources":["../../../src/block/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { BlockVariants, BlockColors } from './types.js'\n\ntype InjectedProps = {\n  $variant: BlockVariants\n  $color: BlockColors\n  $paddingLess: boolean\n  theme: Theme\n}\n\nconst colors = {\n  foreground: css`\n    background: var(--lido-color-foreground);\n    color: var(--lido-color-textSecondary);\n  `,\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accent);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nconst variants = {\n  flat: css`\n    box-shadow: none;\n  `,\n  shadow: css`\n    box-shadow: ${({ theme }) => theme.boxShadows.lg}\n      var(--lido-colors-shadowLight);\n  `,\n}\n\nconst paddings = css`\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n  margin: 0;\n\n  ${({ $paddingLess }) => !$paddingLess && paddings}\n\n  ${({ $variant }) => variants[$variant]}\n  ${({ $color }) => colors[$color]}\n`\n"],"names":["colors","foreground","css","background","accent","variants","flat","shadow","_ref","theme","boxShadows","lg","paddings","_ref2","spaceMap","xxl","_ref3","mediaQueries","md","_ref4","BlockStyle","styled","div","_ref5","fontSizesMap","xxs","_ref6","borderRadiusesMap","xl","_ref7","$paddingLess","_ref8","$variant","_ref9","$color"],"mappings":";;;AAWA,MAAMA,MAAM,GAAG;AACbC,EAAAA,UAAU,EAAEC,GAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,UAAU,EAAED,GAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,MAAM,EAAEF,GAAG,CAAA;AACb;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMG,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAEJ,GAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDK,EAAAA,MAAM,EAAEL,GAAG,CAAA;AACb,gBAAA,EAAkBM,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAAD,IAAA,CAAA;AAAA,IAAA,OAAKC,KAAK,CAACC,UAAU,CAACC,EAAE,CAAA;AAAA,GAAA,CAAA;AACpD;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMC,QAAQ,GAAGV,GAAG,CAAA;AACpB,WAAA,EAAaW,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;AAAM,GAAC,GAAAI,KAAA,CAAA;AAAA,EAAA,OAAKJ,KAAK,CAACK,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAC9C;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACQ,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACK,QAAQ,CAACH,EAAE,CAAA;AAAA,CAAA,CAAA;AAC/C;AACA,CAAC,CAAA;AAEYS,MAAAA,UAAU,GAAGC,MAAM,CAACC,GAAkB,CAAA;AACnD;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEd,IAAAA,KAAAA;AAAM,GAAC,GAAAc,KAAA,CAAA;AAAA,EAAA,OAAKd,KAAK,CAACe,YAAY,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACpD;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEjB,IAAAA,KAAAA;AAAM,GAAC,GAAAiB,KAAA,CAAA;AAAA,EAAA,OAAKjB,KAAK,CAACkB,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAK,CAACC,YAAY,IAAIlB,QAAQ,CAAA;AAAA,CAAA,CAAA;AACnD;AACA,EAAA,EAAImB,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAK1B,QAAQ,CAAC2B,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACxC,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKjC,MAAM,CAACkC,MAAM,CAAC,CAAA;AAAA,CAAA,CAAA;AAClC;;;;"}

package/dist/esm/block/types.mjs

@@ -0,0 +1,14 @@
+let BlockVariant = /*#__PURE__*/function (BlockVariant) {
+  BlockVariant[BlockVariant["flat"] = 0] = "flat";
+  BlockVariant[BlockVariant["shadow"] = 1] = "shadow";
+  return BlockVariant;
+}({});
+let BlockColor = /*#__PURE__*/function (BlockColor) {
+  BlockColor[BlockColor["foreground"] = 0] = "foreground";
+  BlockColor[BlockColor["background"] = 1] = "background";
+  BlockColor[BlockColor["accent"] = 2] = "accent";
+  return BlockColor;
+}({});
+
+export { BlockColor, BlockVariant };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/block/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum BlockVariant {\n  flat,\n  shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n  foreground,\n  background,\n  accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n  'div',\n  {\n    color?: BlockColors\n    variant?: BlockVariants\n    paddingLess?: boolean\n  }\n>\n"],"names":["BlockVariant","BlockColor"],"mappings":"AAGYA,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMZC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/box/Box.mjs

@@ -0,0 +1,7 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import withStyledSystem from '../styled-system/withStyledSystem.mjs';
+
+const Box = withStyledSystem(styled.div``);
+
+export { Box };
+//# sourceMappingURL=Box.mjs.map

package/dist/esm/box/Box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.mjs","sources":["../../../src/box/Box.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { withStyledSystem } from '../styled-system/index.js'\n\nexport const Box = withStyledSystem(styled.div``)\n"],"names":["Box","withStyledSystem","styled","div"],"mappings":";;;AAGO,MAAMA,GAAG,GAAGC,gBAAgB,CAACC,MAAM,CAACC,GAAG,CAAA,CAAE;;;;"}

package/dist/esm/button/Button.mjs

@@ -0,0 +1,58 @@
+import { forwardRef } from 'react';
+import { ButtonStyle, ButtonContentStyle, ButtonLoaderStyle } from './ButtonStyles.mjs';
+import { useRipple } from './useRipple.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const loaderSizes = {
+  xxs: 'small',
+  xs: 'small',
+  sm: 'small',
+  md: 'medium',
+  lg: 'medium'
+};
+const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    size = 'md',
+    variant = 'filled',
+    color = 'primary',
+    square = false,
+    fullwidth = false,
+    loading = false,
+    active = false,
+    onClick,
+    disabled,
+    children,
+    ...rest
+  } = _ref;
+  const {
+    handleClick,
+    ripple
+  } = useRipple({
+    onClick
+  });
+  const loaderSize = loaderSizes[size];
+  return /*#__PURE__*/jsxs(ButtonStyle, {
+    $size: size,
+    $variant: variant,
+    $fullwidth: fullwidth,
+    $color: color,
+    $square: square,
+    $loading: loading,
+    $active: active,
+    onClick: handleClick,
+    disabled: disabled || loading,
+    type: "button",
+    ref: ref,
+    ...rest,
+    children: [/*#__PURE__*/jsx(ButtonContentStyle, {
+      $hidden: loading,
+      children: children
+    }), loading && /*#__PURE__*/jsx(ButtonLoaderStyle, {
+      size: loaderSize
+    }), !active && ripple]
+  });
+});
+Button.displayName = 'Button';
+
+export { Button };
+//# sourceMappingURL=Button.mjs.map

package/dist/esm/button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n  (\n    {\n      size = 'md',\n      variant = 'filled',\n      color = 'primary',\n      square = false,\n      fullwidth = false,\n      loading = false,\n      active = false,\n      onClick,\n      disabled,\n      children,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { handleClick, ripple } = useRipple({ onClick })\n    const loaderSize = loaderSizes[size]\n\n    return (\n      <ButtonStyle\n        $size={size}\n        $variant={variant}\n        $fullwidth={fullwidth}\n        $color={color}\n        $square={square}\n        $loading={loading}\n        $active={active}\n        onClick={handleClick}\n        disabled={disabled || loading}\n        type='button'\n        ref={ref}\n        {...rest}\n      >\n        <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n        {loading && <ButtonLoaderStyle size={loaderSize} />}\n        {!active && ripple}\n      </ButtonStyle>\n    )\n  },\n)\nButton.displayName = 'Button'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","_ref","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","$size","$variant","$fullwidth","$color","$square","$loading","$active","type","_jsx","ButtonContentStyle","$hidden","ButtonLoaderStyle","displayName"],"mappings":";;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,OAAO;AACXC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAA;AACN,CAAU,CAAA;AAEH,MAAMC,MAAM,gBAAGC,UAAU,CAC9B,CAAAC,IAAA,EAcEC,GAAqC,KAClC;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,OAAO,GAAG,QAAQ;AAClBC,IAAAA,KAAK,GAAG,SAAS;AACjBC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,MAAM,GAAG,KAAK;IACdC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACR,GAAGC,IAAAA;AACQ,GAAC,GAAAZ,IAAA,CAAA;EAGd,MAAM;IAAEa,WAAW;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,SAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAQ,GAAC,CAAC,CAAA;AACtD,EAAA,MAAMO,UAAU,GAAGxB,WAAW,CAACU,IAAI,CAAC,CAAA;EAEpC,oBACEe,IAAA,CAACC,WAAW,EAAA;AACVC,IAAAA,KAAK,EAAEjB,IAAK;AACZkB,IAAAA,QAAQ,EAAEjB,OAAQ;AAClBkB,IAAAA,UAAU,EAAEf,SAAU;AACtBgB,IAAAA,MAAM,EAAElB,KAAM;AACdmB,IAAAA,OAAO,EAAElB,MAAO;AAChBmB,IAAAA,QAAQ,EAAEjB,OAAQ;AAClBkB,IAAAA,OAAO,EAAEjB,MAAO;AAChBC,IAAAA,OAAO,EAAEI,WAAY;IACrBH,QAAQ,EAAEA,QAAQ,IAAIH,OAAQ;AAC9BmB,IAAAA,IAAI,EAAC,QAAQ;AACbzB,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLW,IAAI;IAAAD,QAAA,EAAA,cAERgB,GAAA,CAACC,kBAAkB,EAAA;AAACC,MAAAA,OAAO,EAAEtB,OAAQ;AAAAI,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAqB,CAAC,EACpEJ,OAAO,iBAAIoB,GAAA,CAACG,iBAAiB,EAAA;AAAC5B,MAAAA,IAAI,EAAEc,UAAAA;AAAW,KAAE,CAAC,EAClD,CAACR,MAAM,IAAIM,MAAM,CAAA;AAAA,GACP,CAAC,CAAA;AAElB,CACF,EAAC;AACDhB,MAAM,CAACiC,WAAW,GAAG,QAAQ;;;;"}

package/dist/esm/button/ButtonIcon.mjs

@@ -0,0 +1,30 @@
+import { forwardRef } from 'react';
+import { ButtonWrapperStyle, ButtonIconStyle, ButtonContentStyle } from './ButtonIconStyles.mjs';
+import { Button } from './Button.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const ButtonIcon = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    icon,
+    children,
+    ...rest
+  } = _ref;
+  const hasNoChildren = !children;
+  return /*#__PURE__*/jsx(Button, {
+    square: hasNoChildren,
+    ...rest,
+    ref: ref,
+    children: /*#__PURE__*/jsxs(ButtonWrapperStyle, {
+      children: [/*#__PURE__*/jsx(ButtonIconStyle, {
+        $square: hasNoChildren,
+        children: icon
+      }), /*#__PURE__*/jsx(ButtonContentStyle, {
+        children: children
+      })]
+    })
+  });
+});
+ButtonIcon.displayName = 'ButtonIcon';
+
+export { ButtonIcon };
+//# sourceMappingURL=ButtonIcon.mjs.map

package/dist/esm/button/ButtonIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.mjs","sources":["../../../src/button/ButtonIcon.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonWrapperStyle,\n  ButtonIconStyle,\n  ButtonContentStyle,\n} from './ButtonIconStyles.js'\nimport { ButtonIconProps } from './types.js'\nimport { Button } from './Button.js'\n\nexport const ButtonIcon = forwardRef(\n  (\n    { icon, children, ...rest }: ButtonIconProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const hasNoChildren = !children\n\n    return (\n      <Button square={hasNoChildren} {...rest} ref={ref}>\n        <ButtonWrapperStyle>\n          <ButtonIconStyle $square={hasNoChildren}>{icon}</ButtonIconStyle>\n          <ButtonContentStyle>{children}</ButtonContentStyle>\n        </ButtonWrapperStyle>\n      </Button>\n    )\n  },\n)\nButtonIcon.displayName = 'ButtonIcon'\n"],"names":["ButtonIcon","forwardRef","_ref","ref","icon","children","rest","hasNoChildren","_jsx","Button","square","_jsxs","ButtonWrapperStyle","ButtonIconStyle","$square","ButtonContentStyle","displayName"],"mappings":";;;;;AASO,MAAMA,UAAU,gBAAGC,UAAU,CAClC,CAAAC,IAAA,EAEEC,GAAqC,KAClC;EAAA,IAFH;IAAEC,IAAI;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAsB,GAAC,GAAAJ,IAAA,CAAA;EAG5C,MAAMK,aAAa,GAAG,CAACF,QAAQ,CAAA;EAE/B,oBACEG,GAAA,CAACC,MAAM,EAAA;AAACC,IAAAA,MAAM,EAAEH,aAAc;AAAA,IAAA,GAAKD,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAE,QAAA,eAChDM,IAAA,CAACC,kBAAkB,EAAA;MAAAP,QAAA,EAAA,cACjBG,GAAA,CAACK,eAAe,EAAA;AAACC,QAAAA,OAAO,EAAEP,aAAc;AAAAF,QAAAA,QAAA,EAAED,IAAAA;AAAI,OAAkB,CAAC,eACjEI,GAAA,CAACO,kBAAkB,EAAA;AAAAV,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAqB,CAAC,CAAA;KACjC,CAAA;AAAC,GACf,CAAC,CAAA;AAEb,CACF,EAAC;AACDL,UAAU,CAACgB,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/button/ButtonIconStyles.mjs

@@ -0,0 +1,33 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const ButtonWrapperStyle = styled.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 1em;
+  min-width: 1em;
+`;
+const ButtonIconStyle = styled.span`
+  margin: ${_ref => {
+  let {
+    $square
+  } = _ref;
+  return $square ? '-12px' : '-12px -6px';
+}};
+  line-height: 0;
+  flex-shrink: 0;
+
+  svg {
+    fill: currentcolor;
+  }
+`;
+const ButtonContentStyle = styled.span`
+  margin-left: 10px;
+
+  :empty {
+    display: none;
+  }
+`;
+
+export { ButtonContentStyle, ButtonIconStyle, ButtonWrapperStyle };
+//# sourceMappingURL=ButtonIconStyles.mjs.map

package/dist/esm/button/ButtonIconStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconStyles.mjs","sources":["../../../src/button/ButtonIconStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ButtonWrapperStyle = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 1em;\n  min-width: 1em;\n`\n\nexport const ButtonIconStyle = styled.span<{ $square: boolean }>`\n  margin: ${({ $square }) => ($square ? '-12px' : '-12px -6px')};\n  line-height: 0;\n  flex-shrink: 0;\n\n  svg {\n    fill: currentcolor;\n  }\n`\n\nexport const ButtonContentStyle = styled.span`\n  margin-left: 10px;\n\n  :empty {\n    display: none;\n  }\n`\n"],"names":["ButtonWrapperStyle","styled","span","ButtonIconStyle","_ref","$square","ButtonContentStyle"],"mappings":";;AAEaA,MAAAA,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,eAAe,GAAGF,MAAM,CAACC,IAA0B,CAAA;AAChE,UAAA,EAAYE,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,OAAO,GAAG,OAAO,GAAG,YAAY,CAAA;AAAA,CAAC,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,kBAAkB,GAAGL,MAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;;;;"}