@vkontakte/vkui 8.1.3 → 8.2.0

package/dist/cssm/lib/layouts/resolveLayoutProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n  className?: string | undefined;\n  style?: React.CSSProperties | undefined;\n} & {\n  [key: string]: unknown;\n};\n\n/**\n * Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n  props: T & { className?: string | undefined; style?: React.CSSProperties | undefined },\n) {\n  const outProps = { ...props };\n  let resolvedClassName: string | undefined;\n  let resolvedStyle: React.CSSProperties | undefined;\n\n  for (const key in LAYOUT_PROPS) {\n    if (key in outProps && outProps[key] !== undefined) {\n      const propDef = LAYOUT_PROPS[key as LayoutPropKeys];\n      const value = outProps[key];\n      const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      if (typeof value === 'string' && (propDef as string[]).includes(value)) {\n        resolvedClassName = classNames(\n          resolvedClassName,\n          generateConstantClassName(cssProperty, value),\n        );\n      } else if (key !== 'position' && !key.startsWith('overflow')) {\n        resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));\n        resolvedStyle = mergeStyle(resolvedStyle, {\n          [generateVariable(cssProperty)]:\n            typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink'\n              ? `${value}px`\n              : value,\n        });\n      }\n      delete outProps[key];\n    }\n  }\n\n  outProps.className = classNames(resolvedClassName, outProps.className);\n  outProps.style = mergeStyle(resolvedStyle, outProps.style);\n\n  return outProps;\n}\n"],"names":["classNames","mergeStyle","generateConstantClassName","generateVariable","generateVariableClassName","LAYOUT_PROPS","resolveLayoutProps","props","outProps","resolvedClassName","resolvedStyle","key","undefined","propDef","value","cssProperty","replace","toLowerCase","includes","startsWith","className","style"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,eAAY;AACnG,SAASC,YAAY,QAA6B,mBAAgB;AAUlE;;;;CAIC,GACD,OAAO,SAASC,mBACdC,KAAsF;IAEtF,MAAMC,WAAW;QAAE,GAAGD,KAAK;IAAC;IAC5B,IAAIE;IACJ,IAAIC;IAEJ,IAAK,MAAMC,OAAON,aAAc;QAC9B,IAAIM,OAAOH,YAAYA,QAAQ,CAACG,IAAI,KAAKC,WAAW;YAClD,MAAMC,UAAUR,YAAY,CAACM,IAAsB;YACnD,MAAMG,QAAQN,QAAQ,CAACG,IAAI;YAC3B,MAAMI,cAAcJ,IAAIK,OAAO,CAAC,YAAY,OAAOC,WAAW;YAC9D,IAAI,OAAOH,UAAU,YAAY,AAACD,QAAqBK,QAAQ,CAACJ,QAAQ;gBACtEL,oBAAoBT,WAClBS,mBACAP,0BAA0Ba,aAAaD;YAE3C,OAAO,IAAIH,QAAQ,cAAc,CAACA,IAAIQ,UAAU,CAAC,aAAa;gBAC5DV,oBAAoBT,WAAWS,mBAAmBL,0BAA0BW;gBAC5EL,gBAAgBT,WAAWS,eAAe;oBACxC,CAACP,iBAAiBY,aAAa,EAC7B,OAAOD,UAAU,YAAYH,QAAQ,cAAcA,QAAQ,eACvD,GAAGG,MAAM,EAAE,CAAC,GACZA;gBACR;YACF;YACA,OAAON,QAAQ,CAACG,IAAI;QACtB;IACF;IAEAH,SAASY,SAAS,GAAGpB,WAAWS,mBAAmBD,SAASY,SAAS;IACrEZ,SAASa,KAAK,GAAGpB,WAAWS,eAAeF,SAASa,KAAK;IAEzD,OAAOb;AACT"}
+{"version":3,"sources":["../../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n  className?: string | undefined;\n  style?: React.CSSProperties | undefined;\n} & {\n  [key: string]: unknown;\n};\n\n/**\n * Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n  props: T & { className?: string | undefined; style?: React.CSSProperties | undefined },\n) {\n  const outProps = { ...props };\n  let resolvedClassName: string | undefined;\n  let resolvedStyle: React.CSSProperties | undefined;\n\n  for (const key in LAYOUT_PROPS) {\n    if (key in outProps) {\n      if (outProps[key] !== undefined) {\n        const propDef = LAYOUT_PROPS[key as LayoutPropKeys];\n        const value = outProps[key];\n        const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n        if (typeof value === 'string' && (propDef as string[]).includes(value)) {\n          resolvedClassName = classNames(\n            resolvedClassName,\n            generateConstantClassName(cssProperty, value),\n          );\n        } else if (key !== 'position' && !key.startsWith('overflow')) {\n          resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));\n          resolvedStyle = mergeStyle(resolvedStyle, {\n            [generateVariable(cssProperty)]:\n              typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink'\n                ? `${value}px`\n                : value,\n          });\n        }\n      }\n      delete outProps[key];\n    }\n  }\n\n  outProps.className = classNames(resolvedClassName, outProps.className);\n  outProps.style = mergeStyle(resolvedStyle, outProps.style);\n\n  return outProps;\n}\n"],"names":["classNames","mergeStyle","generateConstantClassName","generateVariable","generateVariableClassName","LAYOUT_PROPS","resolveLayoutProps","props","outProps","resolvedClassName","resolvedStyle","key","undefined","propDef","value","cssProperty","replace","toLowerCase","includes","startsWith","className","style"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,eAAY;AACnG,SAASC,YAAY,QAA6B,mBAAgB;AAUlE;;;;CAIC,GACD,OAAO,SAASC,mBACdC,KAAsF;IAEtF,MAAMC,WAAW;QAAE,GAAGD,KAAK;IAAC;IAC5B,IAAIE;IACJ,IAAIC;IAEJ,IAAK,MAAMC,OAAON,aAAc;QAC9B,IAAIM,OAAOH,UAAU;YACnB,IAAIA,QAAQ,CAACG,IAAI,KAAKC,WAAW;gBAC/B,MAAMC,UAAUR,YAAY,CAACM,IAAsB;gBACnD,MAAMG,QAAQN,QAAQ,CAACG,IAAI;gBAC3B,MAAMI,cAAcJ,IAAIK,OAAO,CAAC,YAAY,OAAOC,WAAW;gBAC9D,IAAI,OAAOH,UAAU,YAAY,AAACD,QAAqBK,QAAQ,CAACJ,QAAQ;oBACtEL,oBAAoBT,WAClBS,mBACAP,0BAA0Ba,aAAaD;gBAE3C,OAAO,IAAIH,QAAQ,cAAc,CAACA,IAAIQ,UAAU,CAAC,aAAa;oBAC5DV,oBAAoBT,WAAWS,mBAAmBL,0BAA0BW;oBAC5EL,gBAAgBT,WAAWS,eAAe;wBACxC,CAACP,iBAAiBY,aAAa,EAC7B,OAAOD,UAAU,YAAYH,QAAQ,cAAcA,QAAQ,eACvD,GAAGG,MAAM,EAAE,CAAC,GACZA;oBACR;gBACF;YACF;YACA,OAAON,QAAQ,CAACG,IAAI;QACtB;IACF;IAEAH,SAASY,SAAS,GAAGpB,WAAWS,mBAAmBD,SAASY,SAAS;IACrEZ,SAASa,KAAK,GAAGpB,WAAWS,eAAeF,SAASa,KAAK;IAEzD,OAAOb;AACT"}

package/dist/cssm/lib/layouts/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' | 'initial' | 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';\n\nexport type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';\n\nexport type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n  DesignSystemSize | CSSGlobalValue | 'system',\n  number | string\n>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n  CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue,\n  number | string\n>;\n\ntype SelfPositionProp = 'start' | 'center' | 'end';\n\ntype AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';\ntype JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';\n\nexport interface LayoutProps {\n  /**\n   * Внутренние отступы со всех сторон.\n   */\n  padding?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по строчной оси.\n   */\n  paddingInline?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по блочной оси.\n   */\n  paddingBlock?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по строчной оси.\n   */\n  paddingInlineStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по строчной оси.\n   */\n  paddingInlineEnd?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по блочной оси.\n   */\n  paddingBlockStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по блочной оси.\n   */\n  paddingBlockEnd?: PaddingProp | undefined;\n  /**\n   * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  inlineSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  minInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  maxInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  blockSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  minBlockSize?: SizeProp | undefined;\n  /**\n   * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  maxBlockSize?: SizeProp | undefined;\n  /**\n   * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n   */\n  inset?: InsetProp | undefined;\n  /**\n   * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n   */\n  insetInline?: InsetProp | undefined;\n  /**\n   * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n   */\n  insetBlock?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n   */\n  insetInlineStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n   */\n  insetInlineEnd?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n   */\n  insetBlockStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n   */\n  insetBlockEnd?: InsetProp | undefined;\n  /**\n   * Позиционирование элемента.\n   */\n  position?: PositionValue | undefined;\n  /**\n   * Управление переполнением содержимого.\n   */\n  overflow?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n   */\n  overflowBlock?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n   */\n  overflowInline?: OverflowValue | undefined;\n  /**\n   * Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n   */\n  flexGrow?: FlexGrowProp | undefined;\n  /**\n   * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n   */\n  flexShrink?: FlexShrinkProp | undefined;\n  /**\n   * Определяет начальный размер flex-элемента.\n   */\n  flexBasis?: FlexBasisProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n   */\n  alignSelf?: AlignSelfProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.\n   */\n  justifySelf?: JustifySelfProp | undefined;\n}\n"],"names":[],"mappings":"AAwCA,WAqHC"}
+{"version":3,"sources":["../../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' | 'initial' | 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';\n\nexport type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';\n\nexport type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n  DesignSystemSize | CSSGlobalValue | 'system',\n  number | string\n>;\nexport type MarginProp = LiteralUnion<DesignSystemSize | CSSGlobalValue, number | string>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n  CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue,\n  number | string\n>;\n\ntype SelfPositionProp = 'start' | 'center' | 'end';\n\ntype AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';\ntype JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';\n\nexport interface LayoutProps {\n  /**\n   * Внешние отступы со всех сторон.\n   */\n  margin?: MarginProp | undefined;\n  /**\n   * Внешние отступы по строчной оси.\n   */\n  marginInline?: MarginProp | undefined;\n  /**\n   * Внешние отступы по блочной оси.\n   */\n  marginBlock?: MarginProp | undefined;\n  /**\n   * Внешний начальный отступ по строчной оси.\n   */\n  marginInlineStart?: MarginProp | undefined;\n  /**\n   * Внешний конечный отступ по строчной оси.\n   */\n  marginInlineEnd?: MarginProp | undefined;\n  /**\n   * Внешний начальный отступ по блочной оси.\n   */\n  marginBlockStart?: MarginProp | undefined;\n  /**\n   * Внешний конечный отступ по блочной оси.\n   */\n  marginBlockEnd?: MarginProp | undefined;\n  /**\n   * Внутренние отступы со всех сторон.\n   */\n  padding?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по строчной оси.\n   */\n  paddingInline?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по блочной оси.\n   */\n  paddingBlock?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по строчной оси.\n   */\n  paddingInlineStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по строчной оси.\n   */\n  paddingInlineEnd?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по блочной оси.\n   */\n  paddingBlockStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по блочной оси.\n   */\n  paddingBlockEnd?: PaddingProp | undefined;\n  /**\n   * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  inlineSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  minInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  maxInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  blockSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  minBlockSize?: SizeProp | undefined;\n  /**\n   * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  maxBlockSize?: SizeProp | undefined;\n  /**\n   * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n   */\n  inset?: InsetProp | undefined;\n  /**\n   * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n   */\n  insetInline?: InsetProp | undefined;\n  /**\n   * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n   */\n  insetBlock?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n   */\n  insetInlineStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n   */\n  insetInlineEnd?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n   */\n  insetBlockStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n   */\n  insetBlockEnd?: InsetProp | undefined;\n  /**\n   * Позиционирование элемента.\n   */\n  position?: PositionValue | undefined;\n  /**\n   * Управление переполнением содержимого.\n   */\n  overflow?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n   */\n  overflowBlock?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n   */\n  overflowInline?: OverflowValue | undefined;\n  /**\n   * Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n   */\n  flexGrow?: FlexGrowProp | undefined;\n  /**\n   * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n   */\n  flexShrink?: FlexShrinkProp | undefined;\n  /**\n   * Определяет начальный размер flex-элемента.\n   */\n  flexBasis?: FlexBasisProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n   */\n  alignSelf?: AlignSelfProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.\n   */\n  justifySelf?: JustifySelfProp | undefined;\n}\n"],"names":[],"mappings":"AAyCA,WAiJC"}

