@lightsparkdev/ui 1.1.16 → 1.1.18

package/dist/{chunk-T5RM47CM.js → chunk-36ZADQV3.js}

@@ -1,3 +1,12 @@
+import {
+  TriangleExclamationFilled
+} from "./chunk-LT3CVT6X.js";
+import {
+  Turtle
+} from "./chunk-ARS6UTHB.js";
+import {
+  Variables
+} from "./chunk-7WKLZIQO.js";
 import {
   Vignette
 } from "./chunk-3DWN3EUQ.js";
@@ -13,6 +22,15 @@ import {
 import {
   Wrench
 } from "./chunk-DSMLBKPO.js";
+import {
+  SquareBehindSquare2
+} from "./chunk-MKOAJVNI.js";
+import {
+  StrongStrengthIcon
+} from "./chunk-7GOOS3YI.js";
+import {
+  SubscriptionTick1
+} from "./chunk-KDWRK455.js";
 import {
   TestTube
 } from "./chunk-A7MFRPVW.js";
@@ -29,14 +47,14 @@ import {
   TriangleExclamation
 } from "./chunk-QHPWEJ3J.js";
 import {
-  TriangleExclamationFilled
-} from "./chunk-LT3CVT6X.js";
+  ShareAndroid
+} from "./chunk-TCWNQIEO.js";
 import {
-  Turtle
-} from "./chunk-ARS6UTHB.js";
+  ShareIOS
+} from "./chunk-YD7IPS53.js";
 import {
-  Variables
-} from "./chunk-7WKLZIQO.js";
+  Shield
+} from "./chunk-XY4U3XQE.js";
 import {
   ShieldCheck
 } from "./chunk-N5HNNQGA.js";
@@ -53,14 +71,14 @@ import {
   SquareBehindSquare1
 } from "./chunk-AEAI2LPC.js";
 import {
-  SquareBehindSquare2
-} from "./chunk-MKOAJVNI.js";
+  QrCode
+} from "./chunk-6J4PCKID.js";
 import {
-  StrongStrengthIcon
-} from "./chunk-7GOOS3YI.js";
+  QuestionCircle
+} from "./chunk-OCCL7V3S.js";
 import {
-  SubscriptionTick1
-} from "./chunk-KDWRK455.js";
+  ReceiptBill
+} from "./chunk-YARU3I62.js";
 import {
   RunShortcut
 } from "./chunk-JAUXM4GL.js";
@@ -77,14 +95,14 @@ import {
   ShapesPlusXSquareCircleFill
 } from "./chunk-W4YBOFPU.js";
 import {
-  ShareAndroid
-} from "./chunk-TCWNQIEO.js";
+  PeopleCircleStroke
+} from "./chunk-FXWL6U2X.js";
 import {
-  ShareIOS
-} from "./chunk-YD7IPS53.js";
+  Phone
+} from "./chunk-LSLBJH2Q.js";
 import {
-  Shield
-} from "./chunk-XY4U3XQE.js";
+  PhoneDynamicIsland
+} from "./chunk-6I7MAKWB.js";
 import {
   PhoneFilled
 } from "./chunk-Y3TMHSTD.js";
@@ -101,14 +119,14 @@ import {
   Postcard
 } from "./chunk-RZRYNYFX.js";
 import {
-  QrCode
-} from "./chunk-6J4PCKID.js";
+  Paperclip1
+} from "./chunk-EKFCGIJV.js";
 import {
-  QuestionCircle
-} from "./chunk-OCCL7V3S.js";
+  Passkeys
+} from "./chunk-VF63C7JK.js";
 import {
-  ReceiptBill
-} from "./chunk-YARU3I62.js";
+  Passport
+} from "./chunk-N3A6TJOR.js";
 import {
   Pencil
 } from "./chunk-NU4MVTWH.js";
