@lightsparkdev/ui 1.1.15 → 1.1.17

package/dist/{chunk-UTNGZDDG.js → chunk-V7XAF6D2.js}

@@ -1,3 +1,7 @@
+import {
+  buttonsThemeBase,
+  defaultButtonsTheme
+} from "./chunk-SZBXBUK2.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
@@ -8,11 +12,7 @@ import {
 } from "./chunk-LIVMIDVJ.js";
 import {
   getTypography
-} from "./chunk-FXKLW6CU.js";
-import {
-  buttonsThemeBase,
-  defaultButtonsTheme
-} from "./chunk-QWZTWJXX.js";
+} from "./chunk-GZXIEXUR.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __spreadProps,
   __spreadValues
@@ -43,6 +43,7 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
   Themes2["BridgeDark"] = "bridgeDark";
   Themes2["NageLight"] = "nageLight";
   Themes2["NageDark"] = "nageDark";
+  Themes2["Hardcore"] = "hardcore";
   return Themes2;
 })(Themes || {});
 function isTheme(theme) {
@@ -825,6 +826,96 @@ var nageLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, nageBas
 var nageDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, nageBaseSettings), {
   type: "nageDark" /* NageDark */
 }));
+var hardcoreButtons = merge(buttonsThemeBase, {
+  defaultTypographyType: "Title",
+  defaultSize: "Medium",
+  defaultBorderRadius: 0,
+  kinds: {
+    primary: {
+      defaultColor: "black",
+      defaultBackgroundColor: "radioactiveGreen",
+      defaultBorderColor: "radioactiveGreen",
+      defaultHoverBackgroundColor: "radioactiveGreenLight",
+      defaultHoverBorderColor: "radioactiveGreenLight",
+      defaultActiveBackgroundColor: "radioactiveGreenDark",
+      defaultActiveBorderColor: "radioactiveGreenDark"
+    },
+    secondary: {
+      defaultColor: "radioactiveGreen",
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "radioactiveGreen",
+      defaultHoverBackgroundColor: "radioactiveGreen10",
+      defaultHoverBorderColor: "radioactiveGreenLight",
+      defaultActiveBackgroundColor: "radioactiveGreen20",
+      defaultActiveBorderColor: "radioactiveGreenDark"
+    },
+    tertiary: {
+      defaultColor: "radioactiveGreen",
+      defaultBackgroundColor: "gray10",
+      defaultBorderColor: "radioactiveGreen",
+      defaultHoverBackgroundColor: "gray15",
+      defaultHoverBorderColor: "radioactiveGreenLight",
+      defaultActiveBackgroundColor: "gray20",
+      defaultActiveBorderColor: "radioactiveGreenDark"
+    },
+    ghost: {
+      defaultColor: "radioactiveGreen",
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "radioactiveGreen",
+      defaultHoverBackgroundColor: "radioactiveGreen10",
+      defaultHoverBorderColor: "radioactiveGreenLight"
+    },
+    danger: {
+      defaultColor: "black",
+      defaultBackgroundColor: "danger",
+      defaultBorderColor: "danger",
+      defaultHoverBackgroundColor: "red50",
+      defaultHoverBorderColor: "red50"
+    }
+  }
+});
+var hardcoreBaseTheme = __spreadProps(__spreadValues({}, darkBaseTheme), {
+  type: "hardcore" /* Hardcore */,
+  bg: colors.black,
+  smBg: colors.black,
+  text: colors.radioactiveGreen,
+  hcNeutral: colors.radioactiveGreen,
+  mcNeutral: colors.radioactiveGreenDark,
+  lcNeutral: colors.radioactiveGreenDarker,
+  vlcNeutral: colors.gray15,
+  secondary: colors.radioactiveGreenDark,
+  tertiary: colors.radioactiveGreen,
+  primary: colors.radioactiveGreen,
+  link: colors.radioactiveGreenLight,
+  linkLight: colors.radioactiveGreen10,
+  success: colors.radioactiveGreen,
+  info: colors.radioactiveGreen,
+  c05Neutral: colors.radioactiveGreenDarker,
+  c1Neutral: colors.radioactiveGreenDarker,
+  c15Neutral: colors.radioactiveGreenDark,
+  c2Neutral: colors.radioactiveGreenDark,
+  c3Neutral: colors.radioactiveGreen,
+  c4Neutral: colors.radioactiveGreenLight,
+  border: colors.radioactiveGreen30,
+  inputBackground: colors.black,
+  typography: getTypography("Hardcore" /* Hardcore */, {
+    main: "Roboto Mono",
+    code: "Roboto Mono"
+  }),
+  buttons: hardcoreButtons,
+  badge: {
+    bg: "c15Neutral"
+  }
+});
+var hardcoreTheme = extend(hardcoreBaseTheme, {
+  header: extendBase(hardcoreBaseTheme, {}),
+  nav: extendBase(hardcoreBaseTheme, {}),
+  content: extendBase(hardcoreBaseTheme, {}),
+  controls: extendBase(hardcoreBaseTheme, {
+    bg: colors.gray10,
+    smBg: colors.gray10
+  })
+});
 var themes = {
   ["light" /* Light */]: lightTheme,
   ["dark" /* Dark */]: darkTheme,
@@ -837,7 +928,8 @@ var themes = {
   ["bridgeLight" /* BridgeLight */]: bridgeLightTheme,
   ["bridgeDark" /* BridgeDark */]: bridgeDarkTheme,
   ["nageLight" /* NageLight */]: nageLightTheme,
-  ["nageDark" /* NageDark */]: nageDarkTheme
+  ["nageDark" /* NageDark */]: nageDarkTheme,
+  ["hardcore" /* Hardcore */]: hardcoreTheme
 };
 function extend(obj, rest) {
   return __spreadValues(__spreadValues({}, obj), rest);
@@ -906,7 +998,8 @@ var isDark = (theme) => [
   "nageDark" /* NageDark */,
   "lightsparkDocsDark" /* LightsparkDocsDark */,
   "umameDocsDark" /* UmameDocsDark */,
-  "umaAuthSdkDark" /* UmaAuthSdkDark */
+  "umaAuthSdkDark" /* UmaAuthSdkDark */,
+  "hardcore" /* Hardcore */
 ].includes(theme.type);
 var isLight = (theme) => [
   "light" /* Light */,

package/dist/{chunk-OPM7ZYLA.cjs → chunk-VASSEH55.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
+var _chunkVDR3Q3W6cjs = require('./chunk-VDR3Q3W6.cjs');
 
 
-var _chunkSC3TNFO7cjs = require('./chunk-SC3TNFO7.cjs');
+var _chunkYMBLAX7Qcjs = require('./chunk-YMBLAX7Q.cjs');
 
 
-var _chunk2WWPEBJEcjs = require('./chunk-2WWPEBJE.cjs');
+var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
 var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkBCJWY2ZAcjs = require('./chunk-BCJWY2ZA.cjs');
+var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
-var _chunkRUPCXJV4cjs = require('./chunk-RUPCXJV4.cjs');
+var _chunkNE6BUG64cjs = require('./chunk-NE6BUG64.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -263,7 +263,7 @@ function Dropdown({
   } else if ("getContent" in button) {
     buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnstyledDropdownButton, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonUnstyledButtonProps), { children: button.getContent({ isOpen, theme }) }));
   } else {
-    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCJWY2ZAcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
   }
   const containerCSS = getCSS && getCSS({ isOpen, theme });
   const dropdownItemsCSS = getDropdownItemsCSS && getDropdownItemsCSS({ isOpen, theme });
@@ -319,9 +319,9 @@ var DropdownFooter = _styled2.default.div`
   `}
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunkQ3N3HXJAcjs.overlaySurface}
-  color: ${({ theme }) => _chunkRONHCMPDcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${({ borderRadius }) => _chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, borderRadius)}
+  ${_chunkGSQGDJAVcjs.overlaySurface}
+  color: ${({ theme }) => _chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${({ borderRadius }) => _chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, borderRadius)}
   ${({ hasItems }) => hasItems ? "padding: 12px 0;" : "padding: 0;"}
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -344,7 +344,7 @@ function DropdownItem({
   const iconSide = dropdownItem.iconSide || "left";
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMLMYJBDVcjs.Icon,
+    _chunkDSTWBIG7cjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -365,10 +365,10 @@ function DropdownItem({
   const iconAndLabel = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     iconSide === "left" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       dropdownItemIconNode,
-      _chunkXC4APVGIcjs.toReactNodes.call(void 0, dropdownItem.label)
+      _chunkS6OGIIJCcjs.toReactNodes.call(void 0, dropdownItem.label)
     ] }),
     iconSide === "right" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEZUXCJOHcjs.Flex, { justify: "space-between", align: "center", width: "100%", children: [
-      _chunkXC4APVGIcjs.toReactNodes.call(void 0, dropdownItem.label),
+      _chunkS6OGIIJCcjs.toReactNodes.call(void 0, dropdownItem.label),
       dropdownItemIconNode
     ] })
   ] });
