@zonos/amino 6.0.7 → 6.1.1

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("../text/Text.js"),s=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.Switch=function(t){var i=t["aria-label"],r=t.checked,n=t.className,c=t.disabled,o=t.label,x=t.labelDescription,p=t.labelIcon,d=t.onChange,u=t.style,h=t.subtitle,b=t.switchIconLeft,g=t.switchIconRight,m=e.useId(),_=Boolean(b||g),y=Boolean(o||p||x||h);return l.jsxs("label",{className:s.cn("flex cursor-pointer flex-row","focus-within:outline-none\n        [&:has(input:focus-visible)]:shadow-[var(--amino-glow-blue)]",c&&"cursor-not-allowed",n),htmlFor:m,style:u,children:[l.jsx("input",{"aria-label":!y&&i?i:void 0,checked:r,id:m,onChange:function(){return!c&&d(!r)},onKeyDown:function(e){return"Enter"===e.key&&!c&&d(!r)},style:{width:"0px"},tabIndex:0,type:"checkbox"}),_?l.jsxs("div",{className:s.cn("relative block h-8 w-[62px] min-w-6 rounded-[20px] leading-4\n              select-none","bg-gray-50",r&&"bg-primary",c&&"opacity-40"),children:[l.jsx("div",{className:s.cn("bg-gray-200 dark:bg-gray-200","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.2)_inset,0px_1px_3px_0px_rgba(0,0,0,0.4)]","absolute top-[2px] left-[2px] h-7 w-7 rounded-full\n                transition-all",r&&"left-[calc(100%-30px)]",c&&"opacity-95"),id:m}),l.jsx("div",{className:"absolute top-1 right-1 left-auto",children:b}),l.jsx("div",{className:"absolute top-1 right-auto left-1",children:g})]}):l.jsx("div",{className:s.cn("relative block h-4 min-h-4 w-8 min-w-8 rounded-[20px] leading-4\n              select-none","bg-gray-100 shadow-[var(--amino-v3-shadow-inset)]",r&&"bg-primary",c&&"opacity-40"),children:l.jsx("div",{className:s.cn("bg-gray-0 dark:bg-gray-1000","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]","absolute top-[1px] left-[1px] h-[14px] w-[14px] rounded-full\n                transition-all",r&&["left-[calc(100%-15px)]","shadow-[0px_-1px_1px_0px_rgba(68,94,238,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]"],c&&"opacity-95"),id:m})}),y&&l.jsxs("div",{className:"ml-4",children:[l.jsxs("div",{className:"flex items-center leading-4",children:[p&&l.jsx("div",{className:s.cn("mr-1",c&&"opacity-40"),children:p}),l.jsxs(a.Text,{className:s.cn("mb-0",c&&"text-gray-600"),type:"input-label",children:[o,x&&l.jsx("span",{className:"ml-1 text-gray-600",children:x})]})]}),h&&l.jsx(a.Text,{className:s.cn(c&&"text-gray-400"),type:"subtitle",children:h})]})]})};
+"use strict";var e=require("react"),a=require("../text/Text.js"),s=require("../../utils/cn.js"),l=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../../tslib.es6-cdc5f922.js"),require("../../styles/constants/theme.js"),require("clsx"),require("tailwind-merge");exports.Switch=function(t){var r=t["aria-label"],i=t.checked,n=t.className,c=t.disabled,o=t.label,x=t.labelDescription,p=t.labelIcon,d=t.onChange,u=t.style,h=t.subtitle,b=t.switchIconLeft,g=t.switchIconRight,m=e.useId(),_=Boolean(b||g),y=Boolean(o||p||x||h);return l.jsxs("label",{className:s.cn("flex cursor-pointer flex-row","focus-within:outline-none\n        [&:has(input:focus-visible)]:shadow-[var(--amino-glow-blue)]",c&&"cursor-not-allowed",n),htmlFor:m,style:u,children:[l.jsx("input",{"aria-label":!y&&r?r:void 0,checked:i,id:m,onChange:function(){return!c&&d(!i)},onKeyDown:function(e){return"Enter"===e.key&&!c&&d(!i)},style:{width:"0px"},tabIndex:0,type:"checkbox"}),_?l.jsxs("div",{className:s.cn("relative block h-8 w-[62px] min-w-6 rounded-[20px] leading-4\n              select-none","bg-gray-50",i&&"bg-primary",c&&"opacity-40"),children:[l.jsx("div",{className:s.cn("bg-gray-200 dark:bg-gray-200","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.2)_inset,0px_1px_3px_0px_rgba(0,0,0,0.4)]","absolute top-[2px] left-[2px] h-7 w-7 rounded-full\n                transition-all",i&&"left-[calc(100%-30px)]",c&&"opacity-95")}),l.jsx("div",{className:"absolute top-1 right-auto left-1",children:b}),l.jsx("div",{className:"absolute top-1 right-1 left-auto",children:g})]}):l.jsx("div",{className:s.cn("relative block h-4 min-h-4 w-8 min-w-8 rounded-[20px] leading-4\n              select-none","bg-gray-100 shadow-[var(--amino-v3-shadow-inset)]",i&&"bg-primary",c&&"opacity-40"),children:l.jsx("div",{className:s.cn("bg-gray-0 dark:bg-gray-1000","shadow-[0px_-1px_1px_0px_rgba(0,0,0,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]","absolute top-[1px] left-[1px] h-[14px] w-[14px] rounded-full\n                transition-all",i&&["left-[calc(100%-15px)]","shadow-[0px_-1px_1px_0px_rgba(68,94,238,0.08)_inset,0px_1px_3px_0px_rgba(0,0,0,0.2)]"],c&&"opacity-95")})}),y&&l.jsxs("div",{className:"ml-4",children:[l.jsxs("div",{className:"flex items-center leading-4",children:[p&&l.jsx("div",{className:s.cn("mr-1",c&&"opacity-40"),children:p}),l.jsxs(a.Text,{className:s.cn("mb-0",c&&"text-gray-600"),type:"input-label",children:[o,x&&l.jsx("span",{className:"ml-1 text-gray-600",children:x})]})]}),h&&l.jsx(a.Text,{className:s.cn(c&&"text-gray-400"),type:"subtitle",children:h})]})]})};

package/components/theme-select/ThemeSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),s=require("../__amino__/TranslateAminoText.js"),t=require("../card/Card.js"),i=require("../select/Select.js"),n=require("../stack/HStack.js"),a=require("../switch/Switch.js"),o=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),d=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),m=require("../../utils/cn.js"),j=require("../../utils/hooks/useAminoTheme.js"),x=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../utils/hooks/useStorage.js");var g=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(q){var b=q.className,v=q.disabled,T=void 0!==v&&v,p=q.type,y=void 0===p?"select":p,f=j.useAminoTheme(),k=f.aminoTheme,I=f.setAminoTheme,_=e.__read(r.useState(!1),2),S=_[0],C=_[1];return r.useEffect(function(){C("day"===k)},[k]),x.jsxs(x.Fragment,{children:["cards"===y&&x.jsxs(n.HStack,{className:b,children:[x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","day"===k&&"text-primary border-blue-400"),"data-theme":"day",onClick:function(){return I("day")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[x.jsx(u.ThemeLightIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Light"})})]})}),x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","night"===k&&"text-primary border-blue-400"),"data-theme":"night",onClick:function(){return I("night")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:h.theme.space16,children:[x.jsx(c.ThemeDarkIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Dark"})})]})})]}),"select"===y&&x.jsx(i.Select,{className:b,icon:function(){switch(k){case"day":default:return x.jsx(d.SunnyIcon,{});case"night":return x.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:T,onChange:function(e){return I((null==e?void 0:e.value)||"day")},options:g,value:g.filter(function(e){return e.value===k})}),"toggle"===y&&x.jsx(a.Switch,{"aria-label":"Light mode",checked:S,className:b,disabled:T,onChange:function(){return!T&&I("day"===k?"night":"day")},switchIconLeft:x.jsx(l.NightIcon,{}),switchIconRight:x.jsx(d.SunnyIcon,{})})]})};
+"use strict";var e=require("../../tslib.es6-cdc5f922.js"),r=require("react"),s=require("../__amino__/TranslateAminoText.js"),t=require("../card/Card.js"),n=require("../select/Select.js"),i=require("../stack/HStack.js"),a=require("../switch/Switch.js"),o=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),h=require("../../icons/SunnyIcon.js"),d=require("../../styles/constants/theme.js"),m=require("../../utils/cn.js"),j=require("../../utils/hooks/useAminoTheme.js"),x=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-4522587c.js"),require("../translations/Translate.js"),require("../../utils/translations/_handleTranslateComponentText.js"),require("../../utils/translations/AminoTranslationStore.js"),require("zod"),require("zustand"),require("../../utils/storage.js"),require("dayjs"),require("../../utils/translations/supportedLanguages.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getNodeText.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("clsx"),require("tailwind-merge"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../utils/hooks/useStorage.js");var g=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(q){var b=q.className,v=q.disabled,T=void 0!==v&&v,p=q.type,y=void 0===p?"select":p,f=j.useAminoTheme(),k=f.aminoTheme,I=f.setAminoTheme,_=e.__read(r.useState(!1),2),S=_[0],C=_[1];return r.useEffect(function(){C("night"===k)},[k]),x.jsxs(x.Fragment,{children:["cards"===y&&x.jsxs(i.HStack,{className:b,children:[x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","day"===k&&"text-primary border-blue-400"),"data-theme":"day",onClick:function(){return I("day")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:d.theme.space16,children:[x.jsx(u.ThemeLightIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Light"})})]})}),x.jsx("button",{className:m.cn("rounded-amino-8 text-text-color border-2 border-solid\n              border-transparent focus:outline-none active:outline-none","night"===k&&"text-primary border-blue-400"),"data-theme":"night",onClick:function(){return I("night")},type:"button",children:x.jsxs(t.Card,{className:"bg-gray-0 [&_svg]:mb-amino-16 [&_svg]:shadow-v3-large flex flex-col items-center [&_svg]:h-16 [&_svg]:w-[110px]",spacing:d.theme.space16,children:[x.jsx(c.ThemeDarkIcon,{}),x.jsx(o.Text,{type:"bold-label",children:x.jsx(s.TranslateAminoText,{text:"Dark"})})]})})]}),"select"===y&&x.jsx(n.Select,{className:b,icon:function(){switch(k){case"day":default:return x.jsx(h.SunnyIcon,{});case"night":return x.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:T,onChange:function(e){return I((null==e?void 0:e.value)||"day")},options:g,value:g.filter(function(e){return e.value===k})}),"toggle"===y&&x.jsx(a.Switch,{"aria-label":"Dark mode",checked:S,className:b,disabled:T,onChange:function(){return!T&&I("night"===k?"day":"night")},switchIconLeft:x.jsx(h.SunnyIcon,{}),switchIconRight:x.jsx(l.NightIcon,{})})]})};

package/components/tooltip/Tooltip.d.ts

@@ -93,5 +93,5 @@ export type TooltipProps = BaseProps & {
  *   <Button>Hover me (no tooltip)</Button>
  * </Tooltip>
  */
-export declare const Tooltip: ({ children, className, disabled, enterDelay, enterNextDelay, maxWidth, open, placement, subtitle, themeOverride, title, }: TooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react").JSX.Element | null | undefined;
+export declare const Tooltip: ({ children, className, disabled, enterDelay, enterNextDelay, maxWidth, open, placement, subtitle, themeOverride, title, }: TooltipProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "6.0.7",
+  "version": "6.1.1",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -41,11 +41,9 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "fuse.js": "^6.6.2",
-    "react-data-grid": "7.0.0-beta.34",
     "react-dropzone": "^12.1.0",
     "react-intersection-observer": "^9.16.0",
     "react-select": "^5.10.2",
-    "react-split-it": "^2.0.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "uuid": "^11.0.0",
@@ -65,10 +63,10 @@
   },
   "peerDependencies": {
     "dayjs": "*",
-    "framer-motion": "^10.x",
+    "framer-motion": "^12.x || ^13.x",
     "lodash": "^4.17.23",
-    "react": "^18.x || ^19.x",
-    "react-dom": "^18.x || ^19.x",
+    "react": "^19.x",
+    "react-dom": "^19.x",
     "swr": "2.x",
     "zustand": "^5.0.0"
   },

package/table-theme-overrides.css

@@ -1,3 +1,10 @@
+/*
+  Night-theme table overrides.
+
+  These live in plain CSS rather than Tailwind arbitrary variants, which
+  generate `:is()` selectors that fight the `dark:` variant.
+*/
+
 [data-theme='night'] tbody tr.amino-table-row-active {
   background-color: var(--amino-gray-100);
 }

package/utils/hooks/useCountryOptions.d.ts

@@ -22,8 +22,8 @@ declare const schemaCountry: z.ZodObject<{
     active: boolean;
     code: string;
     label: string;
-    displayName: string;
     value: string;
+    displayName: string;
     languageCode: string | null;
     code3: string | null;
     currencyCode: string;
@@ -37,8 +37,8 @@ declare const schemaCountry: z.ZodObject<{
     active: boolean;
     code: string;
     label: string;
-    displayName: string;
     value: string;
+    displayName: string;
     languageCode: string | null;
     code3: string | null;
     currencyCode: string;

package/utils/hooks/useDropdown.d.ts

@@ -25,7 +25,7 @@ type Return<WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends
     setVisible: React.Dispatch<React.SetStateAction<boolean>>;
     visibility: 'visible' | 'hidden';
     visible: boolean;
-    wrapperRef: React.RefObject<WrapperRef>;
+    wrapperRef: React.RefObject<WrapperRef | null>;
 };
 export declare const useDropdown: <WrapperRef extends HTMLElement = HTMLDivElement, TriggerRef extends HTMLElement = HTMLButtonElement>(params?: UseDropdownParams) => Return<WrapperRef, TriggerRef>;
 export {};

package/utils/hooks/useHeightAdjustTextarea.d.ts

@@ -1,9 +1,9 @@
-import { type MutableRefObject } from 'react';
+import { type RefObject } from 'react';
 type TextareaParams = {
     additionalHeight?: number;
     initialRows?: number;
     maxRows?: number;
-    ref: MutableRefObject<HTMLTextAreaElement | null>;
+    ref: RefObject<HTMLTextAreaElement | null>;
     shouldExpand: boolean;
     textareaValue: string;
 };

package/utils/hooks/usePrevious.js

@@ -1 +1 @@
-"use strict";var e=require("react");exports.usePrevious=function(r){var u=e.useRef();return e.useEffect(function(){u.current=r},[r]),u.current};
+"use strict";var e=require("react");exports.usePrevious=function(r){var u=e.useRef(void 0);return e.useEffect(function(){u.current=r},[r]),u.current};

package/pivot-table.css

@@ -1,483 +0,0 @@
-/*
-  @source: "node_modules/react-data-grid/lib/styles"
-*/
-
-@layer rdg.Cell {
-  .c1wupbe7-0-0-beta-28 {
-    /* max-content does not work with size containment
-   * dynamically switching between different containment styles incurs a heavy relayout penalty
-   * Chromium bug: at odd zoom levels or subpixel positioning, layout/paint containment can make cell borders disappear
-   *   https://bugs.chromium.org/p/chromium/issues/detail?id=1326946
-   */
-    contain: style;
-    position: relative; /* needed for absolute positioning to work */
-    padding-block: 0;
-    padding-inline: 8px;
-    border-inline-end: 1px solid var(--rdg-border-color);
-    border-block-end: 1px solid var(--rdg-border-color);
-    grid-row-start: var(--rdg-grid-row-start);
-    background-color: inherit;
-
-    white-space: nowrap;
-    overflow: hidden;
-    overflow: clip;
-    text-overflow: ellipsis;
-    outline: none;
-  }
-
-  .c1wupbe7-0-0-beta-28[aria-selected='true'] {
-    outline: 2px solid var(--rdg-selection-color);
-    outline-offset: -2px;
-  }
-}
-
-@layer rdg.Cell {
-  .cd0kgiy7-0-0-beta-28 {
-    position: sticky;
-    /* Should have a higher value than 0 to show up above unfrozen cells */
-    z-index: 1;
-  }
-}
-
-@layer rdg.Cell {
-  .c1730fa47-0-0-beta-28 {
-    box-shadow: calc(2px * var(--rdg-sign)) 0 5px -2px rgba(136, 136, 136, 0.3);
-  }
-}
-
-@layer rdg {
-  @layer Defaults,
-    FocusSink,
-    CheckboxInput,
-    CheckboxIcon,
-    CheckboxLabel,
-    Cell,
-    HeaderCell,
-    SummaryCell,
-    EditCell,
-    Row,
-    HeaderRow,
-    SummaryRow,
-    GroupedRow,
-    Root;
-
-  @layer Defaults {
-    .r104f42s7-0-0-beta-28 *,
-    .r104f42s7-0-0-beta-28 *::before,
-    .r104f42s7-0-0-beta-28 *::after {
-      box-sizing: inherit;
-    }
-  }
-
-  @layer Root {
-    .r104f42s7-0-0-beta-28 {
-      --rdg-color: #000;
-      --rdg-border-color: #ddd;
-      --rdg-summary-border-color: #aaa;
-      --rdg-background-color: hsl(0deg 0% 100%);
-      --rdg-header-background-color: hsl(0deg 0% 97.5%);
-      --rdg-row-hover-background-color: hsl(0deg 0% 96%);
-      --rdg-row-selected-background-color: hsl(207deg 76% 92%);
-      --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);
-      --rdg-checkbox-color: hsl(207deg 100% 29%);
-      --rdg-checkbox-focus-color: hsl(207deg 100% 69%);
-      --rdg-checkbox-disabled-border-color: #ccc;
-      --rdg-checkbox-disabled-background-color: #ddd;
-      --rdg-selection-color: #66afe9;
-      --rdg-font-size: 14px;
-
-      display: grid;
-
-      color-scheme: var(--rdg-color-scheme, light dark);
-
-      /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */
-      /* We set a stacking context so internal elements don't render on top of external elements. */
-      contain: strict;
-      content-visibility: auto;
-      block-size: 350px;
-      border: 1px solid var(--rdg-border-color);
-      box-sizing: border-box;
-      overflow: auto;
-      background-color: var(--rdg-background-color);
-      color: var(--rdg-color);
-      font-size: var(--rdg-font-size);
-
-      /* needed on Firefox */
-    }
-    .r104f42s7-0-0-beta-28::before {
-      content: '';
-      grid-column: 1/-1;
-      grid-row: 1/-1;
-    }
-
-    .r104f42s7-0-0-beta-28.rdg-dark {
-      --rdg-color-scheme: dark;
-      --rdg-color: #ddd;
-      --rdg-border-color: #444;
-      --rdg-summary-border-color: #555;
-      --rdg-background-color: hsl(0deg 0% 13%);
-      --rdg-header-background-color: hsl(0deg 0% 10.5%);
-      --rdg-row-hover-background-color: hsl(0deg 0% 9%);
-      --rdg-row-selected-background-color: hsl(207deg 76% 42%);
-      --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);
-      --rdg-checkbox-color: hsl(207deg 100% 79%);
-      --rdg-checkbox-focus-color: hsl(207deg 100% 89%);
-      --rdg-checkbox-disabled-border-color: #000;
-      --rdg-checkbox-disabled-background-color: #333;
-    }
-
-    .r104f42s7-0-0-beta-28.rdg-light {
-      --rdg-color-scheme: light;
-    }
-
-    @media (prefers-color-scheme: dark) {
-      .r104f42s7-0-0-beta-28:not(.rdg-light) {
-        --rdg-color: #ddd;
-        --rdg-border-color: #444;
-        --rdg-summary-border-color: #555;
-        --rdg-background-color: hsl(0deg 0% 13%);
-        --rdg-header-background-color: hsl(0deg 0% 10.5%);
-        --rdg-row-hover-background-color: hsl(0deg 0% 9%);
-        --rdg-row-selected-background-color: hsl(207deg 76% 42%);
-        --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);
-        --rdg-checkbox-color: hsl(207deg 100% 79%);
-        --rdg-checkbox-focus-color: hsl(207deg 100% 89%);
-        --rdg-checkbox-disabled-border-color: #000;
-        --rdg-checkbox-disabled-background-color: #333;
-      }
-    }
-  }
-}
-
-@layer rdg.Root {
-  .v7ly7s7-0-0-beta-28 {
-    user-select: none;
-  }
-
-  .v7ly7s7-0-0-beta-28 .r1otpg647-0-0-beta-28 {
-    cursor: move;
-  }
-}
-
-@layer rdg.FocusSink {
-  .fc4f4zb7-0-0-beta-28 {
-    grid-column: 1/-1;
-    pointer-events: none;
-    /* Should have a higher value than 2 to show up above header row */
-    z-index: 3;
-  }
-}
-
-@layer rdg.Row {
-  .r1otpg647-0-0-beta-28 {
-    display: contents;
-    line-height: var(--rdg-row-height);
-    background-color: var(--rdg-background-color);
-  }
-
-  .r1otpg647-0-0-beta-28:hover {
-    background-color: var(--rdg-row-hover-background-color);
-  }
-
-  .r1otpg647-0-0-beta-28[aria-selected='true'] {
-    background-color: var(--rdg-row-selected-background-color);
-  }
-
-  .r1otpg647-0-0-beta-28[aria-selected='true']:hover {
-    background-color: var(--rdg-row-selected-hover-background-color);
-  }
-}
-
-@layer rdg.FocusSink {
-  .rel5gk27-0-0-beta-28 {
-    outline: 2px solid var(--rdg-selection-color);
-    outline-offset: -2px;
-  }
-}
-
-@layer rdg.FocusSink {
-  .r1qymf1z7-0-0-beta-28::before {
-    content: '';
-    display: inline-block;
-    height: 100%;
-    position: sticky;
-    inset-inline-start: 0;
-    border-inline-start: 2px solid var(--rdg-selection-color);
-  }
-}
-
-@layer rdg.CheckboxLabel {
-  .c8rwwhf7-0-0-beta-28 {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    inset: 0;
-    margin-inline-end: 1px; /* align checkbox in row group cell */
-  }
-}
-
-@layer rdg.CheckboxInput {
-  .c1rb4brs7-0-0-beta-28 {
-    all: unset;
-  }
-}
-
-@layer rdg.CheckboxIcon {
-  .c1bvvwcc7-0-0-beta-28 {
-    content: '';
-    inline-size: 20px;
-    block-size: 20px;
-    border: 2px solid var(--rdg-border-color);
-    background-color: var(--rdg-background-color);
-  }
-
-  .c1rb4brs7-0-0-beta-28:checked + .c1bvvwcc7-0-0-beta-28 {
-    background-color: var(--rdg-checkbox-color);
-    outline: 4px solid var(--rdg-background-color);
-    outline-offset: -6px;
-  }
-
-  .c1rb4brs7-0-0-beta-28:focus + .c1bvvwcc7-0-0-beta-28 {
-    border-color: var(--rdg-checkbox-focus-color);
-  }
-}
-
-@layer rdg.CheckboxLabel {
-  .c1yg790j7-0-0-beta-28 {
-    cursor: default;
-  }
-
-  .c1yg790j7-0-0-beta-28 .c1bvvwcc7-0-0-beta-28 {
-    border-color: var(--rdg-checkbox-disabled-border-color);
-    background-color: var(--rdg-checkbox-disabled-background-color);
-  }
-}
-
-@layer rdg.GroupCellContent {
-  .gb8l2vs7-0-0-beta-28 {
-    outline: none;
-  }
-}
-
-@layer rdg.GroupCellCaret {
-  .c1ggynjl7-0-0-beta-28 {
-    margin-inline-start: 4px;
-    stroke: currentColor;
-    stroke-width: 1.5px;
-    fill: transparent;
-    vertical-align: middle;
-  }
-
-  .c1ggynjl7-0-0-beta-28 > path {
-    transition: d 0.1s;
-  }
-}
-
-@layer rdg.MeasuringCell {
-  .m1l09lto7-0-0-beta-28 {
-    contain: strict;
-    grid-row: 1;
-    visibility: hidden;
-  }
-}
-
-@layer rdg.SortableHeaderCell {
-  .h1e8ezgp7-0-0-beta-28 {
-    cursor: pointer;
-    display: flex;
-  }
-
-  .h1e8ezgp7-0-0-beta-28:focus {
-    outline: none;
-  }
-}
-
-@layer rdg.SortableHeaderCellName {
-  .h1rrblhe7-0-0-beta-28 {
-    flex-grow: 1;
-    overflow: hidden;
-    overflow: clip;
-    text-overflow: ellipsis;
-  }
-}
-
-@layer rdg.HeaderCell {
-  .celq7o97-0-0-beta-28 {
-    touch-action: none;
-  }
-
-  .celq7o97-0-0-beta-28::after {
-    content: '';
-    cursor: col-resize;
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    inset-block-end: 0;
-    inline-size: 10px;
-  }
-}
-
-@layer rdg.HeaderRow {
-  .h197vzie7-0-0-beta-28 {
-    display: contents;
-    line-height: var(--rdg-header-row-height);
-    background-color: var(--rdg-header-background-color);
-    font-weight: bold;
-  }
-
-  .h197vzie7-0-0-beta-28 > .c1wupbe7-0-0-beta-28 {
-    /* Should have a higher value than 0 to show up above regular cells */
-    z-index: 1;
-    position: sticky;
-    inset-block-start: 0;
-  }
-
-  .h197vzie7-0-0-beta-28 > .cd0kgiy7-0-0-beta-28 {
-    z-index: 2;
-  }
-}
-
-@layer rdg.Cell {
-  .ccpfvsn7-0-0-beta-28 {
-    background-color: #ccccff;
-  }
-}
-
-@layer rdg.Cell {
-  .c1bmg16t7-0-0-beta-28 {
-    background-color: #ccccff;
-  }
-
-  .c1bmg16t7-0-0-beta-28.ccpfvsn7-0-0-beta-28 {
-    background-color: #9999ff;
-  }
-}
-
-@layer rdg.GroupedRow {
-  .gyxx7e97-0-0-beta-28:not([aria-selected='true']) {
-    background-color: var(--rdg-header-background-color);
-  }
-
-  .gyxx7e97-0-0-beta-28
-    > .c1wupbe7-0-0-beta-28:not(:last-child):not(.c1730fa47-0-0-beta-28) {
-    border-inline-end: none;
-  }
-}
-
-@layer rdg.SummaryCell {
-  .s1n3hxke7-0-0-beta-28 {
-    inset-block-start: var(--rdg-summary-row-top);
-    inset-block-end: var(--rdg-summary-row-bottom);
-  }
-}
-
-@layer rdg.SummaryRow {
-  .snfqesz7-0-0-beta-28 {
-    line-height: var(--rdg-summary-row-height);
-  }
-
-  .snfqesz7-0-0-beta-28 > .c1wupbe7-0-0-beta-28 {
-    position: sticky;
-  }
-}
-
-@layer rdg.SummaryRow {
-  .t1jijrjz7-0-0-beta-28 > .c1wupbe7-0-0-beta-28 {
-    z-index: 1;
-  }
-
-  .t1jijrjz7-0-0-beta-28 > .cd0kgiy7-0-0-beta-28 {
-    z-index: 2;
-  }
-}
-
-@layer rdg.SummaryRow {
-  .t14bmecc7-0-0-beta-28 > .c1wupbe7-0-0-beta-28 {
-    border-block-end: 2px solid var(--rdg-summary-border-color);
-  }
-}
-
-@layer rdg.SummaryRow {
-  .b1odhhml7-0-0-beta-28 > .c1wupbe7-0-0-beta-28 {
-    border-block-start: 2px solid var(--rdg-summary-border-color);
-  }
-}
-
-@layer rdg.EditCell {
-  .c1tngyp17-0-0-beta-28 {
-    padding: 0;
-  }
-}
-
-@layer rdg.DragHandle {
-  .cadd3bp7-0-0-beta-28 {
-    cursor: move;
-    position: absolute;
-    inset-inline-end: 0;
-    inset-block-end: 0;
-    inline-size: 8px;
-    block-size: 8px;
-    background-color: var(--rdg-selection-color);
-  }
-
-  .cadd3bp7-0-0-beta-28:hover {
-    inline-size: 16px;
-    block-size: 16px;
-    border: 2px solid var(--rdg-selection-color);
-    background-color: var(--rdg-background-color);
-  }
-}
-
-@layer rdg.SortIcon {
-  .a1mygwml7-0-0-beta-28 {
-    fill: currentColor;
-  }
-
-  .a1mygwml7-0-0-beta-28 > path {
-    transition: d 0.1s;
-  }
-}
-
-@layer rdg.TextEditor {
-  .tlmcuo07-0-0-beta-28 {
-    appearance: none;
-
-    box-sizing: border-box;
-    inline-size: 100%;
-    block-size: 100%;
-    padding-block: 0;
-    padding-inline: 6px;
-    border: 2px solid #ccc;
-    vertical-align: top;
-    color: var(--rdg-color);
-    background-color: var(--rdg-background-color);
-
-    font-family: inherit;
-    font-size: var(--rdg-font-size);
-  }
-
-  .tlmcuo07-0-0-beta-28:focus {
-    border-color: var(--rdg-selection-color);
-    outline: none;
-  }
-
-  .tlmcuo07-0-0-beta-28::placeholder {
-    color: #999;
-    opacity: 1;
-  }
-}
-
-[data-theme='night'] .amino-pivot-table .rdg-row {
-  background-color: var(--amino-gray-50);
-}
-[data-theme='night'] .amino-pivot-table .rdg-header-row {
-  background-color: var(--amino-gray-100);
-}
-[data-theme='night'] .amino-pivot-table .rdg-summary-row {
-  background-color: var(--amino-gray-100);
-}
-[data-theme='night'] .amino-pivot-table .rdg-cell {
-  border-color: var(--amino-gray-400);
-}