se-design 1.0.90-dev.0 → 1.0.90

package/dist/index36.js

@@ -1,103 +1,77 @@
-import e, { useState as k, useEffect as w } from "react";
-import { Icon as x } from "./index6.js";
-import { useStableId as F } from "./index206.js";
-import { getA11yNameAttributes as P } from "./index81.js";
-import { getRegionAttributes as V } from "./index66.js";
-import { useAccessiblePress as q } from "./index67.js";
-import "./index72.js";
-function a() {
-  return a = Object.assign ? Object.assign.bind() : function(i) {
-    for (var o = 1; o < arguments.length; o++) {
-      var s = arguments[o];
-      for (var n in s) ({}).hasOwnProperty.call(s, n) && (i[n] = s[n]);
+import e, { useState as h, useEffect as E } from "react";
+import { Icon as N } from "./index6.js";
+import { useStableId as $ } from "./index207.js";
+import { getRegionAttributes as I } from "./index67.js";
+import { useAccessiblePress as _ } from "./index68.js";
+import "./index73.js";
+function r() {
+  return r = Object.assign ? Object.assign.bind() : function(n) {
+    for (var s = 1; s < arguments.length; s++) {
+      var o = arguments[s];
+      for (var t in o) ({}).hasOwnProperty.call(o, t) && (n[t] = o[t]);
     }
-    return i;
-  }, a.apply(null, arguments);
+    return n;
+  }, r.apply(null, arguments);
 }
-const L = ({
-  renderAccordionContents: i,
-  renderAccordionSrcElement: o,
-  renderControls: s,
-  defaultOpen: n,
-  expanded: f,
-  onChange: E,
-  className: N = "",
-  arrowPosition: l = "left",
-  contentClassName: $ = "",
-  disabled: r = !1,
-  automationId: h = "",
-  id: A,
-  ariaLabel: I,
-  titleTag: C
+const j = ({
+  title: n,
+  titleTag: s = "h4",
+  content: o,
+  defaultOpen: t,
+  overflow: d,
+  titleClassName: u = "",
+  showSeparator: m = !0,
+  automationId: f = "",
+  id: p
 }) => {
-  const [O, u] = k(!1);
-  w(() => {
-    u(n || !1);
-  }, [n]);
-  const d = f !== void 0, t = d ? f : O, g = () => {
-    d ? E?.(!t) : u(!t);
-  }, c = F(A, "custom-accordion"), m = `${c}-content`, {
-    pressProps: y,
-    role: _,
-    tabIndex: R
-  } = q({
-    onClick: g,
-    isNative: !1,
-    disabled: r
-  }), S = V({
-    titleId: c,
+  const [i, c] = h(!1);
+  E(() => {
+    c(t || !1);
+  }, [t]);
+  const a = $(p, "accordion"), l = `${a}-content`, {
+    pressProps: g,
+    role: v,
+    tabIndex: b
+  } = _({
+    onClick: () => c(!i),
+    isNative: !1
+    // Not a native button, so hook adds Enter/Space handling
+  }), x = I({
+    titleId: a,
     isFocusable: !1
-  }), T = "group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]", p = () => r ? "" : l === "left" ? t ? "rotate-90" : "" : t ? "rotate-180" : "", v = C, b = /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion-trigger-content flex items-center rounded ${T}`
-  }, l === "left" && /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion-icon transform transition-transform duration-300 ${p()} ${r ? "opacity-30 pointer-events-none" : ""}`
-  }, /* @__PURE__ */ e.createElement(x, {
-    name: "rightSide"
-  })), /* @__PURE__ */ e.createElement("div", {
-    className: "se-design-accordion-elements"
-  }, /* @__PURE__ */ e.createElement("div", {
-    id: c,
-    className: "se-design-accordion-src-element title"
-  }, o({
-    isOpen: t
-  }))), l === "right" && /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion-icon transform transition-transform duration-300 ${p()} ${r ? "opacity-30 pointer-events-none" : ""}`
-  }, /* @__PURE__ */ e.createElement(x, {
-    name: "chevron"
-  }))), j = v ? /* @__PURE__ */ e.createElement(v, {
-    className: "flex-1"
-  }, /* @__PURE__ */ e.createElement("button", {
-    id: c + "-btn",
-    onClick: g,
-    "aria-expanded": t,
-    "aria-controls": m,
-    disabled: r,
-    className: "flex items-center flex-1 w-full cursor-pointer group focus-visible:!outline-none bg-transparent border-0 p-0 text-left"
-  }, b)) : /* @__PURE__ */ e.createElement("div", a({}, y, P({
-    ariaLabel: I
-  }), {
-    role: _,
-    tabIndex: R,
-    "aria-expanded": t,
-    "aria-controls": m,
-    className: "flex items-center flex-1 cursor-pointer group focus-visible:outline-none"
-  }), b);
-  return /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-accordion ${N}`,
-    "data-automation-id": h
+  });
+  return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", r({}, g, {
+    role: v,
+    tabIndex: b,
+    "aria-expanded": i,
+    "aria-controls": l,
+    className: "se-design-accordion-header flex items-center cursor-pointer group focus-visible:outline-none",
+    "data-automation-id": f
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: "flex items-center gap-2 rounded group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]"
   }, /* @__PURE__ */ e.createElement("div", {
-    className: "flex flex-col"
-  }, /* @__PURE__ */ e.createElement("div", {
-    className: "se-design-accordion-src flex items-center"
-  }, j, s?.()), t && /* @__PURE__ */ e.createElement("div", a({
-    id: m
-  }, S, {
-    className: `se-design-accordion-content transition-all duration-300 mt-1 ${$}`
-  }), i({
-    isOpen: t
-  }))));
+    className: `transform transition-transform duration-300 ${i ? "rotate-90" : ""}`
+  }, /* @__PURE__ */ e.createElement(N, {
+    name: "rightSide"
+  })), /* @__PURE__ */ e.createElement(s, {
+    id: a,
+    className: `se-design-accordion-title text-[var(--color-gray-900)]] font-inter text-[18px] font-semibold leading-[24px] ${u}`
+  }, n))), /* @__PURE__ */ e.createElement("div", r({
+    id: l
+  }, x, {
+    className: `
+        se-design-accordion-content
+        overflow-${d || "hidden"}
+        transition-all
+        duration-300
+        ml-1
+        mt-[1vw]
+        ${i ? "max-h-[1000vh] opacity-100 visible h-auto" : "hidden"}`
+  }), o), m && /* @__PURE__ */ e.createElement("div", {
+    className: `h-[1px] bg-[#E5E7EB] mt-[12px] ${i ? "hidden" : "block"}`
+  }));
 };
 export {
-  L as CustomAccordion
+  j as Accordion
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/components/CustomAccordion/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { Icon } from '../Icon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport { getRegionAttributes } from '../../utils/a11y/regionAttributes';\n\nexport interface CustomAccordionProps {\n  renderAccordionContents: (props: { isOpen: boolean }) => React.ReactNode;\n  renderAccordionSrcElement: (props: { isOpen: boolean }) => React.ReactNode;\n  renderControls?: () => React.ReactNode;\n  defaultOpen?: boolean;\n  expanded?: boolean;\n  onChange?: (isOpen: boolean) => void;\n  className?: string;\n  arrowPosition?: 'left' | 'right';\n  contentClassName?: string;\n  disabled?: boolean;\n  automationId?: string;\n  id?: string;\n  ariaLabel?: string;\n  titleTag?: string;\n}\n\nexport const CustomAccordion: FC<CustomAccordionProps> = ({\n  renderAccordionContents,\n  renderAccordionSrcElement,\n  renderControls,\n  defaultOpen,\n  expanded,\n  onChange,\n  className = '',\n  arrowPosition = 'left',\n  contentClassName = '',\n  disabled = false,\n  automationId = '',\n  id,\n  ariaLabel,\n  titleTag\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  useEffect(() => {\n    setIsOpen(defaultOpen || false);\n  }, [defaultOpen]);\n\n  const isControlled = expanded !== undefined;\n  const open = isControlled ? expanded : isOpen;\n\n  const handleToggle = () => {\n    if (isControlled) {\n      onChange?.(!open);\n    } else {\n      setIsOpen(!open);\n    }\n  };\n\n  // Generate stable IDs for ARIA relationships\n  const triggerId = useStableId(id, 'custom-accordion');\n  const contentId = `${triggerId}-content`;\n\n  // Use accessible press hook for keyboard + mouse handling\n  const { pressProps, role, tabIndex } = useAccessiblePress({\n    onClick: handleToggle,\n    isNative: false,\n    disabled\n  });\n\n  // Get region attributes for content panel\n  const regionAttributes = getRegionAttributes({\n    titleId: triggerId,\n    isFocusable: false\n  });\n\n  const focusVisibleClasses = 'group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]';\n\n  const getArrowRotation = () => {\n    if (disabled) {\n      return '';\n    }\n    if (arrowPosition === 'left') {\n      return open ? 'rotate-90' : '';\n    }\n    return open ? 'rotate-180' : '';\n  };\n\n  const TitleTag = titleTag as React.ElementType | undefined;\n\n  const triggerContent = (\n    <div className={`se-design-accordion-trigger-content flex items-center rounded ${focusVisibleClasses}`}>\n      {arrowPosition === 'left' && (\n        <div className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n          disabled ? 'opacity-30 pointer-events-none' : ''\n        }`}>\n          <Icon name=\"rightSide\" />\n        </div>\n      )}\n      <div className=\"se-design-accordion-elements\">\n        <div id={triggerId} className=\"se-design-accordion-src-element title\">{renderAccordionSrcElement({ isOpen: open })}</div>\n      </div>\n      {arrowPosition === 'right' && (\n        <div className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n          disabled ? 'opacity-30 pointer-events-none' : ''\n        }`}>\n          <Icon name=\"chevron\" />\n        </div>\n      )}\n    </div>\n  );\n\n  const trigger = TitleTag ? (\n    <TitleTag className=\"flex-1\">\n      <button\n        id={triggerId + '-btn'}\n        onClick={handleToggle}\n        aria-expanded={open}\n        aria-controls={contentId}\n        disabled={disabled}\n        className=\"flex items-center flex-1 w-full cursor-pointer group focus-visible:!outline-none bg-transparent border-0 p-0 text-left\"\n      >\n        {triggerContent}\n      </button>\n    </TitleTag>\n  ) : (\n    <div\n      {...pressProps}\n      {...getA11yNameAttributes({ ariaLabel })}\n      role={role}\n      tabIndex={tabIndex}\n      aria-expanded={open}\n      aria-controls={contentId}\n      className=\"flex items-center flex-1 cursor-pointer group focus-visible:outline-none\"\n    >\n      {triggerContent}\n    </div>\n  );\n\n  return (\n    <div className={`se-design-accordion ${className}`} data-automation-id={automationId}>\n      <div className=\"flex flex-col\">\n        <div className=\"se-design-accordion-src flex items-center\">\n          {trigger}\n          {renderControls?.()}\n        </div>\n        {open && (\n          <div id={contentId} {...regionAttributes} className={`se-design-accordion-content transition-all duration-300 mt-1 ${contentClassName}`}>\n            {renderAccordionContents({ isOpen: open })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["CustomAccordion","renderAccordionContents","renderAccordionSrcElement","renderControls","defaultOpen","expanded","onChange","className","arrowPosition","contentClassName","disabled","automationId","id","ariaLabel","titleTag","isOpen","setIsOpen","useState","useEffect","isControlled","undefined","open","handleToggle","triggerId","useStableId","contentId","pressProps","role","tabIndex","useAccessiblePress","onClick","isNative","regionAttributes","getRegionAttributes","titleId","isFocusable","focusVisibleClasses","getArrowRotation","TitleTag","triggerContent","React","createElement","Icon","name","trigger","_extends","getA11yNameAttributes"],"mappings":"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"}
+{"version":3,"file":"index36.js","sources":["../src/components/Accordion/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { Icon } from '../Icon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useAccessiblePress } from '../../utils/a11y';\nimport { getRegionAttributes } from '../../utils/a11y/regionAttributes';\n\nexport interface AccordionProps {\n  title: string;\n  titleTag?: 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  titleClassName?: string;\n  content: React.ReactNode;\n  defaultOpen?: boolean;\n  showSeparator?: boolean;\n  overflow?: 'hidden' | 'visible' | 'scroll' | 'auto' | undefined | string;\n  automationId?: string;\n  id?: string;\n}\n\nexport const Accordion: FC<AccordionProps> = ({\n  title,\n  titleTag: TitleTag = 'h4',\n  content,\n  defaultOpen,\n  overflow,\n  titleClassName = '',\n  showSeparator = true,\n  automationId = '',\n  id\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  \n  useEffect(() => {\n    setIsOpen(defaultOpen || false);\n  }, [defaultOpen]);\n\n  // Generate stable IDs for ARIA relationships\n  const titleId = useStableId(id, 'accordion');\n  const contentId = `${titleId}-content`; \n\n  // Use accessible press hook for keyboard + mouse handling\n  const { pressProps, role, tabIndex } = useAccessiblePress({\n    onClick: () => setIsOpen(!isOpen),\n    isNative: false // Not a native button, so hook adds Enter/Space handling\n  });\n\n  // Get region attributes for content panel\n  const regionAttributes = getRegionAttributes({\n    titleId,\n    isFocusable: false\n  });\n\n  const focusVisibleClasses = 'group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]';\n\n  return (\n    <div>\n      <div\n        {...pressProps}\n        role={role}\n        tabIndex={tabIndex}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        className=\"se-design-accordion-header flex items-center cursor-pointer group focus-visible:outline-none\"\n        data-automation-id={automationId}\n      >\n        <div className={`flex items-center gap-2 rounded ${focusVisibleClasses}`}>\n          <div \n            className={`transform transition-transform duration-300 ${isOpen ? 'rotate-90' : ''}`}\n          >\n            <Icon name=\"rightSide\" />\n          </div>\n          <TitleTag\n            id={titleId}\n            className={`se-design-accordion-title text-[var(--color-gray-900)]] font-inter text-[18px] font-semibold leading-[24px] ${titleClassName}`}\n          >\n            {title}\n          </TitleTag>\n        </div>\n      </div>\n      <div\n        id={contentId}\n        {...regionAttributes}\n        className={`\n        se-design-accordion-content\n        overflow-${overflow || 'hidden'}\n        transition-all\n        duration-300\n        ml-1\n        mt-[1vw]\n        ${isOpen ? 'max-h-[1000vh] opacity-100 visible h-auto' : 'hidden'}`}\n      >\n        {content}\n      </div>\n      {showSeparator && <div className={`h-[1px] bg-[#E5E7EB] mt-[12px] ${!isOpen ? 'block' : 'hidden'}`}></div>}\n    </div>\n  );\n};\n"],"names":["Accordion","title","titleTag","TitleTag","content","defaultOpen","overflow","titleClassName","showSeparator","automationId","id","isOpen","setIsOpen","useState","useEffect","titleId","useStableId","contentId","pressProps","role","tabIndex","useAccessiblePress","onClick","isNative","regionAttributes","getRegionAttributes","isFocusable","React","createElement","_extends","className","Icon","name"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAMA,IAAgCA,CAAC;AAAA,EAC5CC,OAAAA;AAAAA,EACAC,UAAUC,IAAW;AAAA,EACrBC,SAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA,IAAiB;AAAA,EACjBC,eAAAA,IAAgB;AAAA,EAChBC,cAAAA,IAAe;AAAA,EACfC,IAAAA;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1CC,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAUP,KAAe,EAAK;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC;AAGhB,QAAMU,IAAUC,EAAYN,GAAI,WAAW,GACrCO,IAAY,GAAGF,CAAO,YAGtB;AAAA,IAAEG,YAAAA;AAAAA,IAAYC,MAAAA;AAAAA,IAAMC,UAAAA;AAAAA,EAAAA,IAAaC,EAAmB;AAAA,IACxDC,SAASA,MAAMV,EAAU,CAACD,CAAM;AAAA,IAChCY,UAAU;AAAA;AAAA,EAAA,CACX,GAGKC,IAAmBC,EAAoB;AAAA,IAC3CV,SAAAA;AAAAA,IACAW,aAAa;AAAA,EAAA,CACd;AAID,SACEC,gBAAAA,EAAAC,cAAA,OAAA,MACED,gBAAAA,EAAAC,cAAA,OAAAC,EAAA,CAAA,GACMX,GAAU;AAAA,IACdC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACA,iBAAeT;AAAAA,IACf,iBAAeM;AAAAA,IACfa,WAAU;AAAA,IACV,sBAAoBrB;AAAAA,EAAAA,CAAa,GAEjCkB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKE,WAAW;AAAA,EAAsD,GACpEH,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,WAAW,+CAA+CnB,IAAS,cAAc,EAAE;AAAA,EAAA,GAEnFgB,gBAAAA,EAAAC,cAACG,GAAI;AAAA,IAACC,MAAK;AAAA,EAAA,CAAa,CACrB,GACLL,gBAAAA,EAAAC,cAACzB,GAAQ;AAAA,IACPO,IAAIK;AAAAA,IACJe,WAAW,+GAA+GvB,CAAc;AAAA,EAAA,GAEvIN,CACO,CACP,CACF,GACL0B,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEnB,IAAIO;AAAAA,EAAAA,GACAO,GAAgB;AAAA,IACpBM,WAAW;AAAA;AAAA,mBAEAxB,KAAY,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,UAK7BK,IAAS,8CAA8C,QAAQ;AAAA,EAAA,CAAG,GAEnEP,CACE,GACJI,KAAiBmB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKE,WAAW,kCAAmCnB,IAAmB,WAAV,OAAkB;AAAA,EAAA,CAAS,CACtG;AAET;"}

package/dist/index37.js

@@ -1,82 +1,103 @@
-import a, { useState as w, useRef as $ } from "react";
-/* empty css         */
-import { Icon as A } from "./index6.js";
-import { getA11yNameAttributes as B } from "./index81.js";
-import "./index72.js";
-import { useStableId as D } from "./index206.js";
-function c() {
-  return c = Object.assign ? Object.assign.bind() : function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var i = arguments[n];
-      for (var s in i) ({}).hasOwnProperty.call(i, s) && (r[s] = i[s]);
+import e, { useState as k, useEffect as w } from "react";
+import { Icon as x } from "./index6.js";
+import { useStableId as F } from "./index207.js";
+import { getA11yNameAttributes as P } from "./index82.js";
+import { getRegionAttributes as V } from "./index67.js";
+import { useAccessiblePress as q } from "./index68.js";
+import "./index73.js";
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(i) {
+    for (var o = 1; o < arguments.length; o++) {
+      var s = arguments[o];
+      for (var n in s) ({}).hasOwnProperty.call(s, n) && (i[n] = s[n]);
     }
-    return r;
-  }, c.apply(null, arguments);
-}
-function V({
-  value: r,
-  onChange: n,
-  placeholder: i,
-  className: s,
-  error: m,
-  errorMessage: y,
-  label: u,
-  ariaLabel: b,
-  ariaLabelledBy: E,
-  automationId: N = "",
-  commitOnBlur: I = !1
-}) {
-  const [o, p] = w([...r]), [l, g] = w(""), d = $(null), f = D(void 0, "input-with-tags-label"), k = B({
-    ariaLabel: b,
-    ariaLabelledBy: E,
-    internalLabelId: u ? f : void 0
-  }), h = (t) => {
-    const e = o.filter((O, _) => _ !== t);
-    p(e), n?.(e);
-  }, v = () => {
-    const t = l.trim();
-    if (!t) return;
-    const e = [...o, t];
-    p(e), g(""), n?.(e);
-  }, T = (t) => {
-    t.key === "Enter" && l.trim() ? (t.preventDefault(), v()) : t.key === "Backspace" && l === "" && o.length > 0 && h(o.length - 1);
-  }, R = () => {
-    I && v();
-  };
-  return /* @__PURE__ */ a.createElement("div", {
-    className: "input-with-tags-main-container",
-    "data-automation-id": N
-  }, u && /* @__PURE__ */ a.createElement("div", {
-    id: f,
-    className: "label-container"
-  }, u), /* @__PURE__ */ a.createElement("div", {
-    className: `input-with-tags-container ${m ? "input-with-tags-error" : ""} ${s}`,
-    onClick: () => d.current?.focus()
-  }, o.map((t, e) => /* @__PURE__ */ a.createElement("span", {
-    key: e,
-    className: "tag-in-inputwithtags",
-    "data-automation-id": `input-tag-${e}`
-  }, t, /* @__PURE__ */ a.createElement(A, {
-    name: "close",
-    className: "close-icon-in-inputwithtags",
-    ariaLabel: `Remove tag ${t}`,
-    onClick: () => h(e),
-    shouldStopPropagation: !0
-  }))), /* @__PURE__ */ a.createElement("input", c({
-    className: "input-with-tags-input",
-    ref: d,
-    type: "text",
-    value: l,
-    onChange: (t) => g(t.target.value),
-    onKeyDown: T,
-    onBlur: R,
-    placeholder: i,
-    "data-automation-id": "input-with-tags-input-field"
-  }, k))), m && /* @__PURE__ */ a.createElement("div", {
-    className: "error-message"
-  }, y));
+    return i;
+  }, a.apply(null, arguments);
 }
+const L = ({
+  renderAccordionContents: i,
+  renderAccordionSrcElement: o,
+  renderControls: s,
+  defaultOpen: n,
+  expanded: f,
+  onChange: E,
+  className: N = "",
+  arrowPosition: l = "left",
+  contentClassName: $ = "",
+  disabled: r = !1,
+  automationId: h = "",
+  id: A,
+  ariaLabel: I,
+  titleTag: C
+}) => {
+  const [O, u] = k(!1);
+  w(() => {
+    u(n || !1);
+  }, [n]);
+  const d = f !== void 0, t = d ? f : O, g = () => {
+    d ? E?.(!t) : u(!t);
+  }, c = F(A, "custom-accordion"), m = `${c}-content`, {
+    pressProps: y,
+    role: _,
+    tabIndex: R
+  } = q({
+    onClick: g,
+    isNative: !1,
+    disabled: r
+  }), S = V({
+    titleId: c,
+    isFocusable: !1
+  }), T = "group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]", p = () => r ? "" : l === "left" ? t ? "rotate-90" : "" : t ? "rotate-180" : "", v = C, b = /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-accordion-trigger-content flex items-center rounded ${T}`
+  }, l === "left" && /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-accordion-icon transform transition-transform duration-300 ${p()} ${r ? "opacity-30 pointer-events-none" : ""}`
+  }, /* @__PURE__ */ e.createElement(x, {
+    name: "rightSide"
+  })), /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-accordion-elements"
+  }, /* @__PURE__ */ e.createElement("div", {
+    id: c,
+    className: "se-design-accordion-src-element title"
+  }, o({
+    isOpen: t
+  }))), l === "right" && /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-accordion-icon transform transition-transform duration-300 ${p()} ${r ? "opacity-30 pointer-events-none" : ""}`
+  }, /* @__PURE__ */ e.createElement(x, {
+    name: "chevron"
+  }))), j = v ? /* @__PURE__ */ e.createElement(v, {
+    className: "flex-1"
+  }, /* @__PURE__ */ e.createElement("button", {
+    id: c + "-btn",
+    onClick: g,
+    "aria-expanded": t,
+    "aria-controls": m,
+    disabled: r,
+    className: "flex items-center flex-1 w-full cursor-pointer group focus-visible:!outline-none bg-transparent border-0 p-0 text-left"
+  }, b)) : /* @__PURE__ */ e.createElement("div", a({}, y, P({
+    ariaLabel: I
+  }), {
+    role: _,
+    tabIndex: R,
+    "aria-expanded": t,
+    "aria-controls": m,
+    className: "flex items-center flex-1 cursor-pointer group focus-visible:outline-none"
+  }), b);
+  return /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-accordion ${N}`,
+    "data-automation-id": h
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "flex flex-col"
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-accordion-src flex items-center"
+  }, j, s?.()), t && /* @__PURE__ */ e.createElement("div", a({
+    id: m
+  }, S, {
+    className: `se-design-accordion-content transition-all duration-300 mt-1 ${$}`
+  }), i({
+    isOpen: t
+  }))));
+};
 export {
-  V as InputWithTags
+  L as CustomAccordion
 };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../src/components/InputWithTags/index.tsx"],"sourcesContent":["import React, { useState, KeyboardEvent, useRef } from \"react\";\nimport './styles.scss';\nimport { Icon } from '../Icon';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport { useStableId } from '../../utils/useStableId';\n\nexport interface InputWithTagsProps {\n    value: string[];\n    onChange?: (tags: string[]) => void;\n    placeholder?: string;\n    className?: string;\n    error?: boolean;\n    errorMessage?: string;\n    label?: string;\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    automationId?: string;\n    commitOnBlur?: boolean;\n}\n\nexport function InputWithTags({\n    value,\n    onChange,\n    placeholder,\n    className,\n    error,\n    errorMessage,\n    label,\n    ariaLabel,\n    ariaLabelledBy,\n    automationId = '',\n    commitOnBlur = false\n}: InputWithTagsProps) {\n    const [tags, setTags] = useState<string[]>([...value]);\n    const [inputValue, setInputValue] = useState('');\n    const inputRef = useRef<HTMLInputElement>(null);\n    const labelId = useStableId(undefined, 'input-with-tags-label');\n    const inputA11yProps = getA11yNameAttributes({\n      ariaLabel,\n      ariaLabelledBy,\n      internalLabelId: label ? labelId : undefined\n    });\n\n    const removeTag = (indexToRemove: number) => {\n        const newTags = tags.filter((_, i) => i !== indexToRemove);\n        setTags(newTags);\n        onChange?.(newTags);\n    };\n\n    const commitInput = () => {\n        const trimmed = inputValue.trim();\n        if (!trimmed) return;\n        const newTags = [...tags, trimmed];\n        setTags(newTags);\n        setInputValue(\"\");\n        onChange?.(newTags);\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && inputValue.trim()) {\n            e.preventDefault();\n            commitInput();\n        } else if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n            removeTag(tags.length - 1);\n        }\n    };\n\n    // When enabled, commit a half-typed tag when focus leaves the input so users\n    // don't lose the value by tabbing/clicking away without pressing Enter.\n    const handleBlur = () => {\n        if (commitOnBlur) commitInput();\n    };\n\n    return (\n        <div className=\"input-with-tags-main-container\" data-automation-id={automationId}>\n            {label && <div id={labelId} className=\"label-container\">{label}</div>}\n            <div \n                className={`input-with-tags-container ${error ? 'input-with-tags-error' : ''} ${className}`} \n                onClick={() => inputRef.current?.focus()}\n            >\n                {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\" data-automation-id={`input-tag-${index}`}>\n                        {tag} \n                        <Icon\n                            name=\"close\"\n                            className=\"close-icon-in-inputwithtags\"\n                            ariaLabel={`Remove tag ${tag}`}\n                            onClick={() => removeTag(index)}\n                            shouldStopPropagation\n                        />\n                    </span>\n                ))}\n                <input\n                    className=\"input-with-tags-input\"\n                    ref={inputRef}\n                    type=\"text\"\n                    value={inputValue}\n                    onChange={(e) => setInputValue(e.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={handleBlur}\n                    placeholder={placeholder}\n                    data-automation-id=\"input-with-tags-input-field\"\n                    {...inputA11yProps}\n                />\n            </div>\n            {error && <div className=\"error-message\">{errorMessage}</div>}\n        </div>\n    );\n}"],"names":["InputWithTags","value","onChange","placeholder","className","error","errorMessage","label","ariaLabel","ariaLabelledBy","automationId","commitOnBlur","tags","setTags","useState","inputValue","setInputValue","inputRef","useRef","labelId","useStableId","undefined","inputA11yProps","getA11yNameAttributes","internalLabelId","removeTag","indexToRemove","newTags","filter","_","i","commitInput","trimmed","trim","handleKeyDown","e","key","preventDefault","length","handleBlur","React","createElement","id","onClick","current","focus","map","tag","index","Icon","name","shouldStopPropagation","_extends","ref","type","target","onKeyDown","onBlur"],"mappings":"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"}
