impact-ui 4.0.1-alpha.2 → 4.0.1-alpha.21

package/dist/components/DateRangePicker/showMonthYearSelect.js

@@ -1,62 +1,51 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { useState } from "react";
 import moment from "moment";
 import { Select } from "../Select/index.js";
-const DEFAULT_YEARS_COUNT = 10;
-function DateRangePickerShowMonthYearSelect({
-  customYears,
-  month,
-  onMonthSelect,
-  onYearSelect
-}) {
-  const yearOptions = useMemo(() => {
-    if (customYears && customYears.length > 0) {
-      return customYears.map((y) => ({ label: y.label, value: y.value }));
-    }
-    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-    return Array.from({ length: DEFAULT_YEARS_COUNT }, (_, i) => {
-      const y = (currentYear - 5 + i).toString();
-      return { label: y, value: y };
-    });
-  }, [customYears]);
-  const monthOptions = useMemo(
-    () => moment.months().map((label, value) => ({ label, value })),
-    []
-  );
-  const selectedMonth = {
+function ShowMonthYearSelect({ customYears, month, onMonthSelect, onYearSelect }) {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const yrs = Array.from({ length: 10 }, (_, index) => {
+    const year = (currentYear - 5 + index).toString();
+    return { label: year, value: year };
+  });
+  const years = customYears && customYears.length > 0 ? customYears : yrs;
+  const months = moment.months().map((label, value) => {
+    return {
+      label,
+      value
+    };
+  });
+  const [open1, setOpen1] = useState(false);
+  const [currentOptions1, setCurrentOptions1] = useState(months);
+  const [open2, setOpen2] = useState(false);
+  const [currentOptions2, setCurrentOptions2] = useState(years);
+  const selectedOptions1 = {
     label: month.format("MMMM"),
     value: month.month()
   };
-  const selectedYear = {
+  const selectedOptions2 = {
     label: month.year().toString(),
     value: month.year().toString()
   };
-  const [isMonthOpen, setIsMonthOpen] = useState(false);
-  const [monthCurrentOptions, setMonthCurrentOptions] = useState(monthOptions);
-  const [isYearOpen, setIsYearOpen] = useState(false);
-  const [yearCurrentOptions, setYearCurrentOptions] = useState(yearOptions);
   return /* @__PURE__ */ jsxs("div", { className: "date-range-picker-show-month-year-select-container", children: [
     /* @__PURE__ */ jsx("div", { className: "date-range-picker-month-select-container", children: /* @__PURE__ */ jsx(
       Select,
       {
         isWithSearch: true,
         withPortal: true,
-        currentOptions: monthCurrentOptions,
+        currentOptions: currentOptions1,
         dropDownPortalClassName: "date-range-picker-month-select-dropdown",
         handleChange: (val) => {
-          if (val && !Array.isArray(val)) {
-            onMonthSelect(month, val.value.toString());
-            setIsMonthOpen(false);
-          }
+          onMonthSelect(month, val.value);
         },
-        initialOptions: monthOptions,
-        isOpen: isMonthOpen,
+        initialOptions: months,
+        isOpen: open1,
         minWidth: "80px",
-        name: "month-select",
+        name: "year-select",
         placeholder: "month",
-        setCurrentOptions: setMonthCurrentOptions,
-        setIsOpen: setIsMonthOpen,
-        selectedOptions: selectedMonth,
+        selectedOptions: selectedOptions1,
+        setCurrentOptions: setCurrentOptions1,
+        setIsOpen: setOpen1,
         setSelectedOptions: () => {
         }
       }
@@ -66,22 +55,19 @@ function DateRangePickerShowMonthYearSelect({
       {
         isWithSearch: true,
         withPortal: true,
-        currentOptions: yearCurrentOptions,
+        currentOptions: currentOptions2,
         dropDownPortalClassName: "date-range-picker-year-select-dropdown",
         handleChange: (val) => {
-          if (val && !Array.isArray(val)) {
-            onYearSelect(month, val.value.toString());
-            setIsYearOpen(false);
-          }
+          onYearSelect(month, val.value);
         },
-        initialOptions: yearOptions,
-        isOpen: isYearOpen,
+        initialOptions: years,
+        isOpen: open2,
         minWidth: "66px",
-        name: "year-select",
+        name: "month-select",
         placeholder: "year",
-        setCurrentOptions: setYearCurrentOptions,
-        setIsOpen: setIsYearOpen,
-        selectedOptions: selectedYear,
+        selectedOptions: selectedOptions2,
+        setCurrentOptions: setCurrentOptions2,
+        setIsOpen: setOpen2,
         setSelectedOptions: () => {
         }
       }
@@ -89,5 +75,5 @@ function DateRangePickerShowMonthYearSelect({
   ] });
 }
 export {
-  DateRangePickerShowMonthYearSelect
+  ShowMonthYearSelect
 };

package/dist/components/DateRangePicker/utils.d.ts

@@ -1,40 +1,14 @@
-import { Moment } from 'moment';
-
-export declare const rangeSelectorTypes: readonly [{
-    readonly id: "custom";
-    readonly value: "custom";
-    readonly label: "Custom";
-}, {
-    readonly id: "last7Days";
-    readonly value: "last7Days";
-    readonly label: "Last 7 Days";
-}, {
-    readonly id: "week";
-    readonly value: "week";
-    readonly label: "Week";
-}, {
-    readonly id: "month";
-    readonly value: "month";
-    readonly label: "Month";
-}, {
-    readonly id: "quarter";
-    readonly value: "quarter";
-    readonly label: "Quarter";
-}, {
-    readonly id: "year";
-    readonly value: "year";
-    readonly label: "Year";
-}];
-export type RangeSelectorTypeId = (typeof rangeSelectorTypes)[number]['id'];
-export declare function setStartDateOffset(selectedRange: RangeSelectorTypeId, day: Moment): Moment;
-export declare function setEndDateOffset(selectedRange: RangeSelectorTypeId, day: Moment): Moment;
-export declare function calculatePosition({ containerRef, setCustomPosition, showRangeSelector, }: {
-    containerRef: React.RefObject<HTMLElement | null>;
-    setCustomPosition: (pos: {
-        left?: number | string;
-        right?: number | string;
-    }) => void;
-    showRangeSelector?: boolean;
-}): void;
-export declare function formatMomentDate(date: Moment | null | undefined, dateFormat?: string): string;
+export declare const rangeSelectorTypes: {
+    id: string;
+    value: string;
+    label: string;
+}[];
+export declare const setStartDateOffset: (selectedRange: any, day: any) => any;
+export declare const setEndDateOffset: (selectedRange: any, day: any) => any;
+export declare const calculatePosition: ({ containerRef, setCustomPosition, showRangeSelector }: {
+    containerRef: any;
+    setCustomPosition: any;
+    showRangeSelector: any;
+}) => void;
+export declare const formatMomentDate: (date: any, dateFormat?: string) => any;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/DateRangePicker/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;EAOrB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAE5E,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAe1F;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAexF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,GAClB,EAAE;IACD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,IAAI,CAUP;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/B,UAAU,SAAe,GACxB,MAAM,CAER"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/utils.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;GAO9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,kBAAa,EAAE,QAAG,QAiBpD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,kBAAa,EAAE,QAAG,QAiBlD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI;;;;CAAsD,SAgBvF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAI,EAAE,mBAAyB,QAE/D,CAAC"}

package/dist/components/DateRangePicker/utils.js

@@ -6,57 +6,52 @@ const rangeSelectorTypes = [
   { id: "quarter", value: "quarter", label: "Quarter" },
   { id: "year", value: "year", label: "Year" }
 ];
-function setStartDateOffset(selectedRange, day) {
+const setStartDateOffset = (selectedRange, day) => {
   switch (selectedRange) {
     case "last7Days":
-      return day.clone().subtract(7, "days");
+      return day.subtract(7, "days");
     case "week":
-      return day.clone().startOf("week");
+      return day.startOf("week");
     case "month":
-      return day.clone().startOf("month");
+      return day.startOf("month");
     case "quarter":
-      return day.clone().startOf("quarter");
+      return day.startOf("quarter");
     case "year":
-      return day.clone().startOf("year");
-    default:
-      return day.clone();
+      return day.startOf("year");
   }
-}
-function setEndDateOffset(selectedRange, day) {
+};
+const setEndDateOffset = (selectedRange, day) => {
   switch (selectedRange) {
     case "last7Days":
-      return day.clone();
+      return day.subtract(0, "days");
     case "week":
-      return day.clone().endOf("week");
+      return day.endOf("week");
     case "month":
-      return day.clone().endOf("month");
+      return day.endOf("month");
     case "quarter":
-      return day.clone().endOf("quarter");
+      return day.endOf("quarter");
     case "year":
-      return day.clone().endOf("year");
-    default:
-      return day.clone();
+      return day.endOf("year");
   }
-}
-function calculatePosition({
-  containerRef,
-  setCustomPosition,
-  showRangeSelector
-}) {
+};
+const calculatePosition = ({ containerRef, setCustomPosition, showRangeSelector }) => {
   var _a;
-  const containerPos = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
+  const containerPos = (_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
   if (!containerPos) return;
   const { x } = containerPos;
-  const innerWidth = typeof window !== "undefined" ? window.innerWidth : 0;
+  const innerWidth = window.innerWidth;
   const threshold = showRangeSelector ? 550 : 450;
   const availableSpace = innerWidth - x - 20;
   if (availableSpace < threshold) {
-    setCustomPosition({ left: "auto", right: 0 });
+    setCustomPosition({
+      left: "auto",
+      right: 0
+    });
   }
-}
-function formatMomentDate(date, dateFormat = "YYYY-MM-DD") {
-  return (date == null ? void 0 : date.format(dateFormat)) ?? "";
-}
+};
+const formatMomentDate = (date, dateFormat = "YYYY-MM-DD") => {
+  return date == null ? void 0 : date.format(dateFormat);
+};
 export {
   calculatePosition,
   formatMomentDate,

package/dist/components/FileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,0BAA0B,CAAC;AAGlC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,QAAgB,EAChB,aAAa,EAAE,QAAY,EAC3B,cAGC,EACD,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,OAAO,EACP,wBAAwB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,wBAAwB,EACxC,wBAAwB,EAAE,0BAA0B,EACpD,qBAAqB,EAAE,2BAA2B,EAClD,UAAiB,EACjB,WAAgC,EAChC,cAAc,EACd,aAAoB,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAyB,EACvC,IAAe,GAChB,EAAE,eAAe,2CAknBjB;yBAlpBe,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,0BAA0B,CAAC;AAGlC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,QAAgB,EAChB,aAAa,EAAE,QAAY,EAC3B,cAGC,EACD,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,OAAO,EACP,wBAAwB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,wBAAwB,EACxC,wBAAwB,EAAE,0BAA0B,EACpD,qBAAqB,EAAE,2BAA2B,EAClD,UAAiB,EACjB,WAAgC,EAChC,cAAc,EACd,aAAoB,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAyB,EACvC,IAAe,GAChB,EAAE,eAAe,2CAqnBjB;yBArpBe,UAAU"}

package/dist/components/FileUpload/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;background-position:50% 24px;background-repeat:no-repeat;background-size:55px;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload .ia-fileUpload-hr{color:#7a8294;font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:#d9dde7;content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{background-position:50% 24px;background-size:55px;border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:#1849d6!important;color:#1849d6!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#e9e3f2;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;height:148px;justify-content:center;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload:before{background:var(--ia-file-upload-icon) no-repeat center/contain;content:"";display:block;flex-shrink:0;height:55px;width:55px}.ia-fileUpload .ia-fileUpload-hr{color:#7a8294;font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:#d9dde7;content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver:before{display:none}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:#1849d6!important;color:#1849d6!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#e9e3f2;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
@@ -267,7 +267,9 @@ function FileUpload({
             role: "button",
             style: {
               height,
-              backgroundImage: assets && !isDraggedOver ? `url(${isError ? assets.fileUploadErrorBgUrl : assets.fileUploadBgUrl})` : void 0
+              ...assets && !isDraggedOver ? {
+                ["--ia-file-upload-icon"]: `url(${isError ? assets.fileUploadErrorBgUrl : assets.fileUploadBgUrl})`
+              } : {}
             },
             tabIndex: 0,
             onClick: (e) => {

package/dist/components/FiltersStrip/AppliedFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppliedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/AppliedFilters.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,EAAE,mBAAmB,2CA8JrB;yBA9Ke,cAAc"}
+{"version":3,"file":"AppliedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/AppliedFilters.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,wBAAwB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,EAAE,mBAAmB,2CA+JrB;yBA/Ke,cAAc"}

package/dist/components/FiltersStrip/AppliedFilters.js

@@ -27,14 +27,14 @@ function AppliedFilters({
     setSavedLists(savedFilterLists);
   }, [savedFilterLists]);
   const handleSearch = (event) => {
-    const value = event.target.value;
-    setSearchInput(value);
-    const searchTerm = value.trim().toUpperCase();
+    setSearchInput(event.target.value);
+    const searchTerm = event.target.value.trim().toLowerCase();
     const searchTerms = searchTerm.split(/\s+/).filter(Boolean);
     if (searchTerms.length > 0) {
-      const searchResults = savedFilterLists.filter(
-        (option) => searchTerms.every((term) => new RegExp(term, "i").test(option.label))
-      );
+      const searchResults = savedFilterLists.filter((option) => {
+        const label = option.label.toLowerCase() ?? "";
+        return searchTerms.every((term) => label.includes(term));
+      });
       setSavedLists([...searchResults]);
     } else {
       setSavedLists(savedFilterLists);

package/dist/components/Header/index.js

@@ -7,9 +7,9 @@ import CommentsPanel from "../CommentsPanel/index.js";
 import { CommentsProvider } from "../CommentsPanel/CommentsContext.js";
 import { Menu } from "../Menu/index.js";
 
+const ImpactLogoHD2 = getAssetUrl("icons/IA_Logo.svg");
 const NotificationIcon = getAssetUrl("icons/bell.svg");
 const HelpIcon = getAssetUrl("icons/help-icon.svg");
-const ImpactLogoHD2 = getAssetUrl("icons/IA_Logo.svg");
 const KeyboardShortcutsIcon = getAssetUrl("icons/keyboardShortuctIcon.svg");
 const MessageIconDisabled = getAssetUrl("icons/message-icon-disabled.svg");
 const MessageIcon = getAssetUrl("icons/message-icon.svg");

package/dist/components/KeyboardShortCuts/Keycombo.d.ts

@@ -1,9 +1,11 @@
 interface KeysProps {
     firstSymbol?: string | null;
     firstText: string;
+    middleSymbol?: string | null;
+    middleText?: string | null;
     secondText: string;
 }
-export declare const Keys: ({ firstSymbol, firstText, secondText }: KeysProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Keys: ({ firstSymbol, firstText, middleSymbol, middleText, secondText, }: KeysProps) => import("react/jsx-runtime").JSX.Element;
 interface KeyComboProps {
     firstSymbol?: string | null;
     firstText: string;

package/dist/components/KeyboardShortCuts/Keycombo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Keycombo.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/Keycombo.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,GAAI,wCAAwC,SAAS,4CAiBrE,CAAC;AAEF,UAAU,aAAa;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,GAAI,qDAAqD,aAAa,4CAU1F,CAAC"}
+{"version":3,"file":"Keycombo.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/Keycombo.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,GAAI,mEAMlB,SAAS,4CA0BX,CAAC;AAEF,UAAU,aAAa;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,GAAI,qDAAqD,aAAa,4CAU1F,CAAC"}

package/dist/components/KeyboardShortCuts/Keycombo.js

@@ -1,11 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { isMac } from "../../utils/shortcuts/platform.js";
-const Keys = ({ firstSymbol, firstText, secondText }) => {
+const Keys = ({
+  firstSymbol,
+  firstText,
+  middleSymbol,
+  middleText,
+  secondText
+}) => {
   return /* @__PURE__ */ jsxs("div", { className: "keys", children: [
     /* @__PURE__ */ jsx("div", { className: "button-outer", children: /* @__PURE__ */ jsxs("div", { className: `button-inner ${!isMac ? "windows-key" : ""}`, children: [
       firstSymbol && /* @__PURE__ */ jsx("span", { className: "key-symbol", children: firstSymbol }),
       /* @__PURE__ */ jsx("span", { className: "key-text", children: firstText })
     ] }) }),
+    middleText && /* @__PURE__ */ jsx("div", { className: "button-outer", children: /* @__PURE__ */ jsxs("div", { className: `button-inner ${!isMac ? "windows-key" : ""}`, children: [
+      middleSymbol && /* @__PURE__ */ jsx("span", { className: "key-symbol", children: middleSymbol }),
+      /* @__PURE__ */ jsx("span", { className: "key-text", children: middleText })
+    ] }) }),
     /* @__PURE__ */ jsx("div", { className: "button-outer single-key", children: /* @__PURE__ */ jsx("div", { className: "button-inner", children: /* @__PURE__ */ jsx("span", { className: "key-text", children: secondText }) }) })
   ] });
 };

package/dist/components/KeyboardShortCuts/ShortcutLandingPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutLandingPage.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/ShortcutLandingPage.tsx"],"names":[],"mappings":"AASA,OAAO,iCAAiC,CAAC;AA6BzC,eAAO,MAAM,mBAAmB,GAAI;;;;CAInC,4CAcA,CAAC"}
+{"version":3,"file":"ShortcutLandingPage.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardShortCuts/ShortcutLandingPage.tsx"],"names":[],"mappings":"AASA,OAAO,iCAAiC,CAAC;AA+BzC,eAAO,MAAM,mBAAmB,GAAI;;;;CAInC,4CAwBA,CAAC"}