se-design 1.0.2 → 1.0.8-5.dev.0

package/dist/index57.js.map

@@ -1 +1 @@
-{"version":3,"file":"index57.js","sources":["../src/assets/icons/ai-search.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.8'%3e%3cg%20clip-path='url(%23clip0_11623_94780)'%3e%3cpath%20d='M8.93929%2014.7575C12.1504%2014.7575%2014.7536%2012.1543%2014.7536%208.94319C14.7536%205.73205%2012.1504%203.12891%208.93929%203.12891C5.72814%203.12891%203.125%205.73205%203.125%208.94319C3.125%2012.1543%205.72814%2014.7575%208.93929%2014.7575Z'%20stroke='%23D8E8F6'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M16.8642%2016.872L13.0469%2013.0547'%20stroke='%23D8E8F6'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.4688%201.47559C13.0214%202.58108%2013.918%203.47752%2015.0234%204.03027L15.9619%204.5L15.0234%204.96973C13.918%205.52248%2013.0214%206.41892%2012.4688%207.52441L12%208.46191L11.5313%207.52441C10.9786%206.41892%2010.082%205.52248%208.97656%204.96973L8.03711%204.5L8.97656%204.03027C10.082%203.47752%2010.9786%202.58108%2011.5313%201.47559L12%200.538086L12.4688%201.47559Z'%20fill='white'%20stroke='%233E8BD1'%20stroke-width='1.375'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_11623_94780'%3e%3crect%20width='16'%20height='18'%20fill='white'%20transform='translate(2)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index57.js","sources":["../src/components/OTPInput/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, KeyboardEvent, ChangeEvent, ClipboardEvent, FC } from 'react';\nimport { useStableId } from '../../utils/useStableId';\nimport './style.scss';\n\nexport interface OTPInputProps {\n  length?: number;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  label?: string;\n  disabled?: boolean;\n  className?: string;\n  autoFocus?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  validateOnBlur?: boolean;\n  onValidate?: (value: string) => boolean | string;\n  id?: string;\n}\n\nexport const OTPInput: FC<OTPInputProps> = ({\n  length = 6,\n  onChange,\n  onComplete,\n  label,\n  disabled = false,\n  className = '',\n  autoFocus = true,\n  error = false,\n  errorMessage,\n  validateOnBlur = false,\n  onValidate,\n  id\n}) => {\n  const [values, setValues] = useState<string[]>(Array(length).fill(''));\n  const [internalError, setInternalError] = useState<string | null>(null);\n  const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n  const isBackspacePressed = useRef<boolean>(false);\n  \n  // Generate stable IDs for ARIA attributes\n  const baseId = useStableId(id, 'se-otp-input');\n  const labelId = `${baseId}-label`;\n  const errorId = `${baseId}-error`;\n\n  // Helper: Check if a string is a single digit\n  const isDigit = (char: string): boolean => /^\\d$/.test(char);\n\n  // Helper: Check if OTP is complete\n  const isComplete = (otpValue: string): boolean => {\n    return otpValue.length === length && values.every((val) => val !== '');\n  };\n\n  // Helper: Update value at specific index\n  const updateValue = (index: number, value: string, shouldFocusNext = false) => {\n    const newValues = [...values];\n    newValues[index] = value;\n    setValues(newValues);\n\n    if (shouldFocusNext && value && index < length - 1) {\n      focusInput(index + 1);\n    }\n  };\n\n  // Helper: Clear value at specific index\n  const clearValue = (index: number) => {\n    updateValue(index, '');\n  };\n\n  // Helper: Focus input at index\n  const focusInput = (index: number) => {\n    inputRefs.current[index]?.focus();\n  };\n\n  useEffect(() => {\n    if (autoFocus && inputRefs.current[0] && !disabled) {\n      focusInput(0);\n    }\n  }, [autoFocus, disabled]);\n\n  // Internal validation\n  const validateOTP = (otpValue: string): string | null => {\n    // Empty validation\n    if (otpValue.length === 0) {\n      return errorMessage || 'Please enter the verification code';\n    }\n\n    // Incomplete validation\n    if (otpValue.length < length || !isComplete(otpValue)) {\n      return errorMessage || 'Please enter all digits';\n    }\n\n    // Custom validation\n    if (onValidate) {\n      const validationResult = onValidate(otpValue);\n      if (validationResult === false) {\n        return errorMessage || 'Invalid verification code';\n      }\n      if (typeof validationResult === 'string') {\n        return validationResult;\n      }\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    const otpValue = values.join('');\n    onChange?.(otpValue);\n\n    // Clear error when user starts typing\n    if (internalError && otpValue.length > 0) {\n      setInternalError(null);\n    }\n\n    if (isComplete(otpValue)) {\n      // Validate on complete\n      if (onValidate) {\n        const validationResult = onValidate(otpValue);\n        if (validationResult === false || typeof validationResult === 'string') {\n          const errorMsg =\n            typeof validationResult === 'string' ? validationResult : errorMessage || 'Invalid verification code';\n          setInternalError(errorMsg);\n        } else {\n          setInternalError(null);\n        }\n      }\n      onComplete?.(otpValue);\n    }\n  }, [values, length, onChange, onComplete, onValidate, errorMessage]);\n\n  const handleChange = (index: number, value: string) => {\n    // Only allow single digit or empty\n    if (value && !isDigit(value)) {\n      return;\n    }\n\n    updateValue(index, value, true);\n  };\n\n  const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    const currentValue = values[index];\n\n    // Handle backspace\n    if (e.key === 'Backspace') {\n      isBackspacePressed.current = true;\n      if (currentValue) {\n        clearValue(index);\n      } else if (index > 0) {\n        clearValue(index - 1);\n        focusInput(index - 1);\n      }\n      // Reset backspace flag after a short delay\n      setTimeout(() => {\n        isBackspacePressed.current = false;\n      }, 100);\n      e.preventDefault();\n      return;\n    }\n\n    // Handle delete\n    if (e.key === 'Delete') {\n      isBackspacePressed.current = true;\n      clearValue(index);\n      // Reset backspace flag after a short delay\n      setTimeout(() => {\n        isBackspacePressed.current = false;\n      }, 100);\n      e.preventDefault();\n      return;\n    }\n\n    // Handle navigation keys\n    const navigationHandlers: Record<string, () => void> = {\n      ArrowLeft: () => index > 0 && focusInput(index - 1),\n      ArrowRight: () => index < length - 1 && focusInput(index + 1),\n      Home: () => focusInput(0),\n      End: () => focusInput(length - 1)\n    };\n\n    if (navigationHandlers[e.key]) {\n      navigationHandlers[e.key]();\n      e.preventDefault();\n      return;\n    }\n\n    // Allow digits, but prevent if already filled\n    if (isDigit(e.key)) {\n      if (currentValue) {\n        updateValue(index, e.key, true);\n      }\n    }\n  };\n\n  const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    e.preventDefault();\n    const pastedData = e.clipboardData.getData('text/plain').trim();\n\n    // Extract only digits\n    const digits = pastedData.replace(/\\D/g, '').slice(0, length);\n\n    if (digits.length > 0) {\n      const newValues = [...values];\n\n      // Fill inputs starting from the current index\n      const startIndex = inputRefs.current.findIndex((ref) => ref === document.activeElement);\n      const actualStartIndex = startIndex >= 0 ? startIndex : 0;\n\n      for (let i = 0; i < digits.length && actualStartIndex + i < length; i++) {\n        newValues[actualStartIndex + i] = digits[i];\n      }\n\n      setValues(newValues);\n\n      // Focus the next empty input or the last input\n      const nextEmptyIndex = newValues.findIndex((val, idx) => idx >= actualStartIndex && val === '');\n      const focusIndex = nextEmptyIndex >= 0 ? nextEmptyIndex : Math.min(actualStartIndex + digits.length, length - 1);\n      focusInput(focusIndex);\n    }\n  };\n\n  const handleFocus = (index: number) => {\n    inputRefs.current[index]?.select();\n  };\n\n  const handleBlur = () => {\n    // Don't validate on blur if backspace/delete was just pressed\n    if (validateOnBlur && !isBackspacePressed.current) {\n      const otpValue = values.join('');\n      const validationError = validateOTP(otpValue);\n      setInternalError(validationError);\n    }\n  };\n\n  const hasError = error || !!internalError;\n  // Priority: errorMessage prop > internalError\n  const displayError = hasError && (errorMessage || internalError);\n  \n  const ariaDescribedByError = displayError ? errorId : undefined;\n\n  return (\n    <div className={`se-design-otp-input ${className || ''}`} data-automation-id=\"otp-input-container\">\n      {label && <div id={labelId} className=\"se-design-otp-input-label\">{label}</div>}\n      <div className=\"flex items-center gap-[12px]\" role=\"group\" aria-labelledby={label ? labelId : undefined}>\n        {values.map((value, index) => (\n          <input\n            key={index}\n            ref={(el) => {\n              inputRefs.current[index] = el;\n            }}\n            type=\"text\"\n            inputMode=\"numeric\"\n            maxLength={1}\n            value={value}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => handleChange(index, e.target.value)}\n            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => handleKeyDown(index, e)}\n            onPaste={handlePaste}\n            onFocus={() => handleFocus(index)}\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={`\n              w-12 h-12 \n              flex flex-col items-start \n              text-center text-lg font-medium\n              border rounded-md\n              outline-none\n              transition-colors\n              disabled:bg-gray-50 disabled:cursor-not-allowed\n              ${\n                disabled\n                  ? 'border-[var(--color-gray-300)] text-gray-400'\n                  : hasError\n                  ? 'border-[var(--color-red-500)] text-gray-900 focus:border-[var(--color-red-500)] focus:ring-1 focus:ring-[var(--color-red-500)]'\n                  : 'border-[var(--color-gray-600)] text-gray-900 focus:border-[var(--color-blue-500)] focus:ring-1 focus:ring-[var(--color-blue-500)]'\n              }\n            `}\n            style={{\n              gap: 'var(--Spacer-6px, 6px)'\n            }}\n            aria-label={`OTP digit ${index + 1} of ${length}`}\n            aria-invalid={hasError}\n            aria-describedby={ariaDescribedByError}\n            data-automation-id={`otp-input-${index}`}\n          />\n        ))}\n      </div>\n      {displayError && <div id={errorId} className=\"se-design-otp-input-error\" role=\"alert\">{displayError}</div>}\n    </div>\n  );\n};\n"],"names":["OTPInput","length","onChange","onComplete","label","disabled","className","autoFocus","error","errorMessage","validateOnBlur","onValidate","id","values","setValues","useState","Array","fill","internalError","setInternalError","inputRefs","useRef","isBackspacePressed","baseId","useStableId","labelId","errorId","isDigit","char","test","isComplete","otpValue","every","val","updateValue","index","value","shouldFocusNext","newValues","focusInput","clearValue","current","focus","useEffect","validateOTP","validationResult","join","handleChange","handleKeyDown","e","currentValue","key","setTimeout","preventDefault","navigationHandlers","ArrowLeft","ArrowRight","Home","End","handlePaste","digits","clipboardData","getData","trim","replace","slice","startIndex","findIndex","ref","document","activeElement","actualStartIndex","i","nextEmptyIndex","idx","focusIndex","Math","min","handleFocus","select","handleBlur","validationError","hasError","displayError","ariaDescribedByError","undefined","React","createElement","role","map","el","type","inputMode","maxLength","target","onKeyDown","onPaste","onFocus","onBlur","style","gap"],"mappings":"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"}

package/dist/index58.js

@@ -1,5 +1,36 @@
-const L = "data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.4958%207.65801L9.58298%205.83203L8.67016%207.65801C8.37987%208.23869%207.90907%208.70953%207.32841%208.99985L5.50189%209.91312L7.32841%2010.8264C7.90907%2011.1167%208.37987%2011.5876%208.67016%2012.1682L9.58298%2013.9942L10.4958%2012.1682C10.7861%2011.5876%2011.2569%2011.1167%2011.8375%2010.8264L13.6641%209.91312L11.8375%208.99986C11.2569%208.70953%2010.7861%208.23869%2010.4958%207.65801Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3cpath%20d='M4.66587%203.16003L4.33592%202.5L4.00597%203.16003C3.71568%203.7407%203.24488%204.21155%202.66423%204.50187L2.00387%204.83205L2.66422%205.16223C3.24487%205.45255%203.71568%205.9234%204.00597%206.50407L4.33592%207.1641L4.66587%206.50407C4.95615%205.9234%205.42696%205.45255%206.00761%205.16223L6.66797%204.83205L6.00761%204.50187C5.42696%204.21155%204.95615%203.7407%204.66587%203.16003Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3c/svg%3e";
+import e from "react";
+import { Icon as c } from "./index6.js";
+const i = ({
+  className: a = "",
+  message: t = "",
+  backgroundColor: l = "var(--color-yellow-50)",
+  textColor: r = "var(--color-yellow-800)",
+  borderColor: o = "var(--color-yellow-200)",
+  actionJSX: n = () => /* @__PURE__ */ e.createElement(e.Fragment, null)
+}) => /* @__PURE__ */ e.createElement("div", {
+  className: `se-design-info-bar ${a} px-3 py-2 border rounded-[6px]`,
+  style: {
+    backgroundColor: l,
+    borderColor: o,
+    color: r
+  }
+}, /* @__PURE__ */ e.createElement("div", {
+  className: "info-bar-message flex items-center gap-2"
+}, /* @__PURE__ */ e.createElement("div", {
+  style: {
+    transform: "rotate(180deg)"
+  }
+}, /* @__PURE__ */ e.createElement(c, {
+  name: "info",
+  stroke: r
+})), /* @__PURE__ */ e.createElement("span", {
+  style: {
+    color: r
+  }
+}, t)), /* @__PURE__ */ e.createElement("div", {
+  className: "info-bar-action ml-[22px]"
+}, n()));
 export {
-  L as default
+  i as InfoBar
 };
 //# sourceMappingURL=index58.js.map

package/dist/index58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index58.js","sources":["../src/assets/icons/ai-stars.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.4958%207.65801L9.58298%205.83203L8.67016%207.65801C8.37987%208.23869%207.90907%208.70953%207.32841%208.99985L5.50189%209.91312L7.32841%2010.8264C7.90907%2011.1167%208.37987%2011.5876%208.67016%2012.1682L9.58298%2013.9942L10.4958%2012.1682C10.7861%2011.5876%2011.2569%2011.1167%2011.8375%2010.8264L13.6641%209.91312L11.8375%208.99986C11.2569%208.70953%2010.7861%208.23869%2010.4958%207.65801Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3cpath%20d='M4.66587%203.16003L4.33592%202.5L4.00597%203.16003C3.71568%203.7407%203.24488%204.21155%202.66423%204.50187L2.00387%204.83205L2.66422%205.16223C3.24487%205.45255%203.71568%205.9234%204.00597%206.50407L4.33592%207.1641L4.66587%206.50407C4.95615%205.9234%205.42696%205.45255%206.00761%205.16223L6.66797%204.83205L6.00761%204.50187C5.42696%204.21155%204.95615%203.7407%204.66587%203.16003Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_1"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index58.js","sources":["../src/components/InfoBar/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface InfoBarProps {\n  className?: string;\n  message: string;\n  backgroundColor?: string;\n  textColor?: string;\n  borderColor?: string;\n  actionJSX?: () => React.ReactNode;\n}\n\nexport const InfoBar: FC<InfoBarProps> = ({\n  className = \"\",\n  message = \"\",\n  backgroundColor = 'var(--color-yellow-50)',\n  textColor = 'var(--color-yellow-800)',\n  borderColor = 'var(--color-yellow-200)',\n  actionJSX = () => <></>\n}) => {\n\n  return (\n    <div\n      className={`se-design-info-bar ${className} px-3 py-2 border rounded-[6px]`}\n      style={{ backgroundColor, borderColor, color: textColor }}\n    >\n      <div className={`info-bar-message flex items-center gap-2`}>\n        <div style={{ transform: 'rotate(180deg)' }}><Icon name=\"info\" stroke={textColor} /></div>\n        <span style={{ color: textColor }}>{message}</span>\n      </div>\n      <div className={`info-bar-action ml-[22px]`}>\n        {actionJSX()}\n      </div>\n    </div>\n  );\n};"],"names":["InfoBar","className","message","backgroundColor","textColor","borderColor","actionJSX","React","createElement","Fragment","style","color","transform","Icon","name","stroke"],"mappings":";;AAYO,MAAMA,IAA4BA,CAAC;AAAA,EACxCC,WAAAA,IAAY;AAAA,EACZC,SAAAA,IAAU;AAAA,EACVC,iBAAAA,IAAkB;AAAA,EAClBC,WAAAA,IAAY;AAAA,EACZC,aAAAA,IAAc;AAAA,EACdC,WAAAA,IAAYA,MAAMC,gBAAAA,EAAAC,cAAAD,EAAAE,UAAA,IAAI;AACxB,MAGIF,gBAAAA,EAAAC,cAAA,OAAA;AAAA,EACEP,WAAW,sBAAsBA,CAAS;AAAA,EAC1CS,OAAO;AAAA,IAAEP,iBAAAA;AAAAA,IAAiBE,aAAAA;AAAAA,IAAaM,OAAOP;AAAAA,EAAAA;AAAU,GAExDG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,EAAKP,WAAW;AAAA,GACdM,gBAAAA,EAAAC,cAAA,OAAA;AAAA,EAAKE,OAAO;AAAA,IAAEE,WAAW;AAAA,EAAA;AAAiB,GAAGL,gBAAAA,EAAAC,cAACK,GAAI;AAAA,EAACC,MAAK;AAAA,EAAOC,QAAQX;AAAAA,CAAY,CAAM,GACzFG,gBAAAA,EAAAC,cAAA,QAAA;AAAA,EAAME,OAAO;AAAA,IAAEC,OAAOP;AAAAA,EAAAA;AAAU,GAAIF,CAAc,CAC/C,GACLK,gBAAAA,EAAAC,cAAA,OAAA;AAAA,EAAKP,WAAW;AAAA,GACbK,EAAAA,CACE,CACF;"}

package/dist/index59.js

@@ -1,5 +1,89 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='url(%23paint0_linear_11822_95435)'/%3e%3cpath%20d='M8.2639%2010.0192L9.20301%208.14062L10.1421%2010.0192C10.4408%2010.6166%2010.9251%2011.101%2011.5225%2011.3997L13.4016%2012.3392L11.5225%2013.2788C10.9251%2013.5775%2010.4408%2014.0619%2010.1421%2014.6593L9.20301%2016.5379L8.2639%2014.6593C7.96526%2014.0619%207.48089%2013.5775%206.88352%2013.2788L5.00439%2012.3392L6.88352%2011.3997C7.48089%2011.101%207.96526%2010.6166%208.2639%2010.0192Z'%20fill='%239335F0'/%3e%3cpath%20d='M14.2629%205.39193L14.6023%204.71289L14.9418%205.39193C15.2404%205.98932%2015.7248%206.47373%2016.3222%206.77241L17.0015%207.1121L16.3222%207.45178C15.7248%207.75047%2015.2404%208.23487%2014.9418%208.83227L14.6023%209.51131L14.2629%208.83227C13.9642%208.23487%2013.4799%207.75047%2012.8825%207.45178L12.2031%207.1121L12.8825%206.77241C13.4799%206.47373%2013.9642%205.98932%2014.2629%205.39193Z'%20fill='%239335F0'/%3e%3cpath%20d='M14.2629%2016.0169L14.6023%2015.3379L14.9418%2016.0169C15.2404%2016.6143%2015.7248%2017.0987%2016.3222%2017.3974L17.0015%2017.7371L16.3222%2018.0768C15.7248%2018.3755%2015.2404%2018.8599%2014.9418%2019.4573L14.6023%2020.1363L14.2629%2019.4573C13.9642%2018.8599%2013.4799%2018.3755%2012.8825%2018.0768L12.2031%2017.7371L12.8825%2017.3974C13.4799%2017.0987%2013.9642%2016.6143%2014.2629%2016.0169Z'%20fill='%239335F0'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_11822_95435'%20x1='12'%20y1='3.06538e-07'%20x2='22.2857'%20y2='24'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F2E1FF'/%3e%3cstop%20offset='1'%20stop-color='%23E3BDFE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+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 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", {
+    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: {
+      minHeight: u
+    }
+  }, (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: "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 {
-  e as default
+  I as BottomSheet
 };
 //# sourceMappingURL=index59.js.map

