@lightsparkdev/ui 1.0.16 → 1.1.0

package/dist/{chunk-UQFZVAJI.cjs → chunk-XQWHIGTV.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkEUDYMZXOcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/chunk-XVFF35KL.js

@@ -0,0 +1,43 @@
+// src/icons/central/SparklesSoft.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function SparklesSoft({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.25 13C14.1955 13.4375 11.4375 16.1955 11 21.25C10.544 16.1169 7.80041 13.5721 2.75 13C7.88024 12.4083 10.4083 9.88024 11 4.75C11.5721 9.80041 14.1169 12.544 19.25 13Z",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin,
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.7898 1.25884C19.7731 1.11151 19.6486 1.00015 19.5003 1C19.352 0.999849 19.2272 1.11096 19.2103 1.25825C19.0998 2.21602 18.8134 2.8895 18.3515 3.35146C17.8895 3.81343 17.216 4.09979 16.2582 4.21025C16.111 4.22724 15.9998 4.35203 16 4.5003C16.0002 4.64857 16.1115 4.77313 16.2588 4.78981C17.2008 4.89651 17.8886 5.18275 18.3615 5.64713C18.8327 6.10977 19.125 6.7831 19.2095 7.73414C19.2229 7.88476 19.3491 8.00017 19.5003 8C19.6515 7.99983 19.7775 7.88413 19.7906 7.73349C19.8716 6.79809 20.1636 6.11059 20.6371 5.6371C21.1106 5.16361 21.7981 4.87155 22.7335 4.79058C22.8841 4.77754 22.9998 4.65154 23 4.50033C23.0002 4.34912 22.8848 4.22286 22.7341 4.20948C21.7831 4.125 21.1098 3.83266 20.6471 3.36151C20.1827 2.88857 19.8965 2.20078 19.7898 1.25884Z",
+            fill: "currentColor",
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  SparklesSoft
+};

package/dist/{chunk-QX6VGUB5.js → chunk-XYF5QVMZ.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-ZIWQJAXM.js";
+} from "./chunk-NXV24BSH.js";
 import {
   Icon
-} from "./chunk-HOGSXW62.js";
+} from "./chunk-DJOYSVI3.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-BWLWDRMS.js → chunk-Y477LK2G.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-HH64IK4G.js";
+} from "./chunk-6H54ZONZ.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-S3F7OBTH.js → chunk-Y4T7OW76.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-LYQQBGMY.js";
+} from "./chunk-KU4X4VPI.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-HOGSXW62.js";
+} from "./chunk-DJOYSVI3.js";
 import {
   getColor,
   themeOr
-} from "./chunk-WFSTDMMY.js";
+} from "./chunk-AM7EMJXN.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-Y5ADDRTY.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Loader.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Loader({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12.0004 2C12.4146 2.00004 12.7503 2.33585 12.7503 2.75007L12.75 6.25007C12.75 6.66428 12.4141 7.00004 11.9999 7C11.5857 6.99996 11.25 6.66415 11.25 6.24993L11.2503 2.74993C11.2503 2.33572 11.5862 1.99996 12.0004 2ZM4.92919 4.92867C5.22211 4.6358 5.69699 4.63584 5.98985 4.92876L8.46451 7.40385C8.75738 7.69677 8.75734 8.17164 8.46442 8.46451C8.1715 8.75738 7.69663 8.75734 7.40376 8.46442L4.9291 5.98933C4.63623 5.69641 4.63628 5.22154 4.92919 4.92867ZM19.0716 4.92943C19.3645 5.22232 19.3645 5.69719 19.0716 5.99009L16.5967 8.46496C16.3038 8.75785 15.8289 8.75785 15.536 8.46496C15.2431 8.17207 15.2431 7.69719 15.536 7.4043L18.0109 4.92943C18.3038 4.63653 18.7787 4.63653 19.0716 4.92943ZM2 12.0007C2 11.5865 2.33579 11.2507 2.75 11.2507H6.25C6.66421 11.2507 7 11.5865 7 12.0007C7 12.4149 6.66421 12.7507 6.25 12.7507H2.75C2.33579 12.7507 2 12.4149 2 12.0007ZM17 12.0007C17 11.5865 17.3358 11.2507 17.75 11.2507H21.25C21.6642 11.2507 22 11.5865 22 12.0007C22 12.4149 21.6642 12.7507 21.25 12.7507H17.75C17.3358 12.7507 17 12.4149 17 12.0007ZM15.5357 15.5353C15.8286 15.2424 16.3035 15.2424 16.5964 15.5353L19.0713 18.0102C19.3642 18.3031 19.3642 18.778 19.0713 19.0709C18.7784 19.3637 18.3035 19.3637 18.0106 19.0709L15.5357 16.596C15.2429 16.3031 15.2429 15.8282 15.5357 15.5353ZM8.46496 15.536C8.75785 15.8289 8.75785 16.3038 8.46496 16.5967L5.99009 19.0716C5.69719 19.3645 5.22232 19.3645 4.92943 19.0716C4.63653 18.7787 4.63653 18.3038 4.92943 18.0109L7.4043 15.536C7.69719 15.2431 8.17207 15.2431 8.46496 15.536ZM12.0003 17C12.4145 17 12.7503 17.3358 12.7503 17.75V21.25C12.7503 21.6642 12.4145 22 12.0003 22C11.5861 22 11.2503 21.6642 11.2503 21.25V17.75C11.2503 17.3358 11.5861 17 12.0003 17Z",
+          fill: "currentColor",
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Loader = Loader;

