@foxford/ui 2.39.0-beta-cbc88d8-20240820 → 2.39.0-beta-22709eb-20240820

package/components/Amount/data/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/components/Amount/data/index.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nexport enum CurrencyCodes {\n  ALL = 'ALL',\n  AFN = 'AFN',\n  ARS = 'ARS',\n  AWG = 'AWG',\n  AUD = 'AUD',\n  AZN = 'AZN',\n  BSD = 'BSD',\n  BBD = 'BBD',\n  BYR = 'BYR',\n  BZD = 'BZD',\n  BMD = 'BMD',\n  BOB = 'BOB',\n  BAM = 'BAM',\n  BWP = 'BWP',\n  BGN = 'BGN',\n  BRL = 'BRL',\n  BND = 'BND',\n  KHR = 'KHR',\n  CAD = 'CAD',\n  KYD = 'KYD',\n  CLP = 'CLP',\n  CNY = 'CNY',\n  COP = 'COP',\n  CRC = 'CRC',\n  HRK = 'HRK',\n  CUP = 'CUP',\n  CZK = 'CZK',\n  DKK = 'DKK',\n  DOP = 'DOP',\n  XCD = 'XCD',\n  EGP = 'EGP',\n  SVC = 'SVC',\n  EEK = 'EEK',\n  EUR = 'EUR',\n  FKP = 'FKP',\n  FJD = 'FJD',\n  FRF = 'FRF',\n  GHC = 'GHC',\n  GIP = 'GIP',\n  GTQ = 'GTQ',\n  GGP = 'GGP',\n  GYD = 'GYD',\n  HNL = 'HNL',\n  HKD = 'HKD',\n  HUF = 'HUF',\n  ISK = 'ISK',\n  INR = 'INR',\n  IDR = 'IDR',\n  IRR = 'IRR',\n  IMP = 'IMP',\n  ILS = 'ILS',\n  JMD = 'JMD',\n  JPY = 'JPY',\n  JEP = 'JEP',\n  KZT = 'KZT',\n  KGS = 'KGS',\n  LAK = 'LAK',\n  LVL = 'LVL',\n  LBP = 'LBP',\n  LRD = 'LRD',\n  LTL = 'LTL',\n  MKD = 'MKD',\n  MYR = 'MYR',\n  MUR = 'MUR',\n  MXN = 'MXN',\n  MNT = 'MNT',\n  MZN = 'MZN',\n  NAD = 'NAD',\n  NPR = 'NPR',\n  ANG = 'ANG',\n  NZD = 'NZD',\n  NIO = 'NIO',\n  NGN = 'NGN',\n  KPW = 'KPW',\n  NOK = 'NOK',\n  OMR = 'OMR',\n  PKR = 'PKR',\n  PAB = 'PAB',\n  PYG = 'PYG',\n  PEN = 'PEN',\n  PHP = 'PHP',\n  PLN = 'PLN',\n  QAR = 'QAR',\n  RON = 'RON',\n  RUR = 'RUR',\n  RUB = 'RUB',\n  SHP = 'SHP',\n  SAR = 'SAR',\n  RSD = 'RSD',\n  SCR = 'SCR',\n  SGD = 'SGD',\n  SBD = 'SBD',\n  SOS = 'SOS',\n  ZAR = 'ZAR',\n  KRW = 'KRW',\n  LKR = 'LKR',\n  SEK = 'SEK',\n  CHF = 'CHF',\n  SRD = 'SRD',\n  SYP = 'SYP',\n  TWD = 'TWD',\n  THB = 'THB',\n  TTD = 'TTD',\n  TRY = 'TRY',\n  TRL = 'TRL',\n  TVD = 'TVD',\n  UAH = 'UAH',\n  GBP = 'GBP',\n  USD = 'USD',\n  UYU = 'UYU',\n  UZS = 'UZS',\n  VEF = 'VEF',\n  VND = 'VND',\n  YER = 'YER',\n  ZWD = 'ZWD',\n}\n\nexport const CURRENCY_MAP: Readonly<Record<CurrencyCodes, string>> = Object.freeze({\n  ALL: '\\u004C\\u0065\\u006b',\n  AFN: '\\u060B',\n  ARS: '\\u0024',\n  AWG: '\\u0192',\n  AUD: '\\u0024',\n  AZN: '\\u20BC',\n  BSD: '\\u0024',\n  BBD: '\\u0024',\n  BYR: '\\u0042\\u0072',\n  BZD: '\\u0042\\u005a\\u0024',\n  BMD: '\\u0024',\n  BOB: '\\u0024\\u0062',\n  BAM: '\\u004B\\u004d',\n  BWP: '\\u0050',\n  BGN: '\\u043B\\u0432',\n  BRL: '\\u0052\\u0024',\n  BND: '\\u0024',\n  KHR: '\\u17DB',\n  CAD: '\\u0043\\u0024',\n  KYD: '\\u0024',\n  CLP: '\\u0024',\n  CNY: '\\u00A5',\n  COP: '\\u0024',\n  CRC: '\\u20A1',\n  HRK: '\\u006B\\u006e',\n  CUP: '\\u20B1',\n  CZK: '\\u004B\\u010d',\n  DKK: '\\u006B\\u0072',\n  DOP: '\\u0052\\u0044\\u0024',\n  XCD: '\\u0024',\n  EGP: '\\u00A3',\n  SVC: '\\u0024',\n  EEK: '\\u006B\\u0072',\n  EUR: '\\u20AC',\n  FKP: '\\u00A3',\n  FJD: '\\u0024',\n  FRF: '\\u20A3',\n  GHC: '\\u00A2',\n  GIP: '\\u00A3',\n  GTQ: '\\u0051',\n  GGP: '\\u00A3',\n  GYD: '\\u0024',\n  HNL: '\\u004C',\n  HKD: '\\u0024',\n  HUF: '\\u0046\\u0074',\n  ISK: '\\u006B\\u0072',\n  INR: '\\u20A8',\n  IDR: '\\u0052\\u0070',\n  IRR: '\\uFDFC',\n  IMP: '\\u00A3',\n  ILS: '\\u20AA',\n  JMD: '\\u004A\\u0024',\n  JPY: '\\u00A5',\n  JEP: '\\u00A3',\n  KZT: '\\u20B8',\n  KGS: '\\u004B\\u0047\\u0053',\n  LAK: '\\u20AD',\n  LVL: '\\u004C\\u0073',\n  LBP: '\\u00A3',\n  LRD: '\\u0024',\n  LTL: '\\u004C\\u0074',\n  MKD: '\\u0434\\u0435\\u043d',\n  MYR: '\\u0052\\u004d',\n  MUR: '\\u20A8',\n  MXN: '\\u0024',\n  MNT: '\\u20AE',\n  MZN: '\\u004D\\u0054',\n  NAD: '\\u0024',\n  NPR: '\\u20A8',\n  ANG: '\\u0192',\n  NZD: '\\u0024',\n  NIO: '\\u0043\\u0024',\n  NGN: '\\u20A6',\n  KPW: '\\u20A9',\n  NOK: '\\u006B\\u0072',\n  OMR: '\\uFDFC',\n  PKR: '\\u20A8',\n  PAB: '\\u0042\\u002f\\u002e',\n  PYG: '\\u0047\\u0073',\n  PEN: '\\u0053\\u002f\\u002e',\n  PHP: '\\u20B1',\n  PLN: '\\u007A\\u0142',\n  QAR: '\\uFDFC',\n  RON: '\\u006C\\u0065\\u0069',\n  RUR: '\\u20BD',\n  RUB: '\\u20BD',\n  SHP: '\\u00A3',\n  SAR: '\\uFDFC',\n  RSD: '\\u0414\\u0438\\u043d\\u002e',\n  SCR: '\\u20A8',\n  SGD: '\\u0024',\n  SBD: '\\u0024',\n  SOS: '\\u0053',\n  ZAR: '\\u0052',\n  KRW: '\\u20A9',\n  LKR: '\\u20A8',\n  SEK: '\\u006B\\u0072',\n  CHF: '\\u0043\\u0048\\u0046',\n  SRD: '\\u0024',\n  SYP: '\\u00A3',\n  TWD: '\\u004E\\u0054\\u0024',\n  THB: '\\u0E3F',\n  TTD: '\\u0054\\u0054\\u0024',\n  TRY: '\\u20A4',\n  TRL: '\\u20A4',\n  TVD: '\\u0024',\n  UAH: '\\u20B4',\n  GBP: '\\u00A3',\n  USD: '\\u0024',\n  UYU: '\\u0024\\u0055',\n  UZS: '\\u043B\\u0432',\n  VEF: '\\u0042\\u0073',\n  VND: '\\u20AB',\n  YER: '\\uFDFC',\n  ZWD: '\\u005A\\u0024',\n})\n"],"names":["CurrencyCodes","CURRENCY_MAP","Object","freeze","ALL","AFN","ARS","AWG","AUD","AZN","BSD","BBD","BYR","BZD","BMD","BOB","BAM","BWP","BGN","BRL","BND","KHR","CAD","KYD","CLP","CNY","COP","CRC","HRK","CUP","CZK","DKK","DOP","XCD","EGP","SVC","EEK","EUR","FKP","FJD","FRF","GHC","GIP","GTQ","GGP","GYD","HNL","HKD","HUF","ISK","INR","IDR","IRR","IMP","ILS","JMD","JPY","JEP","KZT","KGS","LAK","LVL","LBP","LRD","LTL","MKD","MYR","MUR","MXN","MNT","MZN","NAD","NPR","ANG","NZD","NIO","NGN","KPW","NOK","OMR","PKR","PAB","PYG","PEN","PHP","PLN","QAR","RON","RUR","RUB","SHP","SAR","RSD","SCR","SGD","SBD","SOS","ZAR","KRW","LKR","SEK","CHF","SRD","SYP","TWD","THB","TTD","TRY","TRL","TVD","UAH","GBP","USD","UYU","UZS","VEF","VND","YER","ZWD"],"mappings":"AACYA,IAAAA,eAAAA,IAAAA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,EAAa,IAAA,MAAbA,IAAa,UAsHZC,aAAwDC,OAAOC,OAAO,CACjFC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,KACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,OACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,MACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,IACLC,IAAK,KACLC,IAAK,KACLC,IAAK,KACLC,IAAK,IACLC,IAAK,IACLC,IAAK"}

