@anoki/fse-ui 1.0.755 → 1.0.756

package/dist/index.cjs483.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs483.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/margin.props.js"],"sourcesContent":["const e=[\"0\",\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"-1\",\"-2\",\"-3\",\"-4\",\"-5\",\"-6\",\"-7\",\"-8\",\"-9\"],r={m:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-m\",customProperties:[\"--m\"]},mx:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mx\",customProperties:[\"--ml\",\"--mr\"]},my:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-my\",customProperties:[\"--mt\",\"--mb\"]},mt:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mt\",customProperties:[\"--mt\"]},mr:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mr\",customProperties:[\"--mr\"]},mb:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mb\",customProperties:[\"--mb\"]},ml:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-ml\",customProperties:[\"--ml\"]}};export{r as marginPropDefs};\n//# sourceMappingURL=margin.props.js.map\n"],"names":[],"mappings":"gFAAK,MAAC,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI,EAAE,EAAE,CAAC,EAAE,CAAsB,OAAO,CAA2D,CAAykB","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs483.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,CAAG,CAAC,EAElD,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB","x_google_ignoreList":[0]}

package/dist/index.cjs484.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+//# sourceMappingURL=index.cjs484.js.map

package/dist/index.cjs484.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs484.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.cjs485.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],r={m:{values:e}};exports.marginPropDefs=r;
+//# sourceMappingURL=index.cjs485.js.map

package/dist/index.cjs485.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs485.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/margin.props.js"],"sourcesContent":["const e=[\"0\",\"1\",\"2\",\"3\",\"4\",\"5\",\"6\",\"7\",\"8\",\"9\",\"-1\",\"-2\",\"-3\",\"-4\",\"-5\",\"-6\",\"-7\",\"-8\",\"-9\"],r={m:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-m\",customProperties:[\"--m\"]},mx:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mx\",customProperties:[\"--ml\",\"--mr\"]},my:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-my\",customProperties:[\"--mt\",\"--mb\"]},mt:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mt\",customProperties:[\"--mt\"]},mr:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mr\",customProperties:[\"--mr\"]},mb:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-mb\",customProperties:[\"--mb\"]},ml:{type:\"enum | string\",values:e,responsive:!0,className:\"rt-r-ml\",customProperties:[\"--ml\"]}};export{r as marginPropDefs};\n//# sourceMappingURL=margin.props.js.map\n"],"names":[],"mappings":"gFAAK,MAAC,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI,EAAE,EAAE,CAAC,EAAE,CAAsB,OAAO,CAA2D,CAAykB","x_google_ignoreList":[0]}

package/dist/index.cjs491.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t,[e,a]){return Math.min(a,Math.max(e,t))}exports.clamp=n;
+"use strict";const e=require("./index.cjs493.js");e.__require();
 //# sourceMappingURL=index.cjs491.js.map

package/dist/index.cjs491.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs491.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"gFACA,SAASA,EAAMC,EAAO,CAACC,EAAKC,CAAG,EAAG,CAChC,OAAO,KAAK,IAAIA,EAAK,KAAK,IAAID,EAAKD,CAAK,CAAC,CAC3C","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs491.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.cjs492.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./index.cjs493.js");e.__require();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t,[e,a]){return Math.min(a,Math.max(e,t))}exports.clamp=n;
 //# sourceMappingURL=index.cjs492.js.map

package/dist/index.cjs492.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs492.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.cjs492.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"gFACA,SAASA,EAAMC,EAAO,CAACC,EAAKC,CAAG,EAAG,CAChC,OAAO,KAAK,IAAIA,EAAK,KAAK,IAAID,EAAKD,CAAK,CAAC,CAC3C","x_google_ignoreList":[0]}

package/dist/index.cjs58.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs215.js"),i=require("./index.cjs232.js"),x=require("./index.cjs217.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs215.js"),i=require("./index.cjs230.js"),x=require("./index.cjs217.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
 //# sourceMappingURL=index.cjs58.js.map