@@ -390,7 +390,7 @@ function DropdownItem({
   if (dropdownItem.toggle) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
       iconAndLabel,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSC3TNFO7cjs.MultiToggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2WWPEBJEcjs.Toggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVDR3Q3W6cjs.MultiToggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYMBLAX7Qcjs.Toggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
     ] });
   }
   if (dropdownItem.subDropdown) {
@@ -433,8 +433,8 @@ function DropdownItem({
     }
   );
 }
-var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton)`
-  ${_chunkQ3N3HXJAcjs.standardFocusOutline}
+var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
+  ${_chunkGSQGDJAVcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({
   theme,
@@ -465,12 +465,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunkQ3N3HXJAcjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkGSQGDJAVcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRUPCXJV4cjs.Link,
+    _chunkNE6BUG64cjs.Link,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -478,7 +478,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunkQ3N3HXJAcjs.standardFocusOutline}
+  ${_chunkGSQGDJAVcjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-SC3TNFO7.cjs → chunk-VDR3Q3W6.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 
@@ -28,7 +28,7 @@ function MultiToggle({
     let content = null;
     if ("name" in optionProps) {
       content = /* @__PURE__ */ _react.createElement.call(void 0, 
-        _chunkMLMYJBDVcjs.Icon,
+        _chunkDSTWBIG7cjs.Icon,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, optionProps), {
           width: 11,
           key,
@@ -54,7 +54,7 @@ function MultiToggle({
 }
 var StyledMultiToggle = _styled2.default.div`
   border-radius: 999px;
