@sats-group/ui-lib 80.3.0 → 81.0.0

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@sats-group/ui-lib",
-  "version": "80.3.0",
+  "version": "81.0.0",
   "description": "SATS web user interface library",
   "engines": {
     "node": "^18 || ^20",
     "npm": "^8 || ^9 || ^10"
   },
   "scripts": {
-    "build": "run-s clean logos typecheck colour components style-imports",
+    "build": "run-s clean logos typecheck colour components style-imports build:types build:dist",
+    "build:dist": "node build/build.mjs",
+    "build:types": "tsc --project tsconfig.types.json",
     "clean": "node rimraf.mjs",
     "colour": "node codegen/colours.mjs",
     "components": "node codegen/components.mjs",
@@ -39,6 +41,8 @@
     "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.12.2",
     "@typescript-eslint/parser": "^8.12.2",
+    "esbuild": "^0.25.5",
+    "esbuild-plugin-copy": "^2.1.1",
     "eslint": "^9.13.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",

package/react/add-bem-modifiers.d.ts

@@ -0,0 +1,10 @@
+/** Creates modifier classnames of the provided values. The API is similar to `classnames`. All values passed will be prefixed by `className` (the first argument)
+ *
+ * Note that unlike with `classnames`, when an array is passed all elements must be strings
+
+```
+mod("block__element", "something", { "is-active": true });
+// Returns "block__element block__element--something block__element--is-active"
+```
+ */
+export declare function mod(...args: any[]): string;

package/react/add-bem-modifiers.js

@@ -0,0 +1,2 @@
+var u={}.hasOwnProperty;function h(...e){var n=e[0];if(!n)return"";for(var o=[n],i=1;i<e.length;i++){var t=e[i];if(t){var f=typeof t;if(f==="string"||f==="number")o.push(n+"--"+t);else if(Array.isArray(t)){if(t.length)for(var s of t)s&&o.push(n+"--"+s)}else if(f==="object")if(t.toString!==Object.prototype.toString)o.push(n+"--"+t.toString());else for(var r in t)u.call(t,r)&&t[r]&&o.push(n+"--"+r)}}return o.join(" ")}export{h as mod};
+//# sourceMappingURL=add-bem-modifiers.js.map

package/react/add-bem-modifiers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../react/add-bem-modifiers.ts"],
+  "sourcesContent": ["/* eslint-disable no-var, @typescript-eslint/no-explicit-any */\nvar hasOwn = {}.hasOwnProperty;\n\n// NOTE: This is copied from the source of 'classnames' and modified to produce BEM modifier classes. (source: https://github.com/JedWatson/classnames/blob/master/index.js)\n\n/** Creates modifier classnames of the provided values. The API is similar to `classnames`. All values passed will be prefixed by `className` (the first argument)\n *\n * Note that unlike with `classnames`, when an array is passed all elements must be strings\n\n```\nmod(\"block__element\", \"something\", { \"is-active\": true });\n// Returns \"block__element block__element--something block__element--is-active\"\n```\n */\nexport function mod(...args: any[]) {\n  var baseName = args[0];\n  if (!baseName) return '';\n\n  var classes = [baseName];\n\n  for (var i = 1; i < args.length; i++) {\n    var arg = args[i];\n    if (!arg) continue;\n\n    var argType = typeof arg;\n\n    if (argType === 'string' || argType === 'number') {\n      classes.push(baseName + '--' + arg);\n    } else if (Array.isArray(arg)) {\n      if (arg.length) {\n        for (var el of arg) {\n          if (el) {\n            classes.push(baseName + '--' + el);\n          }\n        }\n      }\n    } else if (argType === 'object') {\n      if (arg.toString !== Object.prototype.toString) {\n        classes.push(baseName + '--' + arg.toString());\n      } else {\n        for (var key in arg) {\n          if (hasOwn.call(arg, key) && arg[key]) {\n            classes.push(baseName + '--' + key);\n          }\n        }\n      }\n    }\n  }\n\n  return classes.join(' ');\n}\n"],
+  "mappings": "AACA,IAAIA,EAAS,CAAC,EAAE,eAaT,SAASC,KAAOC,EAAa,CAClC,IAAIC,EAAWD,EAAK,CAAC,EACrB,GAAI,CAACC,EAAU,MAAO,GAItB,QAFIC,EAAU,CAACD,CAAQ,EAEd,EAAI,EAAG,EAAID,EAAK,OAAQ,IAAK,CACpC,IAAIG,EAAMH,EAAK,CAAC,EAChB,GAAKG,EAEL,KAAIC,EAAU,OAAOD,EAErB,GAAIC,IAAY,UAAYA,IAAY,SACtCF,EAAQ,KAAKD,EAAW,KAAOE,CAAG,UACzB,MAAM,QAAQA,CAAG,GAC1B,GAAIA,EAAI,OACN,QAASE,KAAMF,EACTE,GACFH,EAAQ,KAAKD,EAAW,KAAOI,CAAE,UAI9BD,IAAY,SACrB,GAAID,EAAI,WAAa,OAAO,UAAU,SACpCD,EAAQ,KAAKD,EAAW,KAAOE,EAAI,SAAS,CAAC,MAE7C,SAASG,KAAOH,EACVL,EAAO,KAAKK,EAAKG,CAAG,GAAKH,EAAIG,CAAG,GAClCJ,EAAQ,KAAKD,EAAW,KAAOK,CAAG,EAK5C,CAEA,OAAOJ,EAAQ,KAAK,GAAG,CACzB",
+  "names": ["hasOwn", "mod", "args", "baseName", "classes", "arg", "argType", "el", "key"]
+}

package/react/badge/badge.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Badge as Props, variants, themes } from './badge.types';
+declare const Badge: React.FunctionComponent<Props> & {
+    variants: typeof variants;
+    themes: typeof themes;
+};
+export default Badge;

package/react/badge/badge.js

@@ -0,0 +1,2 @@
+import p from"react";import n from"classnames";import{variants as a,themes as r,Types as i}from"./badge.types";import s from"../text";const t=({content:e,theme:m=r.light,variant:o=a.primary})=>p.createElement(s,{size:s.sizes.interface,className:n("badge",`badge--theme-${m}-${o}`,{"badge--padding-tight":e.type===i.Icon}),tight:!0},e.type===i.Numerical&&e.content>=1e3?"999+":e.content);t.variants=a,t.themes=r;var y=t;export{y as default};
+//# sourceMappingURL=badge.js.map