+{"version":3,"file":"index37.js","sources":["../src/components/CustomAccordion/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { Icon } from '../Icon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport { getRegionAttributes } from '../../utils/a11y/regionAttributes';\n\nexport interface CustomAccordionProps {\n  renderAccordionContents: (props: { isOpen: boolean }) => React.ReactNode;\n  renderAccordionSrcElement: (props: { isOpen: boolean }) => React.ReactNode;\n  renderControls?: () => React.ReactNode;\n  defaultOpen?: boolean;\n  expanded?: boolean;\n  onChange?: (isOpen: boolean) => void;\n  className?: string;\n  arrowPosition?: 'left' | 'right';\n  contentClassName?: string;\n  disabled?: boolean;\n  automationId?: string;\n  id?: string;\n  ariaLabel?: string;\n  titleTag?: string;\n}\n\nexport const CustomAccordion: FC<CustomAccordionProps> = ({\n  renderAccordionContents,\n  renderAccordionSrcElement,\n  renderControls,\n  defaultOpen,\n  expanded,\n  onChange,\n  className = '',\n  arrowPosition = 'left',\n  contentClassName = '',\n  disabled = false,\n  automationId = '',\n  id,\n  ariaLabel,\n  titleTag\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  useEffect(() => {\n    setIsOpen(defaultOpen || false);\n  }, [defaultOpen]);\n\n  const isControlled = expanded !== undefined;\n  const open = isControlled ? expanded : isOpen;\n\n  const handleToggle = () => {\n    if (isControlled) {\n      onChange?.(!open);\n    } else {\n      setIsOpen(!open);\n    }\n  };\n\n  // Generate stable IDs for ARIA relationships\n  const triggerId = useStableId(id, 'custom-accordion');\n  const contentId = `${triggerId}-content`;\n\n  // Use accessible press hook for keyboard + mouse handling\n  const { pressProps, role, tabIndex } = useAccessiblePress({\n    onClick: handleToggle,\n    isNative: false,\n    disabled\n  });\n\n  // Get region attributes for content panel\n  const regionAttributes = getRegionAttributes({\n    titleId: triggerId,\n    isFocusable: false\n  });\n\n  const focusVisibleClasses = 'group-focus-visible:[outline:var(--focus-width)_solid_var(--focus-color)] group-focus-visible:[outline-offset:var(--focus-offset)] group-focus-visible:p-[2px]';\n\n  const getArrowRotation = () => {\n    if (disabled) {\n      return '';\n    }\n    if (arrowPosition === 'left') {\n      return open ? 'rotate-90' : '';\n    }\n    return open ? 'rotate-180' : '';\n  };\n\n  const TitleTag = titleTag as React.ElementType | undefined;\n\n  const triggerContent = (\n    <div className={`se-design-accordion-trigger-content flex items-center rounded ${focusVisibleClasses}`}>\n      {arrowPosition === 'left' && (\n        <div className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n          disabled ? 'opacity-30 pointer-events-none' : ''\n        }`}>\n          <Icon name=\"rightSide\" />\n        </div>\n      )}\n      <div className=\"se-design-accordion-elements\">\n        <div id={triggerId} className=\"se-design-accordion-src-element title\">{renderAccordionSrcElement({ isOpen: open })}</div>\n      </div>\n      {arrowPosition === 'right' && (\n        <div className={`se-design-accordion-icon transform transition-transform duration-300 ${getArrowRotation()} ${\n          disabled ? 'opacity-30 pointer-events-none' : ''\n        }`}>\n          <Icon name=\"chevron\" />\n        </div>\n      )}\n    </div>\n  );\n\n  const trigger = TitleTag ? (\n    <TitleTag className=\"flex-1\">\n      <button\n        id={triggerId + '-btn'}\n        onClick={handleToggle}\n        aria-expanded={open}\n        aria-controls={contentId}\n        disabled={disabled}\n        className=\"flex items-center flex-1 w-full cursor-pointer group focus-visible:!outline-none bg-transparent border-0 p-0 text-left\"\n      >\n        {triggerContent}\n      </button>\n    </TitleTag>\n  ) : (\n    <div\n      {...pressProps}\n      {...getA11yNameAttributes({ ariaLabel })}\n      role={role}\n      tabIndex={tabIndex}\n      aria-expanded={open}\n      aria-controls={contentId}\n      className=\"flex items-center flex-1 cursor-pointer group focus-visible:outline-none\"\n    >\n      {triggerContent}\n    </div>\n  );\n\n  return (\n    <div className={`se-design-accordion ${className}`} data-automation-id={automationId}>\n      <div className=\"flex flex-col\">\n        <div className=\"se-design-accordion-src flex items-center\">\n          {trigger}\n          {renderControls?.()}\n        </div>\n        {open && (\n          <div id={contentId} {...regionAttributes} className={`se-design-accordion-content transition-all duration-300 mt-1 ${contentClassName}`}>\n            {renderAccordionContents({ isOpen: open })}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["CustomAccordion","renderAccordionContents","renderAccordionSrcElement","renderControls","defaultOpen","expanded","onChange","className","arrowPosition","contentClassName","disabled","automationId","id","ariaLabel","titleTag","isOpen","setIsOpen","useState","useEffect","isControlled","undefined","open","handleToggle","triggerId","useStableId","contentId","pressProps","role","tabIndex","useAccessiblePress","onClick","isNative","regionAttributes","getRegionAttributes","titleId","isFocusable","focusVisibleClasses","getArrowRotation","TitleTag","triggerContent","React","createElement","Icon","name","trigger","_extends","getA11yNameAttributes"],"mappings":"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"}