package/components/Amount/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var styled__default=_interopDefault(styled);const crossedOut=styled.css(["text-decoration:line-through;"]);const Root=styled__default.default.span.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Amount__Root",componentId:"ui__sc-gtdwkg-0"})(["color:inherit;white-space:nowrap;",""],(t=>t.crossedOut?crossedOut:null));exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Amount/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Amount/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { AmountProps } from './Amount'\n\nconst crossedOut = css`\n  text-decoration: line-through;\n`\n\nexport const Root = styled.span.withConfig<AmountProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  color: inherit;\n  white-space: nowrap;\n  ${(props) => (props.crossedOut ? crossedOut : null)}\n`\n"],"names":["crossedOut","css","Root","styled","span","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props"],"mappings":"kKAGA,MAAMA,WAAaC,OAAGA,IAErB,CAAA,kCAEM,MAAMC,KAAOC,gBAAAA,QAAOC,KAAKC,WAAwB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,eAAAC,YAAA,mBAFkBP,CAKfQ,CAAAA,oCAAAA,KAAAA,GAAWA,EAAMX,WAAaA,WAAa"}

package/components/Amount/style.mjs

@@ -1 +1,2 @@
 import styled,{css}from'styled-components';const crossedOut=css(["text-decoration:line-through;"]);const Root=styled.span.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({displayName:"Amount__Root",componentId:"ui__sc-gtdwkg-0"})(["color:inherit;white-space:nowrap;",""],(o=>o.crossedOut?crossedOut:null));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Amount/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Amount/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { AmountProps } from './Amount'\n\nconst crossedOut = css`\n  text-decoration: line-through;\n`\n\nexport const Root = styled.span.withConfig<AmountProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  color: inherit;\n  white-space: nowrap;\n  ${(props) => (props.crossedOut ? crossedOut : null)}\n`\n"],"names":["crossedOut","css","Root","styled","span","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props"],"mappings":"2CAGA,MAAMA,WAAaC,IAElB,CAAA,kCAEM,MAAMC,KAAOC,OAAOC,KAAKC,WAAwB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,eAAAC,YAAA,mBAFkBP,CAKfQ,CAAAA,oCAAAA,KAAAA,GAAWA,EAAMX,WAAaA,WAAa"}

package/components/Anchor/Anchor.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var reactRouterDom=require('react-router-dom');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Anchor=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="inherit",autoRel:t=!0,textProps:o={},iconProps:n={},icon:i,children:a,content:c,...u}=e;const d=styled.useTheme();const l=useClassname.useClassname("Anchor",u.className);const p=d.utils?.relBuilder;const h=u.href??u.to;const m=u.rel??(t&&p&&typeof h=='string'?p(h,u.target):void 0);const[q,v]=Array.isArray(i)?i:[i];const $={as:'span',size:'inherit',color:'inherit',underline:u.underline,marginLeft:q?'0.25em':void 0,marginRight:v?'0.25em':void 0};const x={as:'span',color:'inherit'};let g;return u.to&&(g=reactRouterDom.Link),u.pseudo&&(g='div'),u.disabled&&(g='span'),u.as&&(g=u.as),require$$0.jsx(style.Root,{...u,ref:r,as:g,className:l,size:s,rel:m,"data-disabled":u.disabled,children:typeof a=='function'?a({baseTextProps:$,textProps:o,iconBaseProps:x,iconProps:n,icon:i}):e.preset==='brand'?require$$0.jsxs(require$$0.Fragment,{children:[q&&require$$0.jsx(Icon.Icon,{name:typeof q=='string'?q:void 0,icon:typeof q!='string'?q:void 0,...x,...n}),require$$0.jsx(Text.Text,{...$,...o,children:a||c}),v&&require$$0.jsx(Icon.Icon,{name:typeof v=='string'?v:void 0,icon:typeof v!='string'?v:void 0,...x,...n})]}):require$$0.jsx(require$$0.Fragment,{children:a||c})})})),{displayName:"Anchor",sizes:constants.SIZES});exports.Anchor=Anchor,exports.COMPONENT_NAME="Anchor";
+//# sourceMappingURL=Anchor.js.map

package/components/Anchor/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { AnchorProps } from './types'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Component accepts all \\<a\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)\n */\nconst Anchor: React.ForwardRefExoticComponent<AnchorProps> = withMergedProps<AnchorProps, HTMLAnchorElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'inherit',\n      autoRel = true,\n      textProps = {},\n      iconProps = {},\n      icon,\n      children,\n      content,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n    const relBuilder = theme.utils?.relBuilder\n    const href = restProps.href ?? restProps.to\n\n    const rel =\n      restProps.rel ??\n      (autoRel && relBuilder && typeof href === 'string' ? relBuilder(href, restProps.target) : undefined)\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      underline: restProps.underline,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    let rootNode\n    if (restProps.to) rootNode = Link\n    if (restProps.pseudo) rootNode = 'div'\n    if (restProps.disabled) rootNode = 'span'\n    if (restProps.as) rootNode = restProps.as\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        as={rootNode}\n        className={className}\n        size={size}\n        rel={rel}\n        data-disabled={restProps.disabled}\n      >\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : props.preset === 'brand' ? (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            <Text {...baseTextProps} {...textProps}>\n              {children || content}\n            </Text>\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        ) : (\n          <>{children || content}</>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Anchor, COMPONENT_NAME }\n"],"names":["Anchor","withMergedProps","forwardRef","props","ref","size","autoRel","textProps","iconProps","icon","children","content","restProps","theme","useTheme","className","useClassname","relBuilder","utils","href","to","rel","target","undefined","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","marginRight","iconBaseProps","rootNode","Link","pseudo","disabled","_jsx","Styled","preset","_jsxs","_Fragment","jsx","Icon","name","Text","displayName","sizes","SIZES"],"mappings":"gbAyBMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,UAASC,QAChBA,GAAU,EAAIC,UACdA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,KACdA,EAAIC,SACJA,EAAQC,QACRA,KACGC,GACDT,EAEJ,MAAMU,EAAQC,OAAAA,WAEd,MAAMC,EAAYC,aAAYA,aA3BX,SA2B4BJ,EAAUG,WACzD,MAAME,EAAaJ,EAAMK,OAAOD,WAChC,MAAME,EAAOP,EAAUO,MAAQP,EAAUQ,GAEzC,MAAMC,EACJT,EAAUS,MACTf,GAAWW,UAAqBE,GAAS,SAAWF,EAAWE,EAAMP,EAAUU,aAAUC,GAE5F,MAAOC,EAAQC,GAASC,MAAMC,QAAQlB,GAAQA,EAAO,CAACA,GAEtD,MAAMmB,EAA2B,CAC/BC,GAAI,OACJxB,KAAM,UACNyB,MAAO,UACPC,UAAWnB,EAAUmB,UACrBC,WAAYR,EAAS,cAAWD,EAChCU,YAAaR,EAAQ,cAAWF,GAGlC,MAAMW,EAA2B,CAAEL,GAAI,OAAQC,MAAO,WAEtD,IAAIK,EAMJ,OALIvB,EAAUQ,KAAIe,EAAWC,qBACzBxB,EAAUyB,SAAQF,EAAW,OAC7BvB,EAAU0B,WAAUH,EAAW,QAC/BvB,EAAUiB,KAAIM,EAAWvB,EAAUiB,IAGrCU,WAAAA,IAACC,MAAAA,KAAW,IACN5B,EACJR,IAAKA,EACLyB,GAAIM,EACJpB,UAAWA,EACXV,KAAMA,EACNgB,IAAKA,EACL,gBAAeT,EAAU0B,SAAS5B,gBAE1BA,GAAa,WACnBA,EAAS,CAAEkB,gBAAerB,YAAW2B,gBAAe1B,YAAWC,SAC7DN,EAAMsC,SAAW,QACnBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAjC,SACGc,CAAAA,GACCe,WAAAK,IAACC,UAAI,CACHC,YAAatB,GAAW,SAAWA,OAASD,EAC5Cd,YAAae,GAAW,SAAWA,OAASD,KACxCW,KACA1B,IAGR+B,WAAAK,IAACG,UAAI,IAAKnB,KAAmBrB,EAASG,SACnCA,GAAYC,IAEdc,GACCc,WAAAK,IAACC,UAAI,CACHC,YAAarB,GAAU,SAAWA,OAAQF,EAC1Cd,YAAagB,GAAU,SAAWA,OAAQF,KACtCW,KACA1B,OAKV+B,WAAAK,IAAAD,oBAAA,CAAAjC,SAAGA,GAAYC,KAEL,IAGlB,CACEqC,YA/FmB,SAgGnBC,MAAOC,UAAAA,qDAhGY"}

package/components/Anchor/Anchor.mjs

@@ -1 +1,2 @@
 import{forwardRef}from'react';import{Link}from'react-router-dom';import{useTheme}from'styled-components';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES}from'./constants.mjs';import{Root}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Anchor';const Anchor=withMergedProps(forwardRef(((o,e)=>{const{size:s="inherit",autoRel:r=!0,textProps:t={},iconProps:n={},icon:i,children:m,content:a,...c}=o;const d=useTheme();const p=useClassname("Anchor",c.className);const l=d.utils?.relBuilder;const f=c.href??c.to;const h=c.rel??(r&&l&&typeof f=='string'?l(f,c.target):void 0);const[x,g]=Array.isArray(i)?i:[i];const j={as:'span',size:'inherit',color:'inherit',underline:c.underline,marginLeft:x?'0.25em':void 0,marginRight:g?'0.25em':void 0};const u={as:'span',color:'inherit'};let y;return c.to&&(y=Link),c.pseudo&&(y='div'),c.disabled&&(y='span'),c.as&&(y=c.as),jsx(Root,{...c,ref:e,as:y,className:p,size:s,rel:h,"data-disabled":c.disabled,children:typeof m=='function'?m({baseTextProps:j,textProps:t,iconBaseProps:u,iconProps:n,icon:i}):o.preset==='brand'?jsxs(Fragment,{children:[x&&jsx(Icon,{name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...u,...n}),jsx(Text,{...j,...t,children:m||a}),g&&jsx(Icon,{name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0,...u,...n})]}):jsx(Fragment,{children:m||a})})})),{displayName:"Anchor",sizes:SIZES});export{Anchor,COMPONENT_NAME};
+//# sourceMappingURL=Anchor.mjs.map

package/components/Anchor/Anchor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.mjs","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { AnchorProps } from './types'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Component accepts all \\<a\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)\n */\nconst Anchor: React.ForwardRefExoticComponent<AnchorProps> = withMergedProps<AnchorProps, HTMLAnchorElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'inherit',\n      autoRel = true,\n      textProps = {},\n      iconProps = {},\n      icon,\n      children,\n      content,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n    const relBuilder = theme.utils?.relBuilder\n    const href = restProps.href ?? restProps.to\n\n    const rel =\n      restProps.rel ??\n      (autoRel && relBuilder && typeof href === 'string' ? relBuilder(href, restProps.target) : undefined)\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      underline: restProps.underline,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    let rootNode\n    if (restProps.to) rootNode = Link\n    if (restProps.pseudo) rootNode = 'div'\n    if (restProps.disabled) rootNode = 'span'\n    if (restProps.as) rootNode = restProps.as\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        as={rootNode}\n        className={className}\n        size={size}\n        rel={rel}\n        data-disabled={restProps.disabled}\n      >\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : props.preset === 'brand' ? (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            <Text {...baseTextProps} {...textProps}>\n              {children || content}\n            </Text>\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        ) : (\n          <>{children || content}</>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Anchor, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Anchor","withMergedProps","forwardRef","props","ref","size","autoRel","textProps","iconProps","icon","children","content","restProps","theme","useTheme","className","useClassname","relBuilder","utils","href","to","rel","target","undefined","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","marginRight","iconBaseProps","rootNode","Link","pseudo","disabled","_jsx","Styled","preset","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","SIZES"],"mappings":"oZAaMA,MAAAA,eAAiB,SAYjBC,MAAAA,OAAuDC,gBAC3DC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,UAASC,QAChBA,GAAU,EAAIC,UACdA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,KACdA,EAAIC,SACJA,EAAQC,QACRA,KACGC,GACDT,EAEJ,MAAMU,EAAQC,WAEd,MAAMC,EAAYC,aA3BC,SA2B4BJ,EAAUG,WACzD,MAAME,EAAaJ,EAAMK,OAAOD,WAChC,MAAME,EAAOP,EAAUO,MAAQP,EAAUQ,GAEzC,MAAMC,EACJT,EAAUS,MACTf,GAAWW,UAAqBE,GAAS,SAAWF,EAAWE,EAAMP,EAAUU,aAAUC,GAE5F,MAAOC,EAAQC,GAASC,MAAMC,QAAQlB,GAAQA,EAAO,CAACA,GAEtD,MAAMmB,EAA2B,CAC/BC,GAAI,OACJxB,KAAM,UACNyB,MAAO,UACPC,UAAWnB,EAAUmB,UACrBC,WAAYR,EAAS,cAAWD,EAChCU,YAAaR,EAAQ,cAAWF,GAGlC,MAAMW,EAA2B,CAAEL,GAAI,OAAQC,MAAO,WAEtD,IAAIK,EAMJ,OALIvB,EAAUQ,KAAIe,EAAWC,MACzBxB,EAAUyB,SAAQF,EAAW,OAC7BvB,EAAU0B,WAAUH,EAAW,QAC/BvB,EAAUiB,KAAIM,EAAWvB,EAAUiB,IAGrCU,IAACC,KAAW,IACN5B,EACJR,IAAKA,EACLyB,GAAIM,EACJpB,UAAWA,EACXV,KAAMA,EACNgB,IAAKA,EACL,gBAAeT,EAAU0B,SAAS5B,gBAE1BA,GAAa,WACnBA,EAAS,CAAEkB,gBAAerB,YAAW2B,gBAAe1B,YAAWC,SAC7DN,EAAMsC,SAAW,QACnBC,KAAAC,SAAA,CAAAjC,SACGc,CAAAA,GACCe,IAACK,KAAI,CACHC,YAAarB,GAAW,SAAWA,OAASD,EAC5Cd,YAAae,GAAW,SAAWA,OAASD,KACxCW,KACA1B,IAGR+B,IAACO,KAAI,IAAKlB,KAAmBrB,EAASG,SACnCA,GAAYC,IAEdc,GACCc,IAACK,KAAI,CACHC,YAAapB,GAAU,SAAWA,OAAQF,EAC1Cd,YAAagB,GAAU,SAAWA,OAAQF,KACtCW,KACA1B,OAKV+B,IAAAI,SAAA,CAAAjC,SAAGA,GAAYC,KAEL,IAGlB,CACEoC,YA/FmB,SAgGnBC,MAAOC"}

package/components/Anchor/constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES={xxxl:{fontSize:24},xxl:{fontSize:22},xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12},xxs:{fontSize:10},xxxs:{fontSize:8}};
+//# sourceMappingURL=constants.js.map

package/components/Anchor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Anchor/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 22,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n  xxs: {\n    fontSize: 10,\n  },\n  xxxs: {\n    fontSize: 8,\n  },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Anchor/constants.mjs

@@ -1 +1,2 @@
 const SIZES={xxxl:{fontSize:24},xxl:{fontSize:22},xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:12},xxs:{fontSize:10},xxxs:{fontSize:8}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/Anchor/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Anchor/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 22,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n  xxs: {\n    fontSize: 10,\n  },\n  xxxs: {\n    fontSize: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Anchor/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var display=require('../../mixins/display.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardAnchorProp=style.createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:styled.css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor.default(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor.default(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled__default.default.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(o=>o.display&&display.display(o.display)),(o=>o.color&&`color: ${color.getColor(o.color,o)};`));exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Anchor/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"4jBAYA,MAAMA,wBAA0BC,MAAAA,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,mCAEND,EAAQE,8CAGRF,EAAQC,wDAGRD,EAAQG,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfY,QAASN,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,UAASR,QAACE,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfgB,UAAWV,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,UAASR,QAACE,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMP,aAUV,MAAMkB,KAAOC,gBAAAA,QAAOC,EAAEC,WAA8B,CACzDC,kBAAmB3B,0BACnB0B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,+LAMCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,uMAOA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCAnCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SAyCpEyB,MAAKA,MACLC,8BACAC,iBAAAA,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAOA,QAAC1B,EAAM0B,WACzC1B,GAAUA,EAAMN,OAAS,UAAUiC,eAAS3B,EAAMN,MAAOM"}

package/components/Anchor/style.mjs

@@ -1 +1,2 @@
 import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{display}from'../../mixins/display.mjs';const shouldForwardAnchorProp=createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus,responsiveSize,responsiveMargin,(o=>o.display&&display(o.display)),(o=>o.color&&`color: ${getColor(o.color,o)};`));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Anchor/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"mdAYA,MAAMA,wBAA0BC,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,mCAEND,EAAQE,8CAGRF,EAAQC,wDAGRD,EAAQG,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfY,QAASN,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfgB,UAAWV,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMP,aAUV,MAAMkB,KAAOC,OAAOC,EAAEC,WAA8B,CACzDC,kBAAmB3B,0BACnB0B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,+LAMCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,uMAOA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCAnCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SAyCpEyB,MACAC,eACAC,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMN,OAAS,UAAUiC,SAAS3B,EAAMN,MAAOM"}

package/components/Arrow/Arrow.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef(((r,e)=>{const{type:s="button",size:t="l",iconProps:o={},...n}=r;return require$$0.jsx(style.Root,{...n,type:s,size:t,ref:e,children:require$$0.jsx(Icon.Icon,{name:n.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...o})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";
+//# sourceMappingURL=Arrow.js.map

package/components/Arrow/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\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 [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_jsx","Styled","children","jsx","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAsBMA,MAAAA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,KAAKC,GAAcL,EAItE,OACEM,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIO,SAC3DF,WAAAG,IAACC,UAAI,CAACC,KAAMN,EAAUO,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCV,KAC/E,IAGlB,CACEW,YAzBmB,QA0BnBC,MAAQhB,GAAWA,EAAMY,SAAW,QAAUK,UAAKA,MAAGC,iBAAAA,2DA1BnC"}

package/components/Arrow/Arrow.mjs

@@ -1 +1,2 @@
 import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef(((r,o)=>{const{type:t="button",size:s="l",iconProps:e={},...m}=r;return jsx(Root,{...m,type:t,size:s,ref:o,children:jsx(Icon,{name:m.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...e})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};
+//# sourceMappingURL=Arrow.mjs.map

package/components/Arrow/Arrow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\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 [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_jsx","Styled","children","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oRAUMA,MAAAA,eAAiB,QAYjBC,MAAAA,MAAqDC,gBACzDC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,KAAKC,GAAcL,EAItE,OACEM,IAACC,KAAW,IAAKF,EAAWH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIO,SAC3DF,IAACG,KAAI,CAACC,KAAML,EAAUM,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCT,KAC/E,IAGlB,CACEU,YAzBmB,QA0BnBC,MAAQf,GAAWA,EAAMW,SAAW,QAAUK,MAAQC"}

package/components/Arrow/constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES={xxxl:{width:60,height:60,fontSize:28},xxl:{width:56,height:56,fontSize:28},xl:{width:52,height:52,fontSize:28},l:{width:48,height:48,fontSize:24},m:{width:44,height:44,fontSize:24},s:{width:40,height:40,fontSize:24},xs:{width:36,height:36,fontSize:20},xxs:{width:32,height:32,fontSize:20},xxxs:{width:28,height:28,fontSize:20}};
+//# sourceMappingURL=constants.js.map

package/components/Arrow/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Arrow/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 60,\n    height: 60,\n    fontSize: 28,\n  },\n  xxl: {\n    width: 56,\n    height: 56,\n    fontSize: 28,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 28,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 24,\n  },\n  m: {\n    width: 44,\n    height: 44,\n    fontSize: 24,\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 24,\n  },\n  xs: {\n    width: 36,\n    height: 36,\n    fontSize: 20,\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 20,\n  },\n  xxxs: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n  },\n}\n"],"names":["xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/constants.mjs

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

package/components/Arrow/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Arrow/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 60,\n    height: 60,\n    fontSize: 28,\n  },\n  xxl: {\n    width: 56,\n    height: 56,\n    fontSize: 28,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 28,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 24,\n  },\n  m: {\n    width: 44,\n    height: 44,\n    fontSize: 24,\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 24,\n  },\n  xs: {\n    width: 36,\n    height: 36,\n    fontSize: 20,\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 20,\n  },\n  xxxs: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/default-constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES_DEFAULT={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};
+//# sourceMappingURL=default-constants.js.map

package/components/Arrow/default-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"mCAEoC,CAClCA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/default-constants.mjs

@@ -1 +1,2 @@
 const SIZES_DEFAULT={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};export{SIZES_DEFAULT};
+//# sourceMappingURL=default-constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.mjs","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,cAAuB,CAClCC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardArrowProp=style.createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={onColored:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({displayName:"Arrow__Root",componentId:"ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Arrow/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst defaultDisabledStyles = `\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","theme","colors","transparent","tinycolor","default","darken","toString","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Arrow/style.mjs