package/react/badge/badge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/badge/badge.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport cn from 'classnames';\n\nimport { Badge as Props, variants, themes, Types } from './badge.types';\nimport Text from '../text';\n\nconst Badge: React.FunctionComponent<Props> & {\n  variants: typeof variants;\n  themes: typeof themes;\n} = ({ content, theme = themes.light, variant = variants.primary }) => (\n  <Text\n    size={Text.sizes.interface}\n    className={cn('badge', `badge--theme-${theme}-${variant}`, {\n      'badge--padding-tight': content.type === Types.Icon,\n    })}\n    tight\n  >\n    {content.type === Types.Numerical\n      ? content.content >= 1000\n        ? '999+'\n        : content.content\n      : content.content}\n  </Text>\n);\n\nBadge.variants = variants;\nBadge.themes = themes;\nexport default Badge;\n"],
+  "mappings": "AAAA,OAAOA,MAAW,QAClB,OAAOC,MAAQ,aAEf,OAAyB,YAAAC,EAAU,UAAAC,EAAQ,SAAAC,MAAa,gBACxD,OAAOC,MAAU,UAEjB,MAAMC,EAGF,CAAC,CAAE,QAAAC,EAAS,MAAAC,EAAQL,EAAO,MAAO,QAAAM,EAAUP,EAAS,OAAQ,IAC/DF,EAAA,cAACK,EAAA,CACC,KAAMA,EAAK,MAAM,UACjB,UAAWJ,EAAG,QAAS,gBAAgBO,CAAK,IAAIC,CAAO,GAAI,CACzD,uBAAwBF,EAAQ,OAASH,EAAM,IACjD,CAAC,EACD,MAAK,IAEJG,EAAQ,OAASH,EAAM,WACpBG,EAAQ,SAAW,IACjB,OAEFA,EAAQ,OACd,EAGFD,EAAM,SAAWJ,EACjBI,EAAM,OAASH,EACf,IAAOO,EAAQJ",
+  "names": ["React", "cn", "variants", "themes", "Types", "Text", "Badge", "content", "theme", "variant", "badge_default"]
+}

package/react/badge/badge.types.d.ts

@@ -0,0 +1,29 @@
+import type { ReactElement } from 'react';
+import type { ObjectValues } from '../types';
+export declare const variants: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+};
+export declare const themes: {
+    readonly light: "light";
+    readonly fixed: "fixed";
+};
+export declare enum Types {
+    Numerical = "Numerical",
+    Icon = "Icon"
+}
+type Icon = {
+    type: Types.Icon;
+    content: ReactElement;
+};
+type Numerical = {
+    type: Types.Numerical;
+    content: number;
+};
+export type Badge = {
+    content: Numerical | Icon;
+    theme?: ObjectValues<typeof themes>;
+    variant?: ObjectValues<typeof variants>;
+};
+export {};

package/react/badge/badge.types.js

@@ -0,0 +1,2 @@
+const r={primary:"primary",secondary:"secondary",tertiary:"tertiary"},a={light:"light",fixed:"fixed"};var t=(e=>(e.Numerical="Numerical",e.Icon="Icon",e))(t||{});export{t as Types,a as themes,r as variants};
+//# sourceMappingURL=badge.types.js.map

package/react/badge/badge.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/badge/badge.types.ts"],
+  "sourcesContent": ["import type { ReactElement } from 'react';\nimport type { ObjectValues } from '../types';\n\nexport const variants = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'tertiary',\n} as const;\n\nexport const themes = {\n  light: 'light',\n  fixed: 'fixed',\n} as const;\n\nexport enum Types {\n  Numerical = 'Numerical',\n  Icon = 'Icon',\n}\n\ntype Icon = {\n  type: Types.Icon;\n  content: ReactElement;\n};\n\ntype Numerical = {\n  type: Types.Numerical;\n  content: number;\n};\n\nexport type Badge = {\n  content: Numerical | Icon;\n  theme?: ObjectValues<typeof themes>;\n  variant?: ObjectValues<typeof variants>;\n};\n"],
+  "mappings": "AAGO,MAAMA,EAAW,CACtB,QAAS,UACT,UAAW,YACX,SAAU,UACZ,EAEaC,EAAS,CACpB,MAAO,QACP,MAAO,OACT,EAEO,IAAKC,OACVA,EAAA,UAAY,YACZA,EAAA,KAAO,OAFGA,OAAA",
+  "names": ["variants", "themes", "Types"]
+}

package/react/badge/index.js

@@ -0,0 +1,2 @@
+import e from"./badge";var r=e;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/badge/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/badge/index.ts"],
+  "sourcesContent": ["import Badge from './badge';\nexport default Badge;\n"],
+  "mappings": "AAAA,OAAOA,MAAW,UAClB,IAAOC,EAAQD",
+  "names": ["Badge", "badge_default"]
+}

package/react/banner/banner.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { Banner as Props } from './banner.types';
+declare const Banner: React.FunctionComponent<Props>;
+export default Banner;

package/react/banner/banner.js

@@ -0,0 +1,2 @@
+import d from"classnames";import n,{useState as y}from"react";import r from"../text";import N from"../visually-hidden";import v from"../icons/18/error";import t from"../icons/18/info";import h from"../icons/18/confirm";import x from"../icons/18/warning-sign";import g from"../icons/18/close";const C={error:n.createElement(v,null),information:n.createElement(t,null),neutral:n.createElement(t,null),success:n.createElement(h,null),warning:n.createElement(x,null)},T=({dismiss:e,icon:s,link:a,list:o,nested:u,text:b,title:i,type:l})=>{const[p,f]=y(!1);if(p)return null;const _=()=>f(!0);return n.createElement("div",{className:d("banner",{"banner--layout-dismissable":!s&&e,"banner--layout-icon":s&&!e,"banner--layout-single":!s&&!e,"banner--layout-triple":s&&e,"banner--nested":u,[`banner--type-${l}`]:l})},s?n.createElement("div",{className:"banner__icon"},C[l]):null,n.createElement("div",{className:"banner__primary"},i?n.createElement("div",{className:"banner__title"},n.createElement(r,{theme:r.themes.emphasis,tight:!0},i)):null,n.createElement(r,{className:"banner__text",size:r.sizes.small},b),o.length?n.createElement(r,{elementName:"ol",className:"banner__list",size:r.sizes.small},o.map(m=>n.createElement("li",{key:m},m))):null,a?n.createElement(r,{className:"banner__link"},n.createElement("a",{className:"banner__anchor",href:a.href},a.text)):null),e?n.createElement("div",{className:"banner__secondary"},n.createElement("button",{className:"banner__dismisser",onClick:_},n.createElement(N,null,e),n.createElement(g,null))):null)};var V=T;export{V as default};
+//# sourceMappingURL=banner.js.map