-  background: ${({ theme, bgColor }) => _chunkRONHCMPDcjs.getColor.call(void 0, theme, bgColor)};
+  background: ${({ theme, bgColor }) => _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, bgColor)};
   padding: 2px;
   gap: 2px;
   display: flex;
@@ -64,7 +64,7 @@ var StyledMultiToggleOption = _styled2.default.div`
   cursor: pointer;
   border-radius: 999px;
   padding: 4px;
-  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkRONHCMPDcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
+  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
 `;
 
 

package/dist/{chunk-D5YVTJRQ.js → chunk-VMI6YMZH.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-WDMRNPBD.js";
+} from "./chunk-I3KWQ42J.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-FECUNGFR.cjs → chunk-VWFMEYV7.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
-var _chunk43AWDRW2cjs = require('./chunk-43AWDRW2.cjs');
+var _chunkSRQOHPZYcjs = require('./chunk-SRQOHPZY.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunk43AWDRW2cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkSRQOHPZYcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk43AWDRW2cjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSRQOHPZYcjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-463BFVBZ.js → chunk-W5DVOMXV.js}

@@ -5,28 +5,28 @@ import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-ULTSHCPV.js";
 import {
   Button
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-NE7756PY.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   pxToRems
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-OOOWTNUV.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   standardBorderRadius
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 
 // src/components/QRReaderButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4RYNPHTY.cjs → chunk-WDG3DTRY.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
-var _chunkDC3BVC6Wcjs = require('./chunk-DC3BVC6W.cjs');
+var _chunk36ZV5MBBcjs = require('./chunk-36ZV5MBB.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/LabelStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelStrong(props) {
-  const propsWithDefaults = _chunkDC3BVC6Wcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk36ZV5MBBcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC3BVC6Wcjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk36ZV5MBBcjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-LA7TPJI3.cjs → chunk-WDTLFMRW.cjs}

@@ -3,22 +3,22 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
-var _chunkFB4N2YNLcjs = require('./chunk-FB4N2YNL.cjs');
+var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
 
 
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -33,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkRONHCMPDcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkQ3N3HXJAcjs.subtext.call(void 0, { theme })}
+  ${_chunkGSQGDJAVcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -58,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkRONHCMPDcjs.isBridge.call(void 0, theme) ? _chunkJFPLNGMQcjs.colors.gray4 : _chunkRONHCMPDcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkRONHCMPDcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkWZIDVP2Ucjs.isBridge.call(void 0, theme) ? _chunkWRQU4F3Ncjs.colors.gray4 : _chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkWZIDVP2Ucjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -70,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkRONHCMPDcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -144,7 +144,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkFB4N2YNLcjs.applyTypography.call(void 0, 
+  ${_chunkEFUO4VCAcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -256,7 +256,7 @@ function InputSubtextContent({
   if (typeof text === "string") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
   }
-  return _chunkXC4APVGIcjs.toReactNodes.call(void 0, text);
+  return _chunkS6OGIIJCcjs.toReactNodes.call(void 0, text);
 }
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
@@ -293,11 +293,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkQ3N3HXJAcjs.subtext}
+  ${_chunkGSQGDJAVcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkQ3N3HXJAcjs.subtext}
+  ${_chunkGSQGDJAVcjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-FSGGTMTB.js → chunk-WEU7VOQ2.js}

@@ -1,32 +1,32 @@
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-BED5GWRW.js";
+} from "./chunk-C7M4DUT3.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-OOOWTNUV.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   standardContentInset
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 import {
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-Y5VXL55D.js → chunk-WI5XQUH4.js}

@@ -1,22 +1,21 @@
+import {
+  AppliedButtonsContainer
+} from "./chunk-HDNFJCSG.js";
 import {
   Filter
-} from "./chunk-63CCCLBW.js";
+} from "./chunk-3OY2OJFQ.js";
 import {
   TextInput
-} from "./chunk-P5CSVKOE.js";
+} from "./chunk-3PDB5N46.js";
 import {
   Button
-} from "./chunk-CHQSMSJF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-NE7756PY.js";
 import {
   __spreadProps,
   __spreadValues
 } from "./chunk-CWMXXUWU.js";
 
 // src/components/DataManagerTable/StringFilter.tsx
-import styled from "@emotion/styled";
 import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
 var isStringFilterState = (state) => state.type === "string" /* STRING */;
 var getDefaultStringFilterState = () => ({
@@ -70,12 +69,6 @@ var StringFilter = ({
     !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ jsx(AppliedButtonsContainer, { children: appliedValueButtons }) : null
   ] });
 };
-var AppliedButtonsContainer = styled.div`
-  margin-top: ${Spacing.px.sm};
-  display: flex;
-  gap: ${Spacing.px.xs};
-  flex-wrap: wrap;
-`;
 
 export {
   isStringFilterState,

package/dist/{chunk-4UED3BP6.js → chunk-WMPFJGZV.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-63CCCLBW.js";
+} from "./chunk-3OY2OJFQ.js";
 import {
   Radio
-} from "./chunk-FBVAVMT5.js";
+} from "./chunk-QFA3ETLT.js";
 import {
   __spreadProps,
   __spreadValues