@@ -1 +1,2 @@
 import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.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';const shouldForwardArrowProp=createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={onColored:{outline:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({displayName:"Arrow__Root",componentId:"ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus,responsiveSize,responsiveMargin);export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Arrow/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst defaultDisabledStyles = `\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/ArrowBadge/ArrowBadge.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const ArrowBadge=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",textProps:s={},children:i,left:o,right:a,fancy:n,...c}=e;const d={as:'div',size:'inherit',color:'inherit'};return require$$0.jsxs(style.Root,{...c,size:t,left:o,right:a,fancy:n,ref:r,children:[require$$0.jsx(style.Edge,{left:o,fancy:n}),require$$0.jsx(style.Content,{children:typeof i=='function'?i({baseTextProps:d,textProps:s}):require$$0.jsx(Text.Text,{...d,...s,children:i})}),require$$0.jsx(style.Edge,{right:a,fancy:n,after:!0})]})})),{displayName:"ArrowBadge",sizes:constants.SIZES});exports.ArrowBadge=ArrowBadge,exports.COMPONENT_NAME="ArrowBadge";
+//# sourceMappingURL=ArrowBadge.js.map

package/components/ArrowBadge/ArrowBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\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        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","jsx","Text","after","displayName","sizes","SIZES"],"mappings":"6PAoBMA,MAAAA,WAA+DC,gBAAAA,gBACnEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SACvFU,CAAAA,WAAAC,IAACF,WAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,WAAAC,IAACF,cAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,WAAAC,IAACC,UAAI,IAAKP,KAAmBN,EAASC,SACnCA,MAIPU,WAAAC,IAACF,WAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOU,OAAK,MAClC,IAGlB,CACEC,YAnCmB,aAoCnBC,MAAOC,UAAAA,6DApCY"}