package/dist/{chunk-IQUCHLUU.js → chunk-Y6XSTDTM.js}

@@ -1,61 +1,73 @@
 import {
   Table
-} from "./chunk-M6OUTCTI.js";
+} from "./chunk-RAIZMT6F.js";
+import {
+  DateFilter,
+  getDefaultDateFilterState
+} from "./chunk-B2IBAKQN.js";
 import {
   EnumFilter,
   getDefaultEnumFilterState,
   isEnumFilterState
-} from "./chunk-MPNURDMH.js";
+} from "./chunk-4LG6VAAC.js";
 import {
   IdFilter,
   getDefaultIdFilterState,
   isIdFilterState
-} from "./chunk-F6DMF6LQ.js";
-import {
-  Popover
-} from "./chunk-YPR6F7JT.js";
+} from "./chunk-2BUWDSLS.js";
 import {
   StringFilter,
   getDefaultStringFilterState,
   isStringFilterState
-} from "./chunk-SGYY2X64.js";
+} from "./chunk-3RYP2UEV.js";
 import {
   BooleanFilter,
   getDefaultBooleanFilterState
-} from "./chunk-3BF6DG2M.js";
+} from "./chunk-VOSQS33M.js";
 import {
   CurrencyFilter,
   getDefaultCurrencyFilterState
-} from "./chunk-MSEQOE4B.js";
-import {
-  DateFilter,
-  getDefaultDateFilterState
-} from "./chunk-343EWVLK.js";
+} from "./chunk-EGDZHNGD.js";
 import {
   LabelModerate
-} from "./chunk-3DA7JJ2P.js";
+} from "./chunk-3LCR3KCY.js";
 import {
   Label
-} from "./chunk-6HXRUUSC.js";
+} from "./chunk-4WLQDWEJ.js";
+import {
+  Modal
+} from "./chunk-UGRRR64W.js";
 import {
   Dropdown
-} from "./chunk-LOVSCPI2.js";
+} from "./chunk-2FG7PGPI.js";
 import {
   CardPageFullWidth
-} from "./chunk-AIV5AY7X.js";
+} from "./chunk-AQHIMMV5.js";
+import {
+  StyledButtonRow
+} from "./chunk-32TB2XVD.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextIconAligner
-} from "./chunk-MYVY5ZAP.js";
+} from "./chunk-WSQWII3I.js";
 import {
   Button,
   StyledButton
-} from "./chunk-ZR5RJNK6.js";
+} from "./chunk-U6EBWLCK.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
+  standardBorderRadius,
   standardContentInset
