cakeinpanic-ui 1.0.0

package/dist/cjs/badge/BadgeStyles.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const BadgeVariantsStyle = {
+  positive: _styled.css`
+    background: var(--lido-color-success);
+    color: var(--lido-color-foreground);
+  `,
+  negative: _styled.css`
+    background: var(--lido-color-error);
+    color: var(--lido-color-foreground);
+  `,
+  gray: _styled.css`
+    background: var(--lido-color-backgroundBadge);
+    color: var(--lido-color-textSecondary);
+  `,
+  warning: _styled.css`
+    background: var(--lido-color-warning);
+    color: var(--lido-color-foreground);
+  `,
+  gradient: _styled.css`
+    background: var(--lido-color-backgroundGradient);
+    color: var(--lido-color-textDark);
+  `
+};
+const BadgeWrapperStyle = styledComponentsWrapper.default.div`
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 700;
+  display: inline-flex;
+  gap: 2px;
+  max-width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  white-space: nowrap;
+  outline: none;
+  border-radius: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.borderRadiusesMap.sm;
+}}px;
+  padding: 0.5em 1em 0.5em ${_ref2 => {
+  let {
+    $hasIcon
+  } = _ref2;
+  return $hasIcon ? '8px' : '1em';
+}};
+  cursor: ${_ref3 => {
+  let {
+    $interactive
+  } = _ref3;
+  return $interactive ? 'pointer' : 'auto';
+}};
+  ${_ref4 => {
+  let {
+    $variant
+  } = _ref4;
+  return BadgeVariantsStyle[$variant];
+}}
+`;
+
+exports.BadgeWrapperStyle = BadgeWrapperStyle;
+//# sourceMappingURL=BadgeStyles.js.map

package/dist/cjs/badge/BadgeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeStyles.js","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,WAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,QAAQ,EAAED,WAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,IAAI,EAAEF,WAAG,CAAA;AACX;AACA;AACA,EAAG,CAAA;AACDG,EAAAA,OAAO,EAAEH,WAAG,CAAA;AACd;AACA;AACA,EAAG,CAAA;AACDI,EAAAA,QAAQ,EAAEJ,WAAG,CAAA;AACf;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYK,MAAAA,iBAAiB,GAAGC,+BAAM,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/cjs/badge/types.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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;
+}({});
+
+exports.BadgeVariant = BadgeVariant;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","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/cjs/block/Block.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const BlockStyles = require('./BlockStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Block = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    color = 'foreground',
+    variant = 'flat',
+    paddingLess = false,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(BlockStyles.BlockStyle, {
+    $color: color,
+    $variant: variant,
+    $paddingLess: paddingLess,
+    ref: ref,
+    ...rest
+  });
+});
+Block.displayName = 'Block';
+
+exports.Block = Block;
+//# sourceMappingURL=Block.js.map