package/components/ArrowBadge/ArrowBadge.mjs

@@ -1 +1,2 @@
 import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Edge,Content}from'./style.mjs';import{SIZES}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='ArrowBadge';const ArrowBadge=withMergedProps(forwardRef(((r,e)=>{const{size:t="m",textProps:o={},children:s,left:i,right:n,fancy:f,...m}=r;const a={as:'div',size:'inherit',color:'inherit'};return jsxs(Root,{...m,size:t,left:i,right:n,fancy:f,ref:e,children:[jsx(Edge,{left:i,fancy:f}),jsx(Content,{children:typeof s=='function'?s({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:s})}),jsx(Edge,{right:n,fancy:f,after:!0})]})})),{displayName:"ArrowBadge",sizes:SIZES});export{ArrowBadge,COMPONENT_NAME};
+//# sourceMappingURL=ArrowBadge.mjs.map

package/components/ArrowBadge/ArrowBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowBadge.mjs","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\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        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","Text","after","displayName","sizes","SIZES"],"mappings":"mPAQMA,MAAAA,eAAiB,aAYjBC,MAAAA,WAA+DC,gBACnEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,KAACC,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SACvFU,CAAAA,IAACD,KAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,IAACD,QAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,IAACC,KAAI,IAAKN,KAAmBN,EAASC,SACnCA,MAIPU,IAACD,KAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOS,OAAK,MAClC,IAGlB,CACEC,YAnCmB,aAoCnBC,MAAOC"}

