se-design 1.0.75 → 1.0.76-dev2

package/dist/index59.js

@@ -1,122 +1,89 @@
-import e, { useState as p, useRef as g, useEffect as I } from "react";
-import { Button as x } from "./index3.js";
-const n = 40, f = 7, y = 3, T = Array.from({
-  length: 12
-}, (r, o) => String(o + 1).padStart(2, "0")), w = Array.from({
-  length: 60
-}, (r, o) => String(o).padStart(2, "0")), M = ["AM", "PM"], h = ({
-  items: r,
-  selectedIndex: o,
-  onSelect: d,
-  automationId: u = ""
+import e, { useRef as S, useState as f } from "react";
+import { CustomModal as T } from "./index13.js";
+import { Icon as v } from "./index6.js";
+/* empty css         */
+const C = ({
+  children: c = null,
+  title: n = "",
+  onClose: s = () => {
+  },
+  showCloseIcon: l = !1,
+  showBackButton: a = !1,
+  onBack: m = () => {
+  },
+  className: i = "",
+  automationId: r = "",
+  minHeight: u = "auto"
 }) => {
-  const l = g(null), s = g(null);
-  I(() => {
-    l.current && l.current.scrollTo({
-      top: o * n,
-      behavior: "smooth"
-    });
-  }, [o]);
-  const a = () => {
-    l.current && (s.current && clearTimeout(s.current), s.current = setTimeout(() => {
-      const t = l.current;
-      if (!t) return;
-      const c = Math.round(t.scrollTop / n), m = Math.max(0, Math.min(r.length - 1, c));
-      t.scrollTo({
-        top: m * n,
-        behavior: "smooth"
-      }), m !== o && d(m);
-    }, 100));
-  }, i = (t) => {
-    d(t), l.current?.scrollTo({
-      top: t * n,
-      behavior: "smooth"
-    });
+  const t = S(null), [g, p] = f(0), [E, h] = f(0), [b, Y] = f(!1), k = (o) => {
+    p(o.touches[0].clientY), h(o.touches[0].clientY), Y(!0);
+  }, N = (o) => {
+    if (!b) return;
+    const d = o.touches[0].clientY, x = d - g;
+    x > 0 && (h(d), t.current && (t.current.style.transform = `translateY(${x}px)`));
+  }, y = () => {
+    if (!b) return;
+    E - g > 60 ? s() : t.current && (t.current.style.transform = "translateY(0)"), Y(!1), p(0), h(0);
   };
   return /* @__PURE__ */ e.createElement("div", {
-    className: "w-14"
-  }, /* @__PURE__ */ e.createElement("div", {
-    ref: l,
-    className: "overflow-y-auto [&::-webkit-scrollbar]:hidden",
-    onScroll: a,
+    ref: t,
+    className: `se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${i}`,
+    onClick: (o) => o.stopPropagation(),
+    onTouchStart: k,
+    onTouchMove: N,
+    onTouchEnd: y,
+    "data-automation-id": r,
     style: {
-      height: f * n,
-      paddingTop: y * n,
-      paddingBottom: y * n,
-      scrollSnapType: "y mandatory",
-      scrollbarWidth: "none"
+      minHeight: u
     }
-  }, r.map((t, c) => /* @__PURE__ */ e.createElement("div", {
-    key: t,
-    className: `flex items-center justify-center cursor-pointer select-none transition-colors h-10 ${c === o ? "text-[var(--color-blue-500)] font-semibold" : "text-[var(--color-gray-700)] hover:text-[var(--color-blue-500)]"}`,
-    onClick: () => i(c),
-    style: {
-      scrollSnapAlign: "center"
-    },
-    "data-automation-id": `${u}-item-${c}`
-  }, t))));
-}, $ = ({
-  initialHour: r = 12,
-  initialMinute: o = 0,
-  onApply: d,
-  ctaLabel: u = "Apply",
-  onClose: l,
-  className: s = "",
-  automationId: a = "timepicker"
-}) => {
-  const [i, t] = p(() => r === 0 ? 11 : r > 12 ? r - 12 - 1 : r - 1), [c, m] = p(Math.max(0, Math.min(59, o ?? 0))), [v, E] = p(
-    () => r >= 12 ? 1 : 0
-    // 0-11 = AM, 12-23 = PM
-  ), b = () => {
-    const S = v === 1 ? i + 12 : i;
-    d?.({
-      hour: S + 1,
-      minute: c
-    }), l?.();
-  };
-  return /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-timepicker-container w-full min-w-[216px] bg-[var(--color-white)] rounded-xl shadow-md border border-[var(--color-gray-400)] overflow-hidden ${s}`
-  }, /* @__PURE__ */ e.createElement("div", {
-    className: "se-design-timepicker-content w-full relative p-4"
-  }, /* @__PURE__ */ e.createElement("div", {
-    className: "absolute left-4 right-4 top-1/2 -translate-y-1/2 h-10 bg-[var(--color-blue-50)] rounded-lg pointer-events-none z-0"
-  }), /* @__PURE__ */ e.createElement("div", {
-    className: "flex justify-between gap-2 relative z-10"
-  }, /* @__PURE__ */ e.createElement(h, {
-    items: T,
-    selectedIndex: i,
-    onSelect: t,
-    automationId: `${a}-hours`
+  }, (n || a) && /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-bottom-sheet-header flex items-center justify-left gap-3 mr-6 px-4"
+  }, a && /* @__PURE__ */ e.createElement(v, {
+    name: "back",
+    stroke: "var(--color-gray-700)",
+    onClick: m,
+    className: "se-design-bottom-sheet-back-icon cursor-pointer",
+    automationId: `${r}-back-icon`
+  }), n && /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-bottom-sheet-title text-lg font-semibold"
+  }, n)), l && /* @__PURE__ */ e.createElement(v, {
+    name: "close",
+    onClick: s,
+    className: "se-design-bottom-sheet-close-icon absolute top-6 right-4 cursor-pointer z-10",
+    automationId: `${r}-close-icon`
   }), /* @__PURE__ */ e.createElement("div", {
-    className: "w-px bg-[var(--color-gray-200)]",
-    style: {
-      height: f * n
-    }
-  }), /* @__PURE__ */ e.createElement(h, {
-    items: w,
-    selectedIndex: c,
-    onSelect: m,
-    automationId: `${a}-minutes`
-  }), /* @__PURE__ */ e.createElement("div", {
-    className: "w-px bg-[var(--color-gray-200)]",
-    style: {
-      height: f * n
-    }
-  }), /* @__PURE__ */ e.createElement(h, {
-    items: M,
-    selectedIndex: v,
-    onSelect: E,
-    automationId: `${a}-periods`
-  }))), /* @__PURE__ */ e.createElement("div", {
-    className: "se-design-timepicker-footer flex justify-end p-3 border-t border-[var(--color-gray-200)]"
-  }, /* @__PURE__ */ e.createElement(x, {
-    label: u,
-    type: "primary",
-    onClick: b,
-    automationId: `${a}-apply-button`
-  })));
-};
+    className: "se-design-bottom-sheet-content px-4 pb-5 flex-1 min-h-0 overflow-y-auto"
+  }, c));
+}, I = ({
+  isOpen: c = !1,
+  title: n = "",
+  onClose: s = () => {
+  },
+  children: l = null,
+  showCloseIcon: a = !0,
+  showBackButton: m = !1,
+  onBack: i = () => {
+  },
+  className: r = "",
+  automationId: u = "bottomsheet",
+  minHeight: t = ""
+}) => /* @__PURE__ */ e.createElement(T, {
+  isOpen: c,
+  onClose: s,
+  onModalClick: s,
+  className: "custom-bottom-sheet",
+  renderModalContent: () => /* @__PURE__ */ e.createElement(C, {
+    title: n,
+    onClose: s,
+    showCloseIcon: a,
+    showBackButton: m,
+    onBack: i,
+    className: r,
+    automationId: u,
+    minHeight: t
+  }, l)
+});
 export {
-  $ as TimePicker
+  I as BottomSheet
 };
 //# sourceMappingURL=index59.js.map

package/dist/index59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index59.js","sources":["../src/components/TimePicker/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { Button } from '../Button';\n\nexport interface TimePickerProps {\n  initialHour?: number;\n  initialMinute?: number;\n  onApply?: (time: { hour: number; minute: number }) => void;\n  ctaLabel?: string;\n  onClose?: () => void;\n  className?: string;\n  automationId?: string;\n}\n\nconst ITEM_HEIGHT = 40;\nconst VISIBLE_ITEMS = 7;\nconst BUFFER_ITEMS = 3;\n\nconst HOURS = Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, '0'));\nconst MINUTES = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, '0'));\nconst PERIODS: ('AM' | 'PM')[] = ['AM', 'PM'];\n\ninterface ScrollColumnProps {\n  items: readonly string[];\n  selectedIndex: number;\n  onSelect: (index: number) => void;\n  automationId?: string;\n}\n\nconst ScrollColumn: React.FC<ScrollColumnProps> = ({ items, selectedIndex, onSelect, automationId = '' }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTo({ top: selectedIndex * ITEM_HEIGHT, behavior: 'smooth' });\n    }\n  }, [selectedIndex]);\n\n  const handleScroll = () => {\n    if (!containerRef.current) return;\n\n    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);\n\n    scrollTimeout.current = setTimeout(() => {\n      const container = containerRef.current;\n      if (!container) return;\n\n      const newIndex = Math.round(container.scrollTop / ITEM_HEIGHT);\n      const clampedIndex = Math.max(0, Math.min(items.length - 1, newIndex));\n\n      container.scrollTo({ top: clampedIndex * ITEM_HEIGHT, behavior: 'smooth' });\n\n      if (clampedIndex !== selectedIndex) onSelect(clampedIndex);\n    }, 100);\n  };\n\n  const handleItemClick = (index: number) => {\n    onSelect(index);\n    containerRef.current?.scrollTo({ top: index * ITEM_HEIGHT, behavior: 'smooth' });\n  };\n\n  return (\n    <div className=\"w-14\">\n      <div\n        ref={containerRef}\n        className=\"overflow-y-auto [&::-webkit-scrollbar]:hidden\"\n        onScroll={handleScroll}\n        style={{\n          height: VISIBLE_ITEMS * ITEM_HEIGHT,\n          paddingTop: BUFFER_ITEMS * ITEM_HEIGHT,\n          paddingBottom: BUFFER_ITEMS * ITEM_HEIGHT,\n          scrollSnapType: 'y mandatory',\n          scrollbarWidth: 'none'\n        }}\n      >\n        {items.map((item, index) => (\n          <div\n            key={item}\n            className={`flex items-center justify-center cursor-pointer select-none transition-colors h-10 ${\n              index === selectedIndex\n                ? 'text-[var(--color-blue-500)] font-semibold'\n                : 'text-[var(--color-gray-700)] hover:text-[var(--color-blue-500)]'\n            }`}\n            onClick={() => handleItemClick(index)}\n            style={{ scrollSnapAlign: 'center' }}\n            data-automation-id={`${automationId}-item-${index}`}\n          >\n            {item}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n  initialHour = 12,\n  initialMinute = 0,\n  onApply,\n  ctaLabel = 'Apply',\n  onClose,\n  className = '',\n  automationId = 'timepicker'\n}) => {\n  const [selectedHourIndex, setSelectedHourIndex] = useState(() => {\n    if (initialHour === 0) return 11; // 0 = 12 AM\n    if (initialHour > 12) return initialHour - 12 - 1; // 13-23 → 1-11 (PM hours)\n    return initialHour - 1; // 1-12 → 0-11\n  });\n  const [selectedMinuteIndex, setSelectedMinuteIndex] = useState(Math.max(0, Math.min(59, initialMinute ?? 0)));\n  const [selectedPeriodIndex, setSelectedPeriodIndex] = useState(\n    () => (initialHour >= 12 ? 1 : 0) // 0-11 = AM, 12-23 = PM\n  );\n\n  const handleApply = () => {\n    const hourIn24Format = selectedPeriodIndex === 1 ? selectedHourIndex + 12 : selectedHourIndex;\n    onApply?.({\n      hour: hourIn24Format + 1,\n      minute: selectedMinuteIndex\n    });\n    onClose?.();\n  };\n\n  return (\n    <div\n      className={`se-design-timepicker-container w-full min-w-[216px] bg-[var(--color-white)] rounded-xl shadow-md border border-[var(--color-gray-400)] overflow-hidden ${className}`}\n    >\n      <div className=\"se-design-timepicker-content w-full relative p-4\">\n        <div className=\"absolute left-4 right-4 top-1/2 -translate-y-1/2 h-10 bg-[var(--color-blue-50)] rounded-lg pointer-events-none z-0\" />\n        <div className=\"flex justify-between gap-2 relative z-10\">\n          <ScrollColumn\n            items={HOURS}\n            selectedIndex={selectedHourIndex}\n            onSelect={setSelectedHourIndex}\n            automationId={`${automationId}-hours`}\n          />\n          <div className=\"w-px bg-[var(--color-gray-200)]\" style={{ height: VISIBLE_ITEMS * ITEM_HEIGHT }} />\n          <ScrollColumn\n            items={MINUTES}\n            selectedIndex={selectedMinuteIndex}\n            onSelect={setSelectedMinuteIndex}\n            automationId={`${automationId}-minutes`}\n          />\n          <div className=\"w-px bg-[var(--color-gray-200)]\" style={{ height: VISIBLE_ITEMS * ITEM_HEIGHT }} />\n          <ScrollColumn\n            items={PERIODS}\n            selectedIndex={selectedPeriodIndex}\n            onSelect={setSelectedPeriodIndex}\n            automationId={`${automationId}-periods`}\n          />\n        </div>\n      </div>\n      <div className=\"se-design-timepicker-footer flex justify-end p-3 border-t border-[var(--color-gray-200)]\">\n        <Button label={ctaLabel} type=\"primary\" onClick={handleApply} automationId={`${automationId}-apply-button`} />\n      </div>\n    </div>\n  );\n};\n"],"names":["ITEM_HEIGHT","VISIBLE_ITEMS","BUFFER_ITEMS","HOURS","Array","from","length","_","i","String","padStart","MINUTES","PERIODS","ScrollColumn","items","selectedIndex","onSelect","automationId","containerRef","useRef","scrollTimeout","useEffect","current","scrollTo","top","behavior","handleScroll","setTimeout","container","newIndex","Math","round","scrollTop","clampedIndex","max","min","handleItemClick","index","React","createElement","className","ref","onScroll","style","height","paddingTop","paddingBottom","scrollSnapType","scrollbarWidth","map","item","key","onClick","scrollSnapAlign","TimePicker","initialHour","initialMinute","onApply","ctaLabel","onClose","selectedHourIndex","setSelectedHourIndex","useState","selectedMinuteIndex","setSelectedMinuteIndex","selectedPeriodIndex","setSelectedPeriodIndex","handleApply","hourIn24Format","hour","minute","Button","label","type"],"mappings":"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"}
+{"version":3,"file":"index59.js","sources":["../src/components/BottomSheet/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from 'react';\nimport { CustomModal } from '../CustomModal';\nimport { Icon } from '../Icon';\n\nimport './style.scss';\n\nexport interface BottomSheetProps {\n  isOpen: boolean;\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n}\n\ninterface BottomSheetContentProps {\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n}\n\nconst BottomSheetContent: FC<BottomSheetContentProps> = ({\n  children = null,\n  title = '',\n  onClose = () => {},\n  showCloseIcon = false,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = '',\n  minHeight = 'auto'\n}) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [startY, setStartY] = useState<number>(0);\n  const [currentY, setCurrentY] = useState<number>(0);\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n\n  const handleTouchStart = (e: React.TouchEvent) => {\n    setStartY(e.touches[0].clientY);\n    setCurrentY(e.touches[0].clientY);\n    setIsDragging(true);\n  };\n\n  const handleTouchMove = (e: React.TouchEvent) => {\n    if (!isDragging) return;\n\n    const touchY = e.touches[0].clientY;\n    const deltaY = touchY - startY;\n\n    // Only allow dragging down\n    if (deltaY > 0) {\n      setCurrentY(touchY);\n      if (contentRef.current) {\n        contentRef.current.style.transform = `translateY(${deltaY}px)`;\n      }\n    }\n  };\n\n  const handleTouchEnd = () => {\n    if (!isDragging) return;\n\n    const deltaY = currentY - startY;\n    const threshold = 60; // pixels to swipe down to trigger close\n\n    if (deltaY > threshold) {\n      // Trigger close\n      onClose();\n    } else {\n      // Reset position\n      if (contentRef.current) {\n        contentRef.current.style.transform = 'translateY(0)';\n      }\n    }\n\n    setIsDragging(false);\n    setStartY(0);\n    setCurrentY(0);\n  };\n\n  return (\n    <div\n      ref={contentRef}\n      className={`se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${className}`}\n      onClick={(e) => e.stopPropagation()}\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      onTouchEnd={handleTouchEnd}\n      data-automation-id={automationId}\n      style={{ minHeight }}\n    >\n      {(title || showBackButton) && (\n        <div className=\"se-design-bottom-sheet-header flex items-center justify-left gap-3 mr-6 px-4\">\n          {showBackButton && (\n            <Icon\n              name=\"back\"\n              stroke=\"var(--color-gray-700)\"\n              onClick={onBack}\n              className=\"se-design-bottom-sheet-back-icon cursor-pointer\"\n              automationId={`${automationId}-back-icon`}\n            />\n          )}\n          {title && <div className=\"se-design-bottom-sheet-title text-lg font-semibold\">{title}</div>}\n        </div>\n      )}\n      {showCloseIcon && (\n        <Icon\n          name=\"close\"\n          onClick={onClose}\n          className=\"se-design-bottom-sheet-close-icon absolute top-6 right-4 cursor-pointer z-10\"\n          automationId={`${automationId}-close-icon`}\n        />\n      )}\n      <div className=\"se-design-bottom-sheet-content px-4 pb-5 flex-1 min-h-0 overflow-y-auto\">{children}</div>\n    </div>\n  );\n};\n\nexport const BottomSheet: FC<BottomSheetProps> = ({\n  isOpen = false,\n  title = '',\n  onClose = () => {},\n  children = null,\n  showCloseIcon = true,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = 'bottomsheet',\n  minHeight = ''\n}) => {\n  return (\n    <CustomModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onModalClick={onClose}\n      className=\"custom-bottom-sheet\"\n      renderModalContent={() => (\n        <BottomSheetContent\n          title={title}\n          onClose={onClose}\n          showCloseIcon={showCloseIcon}\n          showBackButton={showBackButton}\n          onBack={onBack}\n          className={className}\n          automationId={automationId}\n          minHeight={minHeight}\n        >\n          {children}\n        </BottomSheetContent>\n      )}\n    />\n  );\n};\n"],"names":["BottomSheetContent","children","title","onClose","showCloseIcon","showBackButton","onBack","className","automationId","minHeight","contentRef","useRef","startY","setStartY","useState","currentY","setCurrentY","isDragging","setIsDragging","handleTouchStart","e","touches","clientY","handleTouchMove","touchY","deltaY","current","style","transform","handleTouchEnd","React","createElement","ref","onClick","stopPropagation","onTouchStart","onTouchMove","onTouchEnd","Icon","name","stroke","BottomSheet","isOpen","CustomModal","onModalClick","renderModalContent"],"mappings":"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"}

package/dist/index6.js

@@ -1,48 +1,328 @@
-import s, { useState as h, useCallback as i } from "react";
-import { isElementVisible as p } from "./index191.js";
-const w = ({
-  skipLinks: n,
-  className: c = ""
-}) => {
-  const [r, u] = h(n), l = i(() => {
-    const t = n.filter((e) => {
-      const o = document.getElementById(e.id);
-      return p(o);
-    });
-    u(t);
-  }, [n]), a = i(() => {
-    l();
-  }, [l]), d = i((t) => {
-    const e = document.getElementById(t);
-    if (e) {
-      const o = document.getElementById("main-header") || document.querySelector("header");
-      if (e === o) {
-        e.focus();
-        return;
-      }
-      const f = o ? o.offsetHeight : 0, m = e.getBoundingClientRect().top + window.scrollY - f - 16;
-      window.scrollTo({
-        top: m,
-        behavior: "smooth"
-      }), e.focus({
-        preventScroll: !0
-      });
+import j from "./index80.js";
+import L from "./index81.js";
+import R from "./index82.js";
+import F from "./index83.js";
+import B from "./index84.js";
+import D from "./index85.js";
+import M from "./index86.js";
+import T from "./index87.js";
+import q from "./index88.js";
+import G from "./index89.js";
+import V from "./index90.js";
+import H from "./index91.js";
+import J from "./index92.js";
+import K from "./index93.js";
+import Q from "./index94.js";
+import U from "./index95.js";
+import W from "./index96.js";
+import X from "./index97.js";
+import Y from "./index98.js";
+import Z from "./index99.js";
+import z from "./index100.js";
+import ss from "./index101.js";
+import os from "./index102.js";
+import _s from "./index103.js";
+import ts from "./index104.js";
+import is from "./index105.js";
+import rs from "./index106.js";
+import es from "./index107.js";
+import cs from "./index108.js";
+import as from "./index109.js";
+import ms from "./index110.js";
+import gs from "./index111.js";
+import vs from "./index112.js";
+import ls from "./index113.js";
+import ns from "./index114.js";
+import fs from "./index115.js";
+import bs from "./index116.js";
+import ps from "./index117.js";
+import ds from "./index118.js";
+import us from "./index119.js";
+import hs from "./index120.js";
+import ks from "./index121.js";
+import xs from "./index122.js";
+import As from "./index123.js";
+import ys from "./index124.js";
+import ws from "./index125.js";
+import Ps from "./index126.js";
+import Is from "./index127.js";
+import Ns from "./index128.js";
+import Cs from "./index129.js";
+import Os from "./index130.js";
+import $s from "./index131.js";
+import Es from "./index132.js";
+import Ss from "./index133.js";
+import js from "./index134.js";
+import Ls from "./index135.js";
+import Rs from "./index136.js";
+import Fs from "./index137.js";
+import Bs from "./index138.js";
+import Ds from "./index139.js";
+import Ms from "./index140.js";
+import Ts from "./index141.js";
+import qs from "./index142.js";
+import Gs from "./index143.js";
+import Vs from "./index144.js";
+import Hs from "./index145.js";
+import Js from "./index146.js";
+import Ks from "./index147.js";
+import Qs from "./index148.js";
+import Us from "./index149.js";
+import Ws from "./index150.js";
+import Xs from "./index151.js";
+import Ys from "./index152.js";
+import Zs from "./index153.js";
+import zs from "./index154.js";
+import so from "./index155.js";
+import oo from "./index156.js";
+import _o from "./index157.js";
+import to from "./index158.js";
+import io from "./index159.js";
+import ro from "./index160.js";
+import eo from "./index161.js";
+import co from "./index162.js";
+import ao from "./index163.js";
+import mo from "./index164.js";
+import go from "./index165.js";
+import vo from "./index166.js";
+import lo from "./index167.js";
+import no from "./index168.js";
+import fo from "./index169.js";
+import bo from "./index170.js";
+import po from "./index171.js";
+import uo from "./index172.js";
+import ho from "./index173.js";
+import ko from "./index174.js";
+import xo from "./index175.js";
+import Ao from "./index176.js";
+import yo from "./index177.js";
+import wo from "./index178.js";
+import Po from "./index179.js";
+import Io from "./index180.js";
+import No from "./index181.js";
+import Co from "./index182.js";
+import Oo from "./index183.js";
+import $o from "./index184.js";
+import Eo from "./index185.js";
+import So from "./index186.js";
+import jo from "./index187.js";
+import Lo from "./index188.js";
+import Ro from "./index189.js";
+import Fo from "./index190.js";
+import Bo from "./index191.js";
+import Do from "./index192.js";
+import Mo from "./index193.js";
+import To from "./index194.js";
+import qo from "./index195.js";
+import Go from "./index196.js";
+import c from "react";
+import { ReactSVG as Vo } from "./index197.js";
+import { getA11yNameAttributes as Ho } from "./index78.js";
+import { useAccessiblePress as Jo } from "./index67.js";
+import "./index72.js";
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(s) {
+    for (var t = 1; t < arguments.length; t++) {
+      var o = arguments[t];
+      for (var _ in o) ({}).hasOwnProperty.call(o, _) && (s[_] = o[_]);
     }
-  }, []);
-  return n.length === 0 ? null : /* @__PURE__ */ s.createElement("div", {
-    className: `se-design-skip-links-bar relative w-full h-0 overflow-hidden p-0 flex items-center justify-center bg-[var(--color-blue-50)] transition-[height] duration-300 ease-out focus-within:h-auto focus-within:py-1 focus-within:px-2 ${c}`,
-    onFocus: a
-  }, r.map((t) => /* @__PURE__ */ s.createElement("a", {
-    key: t.id,
-    href: `#${t.id}`,
-    className: "absolute -left-[9999px] [clip:rect(0,0,0,0)] no-underline text-[var(--color-blue-500)] text-md py-1 px-2.5 rounded capitalize focus:static focus:left-auto focus:[clip:auto] focus:outline-none focus-visible:!outline-none hover:text-[var(--color-blue-600)] hover:bg-[var(--color-blue-200)]",
-    onClick: (e) => {
-      e.preventDefault(), d(t.id);
+    return s;
+  }, a.apply(null, arguments);
+}
+const Ko = /* @__PURE__ */ Object.assign({
+  "/src/assets/icons/ai-off.svg": j,
+  "/src/assets/icons/ai-re-run.svg": L,
+  "/src/assets/icons/ai-search.svg": R,
+  "/src/assets/icons/ai-stars.svg": F,
+  "/src/assets/icons/ai.svg": B,
+  "/src/assets/icons/all-space.svg": D,
+  "/src/assets/icons/arrow-head.svg": M,
+  "/src/assets/icons/attachment.svg": T,
+  "/src/assets/icons/back.svg": q,
+  "/src/assets/icons/banner-demo-img.svg": G,
+  "/src/assets/icons/bell-notification.svg": V,
+  "/src/assets/icons/card.svg": H,
+  "/src/assets/icons/center-align.svg": J,
+  "/src/assets/icons/checkbox-disabled-minus.svg": K,
+  "/src/assets/icons/checkbox-disabled-tick.svg": Q,
+  "/src/assets/icons/checkbox-disabled.svg": U,
+  "/src/assets/icons/checkbox-field.svg": W,
+  "/src/assets/icons/checkbox-fill.svg": X,
+  "/src/assets/icons/checkbox-hover-fill.svg": Y,
+  "/src/assets/icons/checkbox-hover-minus.svg": Z,
+  "/src/assets/icons/checkbox-hover-tick.svg": z,
+  "/src/assets/icons/checkbox-minus.svg": ss,
+  "/src/assets/icons/checkbox-tick.svg": os,
+  "/src/assets/icons/checked-circle.svg": _s,
+  "/src/assets/icons/checkmark.svg": ts,
+  "/src/assets/icons/chevron.svg": is,
+  "/src/assets/icons/clock.svg": rs,
+  "/src/assets/icons/close.svg": es,
+  "/src/assets/icons/combobox-field.svg": cs,
+  "/src/assets/icons/command.svg": as,
+  "/src/assets/icons/csv-file.svg": ms,
+  "/src/assets/icons/csv.svg": gs,
+  "/src/assets/icons/date-field.svg": vs,
+  "/src/assets/icons/delete.svg": ls,
+  "/src/assets/icons/doc-file.svg": ns,
+  "/src/assets/icons/docFile.svg": fs,
+  "/src/assets/icons/download.svg": bs,
+  "/src/assets/icons/edit-text.svg": ps,
+  "/src/assets/icons/email-field.svg": ds,
+  "/src/assets/icons/email.svg": us,
+  "/src/assets/icons/fields-create.svg": hs,
+  "/src/assets/icons/fields-panel.svg": ks,
+  "/src/assets/icons/file-empty.svg": xs,
+  "/src/assets/icons/file-filled-checked.svg": As,
+  "/src/assets/icons/file-red.svg": ys,
+  "/src/assets/icons/file.svg": ws,
+  "/src/assets/icons/fill-and-sign.svg": Ps,
+  "/src/assets/icons/filter.svg": Is,
+  "/src/assets/icons/folder-empty.svg": Ns,
+  "/src/assets/icons/folder.svg": Cs,
+  "/src/assets/icons/gmail.svg": Os,
+  "/src/assets/icons/google-drive.svg": $s,
+  "/src/assets/icons/hamburger.svg": Es,
+  "/src/assets/icons/hashtag.svg": Ss,
+  "/src/assets/icons/help-question.svg": js,
+  "/src/assets/icons/history.svg": Ls,
+  "/src/assets/icons/home.svg": Rs,
+  "/src/assets/icons/hourglass.svg": Fs,
+  "/src/assets/icons/image-field.svg": Bs,
+  "/src/assets/icons/info.svg": Ds,
+  "/src/assets/icons/initials-field.svg": Ms,
+  "/src/assets/icons/kebab-menu.svg": Ts,
+  "/src/assets/icons/left-align.svg": qs,
+  "/src/assets/icons/library.svg": Gs,
+  "/src/assets/icons/minus.svg": Vs,
+  "/src/assets/icons/move-folder.svg": Hs,
+  "/src/assets/icons/name-field.svg": Js,
+  "/src/assets/icons/next.svg": Ks,
+  "/src/assets/icons/observer.svg": Qs,
+  "/src/assets/icons/office-building.svg": Us,
+  "/src/assets/icons/onedrive.svg": Ws,
+  "/src/assets/icons/outlook.svg": Xs,
+  "/src/assets/icons/padlock.svg": Ys,
+  "/src/assets/icons/pages.svg": Zs,
+  "/src/assets/icons/pdf-file.svg": zs,
+  "/src/assets/icons/people.svg": so,
+  "/src/assets/icons/photo.svg": oo,
+  "/src/assets/icons/plus.svg": _o,
+  "/src/assets/icons/radio-field.svg": to,
+  "/src/assets/icons/radio-filled.svg": io,
+  "/src/assets/icons/radio.svg": ro,
+  "/src/assets/icons/reports.svg": eo,
+  "/src/assets/icons/repository.svg": co,
+  "/src/assets/icons/reset.svg": ao,
+  "/src/assets/icons/return.svg": mo,
+  "/src/assets/icons/right-align.svg": go,
+  "/src/assets/icons/rightSide.svg": vo,
+  "/src/assets/icons/rotate-left.svg": lo,
+  "/src/assets/icons/rotate-right.svg": no,
+  "/src/assets/icons/rounded-plus.svg": fo,
+  "/src/assets/icons/search.svg": bo,
+  "/src/assets/icons/select-files.svg": po,
+  "/src/assets/icons/shield-with-tick.svg": uo,
+  "/src/assets/icons/shield.svg": ho,
+  "/src/assets/icons/shipment-private.svg": ko,
+  "/src/assets/icons/shipment.svg": xo,
+  "/src/assets/icons/sidebar.svg": Ao,
+  "/src/assets/icons/signature-field.svg": yo,
+  "/src/assets/icons/signer.svg": wo,
+  "/src/assets/icons/slideout.svg": Po,
+  "/src/assets/icons/sms.svg": Io,
+  "/src/assets/icons/sort-asc.svg": No,
+  "/src/assets/icons/sort-desc.svg": Co,
+  "/src/assets/icons/sort.svg": Oo,
+  "/src/assets/icons/space.svg": $o,
+  "/src/assets/icons/stamp-field.svg": Eo,
+  "/src/assets/icons/stop.svg": So,
+  "/src/assets/icons/success-check.svg": jo,
+  "/src/assets/icons/tag.svg": Lo,
+  "/src/assets/icons/text-field.svg": Ro,
+  "/src/assets/icons/tick.svg": Fo,
+  "/src/assets/icons/title-field.svg": Bo,
+  "/src/assets/icons/upload-csv.svg": Do,
+  "/src/assets/icons/warning.svg": Mo,
+  "/src/assets/icons/webinar-widget.svg": To,
+  "/src/assets/icons/white-close.svg": qo,
+  "/src/assets/icons/widget-demo-image.svg": Go
+}), v = (s, t, o, _) => {
+  t && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", t), o && s.hasAttribute("stroke") && s.setAttribute("stroke", o), _ && s.hasAttribute("width") && s.setAttribute("width", _.toString()), _ && s.hasAttribute("height") && s.setAttribute("height", _.toString()), Array.from(s.children).forEach((e) => {
+    v(e, t, o);
+  });
+}, Qo = /* @__PURE__ */ c.forwardRef((s, t) => {
+  const {
+    name: o = "",
+    id: _,
+    className: e = "",
+    onClick: m,
+    ariaLabel: l,
+    ariaLabelledBy: n,
+    ariaDescribedBy: f,
+    ariaPressed: b,
+    ariaExpanded: p,
+    ariaControls: d,
+    fill: u,
+    stroke: h,
+    rotation: k = "0",
+    size: x,
+    shouldStopPropagation: A = !1,
+    disabled: y = !1,
+    htmlTitle: w
+  } = s, P = {
+    0: "rotate-0",
+    45: "rotate-45",
+    90: "rotate-90",
+    135: "rotate-[135deg]",
+    180: "rotate-180",
+    225: "rotate-[225deg]",
+    270: "-rotate-90",
+    315: "-rotate-45"
+  }, g = Ko[`/src/assets/icons/${o}.svg`];
+  if (!g)
+    return console.error(`Icon "${o}" not found in ICON_MAP.`), null;
+  const i = typeof m == "function", I = l || o, {
+    pressProps: N,
+    role: C,
+    tabIndex: O,
+    isDisabled: $
+  } = Jo({
+    isNative: !1,
+    onClick: i ? (r) => m?.(r) : void 0,
+    disabled: i ? y : !1,
+    stopPropagation: A
+  }), E = Ho({
+    ariaLabel: I,
+    ariaLabelledBy: n,
+    ariaDescribedBy: f
+  }), S = i ? {
+    ...N,
+    role: C,
+    tabIndex: O,
+    ...E,
+    "aria-pressed": b,
+    "aria-expanded": p,
+    "aria-controls": d || void 0
+  } : void 0;
+  return /* @__PURE__ */ c.createElement("div", a({
+    ref: t,
+    id: _,
+    className: `se-design-svg-wrapper transition-transform duration-250 ease-linear rounded-[3px] ${i ? `${$ ? "opacity-50 cursor-default" : "cursor-pointer focus-outline"}` : ""} ${e} ${P[k]}`,
+    "aria-hidden": i ? void 0 : "true",
+    title: w
+  }, S, {
+    "data-automation-id": s?.automationId
+  }), /* @__PURE__ */ c.createElement(Vo, {
+    src: g,
+    wrapper: "span",
+    beforeInjection: (r) => {
+      r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "none"), v(r, u, h, x);
     }
-  }, t.label)));
-};
+  }));
+});
+Qo.displayName = "Icon";
 export {
-  w as SkipLinksBar,
-  w as default
+  Qo as Icon
 };
 //# sourceMappingURL=index6.js.map