@@ -125,14 +143,14 @@ import {
   PeopleCircle
 } from "./chunk-HSFE4DIZ.js";
 import {
-  PeopleCircleStroke
-} from "./chunk-FXWL6U2X.js";
+  MapPin
+} from "./chunk-DKYMW7FA.js";
 import {
-  Phone
-} from "./chunk-LSLBJH2Q.js";
+  MediumStrengthIcon
+} from "./chunk-FVPDEEWZ.js";
 import {
-  PhoneDynamicIsland
-} from "./chunk-6I7MAKWB.js";
+  Megaphone
+} from "./chunk-ZIRILKCR.js";
 import {
   MinusLarge
 } from "./chunk-BOWOVDC3.js";
@@ -149,14 +167,14 @@ import {
   Offline
 } from "./chunk-4WGZPEP4.js";
 import {
-  Paperclip1
-} from "./chunk-EKFCGIJV.js";
+  Leading
+} from "./chunk-JVA433WN.js";
 import {
-  Passkeys
-} from "./chunk-VF63C7JK.js";
+  Lightning
+} from "./chunk-3W4WQYVF.js";
 import {
-  Passport
-} from "./chunk-N3A6TJOR.js";
+  Link
+} from "./chunk-EX56TLXB.js";
 import {
   Loader
 } from "./chunk-3LYNN54X.js";
@@ -173,14 +191,14 @@ import {
   MagnifyingGlass2
 } from "./chunk-TVTMTE26.js";
 import {
-  MapPin
-} from "./chunk-DKYMW7FA.js";
+  Group3
+} from "./chunk-QCIMEP2I.js";
 import {
-  MediumStrengthIcon
-} from "./chunk-FVPDEEWZ.js";
+  Heart2
+} from "./chunk-KFU2U42E.js";
 import {
-  Megaphone
-} from "./chunk-ZIRILKCR.js";
+  Home
+} from "./chunk-ILCW4USS.js";
 import {
   HomeLine
 } from "./chunk-XBB5NO23.js";
@@ -197,14 +215,14 @@ import {
   LayoutRight
 } from "./chunk-65VPJMOX.js";
 import {
-  Leading
-} from "./chunk-JVA433WN.js";
+  EyeOpen
+} from "./chunk-HG5W4VS7.js";
 import {
-  Lightning
-} from "./chunk-3W4WQYVF.js";
+  EyeSlash
+} from "./chunk-A4XFLXBG.js";
 import {
-  Link
-} from "./chunk-EX56TLXB.js";
+  FileBend
+} from "./chunk-56UHR4FI.js";
 import {
   FileText
 } from "./chunk-XCGOSRE6.js";
@@ -221,14 +239,14 @@ import {
   Globus
 } from "./chunk-MEMRCEGF.js";
 import {
-  Group3
-} from "./chunk-QCIMEP2I.js";
+  DollarSign
+} from "./chunk-ET4LGII3.js";
 import {
-  Heart2
-} from "./chunk-KFU2U42E.js";
+  DotGrid1x3Horizontal
+} from "./chunk-3E4OFW5B.js";
 import {
-  Home
-} from "./chunk-ILCW4USS.js";
+  DotGrid1x3Vertical
+} from "./chunk-BKIKJ223.js";
 import {
   DotGrid2x3
 } from "./chunk-GXBSVM7K.js";
@@ -245,14 +263,14 @@ import {
   EmptyStrengthIcon
 } from "./chunk-ED4BFEWE.js";
 import {
-  EyeOpen
-} from "./chunk-HG5W4VS7.js";
+  CircleX
+} from "./chunk-IYKMBN4Q.js";
 import {
-  EyeSlash
-} from "./chunk-A4XFLXBG.js";
+  Clipboard2
+} from "./chunk-MTZ52AN5.js";
 import {
-  FileBend
-} from "./chunk-56UHR4FI.js";
+  Clock
+} from "./chunk-4C3Q4KQN.js";
 import {
   Contacts
 } from "./chunk-T7OFJLB3.js";
@@ -269,14 +287,14 @@ import {
   CryptoWallet
 } from "./chunk-UTHG42FN.js";
 import {
-  DollarSign
-} from "./chunk-ET4LGII3.js";
+  ChevronTopSmall
+} from "./chunk-RF4EYUZC.js";
 import {
-  DotGrid1x3Horizontal
-} from "./chunk-3E4OFW5B.js";
+  ChevronTopXs
+} from "./chunk-4I3XNIB3.js";
 import {
-  DotGrid1x3Vertical
-} from "./chunk-BKIKJ223.js";
+  CircleCheckFilled
+} from "./chunk-GWUKK6B5.js";
 import {
   CircleInfo
 } from "./chunk-THSWGYVR.js";