package/components/ArrowBadge/constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};
+//# sourceMappingURL=constants.js.map

package/components/ArrowBadge/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/ArrowBadge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 64,\n    fontSize: 36,\n  },\n  xxl: {\n    height: 60,\n    fontSize: 34,\n  },\n  xl: {\n    height: 54,\n    fontSize: 32,\n  },\n  l: {\n    height: 48,\n    fontSize: 28,\n  },\n  m: {\n    height: 40,\n    fontSize: 22,\n  },\n  s: {\n    height: 32,\n    fontSize: 16,\n  },\n  xs: {\n    height: 24,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 16,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,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/ArrowBadge/constants.mjs

@@ -1 +1,2 @@
 const SIZES={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/ArrowBadge/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/ArrowBadge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 64,\n    fontSize: 36,\n  },\n  xxl: {\n    height: 60,\n    fontSize: 34,\n  },\n  xl: {\n    height: 54,\n    fontSize: 32,\n  },\n  l: {\n    height: 48,\n    fontSize: 28,\n  },\n  m: {\n    height: 40,\n    fontSize: 22,\n  },\n  s: {\n    height: 32,\n    fontSize: 16,\n  },\n  xs: {\n    height: 24,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 16,\n    fontSize: 10,\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/ArrowBadge/images/arrow.svg.js

@@ -1 +1,2 @@
 '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",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));
+//# sourceMappingURL=arrow.svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.svg.js","sources":["../../../../../src/components/ArrowBadge/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  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 20 18 0h2v40h-2z\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","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,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

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

@@ -1 +1,2 @@
 import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},_extends.apply(null,arguments)}const SvgArrow=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));export{SvgArrow as default};