package/dist/index59.js.map

@@ -1 +1 @@
-{"version":3,"file":"index59.js","sources":["../src/assets/icons/ai.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='url(%23paint0_linear_11822_95435)'/%3e%3cpath%20d='M8.2639%2010.0192L9.20301%208.14062L10.1421%2010.0192C10.4408%2010.6166%2010.9251%2011.101%2011.5225%2011.3997L13.4016%2012.3392L11.5225%2013.2788C10.9251%2013.5775%2010.4408%2014.0619%2010.1421%2014.6593L9.20301%2016.5379L8.2639%2014.6593C7.96526%2014.0619%207.48089%2013.5775%206.88352%2013.2788L5.00439%2012.3392L6.88352%2011.3997C7.48089%2011.101%207.96526%2010.6166%208.2639%2010.0192Z'%20fill='%239335F0'/%3e%3cpath%20d='M14.2629%205.39193L14.6023%204.71289L14.9418%205.39193C15.2404%205.98932%2015.7248%206.47373%2016.3222%206.77241L17.0015%207.1121L16.3222%207.45178C15.7248%207.75047%2015.2404%208.23487%2014.9418%208.83227L14.6023%209.51131L14.2629%208.83227C13.9642%208.23487%2013.4799%207.75047%2012.8825%207.45178L12.2031%207.1121L12.8825%206.77241C13.4799%206.47373%2013.9642%205.98932%2014.2629%205.39193Z'%20fill='%239335F0'/%3e%3cpath%20d='M14.2629%2016.0169L14.6023%2015.3379L14.9418%2016.0169C15.2404%2016.6143%2015.7248%2017.0987%2016.3222%2017.3974L17.0015%2017.7371L16.3222%2018.0768C15.7248%2018.3755%2015.2404%2018.8599%2014.9418%2019.4573L14.6023%2020.1363L14.2629%2019.4573C13.9642%2018.8599%2013.4799%2018.3755%2012.8825%2018.0768L12.2031%2017.7371L12.8825%2017.3974C13.4799%2017.0987%2013.9642%2016.6143%2014.2629%2016.0169Z'%20fill='%239335F0'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_11822_95435'%20x1='12'%20y1='3.06538e-07'%20x2='22.2857'%20y2='24'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F2E1FF'/%3e%3cstop%20offset='1'%20stop-color='%23E3BDFE'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_2"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"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,56 +1,334 @@
-import t, { useState as u } from "react";
-import { MenuList as d } from "./index16.js";
-function l() {
-  return l = Object.assign ? Object.assign.bind() : function(o) {
-    for (var e = 1; e < arguments.length; e++) {
-      var n = arguments[e];
-      for (var a in n) ({}).hasOwnProperty.call(n, a) && (o[a] = n[a]);
+import j from "./index83.js";
+import L from "./index84.js";
+import R from "./index85.js";
+import F from "./index86.js";
+import B from "./index87.js";
+import D from "./index88.js";
+import M from "./index89.js";
+import T from "./index90.js";
+import q from "./index91.js";
+import G from "./index92.js";
+import V from "./index93.js";
+import H from "./index94.js";
+import J from "./index95.js";
+import K from "./index96.js";
+import Q from "./index97.js";
+import U from "./index98.js";
+import W from "./index99.js";
+import X from "./index100.js";
+import Y from "./index101.js";
+import Z from "./index102.js";
+import z from "./index103.js";
+import ss from "./index104.js";
+import os from "./index105.js";
+import _s from "./index106.js";
+import ts from "./index107.js";
+import is from "./index108.js";
+import rs from "./index109.js";
+import es from "./index110.js";
+import cs from "./index111.js";
+import as from "./index112.js";
+import ms from "./index113.js";
+import gs from "./index114.js";
+import vs from "./index115.js";
+import ls from "./index116.js";
+import ns from "./index117.js";
+import fs from "./index118.js";
+import bs from "./index119.js";
+import ps from "./index120.js";
+import ds from "./index121.js";
+import us from "./index122.js";
+import hs from "./index123.js";
+import ks from "./index124.js";
+import xs from "./index125.js";
+import As from "./index126.js";
+import ws from "./index127.js";
+import ys from "./index128.js";
+import Ps from "./index129.js";
+import Is from "./index130.js";
+import Ns from "./index131.js";
+import Cs from "./index132.js";
+import Os from "./index133.js";
+import $s from "./index134.js";
+import Es from "./index135.js";
+import Ss from "./index136.js";
+import js from "./index137.js";
+import Ls from "./index138.js";
+import Rs from "./index139.js";
+import Fs from "./index140.js";
+import Bs from "./index141.js";
+import Ds from "./index142.js";
+import Ms from "./index143.js";
+import Ts from "./index144.js";
+import qs from "./index145.js";
+import Gs from "./index146.js";
+import Vs from "./index147.js";
+import Hs from "./index148.js";
+import Js from "./index149.js";
+import Ks from "./index150.js";
+import Qs from "./index151.js";
+import Us from "./index152.js";
+import Ws from "./index153.js";
+import Xs from "./index154.js";
+import Ys from "./index155.js";
+import Zs from "./index156.js";
+import zs from "./index157.js";
+import so from "./index158.js";
+import oo from "./index159.js";
+import _o from "./index160.js";
+import to from "./index161.js";
+import io from "./index162.js";
+import ro from "./index163.js";
+import eo from "./index164.js";
+import co from "./index165.js";
+import ao from "./index166.js";
+import mo from "./index167.js";
+import go from "./index168.js";
+import vo from "./index169.js";
+import lo from "./index170.js";
+import no from "./index171.js";
+import fo from "./index172.js";
+import bo from "./index173.js";
+import po from "./index174.js";
+import uo from "./index175.js";
+import ho from "./index176.js";
+import ko from "./index177.js";
+import xo from "./index178.js";
+import Ao from "./index179.js";
+import wo from "./index180.js";
+import yo from "./index181.js";
+import Po from "./index182.js";
+import Io from "./index183.js";
+import No from "./index184.js";
+import Co from "./index185.js";
+import Oo from "./index186.js";
+import $o from "./index187.js";
+import Eo from "./index188.js";
+import So from "./index189.js";
+import jo from "./index190.js";
+import Lo from "./index191.js";
+import Ro from "./index192.js";
+import Fo from "./index193.js";
+import Bo from "./index194.js";
+import Do from "./index195.js";
+import Mo from "./index196.js";
+import To from "./index197.js";
+import qo from "./index198.js";
+import Go from "./index199.js";
+import Vo from "./index200.js";
+import Ho from "./index201.js";
+import Jo from "./index202.js";
+import c from "react";
+import { ReactSVG as Ko } from "./index203.js";
+import { getA11yNameAttributes as Qo } from "./index81.js";
+import { useAccessiblePress as Uo } 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 o;
-  }, l.apply(null, arguments);
+    return s;
+  }, a.apply(null, arguments);
 }
-const g = (o) => {
+const Wo = /* @__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/chat.svg": K,
+  "/src/assets/icons/checkbox-disabled-minus.svg": Q,
+  "/src/assets/icons/checkbox-disabled-tick.svg": U,
+  "/src/assets/icons/checkbox-disabled.svg": W,
+  "/src/assets/icons/checkbox-field.svg": X,
+  "/src/assets/icons/checkbox-fill.svg": Y,
+  "/src/assets/icons/checkbox-hover-fill.svg": Z,
+  "/src/assets/icons/checkbox-hover-minus.svg": z,
+  "/src/assets/icons/checkbox-hover-tick.svg": ss,
+  "/src/assets/icons/checkbox-minus.svg": os,
+  "/src/assets/icons/checkbox-tick.svg": _s,
+  "/src/assets/icons/checked-circle.svg": ts,
+  "/src/assets/icons/checkmark.svg": is,
+  "/src/assets/icons/chevron.svg": rs,
+  "/src/assets/icons/clock.svg": es,
+  "/src/assets/icons/close.svg": cs,
+  "/src/assets/icons/combobox-field.svg": as,
+  "/src/assets/icons/command.svg": ms,
+  "/src/assets/icons/csv-file.svg": gs,
+  "/src/assets/icons/csv.svg": vs,
+  "/src/assets/icons/date-field.svg": ls,
+  "/src/assets/icons/delete.svg": ns,
+  "/src/assets/icons/doc-file.svg": fs,
+  "/src/assets/icons/docFile.svg": bs,
+  "/src/assets/icons/download.svg": ps,
+  "/src/assets/icons/edit-text.svg": ds,
+  "/src/assets/icons/email-field.svg": us,
+  "/src/assets/icons/email.svg": hs,
+  "/src/assets/icons/envelope.svg": ks,
+  "/src/assets/icons/fields-create.svg": xs,
+  "/src/assets/icons/fields-panel.svg": As,
+  "/src/assets/icons/file-empty.svg": ws,
+  "/src/assets/icons/file-filled-checked.svg": ys,
+  "/src/assets/icons/file-red.svg": Ps,
+  "/src/assets/icons/file.svg": Is,
+  "/src/assets/icons/fill-and-sign.svg": Ns,
+  "/src/assets/icons/filter.svg": Cs,
+  "/src/assets/icons/folder-empty.svg": Os,
+  "/src/assets/icons/folder.svg": $s,
+  "/src/assets/icons/gmail.svg": Es,
+  "/src/assets/icons/google-drive.svg": Ss,
+  "/src/assets/icons/hamburger.svg": js,
+  "/src/assets/icons/hashtag.svg": Ls,
+  "/src/assets/icons/help-question.svg": Rs,
+  "/src/assets/icons/history.svg": Fs,
+  "/src/assets/icons/home.svg": Bs,
+  "/src/assets/icons/hourglass.svg": Ds,
+  "/src/assets/icons/image-field.svg": Ms,
+  "/src/assets/icons/info.svg": Ts,
+  "/src/assets/icons/initials-field.svg": qs,
+  "/src/assets/icons/kebab-menu.svg": Gs,
+  "/src/assets/icons/left-align.svg": Vs,
+  "/src/assets/icons/library.svg": Hs,
+  "/src/assets/icons/minus.svg": Js,
+  "/src/assets/icons/move-folder.svg": Ks,
+  "/src/assets/icons/name-field.svg": Qs,
+  "/src/assets/icons/next.svg": Us,
+  "/src/assets/icons/observer.svg": Ws,
+  "/src/assets/icons/office-building.svg": Xs,
+  "/src/assets/icons/onedrive.svg": Ys,
+  "/src/assets/icons/outlook.svg": Zs,
+  "/src/assets/icons/padlock.svg": zs,
+  "/src/assets/icons/pages.svg": so,
+  "/src/assets/icons/pdf-file.svg": oo,
+  "/src/assets/icons/people.svg": _o,
+  "/src/assets/icons/photo.svg": to,
+  "/src/assets/icons/plus.svg": io,
+  "/src/assets/icons/radio-field.svg": ro,
+  "/src/assets/icons/radio-filled.svg": eo,
+  "/src/assets/icons/radio.svg": co,
+  "/src/assets/icons/reports.svg": ao,
+  "/src/assets/icons/repository.svg": mo,
+  "/src/assets/icons/reset.svg": go,
+  "/src/assets/icons/return.svg": vo,
+  "/src/assets/icons/right-align.svg": lo,
+  "/src/assets/icons/rightSide.svg": no,
+  "/src/assets/icons/rotate-left.svg": fo,
+  "/src/assets/icons/rotate-right.svg": bo,
+  "/src/assets/icons/rounded-plus.svg": po,
+  "/src/assets/icons/search.svg": uo,
+  "/src/assets/icons/select-files.svg": ho,
+  "/src/assets/icons/shield-with-tick.svg": ko,
+  "/src/assets/icons/shield.svg": xo,
+  "/src/assets/icons/shipment-private.svg": Ao,
+  "/src/assets/icons/shipment.svg": wo,
+  "/src/assets/icons/sidebar.svg": yo,
+  "/src/assets/icons/signature-field.svg": Po,
+  "/src/assets/icons/signer.svg": Io,
+  "/src/assets/icons/slideout.svg": No,
+  "/src/assets/icons/sms.svg": Co,
+  "/src/assets/icons/sort-asc.svg": Oo,
+  "/src/assets/icons/sort-desc.svg": $o,
+  "/src/assets/icons/sort.svg": Eo,
+  "/src/assets/icons/space.svg": So,
+  "/src/assets/icons/stamp-field.svg": jo,
+  "/src/assets/icons/stop.svg": Lo,
+  "/src/assets/icons/success-check.svg": Ro,
+  "/src/assets/icons/tag.svg": Fo,
+  "/src/assets/icons/text-field.svg": Bo,
+  "/src/assets/icons/tick.svg": Do,
+  "/src/assets/icons/title-field.svg": Mo,
+  "/src/assets/icons/upload-csv.svg": To,
+  "/src/assets/icons/views.svg": qo,
+  "/src/assets/icons/warning.svg": Go,
+  "/src/assets/icons/webinar-widget.svg": Vo,
+  "/src/assets/icons/white-close.svg": Ho,
+  "/src/assets/icons/widget-demo-image.svg": Jo
+}), 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);
+  });
+}, Xo = /* @__PURE__ */ c.forwardRef((s, t) => {
   const {
-    label: e,
-    onDropdownClick: n = () => {
-    },
-    menuItems: a = [],
-    automationId: s = "",
-    ...i
-  } = o, [r, m] = u(!1), c = () => {
-    m(!r), n();
-  };
-  return /* @__PURE__ */ t.createElement("div", {
-    className: "se-design-split-button flex items-center relative",
-    "data-automation-id": s
-  }, /* @__PURE__ */ t.createElement("button", l({
-    type: "button",
-    className: "px-8 py-2.5 rounded-l text-sm bg-[var(--color-blue-500)] text-[var(--color-white)] border-r border-[var(--color-white)]"
-  }, i), e), /* @__PURE__ */ t.createElement("button", {
-    type: "button",
-    className: "bg-[var(--color-blue-500)] rounded-r",
-    onClick: c,
-    "data-automation-id": "split-button-dropdown-button"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: `${r ? "rotate-180" : ""} transition-all`,
-    width: "35",
-    height: "40",
-    viewBox: "0 0 35 40",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("path", {
-    d: "M0 0H32C33.6569 0 35 1.34315 35 3V37C35 38.6569 33.6569 40 32 40H0V0Z",
-    fill: "transparent"
-  }), /* @__PURE__ */ t.createElement("path", {
-    d: "M18 23.5L14 19.5L22 19.5L18 23.5Z",
-    fill: "white"
-  }))), r && /* @__PURE__ */ t.createElement("div", {
-    className: "absolute top-full mt-1 w-max"
-  }, /* @__PURE__ */ t.createElement(d, {
-    items: a
-  })));
-};
+    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: w = !1,
+    htmlTitle: y
+  } = 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 = Wo[`/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: $
+  } = Uo({
+    isNative: !1,
+    onClick: i ? (r) => m?.(r) : void 0,
+    disabled: i ? w : !1,
+    stopPropagation: A
+  }), E = Qo({
+    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: y
+  }, S, {
+    "data-automation-id": s?.automationId
+  }), /* @__PURE__ */ c.createElement(Ko, {
+    src: g,
+    wrapper: "span",
+    beforeInjection: (r) => {
+      r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "none"), v(r, u, h, x);
+    }
+  }));
+});
+Xo.displayName = "Icon";
 export {
-  g as SplitButton
+  Xo as Icon
 };
 //# sourceMappingURL=index6.js.map