package/dist/cjs/block/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Block.js","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,gBAAU,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,cAAA,CAACC,sBAAU,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/cjs/block/BlockStyles.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const colors = {
+  foreground: _styled.css`
+    background: var(--lido-color-foreground);
+    color: var(--lido-color-textSecondary);
+  `,
+  background: _styled.css`
+    background: var(--lido-color-background);
+    color: var(--lido-color-textSecondary);
+  `,
+  accent: _styled.css`
+    background: var(--lido-color-accent);
+    color: var(--lido-color-accentContrast);
+  `
+};
+const variants = {
+  flat: _styled.css`
+    box-shadow: none;
+  `,
+  shadow: _styled.css`
+    box-shadow: ${_ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.boxShadows.lg;
+  }}
+      var(--lido-colors-shadowLight);
+  `
+};
+const paddings = _styled.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 = styledComponentsWrapper.default.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];
+}}
+`;
+
+exports.BlockStyle = BlockStyle;
+//# sourceMappingURL=BlockStyles.js.map

package/dist/cjs/block/BlockStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStyles.js","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,WAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,UAAU,EAAED,WAAG,CAAA;AACjB;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,MAAM,EAAEF,WAAG,CAAA;AACb;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMG,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAEJ,WAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDK,EAAAA,MAAM,EAAEL,WAAG,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,WAAG,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,+BAAM,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/cjs/block/types.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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;
+}({});
+
+exports.BlockColor = BlockColor;
+exports.BlockVariant = BlockVariant;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","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/cjs/box/Box.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const withStyledSystem = require('../styled-system/withStyledSystem.js');
+
+const Box = withStyledSystem(styledComponentsWrapper.default.div``);
+
+exports.Box = Box;
+//# sourceMappingURL=Box.js.map

package/dist/cjs/box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","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,+BAAM,CAACC,GAAG,CAAA,CAAE;;;;"}

package/dist/cjs/button/Button.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const ButtonStyles = require('./ButtonStyles.js');
+const useRipple = require('./useRipple.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const loaderSizes = {
+  xxs: 'small',
+  xs: 'small',
+  sm: 'small',
+  md: 'medium',
+  lg: 'medium'
+};
+const Button = /*#__PURE__*/React.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.useRipple({
+    onClick
+  });
+  const loaderSize = loaderSizes[size];
+  return /*#__PURE__*/jsxRuntime.jsxs(ButtonStyles.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__*/jsxRuntime.jsx(ButtonStyles.ButtonContentStyle, {
+      $hidden: loading,
+      children: children
+    }), loading && /*#__PURE__*/jsxRuntime.jsx(ButtonStyles.ButtonLoaderStyle, {
+      size: loaderSize
+    }), !active && ripple]
+  });
+});
+Button.displayName = 'Button';
+
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","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,gBAAU,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,mBAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAQ,GAAC,CAAC,CAAA;AACtD,EAAA,MAAMO,UAAU,GAAGxB,WAAW,CAACU,IAAI,CAAC,CAAA;EAEpC,oBACEe,eAAA,CAACC,wBAAW,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,cAAA,CAACC,+BAAkB,EAAA;AAACC,MAAAA,OAAO,EAAEtB,OAAQ;AAAAI,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAqB,CAAC,EACpEJ,OAAO,iBAAIoB,cAAA,CAACG,8BAAiB,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/cjs/button/ButtonIcon.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const ButtonIconStyles = require('./ButtonIconStyles.js');
+const Button = require('./Button.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const ButtonIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    icon,
+    children,
+    ...rest
+  } = _ref;
+  const hasNoChildren = !children;
+  return /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
+    square: hasNoChildren,
+    ...rest,
+    ref: ref,
+    children: /*#__PURE__*/jsxRuntime.jsxs(ButtonIconStyles.ButtonWrapperStyle, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(ButtonIconStyles.ButtonIconStyle, {
+        $square: hasNoChildren,
+        children: icon
+      }), /*#__PURE__*/jsxRuntime.jsx(ButtonIconStyles.ButtonContentStyle, {
+        children: children
+      })]
+    })
+  });
+});
+ButtonIcon.displayName = 'ButtonIcon';
+
+exports.ButtonIcon = ButtonIcon;
+//# sourceMappingURL=ButtonIcon.js.map

package/dist/cjs/button/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.js","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,gBAAU,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,cAAA,CAACC,aAAM,EAAA;AAACC,IAAAA,MAAM,EAAEH,aAAc;AAAA,IAAA,GAAKD,IAAI;AAAEH,IAAAA,GAAG,EAAEA,GAAI;IAAAE,QAAA,eAChDM,eAAA,CAACC,mCAAkB,EAAA;MAAAP,QAAA,EAAA,cACjBG,cAAA,CAACK,gCAAe,EAAA;AAACC,QAAAA,OAAO,EAAEP,aAAc;AAAAF,QAAAA,QAAA,EAAED,IAAAA;AAAI,OAAkB,CAAC,eACjEI,cAAA,CAACO,mCAAkB,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/cjs/button/ButtonIconStyles.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const ButtonWrapperStyle = styledComponentsWrapper.default.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 1em;
+  min-width: 1em;
+`;
+const ButtonIconStyle = styledComponentsWrapper.default.span`
+  margin: ${_ref => {
+  let {
+    $square
+  } = _ref;
+  return $square ? '-12px' : '-12px -6px';
+}};
+  line-height: 0;
+  flex-shrink: 0;
+
+  svg {
+    fill: currentcolor;
+  }
+`;
+const ButtonContentStyle = styledComponentsWrapper.default.span`
+  margin-left: 10px;
+
+  :empty {
+    display: none;
+  }
+`;
+
+exports.ButtonContentStyle = ButtonContentStyle;
+exports.ButtonIconStyle = ButtonIconStyle;
+exports.ButtonWrapperStyle = ButtonWrapperStyle;
+//# sourceMappingURL=ButtonIconStyles.js.map

package/dist/cjs/button/ButtonIconStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconStyles.js","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,+BAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,eAAe,GAAGF,+BAAM,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,+BAAM,CAACC,IAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;;;;;;"}