+//# sourceMappingURL=arrow.svg.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.svg.mjs","sources":["../../../../../src/components/ArrowBadge/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  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 20 18 0h2v40h-2z\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgArrow","props","React","createElement","xmlns","viewBox","fill","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,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/fancy.svg.js

@@ -1 +1,2 @@
 '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",viewBox:"0 0 28 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));
+//# sourceMappingURL=fancy.svg.js.map

package/components/ArrowBadge/images/fancy.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fancy.svg.js","sources":["../../../../../src/components/ArrowBadge/images/fancy.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 SvgFancy = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 28 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M2 0h26v40H2l18-20z\"\n})));\nexport default SvgFancy;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","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,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/fancy.svg.mjs

@@ -1 +1,2 @@
 import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)({}).hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},_extends.apply(null,arguments)}const SvgFancy=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));export{SvgFancy as default};
+//# sourceMappingURL=fancy.svg.mjs.map

package/components/ArrowBadge/images/fancy.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fancy.svg.mjs","sources":["../../../../../src/components/ArrowBadge/images/fancy.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 SvgFancy = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 28 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M2 0h26v40H2l18-20z\"\n})));\nexport default SvgFancy;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgFancy","props","React","createElement","xmlns","viewBox","fill","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,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/rectangle.svg.js