package/react/banner/banner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/banner/banner.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport React, { useState } from 'react';\n\nimport Text from '../text';\nimport VisuallyHidden from '../visually-hidden';\nimport Error from '../icons/18/error';\nimport Info from '../icons/18/info';\nimport Confirm from '../icons/18/confirm';\nimport WarningSign from '../icons/18/warning-sign';\nimport Close from '../icons/18/close';\n\nimport type { Banner as Props } from './banner.types';\n\nconst typeIcon = {\n  error: <Error />,\n  information: <Info />,\n  neutral: <Info />,\n  success: <Confirm />,\n  warning: <WarningSign />,\n};\n\nconst Banner: React.FunctionComponent<Props> = ({\n  dismiss,\n  icon,\n  link,\n  list,\n  nested,\n  text,\n  title,\n  type,\n}) => {\n  const [isDismissed, setDismissed] = useState(false);\n  if (isDismissed) {\n    return null;\n  }\n\n  const handleClick = () => setDismissed(true);\n\n  return (\n    <div\n      className={cn('banner', {\n        'banner--layout-dismissable': !icon && dismiss,\n        'banner--layout-icon': icon && !dismiss,\n        'banner--layout-single': !icon && !dismiss,\n        'banner--layout-triple': icon && dismiss,\n        'banner--nested': nested,\n        [`banner--type-${type}`]: type,\n      })}\n    >\n      {icon ? <div className=\"banner__icon\">{typeIcon[type]}</div> : null}\n      <div className=\"banner__primary\">\n        {title ? (\n          <div className=\"banner__title\">\n            <Text theme={Text.themes.emphasis} tight>\n              {title}\n            </Text>\n          </div>\n        ) : null}\n        <Text className=\"banner__text\" size={Text.sizes.small}>\n          {text}\n        </Text>\n        {list.length ? (\n          <Text\n            elementName=\"ol\"\n            className=\"banner__list\"\n            size={Text.sizes.small}\n          >\n            {list.map(item => (\n              <li key={item}>{item}</li>\n            ))}\n          </Text>\n        ) : null}\n        {link ? (\n          <Text className=\"banner__link\">\n            <a className=\"banner__anchor\" href={link.href}>\n              {link.text}\n            </a>\n          </Text>\n        ) : null}\n      </div>\n      {dismiss ? (\n        <div className=\"banner__secondary\">\n          <button className=\"banner__dismisser\" onClick={handleClick}>\n            <VisuallyHidden>{dismiss}</VisuallyHidden>\n            <Close />\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Banner;\n"],
+  "mappings": "AAAA,OAAOA,MAAQ,aACf,OAAOC,GAAS,YAAAC,MAAgB,QAEhC,OAAOC,MAAU,UACjB,OAAOC,MAAoB,qBAC3B,OAAOC,MAAW,oBAClB,OAAOC,MAAU,mBACjB,OAAOC,MAAa,sBACpB,OAAOC,MAAiB,2BACxB,OAAOC,MAAW,oBAIlB,MAAMC,EAAW,CACf,MAAOT,EAAA,cAACI,EAAA,IAAM,EACd,YAAaJ,EAAA,cAACK,EAAA,IAAK,EACnB,QAASL,EAAA,cAACK,EAAA,IAAK,EACf,QAASL,EAAA,cAACM,EAAA,IAAQ,EAClB,QAASN,EAAA,cAACO,EAAA,IAAY,CACxB,EAEMG,EAAyC,CAAC,CAC9C,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,MAAAC,EACA,KAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAY,EAAInB,EAAS,EAAK,EAClD,GAAIkB,EACF,OAAO,KAGT,MAAME,EAAc,IAAMD,EAAa,EAAI,EAE3C,OACEpB,EAAA,cAAC,OACC,UAAWD,EAAG,SAAU,CACtB,6BAA8B,CAACa,GAAQD,EACvC,sBAAuBC,GAAQ,CAACD,EAChC,wBAAyB,CAACC,GAAQ,CAACD,EACnC,wBAAyBC,GAAQD,EACjC,iBAAkBI,EAClB,CAAC,gBAAgBG,CAAI,EAAE,EAAGA,CAC5B,CAAC,GAEAN,EAAOZ,EAAA,cAAC,OAAI,UAAU,gBAAgBS,EAASS,CAAI,CAAE,EAAS,KAC/DlB,EAAA,cAAC,OAAI,UAAU,mBACZiB,EACCjB,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACE,EAAA,CAAK,MAAOA,EAAK,OAAO,SAAU,MAAK,IACrCe,CACH,CACF,EACE,KACJjB,EAAA,cAACE,EAAA,CAAK,UAAU,eAAe,KAAMA,EAAK,MAAM,OAC7Cc,CACH,EACCF,EAAK,OACJd,EAAA,cAACE,EAAA,CACC,YAAY,KACZ,UAAU,eACV,KAAMA,EAAK,MAAM,OAEhBY,EAAK,IAAIQ,GACRtB,EAAA,cAAC,MAAG,IAAKsB,GAAOA,CAAK,CACtB,CACH,EACE,KACHT,EACCb,EAAA,cAACE,EAAA,CAAK,UAAU,gBACdF,EAAA,cAAC,KAAE,UAAU,iBAAiB,KAAMa,EAAK,MACtCA,EAAK,IACR,CACF,EACE,IACN,EACCF,EACCX,EAAA,cAAC,OAAI,UAAU,qBACbA,EAAA,cAAC,UAAO,UAAU,oBAAoB,QAASqB,GAC7CrB,EAAA,cAACG,EAAA,KAAgBQ,CAAQ,EACzBX,EAAA,cAACQ,EAAA,IAAM,CACT,CACF,EACE,IACN,CAEJ,EAEA,IAAOe,EAAQb",
+  "names": ["cn", "React", "useState", "Text", "VisuallyHidden", "Error", "Info", "Confirm", "WarningSign", "Close", "typeIcon", "Banner", "dismiss", "icon", "link", "list", "nested", "text", "title", "type", "isDismissed", "setDismissed", "handleClick", "item", "banner_default"]
+}

package/react/banner/banner.types.d.ts

@@ -0,0 +1,13 @@
+export type Banner = {
+    dismiss?: string;
+    icon?: boolean;
+    link?: {
+        href: string;
+        text: string;
+    };
+    list: string[];
+    nested?: boolean;
+    text: string;
+    title?: string;
+    type: 'error' | 'information' | 'neutral' | 'success' | 'warning';
+};

package/react/banner/banner.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=banner.types.js.map

package/react/banner/banner.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/banner/index.js

@@ -0,0 +1,2 @@
+import r from"./banner";var o=r;export{o as default};
+//# sourceMappingURL=index.js.map

package/react/banner/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/banner/index.ts"],
+  "sourcesContent": ["import Banner from './banner';\nexport default Banner;\n"],
+  "mappings": "AAAA,OAAOA,MAAY,WACnB,IAAOC,EAAQD",
+  "names": ["Banner", "banner_default"]
+}

package/react/bomb/bomb.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Bomb as Props } from './bomb.types';
+declare const Bomb: React.FC<Props>;
+export default Bomb;

