@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/components/Section/Section.mjs

@@ -1,2 +0,0 @@
-import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Section(o){return jsx(Root,{...o})}Section.displayName='Section';export{Section};
-//# sourceMappingURL=Section.mjs.map

package/components/Section/Section.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.mjs","sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {\n  /**\n   * Paper with shadow\n   */\n  shadow?: boolean\n  /**\n   * This number represents the zDepth of the paper shadow\n   */\n  zDepth?: 1 | 2 | 3 | 4 | 5\n  /**\n   * Section content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'right' | 'center'\n}\n\nSection.displayName = 'Section'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Section(props: SectionProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Section","props","_jsx","Styled","displayName"],"mappings":"iEAqCO,SAASA,QAAQC,GACtB,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAXAD,QAAQI,YAAc"}

package/components/Section/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const zDepth={1:css(["box-shadow:0 15px 20px 0 rgba(27,55,147,0.06);"]),2:css(["box-shadow:rgba(0,0,0,0.156863) 0px 3px 10px,rgba(0,0,0,0.227451) 0px 3px 10px;"]),3:css(["box-shadow:rgba(0,0,0,0.188235) 0px 10px 30px,rgba(0,0,0,0.227451) 0px 6px 10px;"]),4:css(["box-shadow:rgba(0,0,0,0.247059) 0px 14px 45px,rgba(0,0,0,0.219608) 0px 10px 18px;"]),5:css(["box-shadow:rgba(0,0,0,0.298039) 0px 19px 60px,rgba(0,0,0,0.219608) 0px 15px 20px;"])};const Root=styled(Spacer).withConfig({displayName:"Section__Root",componentId:"ui__sc-1l4ghqg-0"})(["display:block;color:#000;background-color:",";"," "," ",""],(o=>o.theme.colors.white),(o=>o.textAlign?css(["text-align:",";"],o.textAlign):null),(o=>typeof o.zDepth=='number'?zDepth[o.zDepth]:null),(o=>o.color?color(o.color,'background-color'):null));export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/Section/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Section/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { SectionProps } from './Section'\n\nconst zDepth = {\n  1: css`\n    box-shadow: 0 15px 20px 0 rgba(27, 55, 147, 0.06);\n  `,\n  2: css`\n    box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;\n  `,\n  3: css`\n    box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;\n  `,\n  4: css`\n    box-shadow: rgba(0, 0, 0, 0.247059) 0px 14px 45px, rgba(0, 0, 0, 0.219608) 0px 10px 18px;\n  `,\n  5: css`\n    box-shadow: rgba(0, 0, 0, 0.298039) 0px 19px 60px, rgba(0, 0, 0, 0.219608) 0px 15px 20px;\n  `,\n}\n\nexport const Root = styled(Spacer)<SectionProps>`\n  display: block;\n  color: #000;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (typeof props.zDepth === 'number' ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n`\n"],"names":["zDepth","css","Root","styled","Spacer","withConfig","displayName","componentId","props","theme","colors","white","textAlign","color"],"mappings":"8HAKA,MAAMA,OAAS,CACb,EAAGC,IAEF,CAAA,mDACD,EAAGA,IAEF,CAAA,oFACD,EAAGA,IAEF,CAAA,qFACD,EAAGA,IAEF,CAAA,sFACD,EAAGA,IAAG,CAAA,uFAKD,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAAdJ,CAGGK,CAAAA,6CAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOC,QAC/CH,GACDA,EAAMI,UACFX,IACgBO,CAAAA,cAAAA,KAAAA,EAAMI,WAEtB,OACHJ,UAAkBA,EAAMR,QAAW,SAAWA,OAAOQ,EAAMR,QAAU,OACrEQ,GAAWA,EAAMK,MAAQA,MAAML,EAAMK,MAAO,oBAAsB"}

package/components/Select/Select.mjs

@@ -1,2 +0,0 @@
-import ReactSelect,{AsyncCreatable,Async,Creatable}from'react-select';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Select(e){const l=useTheme();const{fluid:a,error:t,className:s,style:o,display:r,width:c=l.defaultInputControlsWidth,...m}=e;const n=useClassname(Select.displayName,s);return jsx(Root,{className:n,style:o,error:t,fluid:a,width:c,display:r,children:jsx(e.loadOptions?e.allowCreate?AsyncCreatable:Async:e.allowCreate?Creatable:ReactSelect,{...m,promptTextCreator:e=>`Добавить "${e}"`})})}Select.defaultProps={allowCreate:!1,searchable:!0,clearable:!1,addLabelText:'Добавить "{label}"?',backspaceToRemoveMessage:'Нажмите клавишу Backspace, чтобы удалить {last label}',clearAllText:'Очистить все',clearValueText:'Очистить значение',noResultsText:'Результатов не найдено',placeholder:'Выбрать ...',searchPromptText:'Введите поисковый запрос',loadingPlaceholder:'Загрузка...',autoload:!0,loadOptions:!1,display:'inline-block'},Select.displayName='Select';export{Select};
-//# sourceMappingURL=Select.mjs.map

package/components/Select/Select.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.mjs","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import ReactSelect, { Async, AsyncCreatable, Creatable, ReactSelectProps } from 'react-select'\nimport { useTheme } from 'styled-components'\nimport { DisplayProperty } from 'mixins/display'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SelectProps extends BaseProps, ReactSelectProps, DisplayProperty {\n  fluid?: boolean\n  error?: boolean\n  /**\n   * Width of select. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nSelect.defaultProps = {\n  allowCreate: false,\n  searchable: true,\n  clearable: false,\n  addLabelText: 'Добавить \"{label}\"?',\n  backspaceToRemoveMessage: 'Нажмите клавишу Backspace, чтобы удалить {last label}',\n  clearAllText: 'Очистить все',\n  clearValueText: 'Очистить значение',\n  noResultsText: 'Результатов не найдено',\n  placeholder: 'Выбрать ...',\n  searchPromptText: 'Введите поисковый запрос',\n  loadingPlaceholder: 'Загрузка...',\n  autoload: true,\n  loadOptions: false,\n  display: 'inline-block',\n}\n\nSelect.displayName = 'Select'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `ReactSelectProps`\n */\nexport function Select(props: SelectProps) {\n  const theme = useTheme()\n  const {\n    fluid,\n    error,\n    className,\n    style,\n    display,\n    width = theme.defaultInputControlsWidth,\n    ...reactSelectProps\n  } = props\n  const _className = useClassname(Select.displayName, className)\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const SelectElement: typeof ReactSelect & typeof Creatable = props.loadOptions\n    ? props.allowCreate\n      ? AsyncCreatable\n      : Async\n    : props.allowCreate\n    ? Creatable\n    : ReactSelect\n\n  return (\n    <Styled.Root className={_className} style={style} error={error} fluid={fluid} width={width} display={display}>\n      <SelectElement {...reactSelectProps} promptTextCreator={(label: string) => `Добавить \"${label}\"`} />\n    </Styled.Root>\n  )\n}\n"],"names":["Select","props","theme","useTheme","fluid","error","className","style","display","width","defaultInputControlsWidth","reactSelectProps","_className","useClassname","displayName","_jsx","Styled","children","loadOptions","allowCreate","AsyncCreatable","Async","Creatable","ReactSelect","promptTextCreator","label","defaultProps","searchable","clearable","addLabelText","backspaceToRemoveMessage","clearAllText","clearValueText","noResultsText","placeholder","searchPromptText","loadingPlaceholder","autoload"],"mappings":"sOA0CO,SAASA,OAAOC,GACrB,MAAMC,EAAQC,WACd,MAAMC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAKC,QACLA,EAAOC,MACPA,EAAQP,EAAMQ,6BACXC,GACDV,EACJ,MAAMW,EAAaC,aAAab,OAAOc,YAAaR,GAYpD,OACES,IAACC,KAAW,CAACV,UAAWM,EAAYL,MAAOA,EAAOF,MAAOA,EAAOD,MAAOA,EAAOK,MAAOA,EAAOD,QAASA,EAAQS,SAC3GF,IAVyDd,EAAMiB,YAC/DjB,EAAMkB,YACJC,eACAC,MACFpB,EAAMkB,YACNG,UACAC,YAIc,IAAKZ,EAAkBa,kBAAoBC,GAAkB,aAAaA,QAG9F,CApDAzB,OAAO0B,aAAe,CACpBP,aAAa,EACbQ,YAAY,EACZC,WAAW,EACXC,aAAc,sBACdC,yBAA0B,wDAC1BC,aAAc,eACdC,eAAgB,oBAChBC,cAAe,yBACfC,YAAa,cACbC,iBAAkB,2BAClBC,mBAAoB,cACpBC,UAAU,EACVnB,aAAa,EACbV,QAAS,gBAGXR,OAAOc,YAAc"}

package/components/Select/style.mjs

@@ -1,2 +0,0 @@
-import styled,{keyframes,css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{display}from'../../mixins/display.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';import{errorStyle}from'../Input/style.mjs';const fadeIn=keyframes(["from{opacity:0;}to{opacity:1;}"]);const spin=keyframes(["to{transform:rotate(1turn);}"]);const fluid=css(["width:100%;.Select{max-width:100%;width:100%;}"]);const error=css([".Select-control{","}"],errorStyle);const Root=styled.span.withConfig({shouldForwardProp:e=>['children'].includes(e)}).withConfig({displayName:"Select__Root",componentId:"ui__sc-ps043s-0"})([".Select{position:relative;}.Select,.Select div,.Select input,.Select span{box-sizing:border-box;}.Select.is-disabled > .Select-control{cursor:not-allowed;background-color:#f5f5f5;}.Select.is-disabled .Select-value-label{color:rgba(0,0,0,0.16) !important;}.Select.is-disabled > .Select-control:hover{box-shadow:none;}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:0.35;}.Select.is-clearable{.Select-placeholder,&.Select--single > .Select-control .Select-value{padding-right:70px;}}.Select-control{background-color:",";border:solid 1px ",";border-radius:4px;color:",";cursor:default;display:table;border-spacing:0;border-collapse:separate;height:50px;outline:none;overflow:hidden;position:relative;width:100%;}.Select-control .Select-input:focus{outline:none;}.is-searchable.is-open > .Select-control{cursor:text;}.is-open > .Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;border:1px solid ",";outline:none;}.is-open > .Select-control .Select-arrow{transform:rotate(180deg);}.is-searchable.is-focused:not(.is-open) > .Select-control{cursor:text;}.is-focused:not(.is-open) > .Select-control{border:1px solid ",";}.Select-placeholder,.Select--single > .Select-control .Select-value{bottom:0;color:",";left:0;font-size:16px;line-height:50px;padding-left:20px;padding-right:35px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.has-value.Select--single > .Select-control .Select-value .Select-value-label,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label{color:",";}.has-value.Select--single > .Select-control .Select-value a.Select-value-label,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none;}.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus{color:#007eff;outline:none;text-decoration:underline;}.Select-input{height:50px;padding-left:20px;padding-right:15px;vertical-align:middle;}.Select-input > input{width:100%;background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:16px;margin:0;outline:none;line-height:30px;padding:10px 0;-webkit-appearance:none;}.is-focused .Select-input > input{cursor:text;}.is-focused .Select-arrow,.Select-arrow-zone:hover > .Select-arrow{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');}.has-value.is-pseudo-focused .Select-input{opacity:0;}.Select-control:not(.is-searchable) > .Select-input{outline:none;}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px;}.Select-loading{animation:"," 400ms infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid ",";border-right-color:",";display:inline-block;position:relative;vertical-align:middle;}.Select-clear-zone{animation:"," 200ms;color:",";cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:35px;line-height:0;.Select-clear{position:relative;top:-1px;}}.Select-clear-zone:hover{color:#d0021b;}.Select-clear{display:inline-block;font-size:0px;line-height:1;color:transparent;overflow:hidden;width:12px;height:12px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4KICA8cGF0aAogICAgZD0nTTExLjYgOS41TDE5LjIgMmMuNC0uNi40LTEuMyAwLTEuNy0uNC0uNC0xLjItLjQtMS42IDBMMTAgOCAyLjQuMkMyIDAgMS4yIDAgLjguMy40LjcuNCAxLjMuOCAybDcuNiA3LjUtOCA4Yy0uNS41LS41IDEuMiAwIDEuNy4yLjIuNC4zLjcuMy40IDAgLjcgMCAxLS4zbDgtOCA4IDhjLjMuMi42LjMgMSAuMy4yIDAgLjQgMCAuNy0uMy40LS41LjQtMS4yIDAtMS42bC04LTh6JwogICAgZmlsbD0nI0Q5RDlEOScKICAgIGZpbGxSdWxlPSdldmVub2RkJwogIC8+Cjwvc3ZnPgo=') no-repeat;background-size:cover;}.Select--multi .Select-clear-zone{width:17px;}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:35px;line-height:0;}.Select-arrow{background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNiOGI4YjgiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=') no-repeat;display:inline-block;background-size:12px;height:7px;width:12px;position:relative;transition:0.3s;transform:rotate(0deg);}.is-open .Select-arrow,.Select-arrow-zone:hover > .Select-arrow{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');}.Select--multi .Select-multi-value-wrapper{display:inline-block;padding-left:20px;}.Select--multi .Select-multi-value-wrapper{.Select-placeholder + .Select-input{margin-left:0;}}.Select--single{.Select-multi-value-wrapper{display:block;width:100%;}.Select-input .react-select-2--value{display:block;width:100%;}}.Select .Select-aria-only{display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left;}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:",";border:1px solid ",";box-shadow:0 3px 10px 0 rgba(0,0,0,0.2);box-sizing:border-box;margin-top:-1px;max-height:270px;position:absolute;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch;}.Select-menu{max-height:226px;overflow-x:auto;overflow-y:auto;font-size:16px;}.Select-option{box-sizing:border-box;background-color:",";line-height:30px;color:",";cursor:pointer;display:block;padding:10px 15px 10px 20px;transition:background 0.2s ease;}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px;}.Select-option.is-selected{background-color:",";}.Select-option.is-focused{background-color:",";}.Select-option.is-disabled{color:rgba(0,0,0,0.16);cursor:not-allowed;}.Select-noresults{box-sizing:border-box;color:",";cursor:default;display:block;padding:10px 20px;}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0;}.Select--multi.has-value .Select-input{margin-left:5px;}.Select--multi .Select-value{background-color:",";background-color:",";border-radius:4px;border:1px solid ",";border:1px solid rgba(0,126,255,0.24);color:",";display:inline-block;font-size:0.9em;line-height:1.4;margin-left:4px;margin-top:4px;vertical-align:top;}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle;}.Select--multi .Select-value-icon{font-size:1.5em;line-height:100%;vertical-align:middle;box-sizing:border-box;padding:5px 4px 2px;color:",";}.Select--multi .Select-value-label{border-bottom-right-radius:4px;border-top-right-radius:4px;cursor:default;padding:2px 4px;line-height:1;max-width:90%;overflow:hidden;text-overflow:ellipsis;}.Select--multi a.Select-value-label{color:",";cursor:pointer;text-decoration:none;}.Select--multi a.Select-value-label:hover{text-decoration:underline;}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:4px;border-top-left-radius:4px;border-right:1px solid ",";border-right:1px solid rgba(0,126,255,0.24);font-size:1.5em;line-height:100%;box-sizing:border-box;padding:5px 4px 2px;color:",";}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#d8eafd;background-color:rgba(0,113,230,0.08);color:",";}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:rgba(0,126,255,0.24);}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:",";}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3;}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc;}width:auto;"," "," "," ",""],(e=>e.theme.colors.white),(e=>e.theme.colors.alto),(e=>e.theme.colors.mineShaft),(e=>e.theme.colors.accent),(e=>e.theme.colors.accent),(e=>e.theme.colors.silver),(e=>e.theme.colors.mineShaft),spin,(e=>e.theme.colors.alto),(e=>e.theme.colors.mineShaft),fadeIn,(e=>e.theme.colors.alto),(e=>e.theme.colors.white),(e=>e.theme.colors.onahau),(e=>e.theme.colors.white),(e=>e.theme.colors.mineShaft),(e=>e.theme.colors.onahau),(e=>e.theme.colors.onahau),(e=>e.theme.colors.silver),(e=>e.theme.colors.nebula),(e=>tinycolor(e.theme.colors.nebula).setAlpha(.1).toString()),(e=>e.theme.colors.onahau),(e=>e.theme.colors.mineShaft),(e=>e.theme.colors.accent),(e=>e.theme.colors.accent),(e=>e.theme.colors.onahau),(e=>e.theme.colors.accent),(e=>e.theme.colors.accent),(e=>e.theme.colors.mineShaft),(e=>e.error?error:null),(e=>e.display?display(e.display):null),(e=>responsiveProperty('width',e.fluid&&e.width!=='auto'&&!Array.isArray(e.width)?'max-width':'width')),(e=>e.fluid?fluid:null));export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/Select/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Select/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { display } from 'mixins/display'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { errorStyle } from 'components/Input/style'\nimport { SelectProps } from './Select'\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n`\n\nconst spin = keyframes`\n  to {\n    transform: rotate(1turn);\n  }\n`\n\nconst fluid = css`\n  width: 100%;\n  .Select {\n    max-width: 100%;\n    width: 100%;\n  }\n`\n\nconst error = css`\n  .Select-control {\n    ${errorStyle}\n  }\n`\n\nexport const Root = styled.span.withConfig<SelectProps>({\n  shouldForwardProp: (prop) => ['children'].includes(prop),\n})`\n  .Select {\n    position: relative;\n  }\n  .Select,\n  .Select div,\n  .Select input,\n  .Select span {\n    box-sizing: border-box;\n  }\n  .Select.is-disabled > .Select-control {\n    cursor: not-allowed;\n    background-color: #f5f5f5;\n  }\n  .Select.is-disabled .Select-value-label {\n    color: rgba(0, 0, 0, 0.16) !important;\n  }\n  .Select.is-disabled > .Select-control:hover {\n    box-shadow: none;\n  }\n  .Select.is-disabled .Select-arrow-zone {\n    cursor: default;\n    pointer-events: none;\n    opacity: 0.35;\n  }\n  .Select.is-clearable {\n    .Select-placeholder,\n    &.Select--single > .Select-control .Select-value {\n      padding-right: 70px;\n    }\n  }\n  .Select-control {\n    background-color: ${(props) => props.theme.colors.white};\n    border: solid 1px ${(props) => props.theme.colors.alto};\n    border-radius: 4px;\n    color: ${(props) => props.theme.colors.mineShaft};\n    cursor: default;\n    display: table;\n    border-spacing: 0;\n    border-collapse: separate;\n    height: 50px;\n    outline: none;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n  .Select-control .Select-input:focus {\n    outline: none;\n  }\n  .is-searchable.is-open > .Select-control {\n    cursor: text;\n  }\n  .is-open > .Select-control {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n  .is-open > .Select-control .Select-arrow {\n    transform: rotate(180deg);\n  }\n  .is-searchable.is-focused:not(.is-open) > .Select-control {\n    cursor: text;\n  }\n  .is-focused:not(.is-open) > .Select-control {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n  }\n  .Select-placeholder,\n  .Select--single > .Select-control .Select-value {\n    bottom: 0;\n    color: ${(props) => props.theme.colors.silver};\n    left: 0;\n    font-size: 16px;\n    line-height: 50px;\n    padding-left: 20px;\n    padding-right: 35px;\n    position: absolute;\n    right: 0;\n    top: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .has-value.Select--single > .Select-control .Select-value .Select-value-label,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {\n    color: ${(props) => props.theme.colors.mineShaft};\n  }\n  .has-value.Select--single > .Select-control .Select-value a.Select-value-label,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {\n    cursor: pointer;\n    text-decoration: none;\n  }\n  .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,\n  .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,\n  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {\n    color: #007eff;\n    outline: none;\n    text-decoration: underline;\n  }\n  .Select-input {\n    height: 50px;\n    padding-left: 20px;\n    padding-right: 15px;\n    vertical-align: middle;\n  }\n  .Select-input > input {\n    width: 100%;\n    background: none transparent;\n    border: 0 none;\n    box-shadow: none;\n    cursor: default;\n    display: inline-block;\n    font-family: inherit;\n    font-size: 16px;\n    margin: 0;\n    outline: none;\n    line-height: 30px;\n    padding: 10px 0;\n    -webkit-appearance: none;\n  }\n  .is-focused .Select-input > input {\n    cursor: text;\n  }\n  .is-focused .Select-arrow,\n  .Select-arrow-zone:hover > .Select-arrow {\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');\n  }\n  .has-value.is-pseudo-focused .Select-input {\n    opacity: 0;\n  }\n  .Select-control:not(.is-searchable) > .Select-input {\n    outline: none;\n  }\n  .Select-loading-zone {\n    cursor: pointer;\n    display: table-cell;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    width: 16px;\n  }\n  .Select-loading {\n    animation: ${spin} 400ms infinite linear;\n    width: 16px;\n    height: 16px;\n    box-sizing: border-box;\n    border-radius: 50%;\n    border: 2px solid ${(props) => props.theme.colors.alto};\n    border-right-color: ${(props) => props.theme.colors.mineShaft};\n    display: inline-block;\n    position: relative;\n    vertical-align: middle;\n  }\n  .Select-clear-zone {\n    animation: ${fadeIn} 200ms;\n    color: ${(props) => props.theme.colors.alto};\n    cursor: pointer;\n    display: table-cell;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    width: 35px;\n    line-height: 0;\n\n    .Select-clear {\n      position: relative;\n      top: -1px;\n    }\n  }\n  .Select-clear-zone:hover {\n    color: #d0021b;\n  }\n  .Select-clear {\n    display: inline-block;\n    font-size: 0px;\n    line-height: 1;\n    color: transparent;\n    overflow: hidden;\n    width: 12px;\n    height: 12px;\n    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4KICA8cGF0aAogICAgZD0nTTExLjYgOS41TDE5LjIgMmMuNC0uNi40LTEuMyAwLTEuNy0uNC0uNC0xLjItLjQtMS42IDBMMTAgOCAyLjQuMkMyIDAgMS4yIDAgLjguMy40LjcuNCAxLjMuOCAybDcuNiA3LjUtOCA4Yy0uNS41LS41IDEuMiAwIDEuNy4yLjIuNC4zLjcuMy40IDAgLjcgMCAxLS4zbDgtOCA4IDhjLjMuMi42LjMgMSAuMy4yIDAgLjQgMCAuNy0uMy40LS41LjQtMS4yIDAtMS42bC04LTh6JwogICAgZmlsbD0nI0Q5RDlEOScKICAgIGZpbGxSdWxlPSdldmVub2RkJwogIC8+Cjwvc3ZnPgo=')\n      no-repeat;\n    background-size: cover;\n  }\n  .Select--multi .Select-clear-zone {\n    width: 17px;\n  }\n  .Select-arrow-zone {\n    cursor: pointer;\n    display: table-cell;\n    position: relative;\n    text-align: center;\n    vertical-align: middle;\n    width: 35px;\n    line-height: 0;\n  }\n  .Select-arrow {\n    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNiOGI4YjgiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=')\n      no-repeat;\n    display: inline-block;\n    background-size: 12px;\n    height: 7px;\n    width: 12px;\n    position: relative;\n    transition: 0.3s;\n    transform: rotate(0deg);\n  }\n  .is-open .Select-arrow,\n  .Select-arrow-zone:hover > .Select-arrow {\n    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAgMC4zMjg1NDI4NTcgMCAxMiAxOS45MDY5MTY3IDEyIDE5LjkwNjkxNjcgMC4zMjg1NDI4NTcgNy4yMjgwMTQ0OGUtMjAgMC4zMjg1NDI4NTciLz48L2RlZnM+PGcgaWQ9IlR1dG9yaWFsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNzMyIj48ZyBpZD0i0YDQtdCz0LAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzYuMDAwMDAwLCAtNzA4LjAwMDAwMCkiPjxnIGlkPSJhcnJvdy1kb3duLXNpZ24tdG8tbmF2aWdhdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3NC4wMDAwMDAsIDcwOC4wMDAwMDApIj48bWFzayBpZD0ibWFzay0yIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PHBhdGggZD0iTTEwLjk1MzE1ODUsMTAuODI3MjY0OSBDMTAuNjMyMzI5MywxMC44MjcyNjQ5IDEwLjMxMTUwMDEsMTAuNzAwODE4IDEwLjA2NzcyOTksMTAuNDUwMDgyOSBMMi4zNjgxMjkwMSwyLjUzMDQ5MzQzIEMxLjg3NzI5MDMzLDIuMDI1NjMwNzkgMS44NzcyOTAzMywxLjIwODY2MDAxIDIuMzY4MTI5MDEsMC43MDUzMzk0IEMyLjg1NzQ2ODUsMC4yMDI5NDQwMSAzLjY1MTc0NTY0LDAuMjAyOTQ0MDEgNC4xNDEzODQ5NiwwLjcwNTMzOTQgTDEwLjk1MzE1ODUsNy43MTI5Njg2NiBMMTcuNzY2NDMxMiwwLjcwNjU3MzAyOSBDMTguMjU2MDcwNSwwLjIwMjk0NDAxIDE5LjA1MDA0NzgsMC4yMDI5NDQwMSAxOS41Mzk2ODcyLDAuNzA2NTczMDI5IEMyMC4wMjkzMjY1LDEuMjA5ODkzNjQgMjAuMDI5MzI2NSwyLjAyNjg2NDQxIDE5LjUzOTY4NzIsMi41MzA0OTM0MyBMMTEuODM5Nzg2NSwxMC40NTAwODI5IEMxMS41OTYzMTYxLDEwLjcwMjA1MTYgMTEuMjc0Mjg3NSwxMC44MjcyNjQ5IDEwLjk1MzE1ODUsMTAuODI3MjY0OSBMMTAuOTUzMTU4NSwxMC44MjcyNjQ5IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM0OGExZTYiIG1hc2s9InVybCgjbWFzay0yKSIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=');\n  }\n  .Select--multi .Select-multi-value-wrapper {\n    display: inline-block;\n    padding-left: 20px;\n  }\n  .Select--multi .Select-multi-value-wrapper {\n    .Select-placeholder + .Select-input {\n      margin-left: 0;\n    }\n  }\n  .Select--single {\n    .Select-multi-value-wrapper {\n      display: block;\n      width: 100%;\n    }\n    .Select-input .react-select-2--value {\n      display: block;\n      width: 100%;\n    }\n  }\n  .Select .Select-aria-only {\n    display: inline-block;\n    height: 1px;\n    width: 1px;\n    margin: -1px;\n    clip: rect(0, 0, 0, 0);\n    overflow: hidden;\n    float: left;\n  }\n  .Select-menu-outer {\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 4px;\n    background-color: ${(props) => props.theme.colors.white};\n    border: 1px solid ${(props) => props.theme.colors.onahau};\n    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);\n    box-sizing: border-box;\n    margin-top: -1px;\n    max-height: 270px;\n    position: absolute;\n    top: 100%;\n    width: 100%;\n    z-index: 1;\n    -webkit-overflow-scrolling: touch;\n  }\n  .Select-menu {\n    max-height: 226px;\n    overflow-x: auto;\n    overflow-y: auto;\n    font-size: 16px;\n  }\n  .Select-option {\n    box-sizing: border-box;\n    background-color: ${(props) => props.theme.colors.white};\n    line-height: 30px;\n    color: ${(props) => props.theme.colors.mineShaft};\n    cursor: pointer;\n    display: block;\n    padding: 10px 15px 10px 20px;\n    transition: background 0.2s ease;\n  }\n  .Select-option:last-child {\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 4px;\n  }\n  .Select-option.is-selected {\n    background-color: ${(props) => props.theme.colors.onahau};\n  }\n  .Select-option.is-focused {\n    background-color: ${(props) => props.theme.colors.onahau};\n  }\n  .Select-option.is-disabled {\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n  .Select-noresults {\n    box-sizing: border-box;\n    color: ${(props) => props.theme.colors.silver};\n    cursor: default;\n    display: block;\n    padding: 10px 20px;\n  }\n  .Select--multi .Select-input {\n    vertical-align: middle;\n    margin-left: 10px;\n    padding: 0;\n  }\n  .Select--multi.has-value .Select-input {\n    margin-left: 5px;\n  }\n  .Select--multi .Select-value {\n    background-color: ${(props) => props.theme.colors.nebula};\n    background-color: ${(props) => tinycolor(props.theme.colors.nebula).setAlpha(0.1).toString()};\n    border-radius: 4px;\n    border: 1px solid ${(props) => props.theme.colors.onahau};\n    border: 1px solid rgba(0, 126, 255, 0.24);\n    color: ${(props) => props.theme.colors.mineShaft};\n    display: inline-block;\n    font-size: 0.9em;\n    line-height: 1.4;\n    margin-left: 4px;\n    margin-top: 4px;\n    vertical-align: top;\n  }\n  .Select--multi .Select-value-icon,\n  .Select--multi .Select-value-label {\n    display: inline-block;\n    vertical-align: middle;\n  }\n  .Select--multi .Select-value-icon {\n    font-size: 1.5em;\n    line-height: 100%;\n    vertical-align: middle;\n    box-sizing: border-box;\n    padding: 5px 4px 2px;\n    color: ${(props) => props.theme.colors.accent};\n  }\n\n  .Select--multi .Select-value-label {\n    border-bottom-right-radius: 4px;\n    border-top-right-radius: 4px;\n    cursor: default;\n    padding: 2px 4px;\n    line-height: 1;\n    max-width: 90%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .Select--multi a.Select-value-label {\n    color: ${(props) => props.theme.colors.accent};\n    cursor: pointer;\n    text-decoration: none;\n  }\n  .Select--multi a.Select-value-label:hover {\n    text-decoration: underline;\n  }\n  .Select--multi .Select-value-icon {\n    cursor: pointer;\n    border-bottom-left-radius: 4px;\n    border-top-left-radius: 4px;\n    border-right: 1px solid ${(props) => props.theme.colors.onahau};\n    border-right: 1px solid rgba(0, 126, 255, 0.24);\n    font-size: 1.5em;\n    line-height: 100%;\n    box-sizing: border-box;\n    padding: 5px 4px 2px;\n    color: ${(props) => props.theme.colors.accent};\n  }\n  .Select--multi .Select-value-icon:hover,\n  .Select--multi .Select-value-icon:focus {\n    background-color: #d8eafd;\n    background-color: rgba(0, 113, 230, 0.08);\n    color: ${(props) => props.theme.colors.accent};\n  }\n  .Select--multi .Select-value-icon:active {\n    background-color: #c2e0ff;\n    background-color: rgba(0, 126, 255, 0.24);\n  }\n  .Select--multi.is-disabled .Select-value {\n    background-color: #fcfcfc;\n    border: 1px solid #e3e3e3;\n    color: ${(props) => props.theme.colors.mineShaft};\n  }\n  .Select--multi.is-disabled .Select-value-icon {\n    cursor: not-allowed;\n    border-right: 1px solid #e3e3e3;\n  }\n  .Select--multi.is-disabled .Select-value-icon:hover,\n  .Select--multi.is-disabled .Select-value-icon:focus,\n  .Select--multi.is-disabled .Select-value-icon:active {\n    background-color: #fcfcfc;\n  }\n\n  width: auto;\n  ${(props) => (props.error ? error : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) => (props.fluid ? fluid : null)}\n`\n"],"names":["fadeIn","keyframes","spin","fluid","css","error","errorStyle","Root","styled","span","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","colors","white","alto","mineShaft","accent","silver","onahau","nebula","tinycolor","setAlpha","toString","display","responsiveProperty","width","Array","isArray"],"mappings":"sTAOA,MAAMA,OAASC,UAOd,CAAA,mCAED,MAAMC,KAAOD,UAIZ,CAAA,iCAED,MAAME,MAAQC,IAMb,CAAA,mDAED,MAAMC,MAAQD,IAAG,CAAA,mBAAA,KAEXE,YAIC,MAAMC,KAAOC,OAAOC,KAAKC,WAAwB,CACtDC,kBAAoBC,GAAS,CAAC,YAAYC,SAASD,KACnDF,WAAA,CAAAI,YAAA,eAAAC,YAAA,mBAFkBP,CAElB,CAAA,uiBAAA,qBAAA,4BAAA,+VAAA,yNAAA,wFAAA,8WAAA,w7FAAA,0GAAA,uBAAA,+FAAA,gBAAA,o+JAAA,qBAAA,yTAAA,2BAAA,kOAAA,gDAAA,yHAAA,yOAAA,qBAAA,uCAAA,gDAAA,sWAAA,gPAAA,+OAAA,iIAAA,0JAAA,+MAAA,wSAAA,IAAA,IAAA,IAAA,KAgCuBQ,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,OAExCJ,GAAUA,EAAMC,MAAMC,OAAOG,YAoBlBL,GAAUA,EAAMC,MAAMC,OAAOI,SAU7BN,GAAUA,EAAMC,MAAMC,OAAOI,SAKxCN,GAAUA,EAAMC,MAAMC,OAAOK,SAgB7BP,GAAUA,EAAMC,MAAMC,OAAOG,WA0D1BnB,MAKQc,GAAUA,EAAMC,MAAMC,OAAOE,OAC3BJ,GAAUA,EAAMC,MAAMC,OAAOG,WAMvCrB,QACHgB,GAAUA,EAAMC,MAAMC,OAAOE,OAuFlBJ,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOM,SAmB7BR,GAAUA,EAAMC,MAAMC,OAAOC,QAExCH,GAAUA,EAAMC,MAAMC,OAAOG,YAWlBL,GAAUA,EAAMC,MAAMC,OAAOM,SAG7BR,GAAUA,EAAMC,MAAMC,OAAOM,SAQxCR,GAAUA,EAAMC,MAAMC,OAAOK,SAclBP,GAAUA,EAAMC,MAAMC,OAAOO,SAC7BT,GAAUU,UAAUV,EAAMC,MAAMC,OAAOO,QAAQE,SAAS,IAAKC,aAE7DZ,GAAUA,EAAMC,MAAMC,OAAOM,SAExCR,GAAUA,EAAMC,MAAMC,OAAOG,YAmB7BL,GAAUA,EAAMC,MAAMC,OAAOI,SAc7BN,GAAUA,EAAMC,MAAMC,OAAOI,SAWZN,GAAUA,EAAMC,MAAMC,OAAOM,SAM9CR,GAAUA,EAAMC,MAAMC,OAAOI,SAM7BN,GAAUA,EAAMC,MAAMC,OAAOI,SAS7BN,GAAUA,EAAMC,MAAMC,OAAOG,YAatCL,GAAWA,EAAMX,MAAQA,MAAQ,OACjCW,GAAWA,EAAMa,QAAUA,QAAQb,EAAMa,SAAW,OACpDb,GACDc,mBACE,QACAd,EAAMb,OAASa,EAAMe,QAAU,SAAWC,MAAMC,QAAQjB,EAAMe,OAAS,YAAc,WAEtFf,GAAWA,EAAMb,MAAQA,MAAQ"}

package/components/Separator/Separator.mjs

@@ -1,2 +0,0 @@
-import{SeparatorText}from'./SeparatorText.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Separator(r){return jsx(Root,{...r})}Separator.defaultProps={margin:'s',color:'grey',weight:1},Separator.Text=SeparatorText,Separator.displayName='Separator';export{Separator};
-//# sourceMappingURL=Separator.mjs.map

package/components/Separator/Separator.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Separator.mjs","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { SeparatorText } from './SeparatorText'\nimport * as Styled from './style'\n\nexport interface SeparatorProps\n  extends BaseProps,\n    ColorProperty,\n    ResponsiveNamedProperty<'top'>,\n    ResponsiveNamedProperty<'right'>,\n    ResponsiveNamedProperty<'bottom'>,\n    ResponsiveNamedProperty<'left'>,\n    ResponsiveNamedProperty<'padding'>,\n    ResponsiveNamedProperty<'paddingTop'>,\n    ResponsiveNamedProperty<'paddingRight'>,\n    ResponsiveNamedProperty<'paddingBottom'>,\n    ResponsiveNamedProperty<'paddingLeft'>,\n    ResponsiveNamedProperty<'margin'>,\n    ResponsiveNamedProperty<'marginTop'>,\n    ResponsiveNamedProperty<'marginRight'>,\n    ResponsiveNamedProperty<'marginBottom'>,\n    ResponsiveNamedProperty<'marginLeft'> {\n  /**\n   * Separator weight\n   */\n  weight?: 1 | 2 | 3 | 4 | 5\n}\n\nSeparator.defaultProps = {\n  margin: 's',\n  color: 'grey',\n  weight: 1,\n}\n\nSeparator.Text = SeparatorText\nSeparator.displayName = 'Separator'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nexport function Separator(props: typeof Separator.defaultProps & SeparatorProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Separator","props","_jsx","Styled","defaultProps","margin","color","weight","Text","SeparatorText","displayName"],"mappings":"gHA0DO,SAASA,UAAUC,GACxB,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CA/BAD,UAAUI,aAAe,CACvBC,OAAQ,IACRC,MAAO,OACPC,OAAQ,GAGVP,UAAUQ,KAAOC,cACjBT,UAAUU,YAAc"}

package/components/Separator/SeparatorText.mjs

@@ -1,2 +0,0 @@
-import{Separator}from'./Separator.mjs';import{TextRoot,Text}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function SeparatorText({children:r,className:o,color:t,...e}){return jsxs(TextRoot,{children:[jsx(Separator,{className:o,color:t,...e}),jsx(Text,{color:t,children:r})]})}export{SeparatorText};
-//# sourceMappingURL=SeparatorText.mjs.map

package/components/Separator/SeparatorText.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SeparatorText.mjs","sources":["../../../../src/components/Separator/SeparatorText.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { Separator } from './Separator'\nimport * as Styled from './style'\n\nexport interface SeparatorTextProps extends BaseProps, ColorProperty {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nexport function SeparatorText({ children, className, color, ...restProps }: SeparatorTextProps) {\n  return (\n    <Styled.TextRoot>\n      <Separator className={className} color={color} {...restProps} />\n      <Styled.Text color={color}>{children}</Styled.Text>\n    </Styled.TextRoot>\n  )\n}\n"],"names":["SeparatorText","children","className","color","restProps","_jsxs","Styled","_jsx","Separator"],"mappings":"sHAYO,SAASA,eAAcC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,KAAUC,IAC7D,OACEC,KAACC,SAAe,CAAAL,SAAA,CACdM,IAACC,UAAS,CAACN,UAAWA,EAAWC,MAAOA,KAAWC,IACnDG,IAACD,KAAW,CAACH,MAAOA,EAAMF,SAAEA,MAGlC"}

package/components/Separator/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled(Text$1).withConfig({displayName:"Separator__Text",componentId:"ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],(t=>t.theme.colors.white));const TextRoot=styled.div.withConfig({displayName:"Separator__TextRoot",componentId:"ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Separator__Root",componentId:"ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentColor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>css(["height:",";"],WEIGHT_MAP[t.weight||1])),(t=>t.color?color(t.color,'color'):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:r,topXL:p})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:r,topXL:p},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p},cssProperty:'padding-left'})));export{Root,Text,TextRoot};
-//# sourceMappingURL=style.mjs.map