@@ -1 +1,2 @@
 '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",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));
+//# sourceMappingURL=rectangle.svg.js.map

package/components/ArrowBadge/images/rectangle.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.svg.js","sources":["../../../../../src/components/ArrowBadge/images/rectangle.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 SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","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,iBAE/PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC7EgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/rectangle.svg.mjs

@@ -1 +1,2 @@
 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 a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}const SvgRectangle=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));export{SvgRectangle as default};
+//# sourceMappingURL=rectangle.svg.mjs.map

package/components/ArrowBadge/images/rectangle.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.svg.mjs","sources":["../../../../../src/components/ArrowBadge/images/rectangle.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 SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgRectangle","props","React","createElement","xmlns","viewBox","fill","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,aAAeC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC7EiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var arrow=require('./images/arrow.svg.js');var rectangle=require('./images/rectangle.svg.js');var fancy=require('./images/fancy.svg.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardArrowBadgeProp=style.createShouldForwardProp((e=>!['left','right','fancy'].includes(e)));const Content=styled__default.default.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled__default.default.svg.withConfig({shouldForwardProp:()=>!1}).attrs((e=>{let r=rectangle.default;return e.fancy&&(r=fancy.default),(e.left||e.right)&&(r=arrow.default),{as:r}})).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(e=>e.after&&'transform: rotate(180deg);'));const template=e=>`\n  & > ${Content} {\n    color: ${e.color};\n    background-color: ${e.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${e.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-primary-200'],...e.palette}))),secondary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-secondary-200'],...e.palette}))),tertiary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-tertiary-200'],...e.palette}))),quaternary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-quaternary-200'],...e.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(e,r)=>({height:'1.8em',fontSize:typeof e=='string'?e:`${e}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(e=>{let r=0;let o=0;return(e.fancy||e.right)&&(r=.4),(e.fancy||e.left)&&(o=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${o}em;\n      }\n    `}),(e=>e.quaternary?COLOR_SCHEMA.quaternary:e.tertiary?COLOR_SCHEMA.tertiary:e.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(e=>e.color&&`& > ${Content} {\n       color: ${color.getColor(e.color,e)};\n     }`),(e=>e.backgroundColor&&`& > ${Content} {\n       background-color: ${color.getColor(e.backgroundColor,e)};\n     }\n     & > ${Edge} {\n       color: ${color.getColor(e.backgroundColor,e)};\n     }`));exports.Content=Content,exports.Edge=Edge,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/ArrowBadge/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp((propKey) => !['left', 'right', 'fancy'].includes(propKey))\n\nexport const Content = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n  .withConfig({ shouldForwardProp: () => false })\n  .attrs((props: StyledArrowBadgeEdgeProps) => {\n    let Shape = Rectangle\n\n    if (props.fancy) Shape = Fancy\n    if (props.left || props.right) Shape = Arrow\n\n    return { as: Shape }\n  })<StyledArrowBadgeEdgeProps>`\n  flex-shrink: 0;\n  height: 100%;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-200'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledArrowBadgeProps>({\n    shouldForwardProp: shouldForwardArrowBadgeProp,\n  })\n  .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '1.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    let paddingRight = 0\n    let paddingLeft = 0\n\n    if (props.fancy || props.right) paddingRight = 0.4\n    if (props.fancy || props.left) paddingLeft = 0.4\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${paddingRight}em;\n        padding-left: ${paddingLeft}em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.quaternary) return COLOR_SCHEMA.quaternary\n    if (props.tertiary) return COLOR_SCHEMA.tertiary\n    if (props.secondary) return COLOR_SCHEMA.secondary\n\n    return COLOR_SCHEMA.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) =>\n    props.color &&\n    `& > ${Content} {\n       color: ${getColor(props.color, props)};\n     }`}\n  ${(props) =>\n    props.backgroundColor &&\n    `& > ${Content} {\n       background-color: ${getColor(props.backgroundColor, props)};\n     }\n     & > ${Edge} {\n       color: ${getColor(props.backgroundColor, props)};\n     }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","propKey","includes","Content","styled","div","withConfig","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"kjBAWA,MAAMA,4BAA8BC,MAAuBA,yBAAEC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMtB,CAAA,6EAEM,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,gBACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,OAAGA,IAAA,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,OAAGA,IAAA,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,OAAGA,IAAA,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,gBAAAA,QAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MAAKA,MACLC,eAAcA,eACdC,mCAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,eAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,eAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,eAASjC,EAAMa,gBAAiBb"}

package/components/ArrowBadge/style.mjs

@@ -1 +1,2 @@
 import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import SvgArrow from'./images/arrow.svg.mjs';import SvgRectangle from'./images/rectangle.svg.mjs';import SvgFancy from'./images/fancy.svg.mjs';const shouldForwardArrowBadgeProp=createShouldForwardProp((o=>!['left','right','fancy'].includes(o)));const Content=styled.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{let r=SvgRectangle;return o.fancy&&(r=SvgFancy),(o.left||o.right)&&(r=SvgArrow),{as:r}})).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n  & > ${Content} {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-200'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-200'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-200'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-200'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{let r=0;let e=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(e=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${e}em;\n      }\n    `}),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&`& > ${Content} {\n       color: ${getColor(o.color,o)};\n     }`),(o=>o.backgroundColor&&`& > ${Content} {\n       background-color: ${getColor(o.backgroundColor,o)};\n     }\n     & > ${Edge} {\n       color: ${getColor(o.backgroundColor,o)};\n     }`));export{Content,Edge,Root};
+//# sourceMappingURL=style.mjs.map