package/dist/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs215.js"),m=require("./index.cjs217.js"),p=require("react"),g=require("./index.cjs230.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs215.js"),m=require("./index.cjs217.js"),p=require("react"),g=require("./index.cjs231.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs215.js"),o=require("react"),a=require("./index.cjs217.js"),u=require("./index.cjs230.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs215.js"),o=require("react"),a=require("./index.cjs217.js"),u=require("./index.cjs231.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs215.js"),s=require("react"),x=require("./index.cjs217.js"),C=require("./index.cjs230.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs215.js"),s=require("react"),x=require("./index.cjs217.js"),C=require("./index.cjs231.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs215.js"),m=require("react"),q=require("./index.cjs217.js"),x=require("./index.cjs230.js"),j=require("./index.cjs232.js"),R=require("./index.cjs233.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs215.js"),m=require("react"),q=require("./index.cjs217.js"),x=require("./index.cjs231.js"),j=require("./index.cjs230.js"),R=require("./index.cjs233.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs90.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ActionBanner/ActionBanner.css');const e=require("./index.cjs215.js");;/* empty css              */const u=require("./index.cjs37.js"),t=require("./index.cjs26.js"),j=require("./index.cjs169.js");var i=(s=>(s.DEFAULT="default",s.OUTLINE="outline",s.SIMPLE="simple",s))(i||{});const m=({title:s,description:x,variant:l="default",link:a,firstAction:r,secondAction:n})=>e.jsxRuntimeExports.jsxs("div",{className:`action-banner action-banner-${l}`,children:[e.jsxRuntimeExports.jsx("div",{className:"banner-head",children:e.jsxRuntimeExports.jsx("div",{className:"banner-title",children:s})}),e.jsxRuntimeExports.jsxs("div",{className:"banner-body",children:[e.jsxRuntimeExports.jsx("div",{className:"banner-icon",children:e.jsxRuntimeExports.jsx(j.Shape,{})}),e.jsxRuntimeExports.jsx("span",{className:"banner-description",children:x})]}),e.jsxRuntimeExports.jsxs("div",{className:"banner-actions",children:[a&&e.jsxRuntimeExports.jsx(u.ArrowLink,{asLink:"a",children:a.title,href:a.link}),r&&(r==null?void 0:r.title)&&e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",className:"left-button",asLink:"a",href:r.link,children:r.title}),n&&(n==null?void 0:n.title)&&e.jsxRuntimeExports.jsx(t.Button,{asLink:"a",href:n.link,border:"primary",children:n.title})]})]});exports.ActionBanner=m;exports.ActionBannerVariantEnum=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ActionBanner/ActionBanner.css');const e=require("./index.cjs215.js");;/* empty css              */const j=require("./index.cjs37.js"),t=require("./index.cjs26.js"),m=require("./index.cjs169.js");var i=(s=>(s.DEFAULT="default",s.OUTLINE="outline",s.SIMPLE="simple",s))(i||{});const d=({title:s,description:x,variant:l="default",withIcon:u=!1,link:a,firstAction:r,secondAction:n})=>e.jsxRuntimeExports.jsxs("div",{className:`action-banner action-banner-${l}`,children:[e.jsxRuntimeExports.jsx("div",{className:"banner-head",children:e.jsxRuntimeExports.jsx("div",{className:"banner-title",children:s})}),e.jsxRuntimeExports.jsxs("div",{className:"banner-body",children:[u&&e.jsxRuntimeExports.jsx("div",{className:"banner-icon",children:e.jsxRuntimeExports.jsx(m.Shape,{})}),e.jsxRuntimeExports.jsx("span",{className:"banner-description",children:x})]}),e.jsxRuntimeExports.jsxs("div",{className:"banner-actions",children:[a&&e.jsxRuntimeExports.jsx(j.ArrowLink,{asLink:"a",children:a.title,href:a.link}),r&&(r==null?void 0:r.title)&&e.jsxRuntimeExports.jsx(t.Button,{variant:"secondary",className:"left-button",asLink:"a",href:r.link,children:r.title}),n&&(n==null?void 0:n.title)&&e.jsxRuntimeExports.jsx(t.Button,{asLink:"a",href:n.link,border:"primary",children:n.title})]})]});exports.ActionBanner=d;exports.ActionBannerVariantEnum=i;
 //# sourceMappingURL=index.cjs90.js.map