package/components/Separator/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Separator/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { Text as UiText } from '../Text'\nimport { SeparatorProps } from './Separator'\n\nconst WEIGHT_MAP = {\n  1: '0.05em',\n  2: '0.1em',\n  3: '0.15em',\n  4: '0.25em',\n  5: '0.3em',\n}\n\nexport const Text = styled(UiText)`\n  position: absolute;\n  z-index: 1;\n  display: inline-block;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 0 12px;\n  background-color: ${(props) => props.theme.colors.white};\n`\n\nexport const TextRoot = styled.div`\n  display: block;\n  width: auto;\n  position: relative;\n  z-index: 0;\n  text-align: center;\n`\n\nexport const Root = styled.div.withConfig<SeparatorProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: auto;\n  background-color: currentColor;\n  ${(props) => css`\n    height: ${WEIGHT_MAP[props.weight || 1]};\n  `}\n  ${(props) => (props.color ? color(props.color, 'color') : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["WEIGHT_MAP","Text","styled","UiText","withConfig","displayName","componentId","props","theme","colors","white","TextRoot","div","Root","shouldForwardProp","prop","includes","css","weight","color","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Skeleton/Skeleton.mjs

@@ -1,2 +0,0 @@
-import{forwardRef,isValidElement,cloneElement}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{Root}from'./style.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Skeleton=forwardRef(((e,r)=>{const t=useMergedPalette(e);return jsx(Root,{...e,palette:t,ref:r,children:e.children?isValidElement(e.children)&&typeof e.children.props=='object'&&e.children.props!==null&&!e.children.props.children?cloneElement(e.children,{},jsx(Fragment,{children:" "})):e.children:jsx(Fragment,{children:" "})})}));export{Skeleton};
-//# sourceMappingURL=Skeleton.mjs.map

package/components/Skeleton/Skeleton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.mjs","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"mMAeMA,MAAAA,SAA2DC,YAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAiBH,GAEjC,OACEI,IAACC,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,aAAaR,EAAMM,SAAU,GAAIF,IAAAK,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,IAAAK,SAAA,CAAAH,SAAE,OASQ"}

package/components/Skeleton/style.mjs

@@ -1,2 +0,0 @@
-import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin);export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/Skeleton/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"wLAKA,MAAMA,0BAA4BC,yBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,UAOtB,CAAA,uEAED,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,OAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,IAEMC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,mEAAAA,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB"}