package/dist/cssm/lib/material/shapes/Shape.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RootComponent } from "../../../components/RootComponent/RootComponent.js";
+import { svgPathToString } from "../../svg/path/path.js";
+import * as shapes from "./shapes.js";
+export function Shape({ size = 24, params, ...props }) {
+    return /*#__PURE__*/ _jsx(RootComponent, {
+        Component: "svg",
+        width: size,
+        height: size,
+        ...props,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: svgPathToString(shapes.shape(params, size)),
+            fill: "currentColor"
+        })
+    });
+}
+
+//# sourceMappingURL=Shape.js.map

package/dist/cssm/lib/material/shapes/Shape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/material/shapes/Shape.tsx"],"sourcesContent":["import { RootComponent } from '../../../components/RootComponent/RootComponent';\nimport { type HasRootRef } from '../../../types';\nimport { svgPathToString } from '../../svg/path/path';\nimport * as shapes from './shapes';\n\nexport interface ShapeProps extends React.ComponentProps<'svg'>, HasRootRef<SVGElement> {\n  size?: number;\n  params: shapes.ShapeParameters;\n}\n\nexport function Shape({ size = 24, params, ...props }: ShapeProps) {\n  return (\n    <RootComponent Component=\"svg\" width={size} height={size} {...props}>\n      <path d={svgPathToString(shapes.shape(params, size))} fill=\"currentColor\" />\n    </RootComponent>\n  );\n}\n"],"names":["RootComponent","svgPathToString","shapes","Shape","size","params","props","Component","width","height","path","d","shape","fill"],"mappings":";AAAA,SAASA,aAAa,QAAQ,qDAAkD;AAEhF,SAASC,eAAe,QAAQ,yBAAsB;AACtD,YAAYC,YAAY,cAAW;AAOnC,OAAO,SAASC,MAAM,EAAEC,OAAO,EAAE,EAAEC,MAAM,EAAE,GAAGC,OAAmB;IAC/D,qBACE,KAACN;QAAcO,WAAU;QAAMC,OAAOJ;QAAMK,QAAQL;QAAO,GAAGE,KAAK;kBACjE,cAAA,KAACI;YAAKC,GAAGV,gBAAgBC,OAAOU,KAAK,CAACP,QAAQD;YAAQS,MAAK;;;AAGjE"}