package/dist/index.cjs90.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs90.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { Shape } from \"@/icons\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\n\nexport enum ActionBannerVariantEnum {\n  DEFAULT = \"default\",\n  OUTLINE = \"outline\",\n  SIMPLE = \"simple\",\n}\n\nexport type ActionBannerVariantTypes = GetValues<\n  typeof ActionBannerVariantEnum\n>;\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: ActionBannerVariantTypes;\n  link?: Link;\n  firstAction?: Link;\n  secondAction?: Link;\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  link,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        <div className=\"banner-icon\">\n          <Shape />\n        </div>\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {link && (\n          <ArrowLink asLink=\"a\" children={link.title} href={link.link} />\n        )}\n        {firstAction && firstAction?.title && (\n          <Button\n            variant=\"secondary\"\n            className=\"left-button\"\n            asLink=\"a\"\n            href={firstAction.link}\n          >\n            {firstAction.title}\n          </Button>\n        )}\n        {secondAction && secondAction?.title && (\n          <Button asLink=\"a\" href={secondAction.link} border=\"primary\">\n            {secondAction.title}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","link","firstAction","secondAction","jsxs","jsx","Shape","ArrowLink","Button"],"mappings":"mPAOY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAHCA,IAAAA,GAAA,CAAA,CAAA,EAmBL,MAAMC,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEKC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAW,+BAA+BJ,CAAO,GACpD,SAAA,CAACK,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,cACb,SAAAA,EAAA,kBAAA,IAAC,OAAI,UAAU,eAAgB,WAAM,CACvC,CAAA,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,cACb,SAAA,CAAAC,wBAAC,MAAI,CAAA,UAAU,cACb,SAAAA,wBAACC,EAAAA,OAAM,CAAA,EACT,EACCD,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,qBAAsB,SAAYN,CAAA,CAAA,CAAA,EACpD,EACAK,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iBACZ,SAAA,CACCH,GAAAI,EAAA,kBAAA,IAACE,aAAU,OAAO,IAAI,SAAUN,EAAK,MAAO,KAAMA,EAAK,IAAM,CAAA,EAE9DC,IAAeA,GAAA,YAAAA,EAAa,QAC3BG,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,YACR,UAAU,cACV,OAAO,IACP,KAAMN,EAAY,KAEjB,SAAYA,EAAA,KAAA,CACf,EAEDC,IAAgBA,GAAA,YAAAA,EAAc,QAC7BE,EAAA,kBAAA,IAACG,EAAO,OAAA,CAAA,OAAO,IAAI,KAAML,EAAa,KAAM,OAAO,UAChD,WAAa,KAChB,CAAA,CAAA,CAEJ,CAAA,CAAA,EACF"}
+{"version":3,"file":"index.cjs90.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { Shape } from \"@/icons\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\n\nexport enum ActionBannerVariantEnum {\n  DEFAULT = \"default\",\n  OUTLINE = \"outline\",\n  SIMPLE = \"simple\",\n}\n\nexport type ActionBannerVariantTypes = GetValues<\n  typeof ActionBannerVariantEnum\n>;\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: ActionBannerVariantTypes;\n  link?: Link;\n  withIcon?: boolean;\n  firstAction?: Link;\n  secondAction?: Link;\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  withIcon = false,\n  link,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        {withIcon && (\n          <div className=\"banner-icon\">\n            <Shape />\n          </div>\n        )}\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {link && (\n          <ArrowLink asLink=\"a\" children={link.title} href={link.link} />\n        )}\n        {firstAction && firstAction?.title && (\n          <Button\n            variant=\"secondary\"\n            className=\"left-button\"\n            asLink=\"a\"\n            href={firstAction.link}\n          >\n            {firstAction.title}\n          </Button>\n        )}\n        {secondAction && secondAction?.title && (\n          <Button asLink=\"a\" href={secondAction.link} border=\"primary\">\n            {secondAction.title}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","withIcon","link","firstAction","secondAction","jsxs","jsx","Shape","ArrowLink","Button"],"mappings":"mPAOY,IAAAA,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SAHCA,IAAAA,GAAA,CAAA,CAAA,EAoBL,MAAMC,EAA4C,CAAC,CACxD,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EAAW,GACX,KAAAC,EACA,YAAAC,EACA,aAAAC,CACF,IAEKC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAW,+BAA+BL,CAAO,GACpD,SAAA,CAACM,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,cACb,SAAAA,EAAA,kBAAA,IAAC,OAAI,UAAU,eAAgB,WAAM,CACvC,CAAA,EACAD,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,cACZ,SAAA,CAAAJ,2BACE,MAAI,CAAA,UAAU,cACb,SAAAK,wBAACC,EAAAA,OAAM,CAAA,EACT,EAEDD,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,qBAAsB,SAAYP,CAAA,CAAA,CAAA,EACpD,EACAM,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,iBACZ,SAAA,CACCH,GAAAI,EAAA,kBAAA,IAACE,aAAU,OAAO,IAAI,SAAUN,EAAK,MAAO,KAAMA,EAAK,IAAM,CAAA,EAE9DC,IAAeA,GAAA,YAAAA,EAAa,QAC3BG,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,YACR,UAAU,cACV,OAAO,IACP,KAAMN,EAAY,KAEjB,SAAYA,EAAA,KAAA,CACf,EAEDC,IAAgBA,GAAA,YAAAA,EAAc,QAC7BE,EAAA,kBAAA,IAACG,EAAO,OAAA,CAAA,OAAO,IAAI,KAAML,EAAa,KAAM,OAAO,UAChD,WAAa,KAChB,CAAA,CAAA,CAEJ,CAAA,CAAA,EACF"}

package/dist/index.d.ts