package/react/bomb/bomb.js

@@ -0,0 +1,2 @@
+import*as s from"react";import e from"../text";const t=({label:m,price:o})=>s.createElement("div",{className:"bomb"},s.createElement("div",{className:"bomb__content"},s.createElement(e,{size:e.sizes.small,theme:e.themes.normal},m),s.createElement(e,{size:e.sizes.large,theme:e.themes.emphasis},o)));var l=t;export{l as default};
+//# sourceMappingURL=bomb.js.map

package/react/bomb/bomb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/bomb/bomb.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport Text from '../text';\n\nimport { Bomb as Props } from './bomb.types';\n\nconst Bomb: React.FC<Props> = ({ label, price }) => (\n  <div className=\"bomb\">\n    <div className=\"bomb__content\">\n      <Text size={Text.sizes.small} theme={Text.themes.normal}>\n        {label}\n      </Text>\n      <Text size={Text.sizes.large} theme={Text.themes['emphasis']}>\n        {price}\n      </Text>\n    </div>\n  </div>\n);\n\nexport default Bomb;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,UAIjB,MAAMC,EAAwB,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAM,IAC5CJ,EAAA,cAAC,OAAI,UAAU,QACbA,EAAA,cAAC,OAAI,UAAU,iBACbA,EAAA,cAACC,EAAA,CAAK,KAAMA,EAAK,MAAM,MAAO,MAAOA,EAAK,OAAO,QAC9CE,CACH,EACAH,EAAA,cAACC,EAAA,CAAK,KAAMA,EAAK,MAAM,MAAO,MAAOA,EAAK,OAAO,UAC9CG,CACH,CACF,CACF,EAGF,IAAOC,EAAQH",
+  "names": ["React", "Text", "Bomb", "label", "price", "bomb_default"]
+}

package/react/bomb/bomb.types.d.ts

@@ -0,0 +1,4 @@
+export type Bomb = {
+    label: string;
+    price: string;
+};

package/react/bomb/bomb.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=bomb.types.js.map

package/react/bomb/bomb.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/bomb/index.js

@@ -0,0 +1,2 @@
+import o from"./bomb";var r=o;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/bomb/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/bomb/index.ts"],
+  "sourcesContent": ["import Bomb from './bomb';\nexport default Bomb;\n"],
+  "mappings": "AAAA,OAAOA,MAAU,SACjB,IAAOC,EAAQD",
+  "names": ["Bomb", "bomb_default"]
+}

package/react/button/button.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { Button as Props } from './button.types';
+import VisuallyButton from '../visually-button';
+declare const ButtonRef: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: typeof ButtonRef & {
+    sizes: typeof VisuallyButton.sizes;
+    variants: typeof VisuallyButton.variants;
+};
+export default Button;

package/react/button/button.js

@@ -0,0 +1,2 @@
+var B=Object.defineProperty;var n=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var r=(t,s,o)=>s in t?B(t,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[s]=o,f=(t,s)=>{for(var o in s||(s={}))u.call(s,o)&&r(t,o,s[o]);if(n)for(var o of n(s))p.call(s,o)&&r(t,o,s[o]);return t};var l=(t,s)=>{var o={};for(var e in t)u.call(t,e)&&s.indexOf(e)<0&&(o[e]=t[e]);if(t!=null&&n)for(var e of n(t))s.indexOf(e)<0&&p.call(t,e)&&(o[e]=t[e]);return o};import*as m from"react";import a from"../visually-button";const y=m.forwardRef((e,o)=>{var i=e,{type:t="button"}=i,s=l(i,["type"]);return m.createElement(a,f({elementName:"button",ref:o,type:t},s))});y.displayName="Button";const b=Object.assign(y,{sizes:a.sizes,variants:a.variants});var c=b;export{c as default};
+//# sourceMappingURL=button.js.map

package/react/button/button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/button/button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nimport type { Button as Props } from './button.types';\n\nimport VisuallyButton from '../visually-button';\n\nconst ButtonRef = React.forwardRef<HTMLButtonElement, Props>(\n  ({ type = 'button', ...rest }, ref) => (\n    <VisuallyButton elementName=\"button\" ref={ref} type={type} {...rest} />\n  ),\n);\n\nButtonRef.displayName = 'Button';\n\nconst Button: typeof ButtonRef & {\n  sizes: typeof VisuallyButton.sizes;\n  variants: typeof VisuallyButton.variants;\n} = Object.assign(ButtonRef, {\n  sizes: VisuallyButton.sizes,\n  variants: VisuallyButton.variants,\n});\n\nexport default Button;\n"],
+  "mappings": "2fAAA,UAAYA,MAAW,QAIvB,OAAOC,MAAoB,qBAE3B,MAAMC,EAAYF,EAAM,WACtB,CAACG,EAA8BC,IAAK,CAAnC,IAAAC,EAAAF,EAAE,MAAAG,EAAO,QAPZ,EAOGD,EAAsBE,EAAAC,EAAtBH,EAAsB,CAApB,SACD,OAAAL,EAAA,cAACC,EAAAQ,EAAA,CAAe,YAAY,SAAS,IAAKL,EAAK,KAAME,GAAUC,EAAM,EAEzE,EAEAL,EAAU,YAAc,SAExB,MAAMQ,EAGF,OAAO,OAAOR,EAAW,CAC3B,MAAOD,EAAe,MACtB,SAAUA,EAAe,QAC3B,CAAC,EAED,IAAOU,EAAQD",
+  "names": ["React", "VisuallyButton", "ButtonRef", "_a", "ref", "_b", "type", "rest", "__objRest", "__spreadValues", "Button", "button_default"]
+}

package/react/button/{button.types.ts → button.types.d.ts}

@@ -1,3 +1,2 @@
 import type { VisuallyButtonButton } from '../visually-button/visually-button.types';
-
 export type Button = Omit<VisuallyButtonButton, 'elementName'>;

package/react/button/button.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=button.types.js.map

package/react/button/button.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/button/index.js

@@ -0,0 +1,2 @@
+import t from"./button";var r=t;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/button/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/button/index.ts"],
+  "sourcesContent": ["import Button from './button';\nexport default Button;\n"],
+  "mappings": "AAAA,OAAOA,MAAY,WACnB,IAAOC,EAAQD",
+  "names": ["Button", "button_default"]
+}