-} from "./chunk-WXQAFT6L.js";
+} from "./chunk-E46IHC27.js";
+import {
+  getColor,
+  themeOr,
+  themeOrWithKey
+} from "./chunk-AM7EMJXN.js";
 import {
   bp,
   useBreakpoints
@@ -68,8 +80,8 @@ import {
 
 // src/components/DataManagerTable/DataManagerTable.tsx
 import styled from "@emotion/styled";
-import { useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment, useEffect, useState } from "react";
+import { Fragment as Fragment2, jsx, jsxs } from "@emotion/react/jsx-runtime";
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
@@ -99,6 +111,8 @@ function initialFilterState(filters) {
 }
 function DataManagerTable(props) {
   var _a, _b, _c, _d;
+  const isCardPageFullWidth = typeof props.cardPageFullWidth === "boolean" ? props.cardPageFullWidth : true;
+  const cardPageMt = typeof props.cardPageMt === "undefined" ? 24 : props.cardPageMt;
   const breakPoint = useBreakpoints();
   const [pageSize, setPageSize] = useState(((_a = props.pageSizes) == null ? void 0 : _a[0]) || 20);
   const [pageCursorState, setPageCursorState] = useState({
@@ -108,7 +122,7 @@ function DataManagerTable(props) {
   });
   const [isLoading, setIsLoading] = useState(props.loading || false);
   const [numFiltersApplied, setNumFiltersApplied] = useState(0);
-  const [showFilterPopover, setShowFilterPopover] = useState(false);
+  const [showFilters, setShowFilters] = useState(false);
   const [filterStates, setFilterStates] = useState(
     props.filterOptions ? initialFilterState(props.filterOptions.filters) : {}
   );
@@ -234,7 +248,7 @@ function DataManagerTable(props) {
       return state.isApplied ? acc + 1 : acc;
     }, 0);
     setNumFiltersApplied(numFiltersApplied2);
-    setShowFilterPopover(false);
+    setShowFilters(false);
     setIsLoading(true);
     const newFetchVariables = getFilterQueryVariables(
       filters2,
@@ -414,37 +428,73 @@ function DataManagerTable(props) {
   }) : [];
   let filters;
   const isFilterButtonSmall = isSm && props.header;
+  function onApply() {
+    void handleApplyFilters(filterStates, props.filterOptions, pageSize);
+  }
+  const filterContent = /* @__PURE__ */ jsxs(
+    FilterContentInner,
+    {
+      onKeyDownCapture: (e) => {
+        if (e.key === "Enter") {
+          onApply();
+        }
+      },
+      isSm,
+      children: [
+        filterSections,
+        /* @__PURE__ */ jsxs(FilterContentFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ jsxs(FilterContentFooterRight, { children: [
+            /* @__PURE__ */ jsx(Button, { text: "Cancel", onClick: () => setShowFilters(false) }),
+            /* @__PURE__ */ jsx(Button, { text: "Apply", kind: "primary", onClick: onApply })
+          ] })
+        ] })
+      ]
+    }
+  );
+  const commonButtonProps = {
+    kind: isFilterButtonSmall ? "roundIcon" : "secondary",
+    size: "ExtraSmall",
+    typography: { color: "c6Neutral" },
+    icon: {
+      name: "Sort"
+    },
+    text: !isFilterButtonSmall ? `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}` : void 0
+  };
   if (props.filterOptions) {
-    filters = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(DataManagerTableFilterContainer, { children: [
+    filters = /* @__PURE__ */ jsx(Fragment2, { children: /* @__PURE__ */ jsx(DataManagerTableFilterContainer, { children: isSm ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Button,
-        {
-          kind: isFilterButtonSmall ? "roundIcon" : "secondary",
-          text: !isFilterButtonSmall ? `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}` : void 0,
-          size: "ExtraSmall",
-          icon: {
-            name: "Sort"
-          },
-          typography: { color: "c6Neutral" },
-          onClick: () => setShowFilterPopover(!showFilterPopover)
-        }
+        __spreadProps(__spreadValues({}, commonButtonProps), {
+          onClick: () => setShowFilters(!showFilters)
+        })
       ),
       /* @__PURE__ */ jsx(
-        Popover,
+        Modal,
         {
-          show: showFilterPopover,
-          setShow: setShowFilterPopover,
-          side: "right",
-          onApply: () => void handleApplyFilters(
-            filterStates,
-            props.filterOptions,
-            pageSize
-          ),
-          onClear: handleClearFilters,
-          children: filterSections
+          visible: showFilters,
+          onClose: () => setShowFilters(false),
+          smKind: "fullscreen",
+          children: filterContent
         }
       )
-    ] }) });
+    ] }) : /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        borderRadius: 12,
+        maxDropdownItemsWidth: 400,
+        dropdownContent: /* @__PURE__ */ jsx(FilterDropdownContent, { children: filterContent }),
+        isOpen: showFilters,
+        onOpen: () => {
+          setShowFilters(true);
+        },
+        onClose: () => {
+          setShowFilters(false);
+        },
+        button: commonButtonProps,
+        align: "right"
+      }
+    ) }) });
   }
   let showMoreDropdown;
   if (((_c = props.pageSizes) == null ? void 0 : _c.length) > 1) {
@@ -546,7 +596,7 @@ function DataManagerTable(props) {
       ] })
     ] });
   }
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+  const content = /* @__PURE__ */ jsxs(Fragment2, { children: [
     props.showHeader && /* @__PURE__ */ jsxs(DataManagerTableHeader, { children: [
       props.header,
       filters
@@ -554,8 +604,7 @@ function DataManagerTable(props) {
     /* @__PURE__ */ jsx(Table, __spreadProps(__spreadValues({}, props), { loading: isLoading })),
     footer
   ] });
-  const isCardPage = typeof props.cardPage === "boolean" ? props.cardPage : true;
-  return /* @__PURE__ */ jsx(StyledDataManagerTable, { children: isCardPage ? /* @__PURE__ */ jsx(CardPageFullWidth, { css: { marginTop: "24px" }, children: content }) : content });
+  return /* @__PURE__ */ jsx(StyledDataManagerTable, { children: isCardPageFullWidth ? /* @__PURE__ */ jsx(CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
 }
 var StyledDataManagerTable = styled.div``;
 var commonPadding = `
@@ -577,6 +626,7 @@ var DataManagerTableHeader = styled.div`
   flex-direction: row;
   align-items: center;
   padding: ${Spacing.px.xs} 0;
+  position: relative;
 `;
 var DataManagerTableFooter = styled.div`
   border-top: 1px solid ${({ theme }) => theme.c1Neutral};
@@ -606,15 +656,45 @@ var PaginationButtonsContainer = styled.div`
 var DataManagerTableFilterContainer = styled.div`
   position: absolute;
   z-index: 3;
-  background: white;
   right: 0;
-  background: linear-gradient(
-    to right,
-    rgba(255, 255, 255, 0) 0%,
-    rgba(255, 255, 255, 1) 15%
-  );
+  ${StyledButtonRow} + & {
+    background: linear-gradient(
+      to right,
+      ${({ theme }) => themeOr("rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+        0%,
+      ${({ theme }) => getColor(theme, "bg")} 15%
+    );
+  }
   ${commonPadding}
 `;
+var FilterDropdownContent = styled.div`
+  width: 400px;
+  background: ${({ theme }) => theme.bg};
+  border: 0.5px solid
+    ${({ theme }) => themeOrWithKey("c1Neutral", "c4Neutral")({ theme })};
+  ${standardBorderRadius(12)}
+  box-shadow:
+    0px 1px 4px 0px rgba(0, 0, 0, 0.1),
+    0px 4px 8px 0px rgba(0, 0, 0, 0.08);
+`;
+var FilterContentInner = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${Spacing.px.xl};
+  padding: ${({ isSm }) => isSm ? "0px" : Spacing.px.lg};
+  z-index: ${z.dropdown + 1};
+  position: relative;
+`;
+var FilterContentFooter = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`;
+var FilterContentFooterRight = styled.div`
+  display: flex;
+  gap: ${Spacing.px.xs};
+`;
 
 export {
   DataManagerTable

package/dist/chunk-YARU3I62.js

@@ -0,0 +1,33 @@
+// src/icons/central/ReceiptBill.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ReceiptBill({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8.75 7.75H15.25M8.75 11.75H11.25M19.25 21.25V3.75C19.25 3.19772 18.8023 2.75 18.25 2.75H5.75C5.19772 2.75 4.75 3.19772 4.75 3.75V21.25L7.33333 19L9.66667 21.25L12 19L14.3333 21.25L16.6667 19L19.25 21.25Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ReceiptBill
+};

package/dist/chunk-YBHALQ7F.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronLeft.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ChevronLeft({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M15 4L7.70711 11.2929C7.31658 11.6834 7.31658 12.3166 7.70711 12.7071L15 20",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ChevronLeft = ChevronLeft;

package/dist/chunk-YD7IPS53.js

@@ -0,0 +1,33 @@
+// src/icons/central/ShareIOS.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ShareIOS({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 3.75V15M12 3.75L16.5 8.25M12 3.75L7.5 8.25M20.25 12.75V19.25C20.25 19.8023 19.8023 20.25 19.25 20.25H4.75C4.19772 20.25 3.75 19.8023 3.75 19.25V12.75",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ShareIOS
+};

package/dist/{chunk-Z4P3SDK3.cjs → chunk-YDN2RZ25.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
+var _chunkFOUSEEFHcjs = require('./chunk-FOUSEEFH.cjs');
 
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,10 +28,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunkFOUSEEFHcjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/chunk-YEBNI6T5.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronLeftXs.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ChevronLeftXs({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M13.1034 16L9.457 12.3535C9.26173 12.1583 9.26173 11.8417 9.45699 11.6465L13.1034 8",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ChevronLeftXs = ChevronLeftXs;

package/dist/{chunk-HU2UCL6I.js → chunk-YJIIP7IY.js}

@@ -71,10 +71,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // yellow
   primary,
   warning: primary,
+  warningText: "#BB6B01",
+  warningBackground: "#FBEECB",
   // orange
   danger: "#FD2C0F",
   // neutral
   secondary: neutral.black,
+  gray: "#242526",
   // transparent
   transparent: "transparent",
   transparenta02: "#00000005",

package/dist/{chunk-L3JCGD3R.js → chunk-YUEYUDQC.js}

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

package/dist/chunk-YXWPKT7O.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/locale.ts
+function getCurrentBaseLanguage() {
+  const userLocale = navigator.language;
+  const locale = new Intl.Locale(userLocale);
+  return locale.language;
+}
+
+
+
+exports.getCurrentBaseLanguage = getCurrentBaseLanguage;

package/dist/{chunk-WS4ZV4J2.js → chunk-Z6I64NIF.js}

@@ -1,6 +1,6 @@
 import {
   standardFocusOutline
-} from "./chunk-WXQAFT6L.js";
+} from "./chunk-E46IHC27.js";
 
 // src/components/UnstyledButton.tsx
 import styled from "@emotion/styled";