@@ -39,6 +39,7 @@ declare interface ActionBannerProps {
     description: string;
     variant?: ActionBannerVariantTypes;
     link?: Link_2;
+    withIcon?: boolean;
     firstAction?: Link_2;
     secondAction?: Link_2;
 }

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es215.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es217.js";
-import { createSpacingClasses as g } from "./index.es230.js";
-import { createColorClasses as j } from "./index.es232.js";
+import { createSpacingClasses as g } from "./index.es231.js";
+import { createColorClasses as j } from "./index.es230.js";
 import { createTypographyClasses as u } from "./index.es233.js";
 const M = ({
   as: o,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as e } from "./index.es232.js";
+import { createColorClasses as e } from "./index.es230.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as l } from "./index.es232.js";
+import { createColorClasses as l } from "./index.es230.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as c } from "./index.es232.js";
+import { createColorClasses as c } from "./index.es230.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as e } from "./index.es232.js";
+import { createColorClasses as e } from "./index.es230.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es215.js";
 import { clsx as s } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es215.js";
 import { clsx as M } from "./index.es217.js";
-import { createColorClasses as t } from "./index.es232.js";
+import { createColorClasses as t } from "./index.es230.js";
 const i = ({
   width: v = 137,
   height: h = 40,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es215.js";
 import { clsx as s } from "./index.es217.js";
-import { createColorClasses as r } from "./index.es232.js";
+import { createColorClasses as r } from "./index.es230.js";
 const a = ({
   width: v = 118,
   height: m = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es215.js";
 import { clsx as c } from "./index.es217.js";
-import { createColorClasses as r } from "./index.es232.js";
+import { createColorClasses as r } from "./index.es230.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as s } from "./index.es232.js";
+import { createColorClasses as s } from "./index.es230.js";
 const x = ({
   width: l = 101,
   height: a = 40,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es215.js";
 import { clsx as M } from "./index.es217.js";
-import { createColorClasses as c } from "./index.es232.js";
+import { createColorClasses as c } from "./index.es230.js";
 const V = ({
   width: h = 181,
   height: v = 40,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es215.js";
 import { clsx as s } from "./index.es217.js";
-import { createColorClasses as f } from "./index.es232.js";
+import { createColorClasses as f } from "./index.es230.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es215.js";
 import { clsx as o } from "./index.es217.js";
-import { createColorClasses as t } from "./index.es232.js";
+import { createColorClasses as t } from "./index.es230.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as c } from "./index.es217.js";
-import { createColorClasses as h } from "./index.es232.js";
+import { createColorClasses as h } from "./index.es230.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as r } from "./index.es232.js";
+import { createColorClasses as r } from "./index.es230.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es153.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es215.js";
 import { clsx as r } from "./index.es217.js";
-import { createColorClasses as t } from "./index.es232.js";
+import { createColorClasses as t } from "./index.es230.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as m } from "./index.es217.js";
-import { createColorClasses as d } from "./index.es232.js";
+import { createColorClasses as d } from "./index.es230.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as v } from "./index.es232.js";
+import { createColorClasses as v } from "./index.es230.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as c } from "./index.es232.js";
+import { createColorClasses as c } from "./index.es230.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as m } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es230.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as c } from "./index.es232.js";
+import { createColorClasses as c } from "./index.es230.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as m } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es230.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es215.js";
 import { clsx as r } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as m } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es230.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es215.js";
 import { clsx as c } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as x } from "./index.es232.js";
+import { createColorClasses as x } from "./index.es230.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as c } from "./index.es232.js";
+import { createColorClasses as c } from "./index.es230.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as c } from "./index.es232.js";
+import { createColorClasses as c } from "./index.es230.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es215.js";
 import { clsx as m } from "./index.es217.js";
-import { createColorClasses as a } from "./index.es232.js";
+import { createColorClasses as a } from "./index.es230.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es215.js";
 import { clsx as l } from "./index.es217.js";
-import { createColorClasses as m } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es230.js";
 const v = ({
   width: c = 24,
   height: e = 24,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es215.js";
 import { clsx as a } from "./index.es217.js";
-import { createColorClasses as m } from "./index.es232.js";
+import { createColorClasses as m } from "./index.es230.js";
 const c = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es215.js";
 import { clsx as t } from "./index.es217.js";
-import { createColorClasses as i } from "./index.es232.js";
+import { createColorClasses as i } from "./index.es230.js";
 const m = ({
   width: e = 32,
   height: s = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es215.js";
 import { clsx as i } from "./index.es217.js";
-import { createColorClasses as C } from "./index.es232.js";
+import { createColorClasses as C } from "./index.es230.js";
 const m = ({
   width: s = 32,
   height: l = 32,