@@ -293,14 +311,14 @@ import {
   CircleQuestionmarkFilled
 } from "./chunk-VZGUQ467.js";
 import {
-  CircleX
-} from "./chunk-IYKMBN4Q.js";
+  ChevronLeftSmall
+} from "./chunk-XMSFS4NQ.js";
 import {
-  Clipboard2
-} from "./chunk-MTZ52AN5.js";
+  ChevronLeftXs
+} from "./chunk-TURI2URU.js";
 import {
-  Clock
-} from "./chunk-4C3Q4KQN.js";
+  ChevronRight
+} from "./chunk-VXPJQOCQ.js";
 import {
   ChevronRightSm
 } from "./chunk-ZYG3UP4A.js";
@@ -317,14 +335,14 @@ import {
   ChevronTopSm
 } from "./chunk-ZVDQU76E.js";
 import {
-  ChevronTopSmall
-} from "./chunk-RF4EYUZC.js";
+  ChevronBottom
+} from "./chunk-7MCQ77NB.js";
 import {
-  ChevronTopXs
-} from "./chunk-4I3XNIB3.js";
+  ChevronBottomSm
+} from "./chunk-QVNC5OHQ.js";
 import {
-  CircleCheckFilled
-} from "./chunk-GWUKK6B5.js";
+  ChevronBottomXs
+} from "./chunk-E4BMKFM2.js";
 import {
   ChevronDoubleDown
 } from "./chunk-AUBP5J4W.js";
@@ -341,14 +359,14 @@ import {
   ChevronLeftSm
 } from "./chunk-6FIHWYIA.js";
 import {
-  ChevronLeftSmall
-} from "./chunk-XMSFS4NQ.js";
+  BellOff
+} from "./chunk-XKKW3CUC.js";
 import {
-  ChevronLeftXs
-} from "./chunk-TURI2URU.js";
+  Blackpoint
+} from "./chunk-YAASCJ5L.js";
 import {
-  ChevronRight
-} from "./chunk-VXPJQOCQ.js";
+  Brackets1
+} from "./chunk-6ORTJ56W.js";
 import {
   Bubble5
 } from "./chunk-U6NRNGKX.js";
@@ -365,20 +383,20 @@ import {
   Checkmark2Small
 } from "./chunk-OGB2O67U.js";
 import {
-  ChevronBottom
-} from "./chunk-7MCQ77NB.js";
-import {
-  ChevronBottomSm
-} from "./chunk-QVNC5OHQ.js";
+  ArrowsRepeatLeftRight
+} from "./chunk-K2PLWNAI.js";
 import {
-  ChevronBottomXs
-} from "./chunk-E4BMKFM2.js";
+  At
+} from "./chunk-JRN2FLYW.js";
 import {
   Bank
 } from "./chunk-5GBF7STO.js";
 import {
   BankBold
 } from "./chunk-EDBCQIKV.js";
+import {
+  BankSolid
+} from "./chunk-P54B32B7.js";
 import {
   BarsThree
 } from "./chunk-SFJ3DWJC.js";
@@ -389,14 +407,11 @@ import {
   Bell2
 } from "./chunk-NN2HPIE7.js";
 import {
-  BellOff
-} from "./chunk-XKKW3CUC.js";
-import {
-  Blackpoint
-} from "./chunk-YAASCJ5L.js";
+  ArrowInboxUp
+} from "./chunk-SEBEPKJC.js";
 import {
-  Brackets1
-} from "./chunk-6ORTJ56W.js";
+  ArrowLeft
+} from "./chunk-Q7QLDLNL.js";
 import {
   ArrowRight
 } from "./chunk-RT4K3CQZ.js";