package/components/Spacer/Spacer.mjs

@@ -1,2 +0,0 @@
-import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Spacer(r){return jsx(Root,{...r})}Spacer.displayName='Spacer';export{Spacer};
-//# sourceMappingURL=Spacer.mjs.map

package/components/Spacer/Spacer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.mjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n  extends BaseProps,\n    DisplayProperty,\n    ResponsiveNamedProperty<'top'>,\n    ResponsiveNamedProperty<'right'>,\n    ResponsiveNamedProperty<'bottom'>,\n    ResponsiveNamedProperty<'left'>,\n    ResponsiveNamedProperty<'padding'>,\n    ResponsiveNamedProperty<'paddingTop'>,\n    ResponsiveNamedProperty<'paddingRight'>,\n    ResponsiveNamedProperty<'paddingBottom'>,\n    ResponsiveNamedProperty<'paddingLeft'>,\n    ResponsiveNamedProperty<'margin'>,\n    ResponsiveNamedProperty<'marginTop'>,\n    ResponsiveNamedProperty<'marginRight'>,\n    ResponsiveNamedProperty<'marginBottom'>,\n    ResponsiveNamedProperty<'marginLeft'> {\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nSpacer.displayName = 'Spacer'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nexport function Spacer(props: SpacerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Spacer","props","_jsx","Styled","displayName"],"mappings":"iEAqDO,SAASA,OAAOC,GACrB,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAvBAD,OAAOI,YAAc"}

package/components/Spacer/style.mjs

@@ -1,2 +0,0 @@
-import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style','onClick'].includes(t)||t.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>t.display?display(t.display):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:p,topXL:r})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:p,topXL:r},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r},cssProperty:'padding-left'})));export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/Spacer/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Spinner/Spinner.mjs

@@ -1,2 +0,0 @@
-import{useClassname}from'../../hooks/useClassname.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Spinner({className:s,...e}){const n=useClassname(Spinner.displayName,s);return jsx(Root,{className:n,...e})}Spinner.defaultProps={size:'m'},Spinner.displayName='Spinner';export{Spinner};
-//# sourceMappingURL=Spinner.mjs.map

package/components/Spinner/Spinner.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.mjs","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n  /**\n   * Size of spinner\n   */\n  size?: 'l' | 's' | 'm' | number\n  /**\n   * Vertically center the spinner inside 100vh container\n   */\n  fullscreen?: boolean\n  /**\n   * Inline. Has no top/bottom margins\n   */\n  inline?: boolean\n}\n\nSpinner.defaultProps = {\n  size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport function Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n  const _className = useClassname(Spinner.displayName, className)\n\n  return <Styled.Root className={_className} {...props} />\n}\n"],"names":["Spinner","className","props","_className","useClassname","displayName","_jsx","Styled","defaultProps","size"],"mappings":"wHA+BO,SAASA,SAAQC,UAAEA,KAAcC,IACtC,MAAMC,EAAaC,aAAaJ,QAAQK,YAAaJ,GAErD,OAAOK,IAACC,KAAW,CAACN,UAAWE,KAAgBD,GACjD,CAfAF,QAAQQ,aAAe,CACrBC,KAAM,KAGRT,QAAQK,YAAc"}

package/components/Spinner/style.mjs

@@ -1,2 +0,0 @@
-import styled,{keyframes,css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const SIZES={l:60,m:40,s:20};const spinner=keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({displayName:"Spinner__Root",componentId:"ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?property(SIZES[e.size]||e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:o,sizeXL:t})=>responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/Spinner/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spinner/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { responsiveNamedProperty, property, ResponsiveNamedProperty, CalcProperty } from 'mixins/responsive-property'\nimport { SpinnerProps } from './Spinner'\n\nconst SIZES = {\n  l: 60,\n  m: 40,\n  s: 20,\n}\n\nconst spinner = keyframes`\n  to {\n      transform: rotate(360deg);\n  }\n`\n\nconst fullscreen = css`\n  height: 100vh;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst inline = css`\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n`\n\nconst sizeBuilder: CalcProperty = (size, sizing = 'px') => {\n  if (size === 0) return null\n  return css`\n    width: ${size as number}${sizing};\n    height: ${size as number}${sizing};\n    &:before {\n      width: ${size as number}${sizing};\n      height: ${size as number}${sizing};\n      margin-top: -${(size as number) / 2}${sizing};\n      margin-left: -${(size as number) / 2}${sizing};\n    }\n  `\n}\n\nconst getSize = (size: ResponsiveNamedProperty<'size'>['size']): number => {\n  if (!size || typeof size === 'boolean') return 0\n  if (typeof size === 'number') return size\n  if (SIZES[size]) return SIZES[size]\n  return 0\n}\n\nexport const Root = styled.div.withConfig<SpinnerProps>({\n  shouldForwardProp: (prop) => ['className', 'style'].includes(prop),\n})`\n  display: block;\n  position: relative;\n  display: block;\n  margin: 30px auto;\n  &:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    border: 2px solid #eee;\n    border-top-color: #459ff3;\n    animation: ${spinner} 0.6s linear infinite;\n  }\n  ${(props) => (props.inline ? inline : null)}\n\n  ${(props) => (props.size ? property(SIZES[props.size] || props.size, sizeBuilder) : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: {\n        sizeXS: getSize(sizeXS),\n        sizeS: getSize(sizeS),\n        sizeM: getSize(sizeM),\n        sizeL: getSize(sizeL),\n        sizeXL: getSize(sizeXL),\n      },\n      cssProperty: sizeBuilder,\n    })\n  }}\n\n  ${(props) => (props.fullscreen ? fullscreen : null)}\n`\n"],"names":["SIZES","l","m","s","spinner","keyframes","fullscreen","css","inline","sizeBuilder","size","sizing","getSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","property","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"wIAIA,MAAMA,MAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,MAAMC,QAAUC,UAIf,CAAA,kCAED,MAAMC,WAAaC,IAMlB,CAAA,uFAED,MAAMC,OAASD,IAId,CAAA,yDAED,MAAME,YAA4BA,CAACC,EAAMC,EAAS,OAC5CD,IAAS,EAAU,KAChBH,IAAG,CAAA,SAAA,GAAA,WAAA,GAAA,mBAAA,GAAA,WAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,MACCG,EAAiBC,EAChBD,EAAiBC,EAEhBD,EAAiBC,EAChBD,EAAiBC,EACXD,EAAkB,EAAIC,EACrBD,EAAkB,EAAIC,GAK7C,MAAMC,QAAWF,GACVA,UAAeA,GAAS,iBAClBA,GAAS,SAAiBA,EACjCV,MAAMU,GAAcV,MAAMU,GACvB,EAHwC,EAM1C,MAAMG,KAAOC,OAAOC,IAAIC,WAAyB,CACtDC,kBAAoBC,GAAS,CAAC,YAAa,SAASC,SAASD,KAC7DF,WAAA,CAAAI,YAAA,gBAAAC,YAAA,oBAFkBP,CAElB,CAAA,0NAAA,0BAAA,IAAA,IAAA,IAAA,IAceV,SAEZkB,GAAWA,EAAMd,OAASA,OAAS,OAEnCc,GAAWA,EAAMZ,KAAOa,SAASvB,MAAMsB,EAAMZ,OAASY,EAAMZ,KAAMD,aAAe,OAClF,EAAGe,SAAQC,QAAOC,QAAOC,QAAOC,YACzBC,wBAAwB,CAC7BC,MAAO,CACLN,OAAQZ,QAAQY,GAChBC,MAAOb,QAAQa,GACfC,MAAOd,QAAQc,GACfC,MAAOf,QAAQe,GACfC,OAAQhB,QAAQgB,IAElBG,YAAatB,gBAIda,GAAWA,EAAMhB,WAAaA,WAAa"}

package/components/Switcher/Switcher.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{useTheme}from'styled-components';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{BRAND_PROPS,DEFAULT_PROPS}from'./constants.mjs';import{Root,Input,Switcher as Switcher$1,Label}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='Switcher';const Switcher=forwardRef(((e,t)=>{const r=useTheme();const{value:o=!1,disabled:s=!1,tabIndex:i,id:n,name:c,children:m,onChange:a,...d}=useConfigPriority(r.components?.Switcher,e);let h=r.preset==='brand';typeof d.preset=='string'&&(h=d.preset==='brand');const p=h?BRAND_PROPS:DEFAULT_PROPS;return jsxs(Root,{...d,...p,ref:t,checked:o,disabled:s,brandPresetUsed:h,children:[jsx(Input,{id:n,name:c,checked:o,type:"checkbox",tabIndex:i,onChange:e=>{s||typeof a!='function'||a(e.target.checked,e)},disabled:s}),jsx(Switcher$1,{htmlFor:n,...p}),m?jsx(Label,{htmlFor:n,children:m}):null]})}));Switcher.displayName="Switcher";export{COMPONENT_NAME,Switcher};
-//# sourceMappingURL=Switcher.mjs.map

package/components/Switcher/Switcher.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switcher.mjs","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["COMPONENT_NAME","Switcher","forwardRef","props","ref","theme","useTheme","value","disabled","tabIndex","id","name","children","onChange","config","useConfigPriority","components","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled","checked","_jsx","type","event","target","htmlFor","displayName"],"mappings":"ySAOMA,MAAAA,eAAiB,WAEjBC,MAAAA,SAAWC,YAA0C,CAACC,EAAOC,KACjE,MAAMC,EAAQC,WAEd,MAAMC,MACJA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,SAChBA,EAAQC,GACRA,EAAEC,KACFA,EAAIC,SACJA,EAAQC,SACRA,KACGC,GACDC,kBAAiCV,EAAMW,YAAYf,SAAUE,GAEjE,IAAIc,EAAkBZ,EAAMa,SAAW,eAC5BJ,EAAOI,QAAW,WAAUD,EAAkBH,EAAOI,SAAW,SAE3E,MAAMC,EAAgBF,EAAkBG,YAAcC,cAMtD,OACEC,KAACC,KAAW,IACNT,KACAK,EACJf,IAAKA,EACLoB,QAASjB,EACTC,SAAUA,EACVS,gBAAiBA,EAAgBL,SAEjCa,CAAAA,IAACF,MAAY,CACXb,GAAIA,EACJC,KAAMA,EACNa,QAASjB,EACTmB,KAAK,WACLjB,SAAUA,EACVI,SAnB4Dc,IAC3DnB,UAAmBK,GAAa,YAAYA,EAASc,EAAMC,OAAOJ,QAASG,EAAM,EAmBlFnB,SAAUA,IAEZiB,IAACF,WAAe,CAACM,QAASnB,KAAQS,IACjCP,EAAWa,IAACF,MAAY,CAACM,QAASnB,EAAGE,SAAEA,IAA2B,OACvD,IAIlBX,SAAS6B,YAjDc"}

package/components/Switcher/constants.mjs

@@ -1,2 +0,0 @@
-const DEFAULT_PROPS={switcherWidth:60,switcherHeight:32,borderRadius:40,dotSize:24};const BRAND_PROPS={switcherWidth:44,switcherHeight:24,borderRadius:48,dotSize:16};export{BRAND_PROPS,DEFAULT_PROPS};
-//# sourceMappingURL=constants.mjs.map

package/components/Switcher/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Switcher/constants.ts"],"sourcesContent":["import type { SwitcherPropsByPreset } from './types'\n\nexport const DEFAULT_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 60,\n  switcherHeight: 32,\n  borderRadius: 40,\n  dotSize: 24,\n}\n\nexport const BRAND_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 44,\n  switcherHeight: 24,\n  borderRadius: 48,\n  dotSize: 16,\n}\n"],"names":["DEFAULT_PROPS","switcherWidth","switcherHeight","borderRadius","dotSize","BRAND_PROPS"],"mappings":"AAEO,MAAMA,cAAuC,CAClDC,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS,IAGJ,MAAMC,YAAqC,CAChDJ,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS"}

package/components/Switcher/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{getColor}from'../../mixins/color.mjs';const Input=styled.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`;const checkedStyles=css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:n})=>e-n-(o-n)/2));const baseStyles=css(["",""],(e=>`\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${e.switcherHeight}px;\n    line-height: ${e.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `));const defaultPresetStyle=css(["",""],(e=>{const o=e.color||'atlantis';return`\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${e.theme.colors.white};\n          box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${e.inactiveColor?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(e.inactiveColor,e)).lighten(10).toString()},\n                  ${getColor(e.inactiveColor,e)}\n                );\n              `:''}\n\n        ${e.checked?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(o,e)).lighten(10).toString()},\n                  ${getColor(o,e)}\n                );\n              `:''}\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(o,e)};\n        outline-offset: 2px;\n      }\n    `}));const brandPresetStyles=css(["",""],(e=>`\n    & ${Switcher} {\n      background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n      &::before {\n        background-color: ${e.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!e.checked&&e.inactiveColor?`background-color: ${getColor(e.inactiveColor,e)};`:''}\n      ${e.checked&&e.color?`background-color: ${getColor(e.color,e)};`:''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `));const Root=styled.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));export{Input,Label,Root,Switcher};
-//# sourceMappingURL=style.mjs.map

package/components/Switcher/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.3s ease, background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition: background 0.3s ease, left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","displayName","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","dotSize","disabledStyles","checkedStyles","css","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","brandPresetUsed"],"mappings":"iMAKaA,MAAQC,OAAOC,MAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAQpB,CAAA,6FAEYK,MAAQL,OAAOM,MAAKJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAQpB,CAAA,sIAEYO,SAAWP,OAAOM,MAAKJ,WAAA,CAAAC,YAAA,WAAAC,YAAA,mBAAZJ,CAAY,CAAA,+DAAA,aAAA,+GAAA,oDAAA,WAAA,0BAAA,aAAA,6GAIxBQ,GAAUA,EAAMC,gBACfD,GAAUA,EAAME,iBAITF,GAAUA,EAAMG,eAKzB,EAAGD,iBAAgBE,cAAeF,EAAiBE,GAAW,IAC7D,EAAGF,iBAAgBE,cAAeF,EAAiBE,GAAW,IAE5DJ,GAAUA,EAAMI,UACfJ,GAAUA,EAAMI,UAQ/B,MAAMC,eAAiB,oDAIjBN,8HASAF,2CAKN,MAAMS,cAAgBC,IAChBR,CAAAA,KAAAA,mBAAAA,SAAAA,UAEQ,EAAGE,gBAAeC,iBAAgBE,aACxCH,EAAgBG,GAAWF,EAAiBE,GAAW,IAK/D,MAAMI,WAAaD,IAAG,CAAA,GAAA,KACjBP,GAAU,4HAKDA,EAAME,uCACDF,EAAME,0LAUzB,MAAMO,mBAAqBF,IAAG,CAAA,GAAA,KACzBP,IACD,MAAMU,EAAQV,EAAMU,OAAS,WAE7B,MAAO,aACDX,kKAKoBC,EAAMW,MAAMC,OAAOC,iCACzBb,EAAMc,SAAW,OAAS,0DAIxCd,EAAMe,cACF,wGAGMC,UAAUC,SAASjB,EAAMe,cAAef,IAAQkB,QAAQ,IAAIC,kCAC5DF,SAASjB,EAAMe,cAAef,yCAGpC,iBAIJA,EAAMoB,QACF,wGAGMJ,UAAUC,SAASP,EAAOV,IAAQkB,QAAQ,IAAIC,kCAC9CF,SAASP,EAAOV,yCAGtB,0BAIJT,yBAAyBQ,0CACNkB,SAASP,EAAOV,kDAGxC,IAIL,MAAMqB,kBAAoBd,IAAG,CAAA,GAAA,KACxBP,GAAU,WACPD,uCAEAC,EAAMc,SACFd,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,qBAAuB,qBAC1DpB,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,yBAA2B,0EAI9CpB,EAAMW,MAAMC,OAAO,+CACzBZ,EAAMc,SAAW,OAAS,yDAGvCd,EAAMoB,SAAWpB,EAAMe,cAAgB,qBAAqBE,SAASjB,EAAMe,cAAef,MAAY,aACvGA,EAAMoB,SAAWpB,EAAMU,MAAQ,qBAAqBO,SAASjB,EAAMU,MAAOV,MAAY,sBAGtFT,yBAAyBQ,2CACHC,EAAMW,MAAMC,OAAOC,oBAAoBb,EAAMW,MAAMC,OAAO,mGAOjF,MAAMU,KAAO9B,OAAO+B,IAAI7B,WAAgC,CAC7D8B,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzE/B,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAGhBgB,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,YAECR,GAAWA,EAAMoB,QAAUd,cAAgB,KAC3CN,GAAWA,EAAMc,SAAWT,eAAiB,KAC9C,EAAGsB,qBAAuBA,EAAkBN,kBAAoBZ"}

package/components/Tab/Tab.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root,Edge,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Tab';const Tab=withMergedProps(forwardRef(((e,t)=>{const{size:r="m",type:s="button",textProps:o={},children:i,theme:n,...m}=e;const a={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsx(Root,{...m,size:r,tabTheme:n,type:m.as===void 0?s:void 0,ref:t,children:m.preset==='brand'?jsxs(Fragment,{children:[m.left&&jsx(Edge,{}),jsx(Content,{children:typeof i=='function'?i({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:i})}),m.right&&jsx(Edge,{after:!0})]}):jsx(Fragment,{children:typeof i=='function'?i({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:i})})})})),{displayName:"Tab",sizes:e=>e.preset==='brand'?SIZES:SIZES_DEFAULT});export{COMPONENT_NAME,Tab};
-//# sourceMappingURL=Tab.mjs.map

package/components/Tab/Tab.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left && <Styled.Edge />}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right && <Styled.Edge after />}\n          </>\n        ) : (\n          <>\n            {typeof children === 'function' ? (\n              children({ baseTextProps, textProps })\n            ) : (\n              <Text {...baseTextProps} {...textProps}>\n                {children}\n              </Text>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SASMA,MAAAA,eAAiB,MAYjBC,MAAAA,IAAiDC,gBACrDC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,MAAQP,IAACC,MAAa,GACjCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,OAAST,IAACC,KAAW,CAACS,OAAK,OAGxCV,IAAAM,SAAA,CAAAb,gBACUA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,OAKG,IAGlB,CACEkB,YAvDmB,MAwDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}

package/components/Tab/constants.mjs

@@ -1,2 +0,0 @@
-const SIZES={xxxl:{height:60,fontSize:20},xxl:{height:56,fontSize:20},xl:{height:52,fontSize:18},l:{height:48,fontSize:18},m:{height:44,fontSize:16},s:{height:40,fontSize:16},xs:{height:36,fontSize:14},xxs:{height:32,fontSize:14},xxxs:{height:28,fontSize:12}};export{SIZES};
-//# sourceMappingURL=constants.mjs.map

package/components/Tab/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Tab/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 60,\n    fontSize: 20,\n  },\n  xxl: {\n    height: 56,\n    fontSize: 20,\n  },\n  xl: {\n    height: 52,\n    fontSize: 18,\n  },\n  l: {\n    height: 48,\n    fontSize: 18,\n  },\n  m: {\n    height: 44,\n    fontSize: 16,\n  },\n  s: {\n    height: 40,\n    fontSize: 16,\n  },\n  xs: {\n    height: 36,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 32,\n    fontSize: 14,\n  },\n  xxxs: {\n    height: 28,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}

package/components/Tab/default-constants.mjs

@@ -1,2 +0,0 @@
-const SIZES_DEFAULT={xxxl:{},xxl:{},xl:{},l:{},m:{},s:{},xs:{},xxs:{},xxxs:{}};export{SIZES_DEFAULT};
-//# sourceMappingURL=default-constants.mjs.map

package/components/Tab/default-constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-constants.mjs","sources":["../../../../src/components/Tab/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {},\n  xxl: {},\n  xl: {},\n  l: {},\n  m: {},\n  s: {},\n  xs: {},\n  xxs: {},\n  xxxs: {},\n}\n"],"names":["SIZES_DEFAULT","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,cAAuB,CAClCC,KAAM,CAAE,EACRC,IAAK,CAAE,EACPC,GAAI,CAAE,EACNC,EAAG,CAAE,EACLC,EAAG,CAAE,EACLC,EAAG,CAAE,EACLC,GAAI,CAAE,EACNC,IAAK,CAAE,EACPC,KAAM,CAAC"}

package/components/Tab/images/arrow.svg.js

@@ -1,2 +0,0 @@
-'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",preserveAspectRatio:"none",viewBox:"0 0 21 48"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentcolor",d:"M22 0h-3L1 24l18 24h3"})));
-//# sourceMappingURL=arrow.svg.js.map

package/components/Tab/images/arrow.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow.svg.js","sources":["../../../../../src/components/Tab/images/arrow.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgArrow = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  preserveAspectRatio: \"none\",\n  viewBox: \"0 0 21 48\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentcolor\",\n  d: \"M22 0h-3L1 24l18 24h3\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","preserveAspectRatio","viewBox","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAEnQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,KAAM,OACNC,oBAAqB,OACrBC,QAAS,aACRN,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEE,KAAM,eACNG,EAAG"}

package/components/Tab/images/arrow.svg.mjs

@@ -1,2 +0,0 @@
-import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const SvgArrow=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",preserveAspectRatio:"none",viewBox:"0 0 21 48"},e),_path||(_path=React.createElement("path",{fill:"currentcolor",d:"M22 0h-3L1 24l18 24h3"})));export{SvgArrow as default};
-//# sourceMappingURL=arrow.svg.mjs.map

package/components/Tab/images/arrow.svg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow.svg.mjs","sources":["../../../../../src/components/Tab/images/arrow.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgArrow = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  preserveAspectRatio: \"none\",\n  viewBox: \"0 0 21 48\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentcolor\",\n  d: \"M22 0h-3L1 24l18 24h3\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgArrow","props","React","createElement","xmlns","fill","preserveAspectRatio","viewBox","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,SAAWC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACzEiB,MAAO,6BACPC,KAAM,OACNC,oBAAqB,OACrBC,QAAS,aACRN,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEE,KAAM,eACNG,EAAG"}

package/components/Tab/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import SvgArrow from'./images/arrow.svg.mjs';const shouldForwardTabProp=createShouldForwardProp((o=>!['active','compact','crispy','crispyCompact','tabTheme','left','right','rounded','outline','onColored','black'].includes(o)));const DEFAULT_STYLES={default:css(["",""],(o=>`\n      font-size: 16px;\n      font-weight: bold;\n      padding-bottom: 12px;\n      color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n      border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n      &:hover {\n        color: ${o.theme.colors.primary};\n      }\n      &.active {\n        color: ${o.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 60px;\n      }\n    `)),compact:css(["",""],(o=>`\n      font-size: 16px;\n      font-weight: normal;\n      padding-bottom: 10px;\n      color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n      border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n      &:hover {\n        color: ${o.theme.colors.primary};\n      }\n      &.active {\n        color: ${o.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 20px;\n      }\n    `)),crispyCompact:css(["",""],(o=>`\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 6px;\n      text-transform: uppercase;\n      color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n      border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n      &:hover {\n        color: ${o.theme.colors.primary};\n      }\n      &.active {\n        color: ${o.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 18px;\n      }\n    `)),crispy:css(["",""],(o=>`\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 14px;\n      text-transform: uppercase;\n      color: ${o.active?o.theme.colors.primary:o.theme.colors.mineShaft};\n      border-bottom: 2px solid ${o.active?'currentcolor':'transparent'};\n      &:hover {\n        color: ${o.theme.colors.primary};\n      }\n      &.active {\n        color: ${o.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 32px;\n      }\n    `))};const Content=styled.span.withConfig({displayName:"Tab__Content",componentId:"ui__sc-26yal1-0"})(["box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;flex-grow:1;flex-shrink:0;height:100%;padding:0 1em;border:1px solid transparent;transition-property:background-color,border-color;"]);const Edge=styled(SvgArrow).withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Tab__Edge",componentId:"ui__sc-26yal1-1"})(["box-sizing:border-box;flex-shrink:0;height:100%;transition-property:color,stroke;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n  & > ${Content} {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${Edge} {\n    color: ${o.backgroundColor};\n    stroke: ${o.borderColor};\n  }\n  &:hover > ${Content} {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:hover > ${Edge} {\n    color: ${o.backgroundColorHover};\n    stroke: ${o.borderColorHover};\n  }\n  &:disabled > ${Content} {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n  &:disabled > ${Edge} {\n    color: ${o.backgroundColorDisabled};\n    stroke: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-onmain-primary'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-brand-primary-500']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},onColored:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),borderColor:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(10).toString(),colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette}))),outline:css(["",""],(o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-primary']:o.theme.colors['bg-brand-primary-500'],borderColor:o.theme.colors['bg-onmain-primary'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-primary']:tinycolor(o.theme.colors['bg-brand-primary-500']).darken(3).toString(),borderColorHover:o.theme.colors['bg-onmain-primary'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-small'],borderColorDisabled:o.theme.colors['bg-disabled-small'],...o.palette})))},black:{default:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))),outline:css(["",""],(o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-primary'],borderColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.theme.colors['bg-onmain-contrast']:tinycolor(o.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardTabProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'2.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"Tab__Root",componentId:"ui__sc-26yal1-2"})([""," "," "," "," "," "," ",""],(o=>{const r=o.rounded?8:0;const e=o.left?0:r;const t=o.right?0:r;return`\n      box-sizing: border-box;\n      display: ${o.preset==='brand'?'inline-flex':'inline-block'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      isolation: isolate;\n      flex-shrink: 0;\n      appearance: none;\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      text-decoration: none;\n      width: max-content;\n      & > ${Content}, \n      & > ${Edge} {\n        transition-duration: 250ms;\n      }\n      & > ${Content} {\n        border-radius: ${e}px ${t}px ${t}px ${e}px;\n        border-left-style: ${o.left?'none':'solid'};\n        border-right-style: ${o.right?'none':'solid'};\n        margin-left: ${o.left?-2:0}px;\n        margin-right: ${o.right?-2:0}px;\n      }\n    `}),(o=>{if(o.preset==='brand'){let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.onColored&&(r=COLOR_SCHEMA.onColored),o.outline?r.outline:r.default}return o.compact||o.tabTheme==='compact'?DEFAULT_STYLES.compact:o.crispyCompact||o.tabTheme==='crispyCompact'?DEFAULT_STYLES.crispyCompact:o.crispy||o.tabTheme==='crispy'?DEFAULT_STYLES.crispy:DEFAULT_STYLES.default}),focus,responsiveSize,responsiveMargin,(o=>o.color&&`color: ${getColor(o.color,o)};`),(o=>o.borderColor&&`border-color: ${getColor(o.borderColor,o)};`));export{Content,Edge,Root};
-//# sourceMappingURL=style.mjs.map

package/components/Tab/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Tab/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledTabProps, StyledTabEdgeProps, TabPalette } from './types'\nimport Arrow from './images/arrow.svg?module'\n\nconst shouldForwardTabProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'active',\n      'compact',\n      'crispy',\n      'crispyCompact',\n      'tabTheme',\n      'left',\n      'right',\n      'rounded',\n      'outline',\n      'onColored',\n      'black',\n    ].includes(propKey)\n)\n\nconst DEFAULT_STYLES = {\n  default: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: bold;\n      padding-bottom: 12px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 60px;\n      }\n    `}\n  `,\n  compact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: normal;\n      padding-bottom: 10px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 20px;\n      }\n    `}\n  `,\n  crispyCompact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 6px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 18px;\n      }\n    `}\n  `,\n  crispy: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 14px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 32px;\n      }\n    `}\n  `,\n}\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n  height: 100%;\n  padding: 0 1em;\n  border: 1px solid transparent;\n  transition-property: background-color, border-color;\n`\n\nexport const Edge = styled(Arrow).withConfig({\n  shouldForwardProp: () => false,\n})<StyledTabEdgeProps>`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  height: 100%;\n  transition-property: color, stroke;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: TabPalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n    stroke: ${palette.borderColor};\n  }\n  &:hover > ${Content} {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${Edge} {\n    color: ${palette.backgroundColorHover};\n    stroke: ${palette.borderColorHover};\n  }\n  &:disabled > ${Content} {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  &:disabled > ${Edge} {\n    color: ${palette.backgroundColorDisabled};\n    stroke: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-primary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : props.theme.colors['bg-brand-primary-500'],\n          borderColor: props.theme.colors['bg-onmain-primary'],\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).darken(3).toString() as CSSColor),\n          borderColorHover: props.theme.colors['bg-onmain-primary'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n  },\n  black: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-tertiary'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-primary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['border-onmain-default-large'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['border-onmain-default-large'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledTabProps>({\n    shouldForwardProp: shouldForwardTabProp,\n  })\n  .attrs(<Required<Pick<StyledTabProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '2.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    const radius = props.rounded ? 8 : 0\n    const leftRadius = props.left ? 0 : radius\n    const rightRadius = props.right ? 0 : radius\n\n    return `\n      box-sizing: border-box;\n      display: ${props.preset === 'brand' ? 'inline-flex' : 'inline-block'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      isolation: isolate;\n      flex-shrink: 0;\n      appearance: none;\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      text-decoration: none;\n      width: max-content;\n      & > ${Content}, \n      & > ${Edge} {\n        transition-duration: 250ms;\n      }\n      & > ${Content} {\n        border-radius: ${leftRadius}px ${rightRadius}px ${rightRadius}px ${leftRadius}px;\n        border-left-style: ${props.left ? 'none' : 'solid'};\n        border-right-style: ${props.right ? 'none' : 'solid'};\n        margin-left: ${props.left ? -2 : 0}px;\n        margin-right: ${props.right ? -2 : 0}px;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      let schema = COLOR_SCHEMA.default\n\n      if (props.black) schema = COLOR_SCHEMA.black\n      if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    if (props.compact || props.tabTheme === 'compact') return DEFAULT_STYLES.compact\n    if (props.crispyCompact || props.tabTheme === 'crispyCompact') return DEFAULT_STYLES.crispyCompact\n    if (props.crispy || props.tabTheme === 'crispy') return DEFAULT_STYLES.crispy\n\n    return DEFAULT_STYLES.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n  ${(props) => props.borderColor && `border-color: ${getColor(props.borderColor, props)};`}\n`\n"],"names":["shouldForwardTabProp","createShouldForwardProp","propKey","includes","DEFAULT_STYLES","default","css","props","active","theme","colors","primary","mineShaft","compact","crispyCompact","crispy","Content","styled","span","withConfig","displayName","componentId","Edge","Arrow","shouldForwardProp","after","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","tinycolor","darken","toString","outline","onColored","lighten","black","Root","button","attrs","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","radius","rounded","leftRadius","left","rightRadius","right","preset","disabled","schema","tabTheme","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"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"}

package/components/Tabs/Tabs.mjs

@@ -1,2 +0,0 @@
-import{Root,Inner,Content}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Tab}from'../Tab/Tab.mjs';function Tabs(o){const{children:r,className:e,classNameInner:s,classNameContent:a,borderColor:n,color:t,noBorder:l,style:c,width:m}=o;return jsx(Root,{className:e,style:c,width:m,borderColor:n,color:t,noBorder:l,children:jsx(Inner,{className:s,children:jsx(Content,{noBorder:l,className:a,children:r})})})}Tabs.defaultProps={borderColor:'alto',color:'rgba(247, 247, 247, 1)'},Tabs.Tab=Tab;export{Tabs};
-//# sourceMappingURL=Tabs.mjs.map

package/components/Tabs/Tabs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.mjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { ResponsiveProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { Tab } from 'components/Tab'\nimport * as Styled from './style'\n\nexport interface TabsProps extends BaseProps, ColorProperty, ColorProperty<'borderColor'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  className?: string\n  classNameInner?: string\n  classNameContent?: string\n  noBorder?: boolean\n  width?: ResponsiveProperty<number>\n}\n\nTabs.defaultProps = {\n  borderColor: 'alto',\n  color: 'rgba(247, 247, 247, 1)',\n}\n\nTabs.Tab = Tab\n\n/**\n *\n * Use only with default preset\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'borderColor'>`](#/Миксины)\n */\nexport function Tabs(props: TabsProps) {\n  const { children, className, classNameInner, classNameContent, borderColor, color, noBorder, style, width } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      width={width}\n      borderColor={borderColor}\n      color={color}\n      noBorder={noBorder}\n    >\n      <Styled.Inner className={classNameInner}>\n        <Styled.Content noBorder={noBorder} className={classNameContent}>\n          {children}\n        </Styled.Content>\n      </Styled.Inner>\n    </Styled.Root>\n  )\n}\n"],"names":["Tabs","props","children","className","classNameInner","classNameContent","borderColor","color","noBorder","style","width","_jsx","Styled","defaultProps","Tab"],"mappings":"+GAqCO,SAASA,KAAKC,GACnB,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,eAAEA,EAAcC,iBAAEA,EAAgBC,YAAEA,EAAWC,MAAEA,EAAKC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUT,EAE9G,OACEU,IAACC,KAAW,CACVT,UAAWA,EACXM,MAAOA,EACPC,MAAOA,EACPJ,YAAaA,EACbC,MAAOA,EACPC,SAAUA,EAASN,SAEnBS,IAACC,MAAY,CAACT,UAAWC,EAAeF,SACtCS,IAACC,QAAc,CAACJ,SAAUA,EAAUL,UAAWE,EAAiBH,SAC7DA,OAKX,CAnCAF,KAAKa,aAAe,CAClBP,YAAa,OACbC,MAAO,0BAGTP,KAAKc,IAAMA"}