package/react/checkbox/checkbox.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { themes } from './checkbox.types';
+declare const RefCheckbox: React.ForwardRefExoticComponent<Omit<import("../types").InputHtmlProps, "value"> & {
+    intermediate?: boolean;
+    description?: string;
+    extra?: React.ReactNode;
+    isLabelVisible?: boolean;
+    label?: string;
+    name: string;
+    value: string;
+    showCustomError?: boolean;
+    theme?: import("../types").ObjectValues<typeof themes>;
+    isUnderlined?: boolean;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: typeof RefCheckbox & {
+    themes: typeof themes;
+};
+export default Checkbox;

package/react/checkbox/checkbox.js

@@ -0,0 +1,2 @@
+var T=Object.defineProperty;var b=Object.getOwnPropertySymbols;var t=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var p=(c,e,i)=>e in c?T(c,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):c[e]=i,u=(c,e)=>{for(var i in e||(e={}))t.call(e,i)&&p(c,i,e[i]);if(b)for(var i of b(e))f.call(e,i)&&p(c,i,e[i]);return c};var g=(c,e)=>{var i={};for(var l in c)t.call(c,l)&&e.indexOf(l)<0&&(i[l]=c[l]);if(c!=null&&b)for(var l of b(c))e.indexOf(l)<0&&f.call(c,l)&&(i[l]=c[l]);return i};import s from"classnames";import*as o from"react";import B from"../use-input-validation";import h from"../text";import{themes as M}from"./checkbox.types";const N=o.forwardRef((j,L)=>{var m=j,{children:c,disabled:e,description:i,extra:l,intermediate:k,isLabelVisible:d=!0,label:r,name:w,showCustomError:C=!0,theme:n,value:y="",isUnderlined:I,required:v}=m,a=g(m,["children","disabled","description","extra","intermediate","isLabelVisible","label","name","showCustomError","theme","value","isUnderlined","required"]);const[$,z,x]=B();return o.createElement("div",{className:s("checkbox",{"checkbox--error":x,"checkbox--intermediate":k,[`checkbox--${n}`]:n})},o.createElement("label",{className:s("checkbox__content",{"checkbox--underline":I})},o.createElement("div",{className:"checkbox__main"},o.createElement("div",{className:"checkbox__main-top"},o.createElement("div",null,o.createElement("input",u({"aria-label":d?void 0:r,className:"checkbox__input",type:"checkbox",name:w,onChange:_=>{a.onChange&&a.onChange(_),$(_)},onInvalid:_=>{a.onInvalid&&a.onInvalid(_),z(_)},ref:L,value:y,disabled:e,required:v},a)),o.createElement("div",{className:s("checkbox__icon",{"checkbox__icon--intermediate":k,[`checkbox__icon--${n}`]:n})},o.createElement("svg",{className:"checkbox__intermediate",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("line",{x1:"0",y1:"5",x2:"10",y2:"5",stroke:"currentColor",strokeWidth:"2"})),o.createElement("svg",{className:"checkbox__check",width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M4.76123 9.0605L0.700729 5L1.76123 3.9395L4.76123 6.9395L10.7612 0.939501L11.8217 2L4.76123 9.0605Z",fill:"currentColor"})))),d?o.createElement(o.Fragment,null,r?o.createElement(h,{className:s("checkbox__label",{[`checkbox__label--${n}`]:n,"checkbox__label--disabled":e}),size:h.sizes.basic},r):o.createElement("div",{className:s("checkbox__label",{[`checkbox__label--${n}`]:n,"checkbox__label--disabled":e})},c)):null,v?o.createElement("span",{className:"checkbox__asterisk"},"*"):null),i&&o.createElement(h,{className:s("checkbox__description",{[`checkbox__label--${n}`]:n,"checkbox__label--disabled":e}),size:h.sizes.small},i))),x&&C&&o.createElement("div",{"aria-hidden":"true",className:s("checkbox__error",{[`checkbox__error--${n}`]:n})},x),l&&o.createElement("span",{className:"checkbox__extra"},l))});N.displayName="Checkbox";const W=Object.assign(N,{themes:M});var D=W;export{D as default};
+//# sourceMappingURL=checkbox.js.map

package/react/checkbox/checkbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/checkbox/checkbox.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport useInputValidation from '../use-input-validation';\nimport Text from '../text';\n\nimport { Checkbox as Props, themes } from './checkbox.types';\n\nconst RefCheckbox = React.forwardRef<\n  HTMLInputElement,\n  React.PropsWithChildren<Props>\n>(\n  (\n    {\n      children,\n      disabled,\n      description,\n      extra,\n      intermediate,\n      isLabelVisible = true,\n      label,\n      name,\n      showCustomError = true,\n      theme,\n      value = '',\n      isUnderlined,\n      required,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const [onChange, onInvalid, error] = useInputValidation();\n\n    return (\n      <div\n        className={cn('checkbox', {\n          'checkbox--error': error,\n          'checkbox--intermediate': intermediate,\n          [`checkbox--${theme}`]: theme,\n        })}\n      >\n        <label\n          className={cn('checkbox__content', {\n            'checkbox--underline': isUnderlined,\n          })}\n        >\n          <div className=\"checkbox__main\">\n            <div className=\"checkbox__main-top\">\n              <div>\n                <input\n                  aria-label={isLabelVisible ? undefined : label}\n                  className=\"checkbox__input\"\n                  type=\"checkbox\"\n                  name={name}\n                  onChange={e => {\n                    // NOTE: If props specify an `onChange`, we need to call that too\n                    if (restProps.onChange) restProps.onChange(e);\n                    onChange(e);\n                  }}\n                  onInvalid={e => {\n                    // NOTE: If props specify an `onInvalid`, we need to call that too\n                    if (restProps.onInvalid) restProps.onInvalid(e);\n                    onInvalid(e);\n                  }}\n                  ref={ref}\n                  value={value}\n                  disabled={disabled}\n                  required={required}\n                  {...restProps}\n                />\n\n                <div\n                  className={cn('checkbox__icon', {\n                    'checkbox__icon--intermediate': intermediate,\n                    [`checkbox__icon--${theme}`]: theme,\n                  })}\n                >\n                  <svg\n                    className=\"checkbox__intermediate\"\n                    width=\"10\"\n                    height=\"10\"\n                    viewBox=\"0 0 10 10\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <line\n                      x1=\"0\"\n                      y1=\"5\"\n                      x2=\"10\"\n                      y2=\"5\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                    />\n                  </svg>\n                  <svg\n                    className=\"checkbox__check\"\n                    width=\"12\"\n                    height=\"10\"\n                    viewBox=\"0 0 12 10\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M4.76123 9.0605L0.700729 5L1.76123 3.9395L4.76123 6.9395L10.7612 0.939501L11.8217 2L4.76123 9.0605Z\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                </div>\n              </div>\n              {isLabelVisible ? (\n                <>\n                  {label ? (\n                    <Text\n                      className={cn('checkbox__label', {\n                        [`checkbox__label--${theme}`]: theme,\n                        'checkbox__label--disabled': disabled,\n                      })}\n                      size={Text.sizes.basic}\n                    >\n                      {label}\n                    </Text>\n                  ) : (\n                    <div\n                      className={cn('checkbox__label', {\n                        [`checkbox__label--${theme}`]: theme,\n                        'checkbox__label--disabled': disabled,\n                      })}\n                    >\n                      {children}\n                    </div>\n                  )}\n                </>\n              ) : null}\n              {required ? <span className=\"checkbox__asterisk\">*</span> : null}\n            </div>\n            {description && (\n              <Text\n                className={cn('checkbox__description', {\n                  [`checkbox__label--${theme}`]: theme,\n                  'checkbox__label--disabled': disabled,\n                })}\n                size={Text.sizes.small}\n              >\n                {description}\n              </Text>\n            )}\n          </div>\n        </label>\n\n        {/* NOTE: This is aria-hidden because reporting of validation errors is handled by the browser */}\n        {error && showCustomError && (\n          <div\n            aria-hidden=\"true\"\n            className={cn('checkbox__error', {\n              [`checkbox__error--${theme}`]: theme,\n            })}\n          >\n            {error}\n          </div>\n        )}\n\n        {extra && <span className=\"checkbox__extra\">{extra}</span>}\n      </div>\n    );\n  },\n);\n\n// NOTE: If this isn't set, stack traces say \"forwardRef\" instead of \"Checkbox\"\nRefCheckbox.displayName = 'Checkbox';\n\n// NOTE: The component is redeclared here because TypeScript doesn't accept assigning extra properties to `RefComponent` when it's declared\nconst Checkbox: typeof RefCheckbox & {\n  themes: typeof themes;\n} = Object.assign(RefCheckbox, { themes });\n\nexport default Checkbox;\n"],
+  "mappings": "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",
+  "names": ["cn", "React", "useInputValidation", "Text", "themes", "RefCheckbox", "_a", "ref", "_b", "children", "disabled", "description", "extra", "intermediate", "isLabelVisible", "label", "name", "showCustomError", "theme", "value", "isUnderlined", "required", "restProps", "__objRest", "onChange", "onInvalid", "error", "__spreadValues", "e", "Checkbox", "checkbox_default"]
+}

package/react/checkbox/checkbox.types.d.ts

@@ -0,0 +1,17 @@
+import { ObjectValues, InputHtmlProps } from '../types';
+export declare const themes: {
+    readonly light: "light";
+    readonly blue: "blue";
+};
+export type Checkbox = Omit<InputHtmlProps, 'value'> & {
+    intermediate?: boolean;
+    description?: string;
+    extra?: React.ReactNode;
+    isLabelVisible?: boolean;
+    label?: string;
+    name: string;
+    value: string;
+    showCustomError?: boolean;
+    theme?: ObjectValues<typeof themes>;
+    isUnderlined?: boolean;
+};

package/react/checkbox/checkbox.types.js

@@ -0,0 +1,2 @@
+const l={light:"light",blue:"blue"};export{l as themes};
+//# sourceMappingURL=checkbox.types.js.map

package/react/checkbox/checkbox.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/checkbox/checkbox.types.ts"],
+  "sourcesContent": ["import { ObjectValues, InputHtmlProps } from '../types';\n\nexport const themes = {\n  light: 'light',\n  blue: 'blue',\n} as const;\n\nexport type Checkbox = Omit<InputHtmlProps, 'value'> & {\n  intermediate?: boolean;\n  description?: string;\n  extra?: React.ReactNode;\n  isLabelVisible?: boolean;\n  label?: string;\n  name: string;\n  value: string;\n  showCustomError?: boolean;\n  theme?: ObjectValues<typeof themes>;\n  isUnderlined?: boolean;\n};\n"],
+  "mappings": "AAEO,MAAMA,EAAS,CACpB,MAAO,QACP,KAAM,MACR",
+  "names": ["themes"]
+}

package/react/checkbox/index.js

@@ -0,0 +1,2 @@
+import o from"./checkbox";var r=o;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/checkbox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/checkbox/index.ts"],
+  "sourcesContent": ["import Checkbox from './checkbox';\nexport default Checkbox;\n"],
+  "mappings": "AAAA,OAAOA,MAAc,aACrB,IAAOC,EAAQD",
+  "names": ["Checkbox", "checkbox_default"]
+}

package/react/chip/chip.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Chip as Props } from './chip.types';
+declare const Chip: React.FC<Props>;
+export default Chip;

package/react/chip/chip.js

@@ -0,0 +1,2 @@
+var u=Object.defineProperty;var p=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var a=(e,t,s)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,h=(e,t)=>{for(var s in t||(t={}))l.call(t,s)&&a(e,s,t[s]);if(p)for(var s of p(t))c.call(t,s)&&a(e,s,t[s]);return e};var f=(e,t)=>{var s={};for(var m in e)l.call(e,m)&&t.indexOf(m)<0&&(s[m]=e[m]);if(e!=null&&p)for(var m of p(e))t.indexOf(m)<0&&c.call(e,m)&&(s[m]=e[m]);return s};import*as r from"react";import x from"classnames";import C from"../icons/16/close";import i from"../text";const _=F=>{var o=F,{elementName:e="button",className:t,icon:s=!0,isSelected:m=!1,text:n}=o,d=f(o,["elementName","className","icon","isSelected","text"]);return r.createElement(e,h({className:x("chip",t,{"chip--selected":m})},d),r.createElement(r.Fragment,null,r.createElement("div",{className:"chip__wrapper"},s?r.createElement(C,null):null,r.createElement(i,{className:"chip__text",size:i.sizes.small,theme:i.themes.emphasis},n))))};var b=_;export{b as default};
+//# sourceMappingURL=chip.js.map

package/react/chip/chip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/chip/chip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport cn from 'classnames';\n\nimport Close from '../icons/16/close';\nimport Text from '../text';\n\nimport { Chip as Props } from './chip.types';\n\nconst Chip: React.FC<Props> = ({\n  elementName = 'button',\n  className,\n  icon = true,\n  isSelected = false,\n  text,\n  ...rest\n}) =>\n  React.createElement(\n    elementName,\n    {\n      className: cn('chip', className, { 'chip--selected': isSelected }),\n      ...rest,\n    },\n    <React.Fragment>\n      <div className=\"chip__wrapper\">\n        {icon ? <Close /> : null}\n        <Text\n          className=\"chip__text\"\n          size={Text.sizes.small}\n          theme={Text.themes.emphasis}\n        >\n          {text}\n        </Text>\n      </div>\n    </React.Fragment>,\n  );\n\nexport default Chip;\n"],
+  "mappings": "2fAAA,UAAYA,MAAW,QACvB,OAAOC,MAAQ,aAEf,OAAOC,MAAW,oBAClB,OAAOC,MAAU,UAIjB,MAAMC,EAAyBC,GAO5B,CAP4B,IAAAC,EAAAD,EAC7B,aAAAE,EAAc,SACd,UAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,KAAAC,CAbF,EAQ+BL,EAM1BM,EAAAC,EAN0BP,EAM1B,CALH,cACA,YACA,OACA,aACA,SAGA,OAAAN,EAAM,cACJO,EACAO,EAAA,CACE,UAAWb,EAAG,OAAQO,EAAW,CAAE,iBAAkBE,CAAW,CAAC,GAC9DE,GAELZ,EAAA,cAACA,EAAM,SAAN,KACCA,EAAA,cAAC,OAAI,UAAU,iBACZS,EAAOT,EAAA,cAACE,EAAA,IAAM,EAAK,KACpBF,EAAA,cAACG,EAAA,CACC,UAAU,aACV,KAAMA,EAAK,MAAM,MACjB,MAAOA,EAAK,OAAO,UAElBQ,CACH,CACF,CACF,CACF,GAEF,IAAOI,EAAQX",
+  "names": ["React", "cn", "Close", "Text", "Chip", "_a", "_b", "elementName", "className", "icon", "isSelected", "text", "rest", "__objRest", "__spreadValues", "chip_default"]
+}

package/react/chip/chip.types.d.ts

@@ -0,0 +1,18 @@
+import { ButtonHtmlProps, LinkHtmlProps } from '../types';
+type BasicChipProps = {
+    elementName: string;
+    className?: string;
+    icon?: boolean;
+    isSelected?: boolean;
+    text: string;
+};
+export type ChipButton = BasicChipProps & ButtonHtmlProps;
+export type ChipLink = BasicChipProps & LinkHtmlProps;
+export type Chip = ({
+    elementName: 'button';
+} & ChipButton) | ({
+    elementName: 'a';
+} & ChipLink) | ({
+    elementName: string;
+} & (ChipLink | ChipButton));
+export {};

package/react/chip/chip.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chip.types.js.map

package/react/chip/chip.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/chip/index.js

@@ -0,0 +1,2 @@
+import o from"./chip";var r=o;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/chip/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/chip/index.ts"],
+  "sourcesContent": ["import Chip from './chip';\nexport default Chip;\n"],
+  "mappings": "AAAA,OAAOA,MAAU,SACjB,IAAOC,EAAQD",
+  "names": ["Chip", "chip_default"]
+}

package/react/chip/remove.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const SvgRemove: () => React.JSX.Element;
+export default SvgRemove;

package/react/chip/remove.js

@@ -0,0 +1,2 @@
+import*as l from"react";const e=()=>l.createElement("svg",{width:18,height:19,fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 18.998a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm3.429-12.429a.808.808 0 0 1 0 1.143l-2.286 2.286 2.286 2.286a.808.808 0 0 1-1.143 1.143L9 11.14l-2.286 2.287a.808.808 0 0 1-1.143-1.143l2.286-2.286-2.286-2.286a.808.808 0 0 1 1.143-1.143L9 8.855l2.286-2.286a.808.808 0 0 1 1.143 0Z",fill:"currentColor"}));var o=e;export{o as default};
+//# sourceMappingURL=remove.js.map

package/react/chip/remove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/chip/remove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nconst SvgRemove = () => (\n  <svg width={18} height={19} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M9 18.998a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm3.429-12.429a.808.808 0 0 1 0 1.143l-2.286 2.286 2.286 2.286a.808.808 0 0 1-1.143 1.143L9 11.14l-2.286 2.287a.808.808 0 0 1-1.143-1.143l2.286-2.286-2.286-2.286a.808.808 0 0 1 1.143-1.143L9 8.855l2.286-2.286a.808.808 0 0 1 1.143 0Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default SvgRemove;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QAEvB,MAAMC,EAAY,IAChBD,EAAA,cAAC,OAAI,MAAO,GAAI,OAAQ,GAAI,KAAK,OAAO,MAAM,8BAC5CA,EAAA,cAAC,QACC,SAAS,UACT,SAAS,UACT,EAAE,kRACF,KAAK,eACP,CACF,EAGF,IAAOE,EAAQD",
+  "names": ["React", "SvgRemove", "remove_default"]
+}

package/react/chip-selected/chip-selected.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ChipSelected as Props } from './chip-selected.types';
+declare const ChipSelected: React.FC<Props>;
+export default ChipSelected;

package/react/chip-selected/chip-selected.js

@@ -0,0 +1,2 @@
+var C=Object.defineProperty,N=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var u=(l,s,t)=>s in l?C(l,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[s]=t,p=(l,s)=>{for(var t in s||(s={}))z.call(s,t)&&u(l,t,s[t]);if(c)for(var t of c(s))g.call(s,t)&&u(l,t,s[t]);return l},f=(l,s)=>N(l,S(s));import*as e from"react";import b from"../icons/24/arrow-down";import T from"../icons/24/arrow-up";import E from"../chip/chip";import o from"../text";import H from"../link";import k from"../collapse";import w from"../hooks/use-event";const O=({resetSelected:l,description:s,hideSelected:t,maxChipsToShow:h=41,showSelected:_,chips:r})=>{const[d,v]=e.useState(!1),[m,a]=e.useState(0),i=e.useRef(null);w("resize",()=>{i&&i.current&&a(i.current.clientHeight)}),e.useEffect(()=>{i&&i.current&&a(i.current.clientHeight)},[i]);const x=()=>{v(n=>!n)};return r?e.createElement("div",{className:"chip-selected__selected-options-wrapper"},e.createElement("div",{className:"chip-selected__clear-all-button"},e.createElement(o,null,s),e.createElement(H,p({},l))),e.createElement("div",null,e.createElement(k,{className:"chip-selected__collapse",isOpen:d},e.createElement("div",{className:"chip-selected__selected-options",ref:i},r.map(n=>e.createElement(E,f(p({},n),{key:n.text}))))),m&&m>h?e.createElement("button",{type:"button",className:"chip-selected__expand",onClick:x},d?e.createElement(e.Fragment,null,e.createElement(o,{elementName:"span",size:o.sizes.small,className:"chip-selected__expand-text"},t),e.createElement(T,null)):e.createElement(e.Fragment,null,e.createElement(o,{elementName:"span",size:o.sizes.small,className:"chip-selected__expand-text"},_),e.createElement(b,null))):null)):null};var B=O;export{B as default};
+//# sourceMappingURL=chip-selected.js.map

package/react/chip-selected/chip-selected.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/chip-selected/chip-selected.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nimport ChevronDown from '../icons/24/arrow-down';\nimport ChevronUp from '../icons/24/arrow-up';\nimport Chip from '../chip/chip';\nimport Text from '../text';\nimport Link from '../link';\nimport Collapse from '../collapse';\n\nimport useEvent from '../hooks/use-event';\n\nimport { ChipSelected as Props } from './chip-selected.types';\n\nconst ChipSelected: React.FC<Props> = ({\n  resetSelected,\n  description,\n  hideSelected,\n  maxChipsToShow = 41,\n  showSelected,\n  chips,\n}) => {\n  const [expandedSelectedValues, setExpandedSelectedValues] =\n    React.useState(false);\n\n  const [heightOfCollapse, setHeightOfCollapse] = React.useState<\n    number | undefined\n  >(0);\n  const divRef = React.useRef<HTMLDivElement>(null);\n\n  const updateSize = () => {\n    if (divRef && divRef.current) {\n      setHeightOfCollapse(divRef.current.clientHeight);\n    }\n  };\n\n  useEvent('resize', updateSize);\n\n  React.useEffect(() => {\n    if (divRef && divRef.current) {\n      setHeightOfCollapse(divRef.current.clientHeight);\n    }\n  }, [divRef]);\n\n  const toggleShowMore = () => {\n    setExpandedSelectedValues(prevState => !prevState);\n  };\n\n  return chips ? (\n    <div className=\"chip-selected__selected-options-wrapper\">\n      <div className=\"chip-selected__clear-all-button\">\n        <Text>{description}</Text>\n        <Link {...resetSelected} />\n      </div>\n      <div>\n        <Collapse\n          className=\"chip-selected__collapse\"\n          isOpen={expandedSelectedValues}\n        >\n          <div className=\"chip-selected__selected-options\" ref={divRef}>\n            {chips.map(chip => (\n              <Chip {...chip} key={chip.text} />\n            ))}\n          </div>\n        </Collapse>\n\n        {heightOfCollapse && heightOfCollapse > maxChipsToShow ? (\n          <button\n            type=\"button\"\n            className=\"chip-selected__expand\"\n            onClick={toggleShowMore}\n          >\n            {expandedSelectedValues ? (\n              <>\n                <Text\n                  elementName=\"span\"\n                  size={Text.sizes.small}\n                  className=\"chip-selected__expand-text\"\n                >\n                  {hideSelected}\n                </Text>\n                <ChevronUp />\n              </>\n            ) : (\n              <>\n                <Text\n                  elementName=\"span\"\n                  size={Text.sizes.small}\n                  className=\"chip-selected__expand-text\"\n                >\n                  {showSelected}\n                </Text>\n                <ChevronDown />\n              </>\n            )}\n          </button>\n        ) : null}\n      </div>\n    </div>\n  ) : null;\n};\n\nexport default ChipSelected;\n"],
+  "mappings": "6aAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAiB,yBACxB,OAAOC,MAAe,uBACtB,OAAOC,MAAU,eACjB,OAAOC,MAAU,UACjB,OAAOC,MAAU,UACjB,OAAOC,MAAc,cAErB,OAAOC,MAAc,qBAIrB,MAAMC,EAAgC,CAAC,CACrC,cAAAC,EACA,YAAAC,EACA,aAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EACA,MAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAwBC,CAAyB,EACtDhB,EAAM,SAAS,EAAK,EAEhB,CAACiB,EAAkBC,CAAmB,EAAIlB,EAAM,SAEpD,CAAC,EACGmB,EAASnB,EAAM,OAAuB,IAAI,EAQhDO,EAAS,SANU,IAAM,CACnBY,GAAUA,EAAO,SACnBD,EAAoBC,EAAO,QAAQ,YAAY,CAEnD,CAE6B,EAE7BnB,EAAM,UAAU,IAAM,CAChBmB,GAAUA,EAAO,SACnBD,EAAoBC,EAAO,QAAQ,YAAY,CAEnD,EAAG,CAACA,CAAM,CAAC,EAEX,MAAMC,EAAiB,IAAM,CAC3BJ,EAA0BK,GAAa,CAACA,CAAS,CACnD,EAEA,OAAOP,EACLd,EAAA,cAAC,OAAI,UAAU,2CACbA,EAAA,cAAC,OAAI,UAAU,mCACbA,EAAA,cAACI,EAAA,KAAMM,CAAY,EACnBV,EAAA,cAACK,EAAAiB,EAAA,GAASb,EAAe,CAC3B,EACAT,EAAA,cAAC,WACCA,EAAA,cAACM,EAAA,CACC,UAAU,0BACV,OAAQS,GAERf,EAAA,cAAC,OAAI,UAAU,kCAAkC,IAAKmB,GACnDL,EAAM,IAAIS,GACTvB,EAAA,cAACG,EAAAqB,EAAAF,EAAA,GAASC,GAAT,CAAe,IAAKA,EAAK,MAAM,CACjC,CACH,CACF,EAECN,GAAoBA,EAAmBL,EACtCZ,EAAA,cAAC,UACC,KAAK,SACL,UAAU,wBACV,QAASoB,GAERL,EACCf,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACI,EAAA,CACC,YAAY,OACZ,KAAMA,EAAK,MAAM,MACjB,UAAU,8BAETO,CACH,EACAX,EAAA,cAACE,EAAA,IAAU,CACb,EAEAF,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACI,EAAA,CACC,YAAY,OACZ,KAAMA,EAAK,MAAM,MACjB,UAAU,8BAETS,CACH,EACAb,EAAA,cAACC,EAAA,IAAY,CACf,CAEJ,EACE,IACN,CACF,EACE,IACN,EAEA,IAAOwB,EAAQjB",
+  "names": ["React", "ChevronDown", "ChevronUp", "Chip", "Text", "Link", "Collapse", "useEvent", "ChipSelected", "resetSelected", "description", "hideSelected", "maxChipsToShow", "showSelected", "chips", "expandedSelectedValues", "setExpandedSelectedValues", "heightOfCollapse", "setHeightOfCollapse", "divRef", "toggleShowMore", "prevState", "__spreadValues", "chip", "__spreadProps", "chip_selected_default"]
+}

package/react/chip-selected/chip-selected.types.d.ts

@@ -0,0 +1,10 @@
+import type { Chip } from '../chip/chip.types';
+import { Link } from '../link/link.types';
+export type ChipSelected = {
+    hideSelected: string;
+    maxChipsToShow?: number;
+    resetSelected: Link;
+    description: string;
+    showSelected: string;
+    chips?: Chip[];
+};

package/react/chip-selected/chip-selected.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chip-selected.types.js.map

package/react/chip-selected/chip-selected.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/react/chip-selected/index.js

@@ -0,0 +1,2 @@
+import e from"./chip-selected";var o=e;export{o as default};
+//# sourceMappingURL=index.js.map

package/react/chip-selected/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/chip-selected/index.ts"],
+  "sourcesContent": ["import ChipSelected from './chip-selected';\nexport default ChipSelected;\n"],
+  "mappings": "AAAA,OAAOA,MAAkB,kBACzB,IAAOC,EAAQD",
+  "names": ["ChipSelected", "chip_selected_default"]
+}