@@ -415,12 +430,6 @@ import {
 import {
   ArrowsRepeatCircle
 } from "./chunk-WOKZFVU3.js";
-import {
-  ArrowsRepeatLeftRight
-} from "./chunk-K2PLWNAI.js";
-import {
-  At
-} from "./chunk-JRN2FLYW.js";
 import {
   Arrow
 } from "./chunk-HJ4WBUTU.js";
@@ -439,12 +448,6 @@ import {
 import {
   ArrowInbox
 } from "./chunk-F6GZJLCQ.js";
-import {
-  ArrowInboxUp
-} from "./chunk-SEBEPKJC.js";
-import {
-  ArrowLeft
-} from "./chunk-Q7QLDLNL.js";
 import {
   __export
 } from "./chunk-CWMXXUWU.js";
@@ -470,6 +473,7 @@ __export(central_exports, {
   CentralAt: () => At,
   CentralBank: () => Bank,
   CentralBankBold: () => BankBold,
+  CentralBankSolid: () => BankSolid,
   CentralBarsThree: () => BarsThree,
   CentralBell: () => Bell,
   CentralBell2: () => Bell2,

package/dist/{chunk-UZ2MZMJD.js → chunk-3ELV2Y6O.js}

@@ -1,68 +1,68 @@
 import {
   Headline
-} from "./chunk-KBZS2LZP.js";
+} from "./chunk-UBMTV7U6.js";
 import {
   StyledSelect
-} from "./chunk-PRLYHNN2.js";
+} from "./chunk-JVCHMH2C.js";
 import {
   TextInputHalfRow
-} from "./chunk-AZ3RYGYM.js";
+} from "./chunk-VMMTAIK4.js";
 import {
   ToggleContainer
-} from "./chunk-IFK2L3FR.js";
+} from "./chunk-N2QNU7DE.js";
 import {
   StyledFileInput
-} from "./chunk-J6K5GQVW.js";
+} from "./chunk-FL2JURKR.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-YCSXA2KQ.js";
+} from "./chunk-LJJL3R4H.js";
 import {
   StyledButtonRowButton
-} from "./chunk-QPCDK7NY.js";
+} from "./chunk-TWXZHMQ2.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   ButtonSelector
-} from "./chunk-MD6BKUUZ.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   LoadingWrapper
-} from "./chunk-ZRTRNIBE.js";
+} from "./chunk-YEWALNNL.js";
 import {
   Checkbox
-} from "./chunk-KMGO5XJY.js";
+} from "./chunk-UA7SQQIY.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-SMZPJBL2.js";
+} from "./chunk-63GEHMED.js";
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 import {
   icon
 } from "./chunk-FZUV52PP.js";
 import {
   ClipboardTextField
-} from "./chunk-A7EIBWSW.js";
+} from "./chunk-2CQTJNB5.js";
 import {
   pxToRems
-} from "./chunk-DG2PTSLJ.js";
+} from "./chunk-TZSN4RZE.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   Link
-} from "./chunk-N5K6L7VI.js";
+} from "./chunk-MOYKPHLM.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -375,6 +375,7 @@ var CardFormContentFull = styled.div`
   flex-direction: column;
   align-self: center;
   height: 100%;
+  width: 100%;
   padding-bottom: ${({ paddingBottom }) => paddingBottom != null ? paddingBottom : 0}px;
 `;
 var BelowCardFormContent = styled.div`

package/dist/{chunk-FGCKPLZD.cjs → chunk-44WRC76X.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7777ZFRLcjs = require('./chunk-7777ZFRL.cjs');
+var _chunkJ45K2BETcjs = require('./chunk-J45K2BET.cjs');
 
 
-var _chunkEFE67RSPcjs = require('./chunk-EFE67RSP.cjs');
+var _chunkCOECEQNKcjs = require('./chunk-COECEQNK.cjs');
 
 
 
@@ -31,7 +31,7 @@ function NumberInput(_a) {
     handleOnFocus,
     handleOnKeyDown,
     handleOnKeyUp
-  } = _chunkEFE67RSPcjs.useNumberInput.call(void 0, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
+  } = _chunkCOECEQNKcjs.useNumberInput.call(void 0, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
     onChange: onChangeProp,
     ref
   }));
@@ -60,7 +60,7 @@ function NumberInput(_a) {
     [handleOnKeyDown]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7777ZFRLcjs.TextInput,
+    _chunkJ45K2BETcjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-WDAWAASQ.js → chunk-4F5MMMQP.js}

@@ -1,9 +1,9 @@
 import {
   MultiToggle
-} from "./chunk-6XKYMGKE.js";
+} from "./chunk-SBWLKLAB.js";
 import {
   Toggle
-} from "./chunk-IFK2L3FR.js";
+} from "./chunk-N2QNU7DE.js";
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-SLEBHXIK.js";
@@ -12,30 +12,30 @@ import {
 } from "./chunk-M4R57NN3.js";
 import {
   Button
-} from "./chunk-MD6BKUUZ.js";
+} from "./chunk-HPEJTNFY.js";
 import {
   UnstyledButton
-} from "./chunk-MMQON4EE.js";
+} from "./chunk-JJR6BLFQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   Link
-} from "./chunk-N5K6L7VI.js";
+} from "./chunk-MOYKPHLM.js";
 import {
   themeOr
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -290,15 +290,23 @@ function Dropdown({
               css: dropdownItemsCSS,
               children: [
                 dropdownItems == null ? void 0 : dropdownItems.map((dropdownItem, i) => {
-                  return /* @__PURE__ */ jsx("li", { onBlur: handleBlur, children: /* @__PURE__ */ jsx(
-                    DropdownItem,
+                  var _a;
+                  return /* @__PURE__ */ jsx(
+                    "li",
                     {
-                      dropdownItem,
-                      dropdownButtonHeight,
-                      onClick: handleClickDropdownItems,
-                      getDropdownCss: getCSS
-                    }
-                  ) }, dropdownItem.to);
+                      onBlur: handleBlur,
+                      children: /* @__PURE__ */ jsx(
+                        DropdownItem,
+                        {
+                          dropdownItem,
+                          dropdownButtonHeight,
+                          onClick: handleClickDropdownItems,
+                          getDropdownCss: getCSS
+                        }
+                      )
+                    },
+                    `${(_a = dropdownItem.to) != null ? _a : ""}${dropdownItem.hash ? `#${dropdownItem.hash}` : ""}-${i}`
+                  );
                 }),
                 dropdownContent,
                 footer && /* @__PURE__ */ jsx(DropdownFooter, __spreadProps(__spreadValues({}, footerCSS && { css: footerCSS }), { children: footer }))

package/dist/{chunk-MZC7VVD3.cjs → chunk-4HKATJLG.cjs}

@@ -3,13 +3,13 @@
 var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
-var _chunkTZ7XF6DBcjs = require('./chunk-TZ7XF6DB.cjs');
+var _chunkIN2QEMOTcjs = require('./chunk-IN2QEMOT.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -52,7 +52,7 @@ function IconWithCircleBackground({
             noBg,
             bgColor,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkRC7657RRcjs.Icon,
+              _chunkWUHIPLEUcjs.Icon,
               {
                 name: iconName,
                 width: iconWidth,
@@ -69,16 +69,16 @@ function IconWithCircleBackground({
       ]
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZ7XF6DBcjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIN2QEMOTcjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkEINUB4JIcjs.getColor.call(void 0, theme, bgColor) : _chunkEINUB4JIcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkNNAUX3OGcjs.getColor.call(void 0, theme, bgColor) : _chunkNNAUX3OGcjs.getColor.call(void 0, theme, "grayBlue94")};
 
   &:hover {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkNNAUX3OGcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
   }
   &:active {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkNNAUX3OGcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
   }
 
   border-radius: 50%;

package/dist/chunk-4NAX4KKQ.js

@@ -0,0 +1,23 @@
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+import {
+  ButtonSelector
+} from "./chunk-HPEJTNFY.js";
+
+// src/components/DataManagerTable/AppliedButtonsContainer.tsx
+import styled from "@emotion/styled";
+var AppliedButtonsContainer = styled.div`
+  margin-top: ${Spacing.px.sm};
+  display: flex;
+  gap: ${Spacing.px.xs};
+  flex-wrap: wrap;
+
+  ${ButtonSelector()} {
+    max-width: 100%;
+  }
+`;
+
+export {
+  AppliedButtonsContainer
+};