@lax-wp/design-system 0.14.41 → 0.14.42

package/dist/components/icons/ShieldIcon.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("../../constants/colors.cjs.js"),s=34/36,t=({fill:o=r.COLORS.primary[600],size:e=36,className:n})=>i.jsx("svg",{width:e*s,height:e,viewBox:"0 0 34 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n,"aria-hidden":"true",children:i.jsx("path",{d:"M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z",fill:o})});t.displayName="ShieldIcon";exports.ShieldIcon=t;
+//# sourceMappingURL=ShieldIcon.cjs.js.map

package/dist/components/icons/ShieldIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShieldIcon.cjs.js","sources":["../../../src/components/icons/ShieldIcon.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { COLORS } from '../../constants/colors';\n\nexport interface ShieldIconProps {\n  /** Icon fill colour. Defaults to the primary brand colour (`primary-600`).\n   *  Pass `currentColor` to inherit the surrounding text colour instead. */\n  fill?: string;\n  /** Icon height in pixels — the width scales with the artwork's 34:36 ratio */\n  size?: number;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/** Intrinsic artwork dimensions — kept in sync with the viewBox */\nconst ASPECT_RATIO = 34 / 36;\n\n/**\n * ShieldIcon renders the brand shield mark (half-filled security badge).\n *\n * @example\n * ```tsx\n * <ShieldIcon size={36} />\n * <ShieldIcon fill=\"currentColor\" className=\"text-neutral-400\" />\n * ```\n */\nexport const ShieldIcon: FC<ShieldIconProps> = ({\n  fill = COLORS.primary[600],\n  size = 36,\n  className,\n}) => (\n  <svg\n    width={size * ASPECT_RATIO}\n    height={size}\n    viewBox='0 0 34 36'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n    aria-hidden='true'\n  >\n    <path\n      d='M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z'\n      fill={fill}\n    />\n  </svg>\n);\n\nShieldIcon.displayName = 'ShieldIcon';\n"],"names":["ASPECT_RATIO","ShieldIcon","fill","COLORS","size","className","jsx"],"mappings":"gKAcMA,EAAe,GAAK,GAWbC,EAAkC,CAAC,CAC9C,KAAAC,EAAOC,EAAAA,OAAO,QAAQ,GAAG,EACzB,KAAAC,EAAO,GACP,UAAAC,CACF,IACEC,EAAAA,IAAC,MAAA,CACC,MAAOF,EAAOJ,EACd,OAAQI,EACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAAC,EACA,cAAY,OAEZ,SAAAC,EAAAA,IAAC,OAAA,CACC,EAAE,gdACF,KAAAJ,CAAA,CAAA,CACF,CACF,EAGFD,EAAW,YAAc"}

package/dist/components/icons/ShieldIcon.d.ts

@@ -0,0 +1,20 @@
+import type { FC } from 'react';
+export interface ShieldIconProps {
+    /** Icon fill colour. Defaults to the primary brand colour (`primary-600`).
+     *  Pass `currentColor` to inherit the surrounding text colour instead. */
+    fill?: string;
+    /** Icon height in pixels — the width scales with the artwork's 34:36 ratio */
+    size?: number;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * ShieldIcon renders the brand shield mark (half-filled security badge).
+ *
+ * @example
+ * ```tsx
+ * <ShieldIcon size={36} />
+ * <ShieldIcon fill="currentColor" className="text-neutral-400" />
+ * ```
+ */
+export declare const ShieldIcon: FC<ShieldIconProps>;

package/dist/components/icons/ShieldIcon.es.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { COLORS as e } from "../../constants/colors.es.js";
+const C = 34 / 36, h = ({
+  fill: r = e.primary[600],
+  size: i = 36,
+  className: t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: i * C,
+    height: i,
+    viewBox: "0 0 34 36",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: t,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z",
+        fill: r
+      }
+    )
+  }
+);
+h.displayName = "ShieldIcon";
+export {
+  h as ShieldIcon
+};
+//# sourceMappingURL=ShieldIcon.es.js.map

package/dist/components/icons/ShieldIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShieldIcon.es.js","sources":["../../../src/components/icons/ShieldIcon.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { COLORS } from '../../constants/colors';\n\nexport interface ShieldIconProps {\n  /** Icon fill colour. Defaults to the primary brand colour (`primary-600`).\n   *  Pass `currentColor` to inherit the surrounding text colour instead. */\n  fill?: string;\n  /** Icon height in pixels — the width scales with the artwork's 34:36 ratio */\n  size?: number;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/** Intrinsic artwork dimensions — kept in sync with the viewBox */\nconst ASPECT_RATIO = 34 / 36;\n\n/**\n * ShieldIcon renders the brand shield mark (half-filled security badge).\n *\n * @example\n * ```tsx\n * <ShieldIcon size={36} />\n * <ShieldIcon fill=\"currentColor\" className=\"text-neutral-400\" />\n * ```\n */\nexport const ShieldIcon: FC<ShieldIconProps> = ({\n  fill = COLORS.primary[600],\n  size = 36,\n  className,\n}) => (\n  <svg\n    width={size * ASPECT_RATIO}\n    height={size}\n    viewBox='0 0 34 36'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    className={className}\n    aria-hidden='true'\n  >\n    <path\n      d='M16.9678 0C17.293 0 17.6183 0.0706991 17.9152 0.205027L31.2278 5.85389C32.7832 6.51139 33.9427 8.04556 33.9356 9.89788C33.9003 16.9112 31.0157 29.7431 18.8343 35.5758C17.6536 36.1414 16.282 36.1414 15.1014 35.5758C2.91991 29.7431 0.0353817 16.9112 3.21574e-05 9.89788C-0.00703776 8.04556 1.15243 6.51139 2.70781 5.85389L16.0275 0.205027C16.3174 0.0706991 16.6426 0 16.9678 0ZM16.9678 4.7227V31.447C26.7243 26.7243 29.3472 16.2679 29.4109 9.99686L16.9678 4.7227Z'\n      fill={fill}\n    />\n  </svg>\n);\n\nShieldIcon.displayName = 'ShieldIcon';\n"],"names":["ASPECT_RATIO","ShieldIcon","fill","COLORS","size","className","jsx"],"mappings":";;AAcA,MAAMA,IAAe,KAAK,IAWbC,IAAkC,CAAC;AAAA,EAC9C,MAAAC,IAAOC,EAAO,QAAQ,GAAG;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAOF,IAAOJ;AAAA,IACd,QAAQI;AAAA,IACR,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAAC;AAAA,IACA,eAAY;AAAA,IAEZ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AACF;AAGFD,EAAW,cAAc;"}

package/dist/components/navigation/tabs/TabSwitch.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../_virtual/index.cjs.js"),d=require("./Children.cjs.js"),P=require("react-i18next"),$=require("../../tooltip/Tooltip.cjs.js"),A=require("../../icon/icons.generated.cjs.js"),v="You don’t have permission to access this tab content.",E=({showCounts:N=!0,title:r,icon:T,suffixRecord:h,classValue:f,isSelected:s,selectedClassValue:w,textClassValue:C,selectedId:I,iconsOnly:p,draggingTab:x,disableAnimation:L,tabOptions:m,color:b="light",isLocked:y=!1,lockedTooltip:_,href:i,onClick:u,role:q,ariaSelected:D,tabIndex:K,onKeyDown:O})=>{const{t:g}=P.useTranslation(),c={selectedId:I,isSelected:s,selectedClassValue:w,textClassValue:C,disableAnimation:L},o={role:q,"aria-selected":D,tabIndex:K,onKeyDown:O},j=y?e.jsx(A.LockFilledIcon,{size:16}):T,a=e.jsxs("div",{className:t("flex items-center text-center","opacity-100",p?"":"gap-1.5"),children:[j?e.jsx("div",{className:s?"opacity-100":`opacity-40 ${b==="dark"?"dark:opacity-100 dark:text-black-100":""}`,children:j}):null,e.jsx("div",{className:s?"opacity-100":"opacity-80",children:p?null:g(r||"")}),r!=="More..."&&h?.[r||""]!==void 0&&N?e.jsx("span",{className:t("ml-2 text-xs leading-4 font-normal border rounded-full pr-2 pl-2 border-1",s?t("text-primary-700 border-primary-200 dark:!border-primary-600 border-1",b==="dark"?"text-white bg-primary-700":"bg-neutral-100 dark:bg-primary-700 dark:text-white"):t("text-neutral-500 dark:text-neutral-400 border-neutral-300 dark:border-neutral-500 border-1",b==="dark"?"bg-neutral-800 dark:bg-neutral-700 dark:border-neutral-800":"bg-neutral-100 dark:bg-transparent")),children:String(h?.[r||""]??"0")}):null]}),l=t(f,x?"opacity-0 cursor-grabbing":"","focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:outline-none");if(y)return e.jsx($,{title:g(_||v),placement:"bottom",children:e.jsx("button",{id:`btn-tabs-tabswitch-${r}`,className:t(l,"cursor-not-allowed opacity-60 hover:opacity-100 hover:bg-neutral-100 dark:hover:bg-black-700"),type:"button","aria-disabled":!0,...o,children:e.jsx(d.Children,{...c,children:a})})});const k=n=>{n.metaKey||n.ctrlKey||n.shiftKey||n.button!==0||(n.preventDefault(),u?.())};return m?e.jsx("div",{id:`btn-tabs-tabswitch-${r}`,className:l,...o,children:e.jsx(d.Children,{...c,children:e.jsxs("div",{className:"flex items-center gap-1",children:[i?e.jsx("a",{href:i,onClick:k,className:"contents uppercase",tabIndex:-1,children:a}):e.jsx("button",{type:"button",onClick:u,className:"contents uppercase",tabIndex:-1,children:a}),m]})})}):i?e.jsx("a",{id:`btn-tabs-tabswitch-${r}`,href:i,className:l,onClick:k,...o,children:e.jsx(d.Children,{...c,children:a})}):e.jsx("button",{id:`btn-tabs-tabswitch-${r}`,className:l,type:"button",onClick:u,...o,children:e.jsx(d.Children,{...c,children:a})})};exports.DEFAULT_LOCKED_TAB_TOOLTIP=v;exports.TabSwitch=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../_virtual/index.cjs.js"),d=require("./Children.cjs.js"),P=require("react-i18next"),$=require("../../tooltip/Tooltip.cjs.js"),A=require("../../icon/icons.generated.cjs.js"),v="You don’t have the necessary permissions to access this content.",E=({showCounts:N=!0,title:r,icon:T,suffixRecord:h,classValue:f,isSelected:s,selectedClassValue:w,textClassValue:C,selectedId:I,iconsOnly:p,draggingTab:x,disableAnimation:L,tabOptions:m,color:b="light",isLocked:y=!1,lockedTooltip:_,href:i,onClick:u,role:q,ariaSelected:D,tabIndex:K,onKeyDown:O})=>{const{t:g}=P.useTranslation(),c={selectedId:I,isSelected:s,selectedClassValue:w,textClassValue:C,disableAnimation:L},o={role:q,"aria-selected":D,tabIndex:K,onKeyDown:O},j=y?e.jsx(A.LockFilledIcon,{size:16}):T,a=e.jsxs("div",{className:t("flex items-center text-center","opacity-100",p?"":"gap-1.5"),children:[j?e.jsx("div",{className:s?"opacity-100":`opacity-40 ${b==="dark"?"dark:opacity-100 dark:text-black-100":""}`,children:j}):null,e.jsx("div",{className:s?"opacity-100":"opacity-80",children:p?null:g(r||"")}),r!=="More..."&&h?.[r||""]!==void 0&&N?e.jsx("span",{className:t("ml-2 text-xs leading-4 font-normal border rounded-full pr-2 pl-2 border-1",s?t("text-primary-700 border-primary-200 dark:!border-primary-600 border-1",b==="dark"?"text-white bg-primary-700":"bg-neutral-100 dark:bg-primary-700 dark:text-white"):t("text-neutral-500 dark:text-neutral-400 border-neutral-300 dark:border-neutral-500 border-1",b==="dark"?"bg-neutral-800 dark:bg-neutral-700 dark:border-neutral-800":"bg-neutral-100 dark:bg-transparent")),children:String(h?.[r||""]??"0")}):null]}),l=t(f,x?"opacity-0 cursor-grabbing":"","focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:outline-none");if(y)return e.jsx($,{title:g(_||v),placement:"bottom",children:e.jsx("button",{id:`btn-tabs-tabswitch-${r}`,className:t(l,"cursor-not-allowed opacity-60 hover:opacity-100 hover:bg-neutral-100 dark:hover:bg-black-700"),type:"button","aria-disabled":!0,...o,children:e.jsx(d.Children,{...c,children:a})})});const k=n=>{n.metaKey||n.ctrlKey||n.shiftKey||n.button!==0||(n.preventDefault(),u?.())};return m?e.jsx("div",{id:`btn-tabs-tabswitch-${r}`,className:l,...o,children:e.jsx(d.Children,{...c,children:e.jsxs("div",{className:"flex items-center gap-1",children:[i?e.jsx("a",{href:i,onClick:k,className:"contents uppercase",tabIndex:-1,children:a}):e.jsx("button",{type:"button",onClick:u,className:"contents uppercase",tabIndex:-1,children:a}),m]})})}):i?e.jsx("a",{id:`btn-tabs-tabswitch-${r}`,href:i,className:l,onClick:k,...o,children:e.jsx(d.Children,{...c,children:a})}):e.jsx("button",{id:`btn-tabs-tabswitch-${r}`,className:l,type:"button",onClick:u,...o,children:e.jsx(d.Children,{...c,children:a})})};exports.DEFAULT_LOCKED_TAB_TOOLTIP=v;exports.TabSwitch=E;
 //# sourceMappingURL=TabSwitch.cjs.js.map

package/dist/components/navigation/tabs/TabSwitch.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabSwitch.cjs.js","sources":["../../../../src/components/navigation/tabs/TabSwitch.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { MouseEvent } from 'react';\nimport { Children } from './Children';\nimport { useTranslation } from 'react-i18next'\nimport { LockFilledIcon } from '../../icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport type { TabSwitchProps } from './types';\n\n/** Default message shown when a tab is locked */\nexport const DEFAULT_LOCKED_TAB_TOOLTIP =\n  'You don\\u2019t have permission to access this tab content.';\n\nexport const TabSwitch = ({\n  showCounts = true,\n  title,\n  icon,\n  suffixRecord,\n  classValue,\n  isSelected,\n  selectedClassValue,\n  textClassValue,\n  selectedId,\n  iconsOnly,\n  draggingTab,\n  disableAnimation,\n  tabOptions,\n  color = 'light',\n  isLocked = false,\n  lockedTooltip,\n  href,\n  onClick,\n  role,\n  ariaSelected,\n  tabIndex,\n  onKeyDown,\n}: TabSwitchProps) => {\n  const { t } = useTranslation();\n  const childrenProps = {\n    selectedId,\n    isSelected,\n    selectedClassValue,\n    textClassValue,\n    disableAnimation,\n  };\n\n  const ariaProps = {\n    role,\n    'aria-selected': ariaSelected,\n    tabIndex,\n    onKeyDown,\n  };\n\n  const leadingIcon = isLocked ? <LockFilledIcon size={16} /> : icon;\n\n  const text = (\n    <div className={classNames('flex items-center text-center', draggingTab ? 'opacity-100' : 'opacity-100', !iconsOnly ? 'gap-1.5' : '')}>\n      {leadingIcon ? (\n        <div className={isSelected ? 'opacity-100' : `opacity-40 ${color === 'dark' ? 'dark:opacity-100 dark:text-black-100' : ''}`}>\n          {leadingIcon}\n        </div>\n      ) : null}\n      <div className={isSelected ? 'opacity-100' : 'opacity-80'}>\n        {iconsOnly ? null : t(title || '')}\n      </div>\n      {title !== 'More...' && suffixRecord?.[title || ''] !== undefined && showCounts ? (\n        <span\n          className={classNames(\n            'ml-2 text-xs leading-4 font-normal border rounded-full pr-2 pl-2 border-1',\n            isSelected\n              ? classNames(\n                'text-primary-700 border-primary-200 dark:!border-primary-600 border-1',\n                color === 'dark'\n                  ? 'text-white bg-primary-700'\n                  : 'bg-neutral-100 dark:bg-primary-700 dark:text-white',\n              )\n              : classNames(\n                'text-neutral-500 dark:text-neutral-400 border-neutral-300 dark:border-neutral-500 border-1',\n                color === 'dark'\n                  ? 'bg-neutral-800 dark:bg-neutral-700 dark:border-neutral-800'\n                  : 'bg-neutral-100 dark:bg-transparent',\n              ),\n          )}\n        >\n          {String(suffixRecord?.[title || ''] ?? '0')}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  const sharedClassName = classNames(\n    classValue,\n    draggingTab ? 'opacity-0 cursor-grabbing' : '',\n    'focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:outline-none',\n  );\n\n  if (isLocked) {\n    return (\n      <Tooltip title={t(lockedTooltip || DEFAULT_LOCKED_TAB_TOOLTIP)} placement=\"bottom\">\n        <button\n          id={`btn-tabs-tabswitch-${title}`}\n          className={classNames(\n            sharedClassName,\n            'cursor-not-allowed opacity-60 hover:opacity-100 hover:bg-neutral-100 dark:hover:bg-black-700',\n          )}\n          type=\"button\"\n          aria-disabled\n          {...ariaProps}\n        >\n          <Children {...childrenProps}>{text}</Children>\n        </button>\n      </Tooltip>\n    );\n  }\n\n  const handleLinkClick = (e: MouseEvent<HTMLAnchorElement>) => {\n    if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;\n    e.preventDefault();\n    onClick?.();\n  };\n\n  if (tabOptions) {\n    return (\n      <div id={`btn-tabs-tabswitch-${title}`} className={sharedClassName} {...ariaProps}>\n        <Children {...childrenProps}>\n          <div className=\"flex items-center gap-1\">\n            {href ? (\n              <a href={href} onClick={handleLinkClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </a>\n            ) : (\n              <button type=\"button\" onClick={onClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </button>\n            )}\n            {tabOptions}\n          </div>\n        </Children>\n      </div>\n    );\n  }\n\n  if (href) {\n    return (\n      <a\n        id={`btn-tabs-tabswitch-${title}`}\n        href={href}\n        className={sharedClassName}\n        onClick={handleLinkClick}\n        {...ariaProps}\n      >\n        <Children {...childrenProps}>{text}</Children>\n      </a>\n    );\n  }\n\n  return (\n    <button\n      id={`btn-tabs-tabswitch-${title}`}\n      className={sharedClassName}\n      type='button'\n      onClick={onClick}\n      {...ariaProps}\n    >\n      <Children {...childrenProps}>{text}</Children>\n    </button>\n  );\n};\n"],"names":["DEFAULT_LOCKED_TAB_TOOLTIP","TabSwitch","showCounts","title","icon","suffixRecord","classValue","isSelected","selectedClassValue","textClassValue","selectedId","iconsOnly","draggingTab","disableAnimation","tabOptions","color","isLocked","lockedTooltip","href","onClick","role","ariaSelected","tabIndex","onKeyDown","t","useTranslation","childrenProps","ariaProps","leadingIcon","jsx","LockFilledIcon","text","jsxs","classNames","sharedClassName","Tooltip","Children","handleLinkClick","e"],"mappings":"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"}
+{"version":3,"file":"TabSwitch.cjs.js","sources":["../../../../src/components/navigation/tabs/TabSwitch.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { MouseEvent } from 'react';\nimport { Children } from './Children';\nimport { useTranslation } from 'react-i18next'\nimport { LockFilledIcon } from '../../icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport type { TabSwitchProps } from './types';\n\n/** Default message shown when a tab is locked */\nexport const DEFAULT_LOCKED_TAB_TOOLTIP =\n  'You don\\u2019t have the necessary permissions to access this content.';\n\nexport const TabSwitch = ({\n  showCounts = true,\n  title,\n  icon,\n  suffixRecord,\n  classValue,\n  isSelected,\n  selectedClassValue,\n  textClassValue,\n  selectedId,\n  iconsOnly,\n  draggingTab,\n  disableAnimation,\n  tabOptions,\n  color = 'light',\n  isLocked = false,\n  lockedTooltip,\n  href,\n  onClick,\n  role,\n  ariaSelected,\n  tabIndex,\n  onKeyDown,\n}: TabSwitchProps) => {\n  const { t } = useTranslation();\n  const childrenProps = {\n    selectedId,\n    isSelected,\n    selectedClassValue,\n    textClassValue,\n    disableAnimation,\n  };\n\n  const ariaProps = {\n    role,\n    'aria-selected': ariaSelected,\n    tabIndex,\n    onKeyDown,\n  };\n\n  const leadingIcon = isLocked ? <LockFilledIcon size={16} /> : icon;\n\n  const text = (\n    <div className={classNames('flex items-center text-center', draggingTab ? 'opacity-100' : 'opacity-100', !iconsOnly ? 'gap-1.5' : '')}>\n      {leadingIcon ? (\n        <div className={isSelected ? 'opacity-100' : `opacity-40 ${color === 'dark' ? 'dark:opacity-100 dark:text-black-100' : ''}`}>\n          {leadingIcon}\n        </div>\n      ) : null}\n      <div className={isSelected ? 'opacity-100' : 'opacity-80'}>\n        {iconsOnly ? null : t(title || '')}\n      </div>\n      {title !== 'More...' && suffixRecord?.[title || ''] !== undefined && showCounts ? (\n        <span\n          className={classNames(\n            'ml-2 text-xs leading-4 font-normal border rounded-full pr-2 pl-2 border-1',\n            isSelected\n              ? classNames(\n                'text-primary-700 border-primary-200 dark:!border-primary-600 border-1',\n                color === 'dark'\n                  ? 'text-white bg-primary-700'\n                  : 'bg-neutral-100 dark:bg-primary-700 dark:text-white',\n              )\n              : classNames(\n                'text-neutral-500 dark:text-neutral-400 border-neutral-300 dark:border-neutral-500 border-1',\n                color === 'dark'\n                  ? 'bg-neutral-800 dark:bg-neutral-700 dark:border-neutral-800'\n                  : 'bg-neutral-100 dark:bg-transparent',\n              ),\n          )}\n        >\n          {String(suffixRecord?.[title || ''] ?? '0')}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  const sharedClassName = classNames(\n    classValue,\n    draggingTab ? 'opacity-0 cursor-grabbing' : '',\n    'focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:outline-none',\n  );\n\n  if (isLocked) {\n    return (\n      <Tooltip title={t(lockedTooltip || DEFAULT_LOCKED_TAB_TOOLTIP)} placement=\"bottom\">\n        <button\n          id={`btn-tabs-tabswitch-${title}`}\n          className={classNames(\n            sharedClassName,\n            'cursor-not-allowed opacity-60 hover:opacity-100 hover:bg-neutral-100 dark:hover:bg-black-700',\n          )}\n          type=\"button\"\n          aria-disabled\n          {...ariaProps}\n        >\n          <Children {...childrenProps}>{text}</Children>\n        </button>\n      </Tooltip>\n    );\n  }\n\n  const handleLinkClick = (e: MouseEvent<HTMLAnchorElement>) => {\n    if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;\n    e.preventDefault();\n    onClick?.();\n  };\n\n  if (tabOptions) {\n    return (\n      <div id={`btn-tabs-tabswitch-${title}`} className={sharedClassName} {...ariaProps}>\n        <Children {...childrenProps}>\n          <div className=\"flex items-center gap-1\">\n            {href ? (\n              <a href={href} onClick={handleLinkClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </a>\n            ) : (\n              <button type=\"button\" onClick={onClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </button>\n            )}\n            {tabOptions}\n          </div>\n        </Children>\n      </div>\n    );\n  }\n\n  if (href) {\n    return (\n      <a\n        id={`btn-tabs-tabswitch-${title}`}\n        href={href}\n        className={sharedClassName}\n        onClick={handleLinkClick}\n        {...ariaProps}\n      >\n        <Children {...childrenProps}>{text}</Children>\n      </a>\n    );\n  }\n\n  return (\n    <button\n      id={`btn-tabs-tabswitch-${title}`}\n      className={sharedClassName}\n      type='button'\n      onClick={onClick}\n      {...ariaProps}\n    >\n      <Children {...childrenProps}>{text}</Children>\n    </button>\n  );\n};\n"],"names":["DEFAULT_LOCKED_TAB_TOOLTIP","TabSwitch","showCounts","title","icon","suffixRecord","classValue","isSelected","selectedClassValue","textClassValue","selectedId","iconsOnly","draggingTab","disableAnimation","tabOptions","color","isLocked","lockedTooltip","href","onClick","role","ariaSelected","tabIndex","onKeyDown","t","useTranslation","childrenProps","ariaProps","leadingIcon","jsx","LockFilledIcon","text","jsxs","classNames","sharedClassName","Tooltip","Children","handleLinkClick","e"],"mappings":"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"}

package/dist/components/navigation/tabs/TabSwitch.d.ts

@@ -1,4 +1,4 @@
 import type { TabSwitchProps } from './types';
 /** Default message shown when a tab is locked */
-export declare const DEFAULT_LOCKED_TAB_TOOLTIP = "You don\u2019t have permission to access this tab content.";
+export declare const DEFAULT_LOCKED_TAB_TOOLTIP = "You don\u2019t have the necessary permissions to access this content.";
 export declare const TabSwitch: ({ showCounts, title, icon, suffixRecord, classValue, isSelected, selectedClassValue, textClassValue, selectedId, iconsOnly, draggingTab, disableAnimation, tabOptions, color, isLocked, lockedTooltip, href, onClick, role, ariaSelected, tabIndex, onKeyDown, }: TabSwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/tabs/TabSwitch.es.js

@@ -4,7 +4,7 @@ import { Children as d } from "./Children.es.js";
 import { useTranslation as A } from "react-i18next";
 import E from "../../tooltip/Tooltip.es.js";
 import { LockFilledIcon as F } from "../../icon/icons.generated.es.js";
-const z = "You don’t have permission to access this tab content.", G = ({
+const z = "You don’t have the necessary permissions to access this content.", G = ({
   showCounts: N = !0,
   title: t,
   icon: w,
@@ -28,13 +28,13 @@ const z = "You don’t have permission to access this tab content.", G = ({
   tabIndex: _,
   onKeyDown: j
 }) => {
-  const { t: g } = A(), c = {
+  const { t: g } = A(), s = {
     selectedId: C,
     isSelected: i,
     selectedClassValue: I,
     textClassValue: $,
     disableAnimation: K
-  }, s = {
+  }, c = {
     role: D,
     "aria-selected": P,
     tabIndex: _,
@@ -74,14 +74,14 @@ const z = "You don’t have permission to access this tab content.", G = ({
         ),
         type: "button",
         "aria-disabled": !0,
-        ...s,
-        children: /* @__PURE__ */ r(d, { ...c, children: e })
+        ...c,
+        children: /* @__PURE__ */ r(d, { ...s, children: e })
       }
     ) });
   const f = (n) => {
     n.metaKey || n.ctrlKey || n.shiftKey || n.button !== 0 || (n.preventDefault(), p?.());
   };
-  return y ? /* @__PURE__ */ r("div", { id: `btn-tabs-tabswitch-${t}`, className: l, ...s, children: /* @__PURE__ */ r(d, { ...c, children: /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
+  return y ? /* @__PURE__ */ r("div", { id: `btn-tabs-tabswitch-${t}`, className: l, ...c, children: /* @__PURE__ */ r(d, { ...s, children: /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
     o ? /* @__PURE__ */ r("a", { href: o, onClick: f, className: "contents uppercase", tabIndex: -1, children: e }) : /* @__PURE__ */ r("button", { type: "button", onClick: p, className: "contents uppercase", tabIndex: -1, children: e }),
     y
   ] }) }) }) : o ? /* @__PURE__ */ r(
@@ -91,8 +91,8 @@ const z = "You don’t have permission to access this tab content.", G = ({
       href: o,
       className: l,
       onClick: f,
-      ...s,
-      children: /* @__PURE__ */ r(d, { ...c, children: e })
+      ...c,
+      children: /* @__PURE__ */ r(d, { ...s, children: e })
     }
   ) : /* @__PURE__ */ r(
     "button",
@@ -101,8 +101,8 @@ const z = "You don’t have permission to access this tab content.", G = ({
       className: l,
       type: "button",
       onClick: p,
-      ...s,
-      children: /* @__PURE__ */ r(d, { ...c, children: e })
+      ...c,
+      children: /* @__PURE__ */ r(d, { ...s, children: e })
     }
   );
 };

package/dist/components/navigation/tabs/TabSwitch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabSwitch.es.js","sources":["../../../../src/components/navigation/tabs/TabSwitch.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { MouseEvent } from 'react';\nimport { Children } from './Children';\nimport { useTranslation } from 'react-i18next'\nimport { LockFilledIcon } from '../../icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport type { TabSwitchProps } from './types';\n\n/** Default message shown when a tab is locked */\nexport const DEFAULT_LOCKED_TAB_TOOLTIP =\n  'You don\\u2019t have permission to access this tab content.';\n\nexport const TabSwitch = ({\n  showCounts = true,\n  title,\n  icon,\n  suffixRecord,\n  classValue,\n  isSelected,\n  selectedClassValue,\n  textClassValue,\n  selectedId,\n  iconsOnly,\n  draggingTab,\n  disableAnimation,\n  tabOptions,\n  color = 'light',\n  isLocked = false,\n  lockedTooltip,\n  href,\n  onClick,\n  role,\n  ariaSelected,\n  tabIndex,\n  onKeyDown,\n}: TabSwitchProps) => {\n  const { t } = useTranslation();\n  const childrenProps = {\n    selectedId,\n    isSelected,\n    selectedClassValue,\n    textClassValue,\n    disableAnimation,\n  };\n\n  const ariaProps = {\n    role,\n    'aria-selected': ariaSelected,\n    tabIndex,\n    onKeyDown,\n  };\n\n  const leadingIcon = isLocked ? <LockFilledIcon size={16} /> : icon;\n\n  const text = (\n    <div className={classNames('flex items-center text-center', draggingTab ? 'opacity-100' : 'opacity-100', !iconsOnly ? 'gap-1.5' : '')}>\n      {leadingIcon ? (\n        <div className={isSelected ? 'opacity-100' : `opacity-40 ${color === 'dark' ? 'dark:opacity-100 dark:text-black-100' : ''}`}>\n          {leadingIcon}\n        </div>\n      ) : null}\n      <div className={isSelected ? 'opacity-100' : 'opacity-80'}>\n        {iconsOnly ? null : t(title || '')}\n      </div>\n      {title !== 'More...' && suffixRecord?.[title || ''] !== undefined && showCounts ? (\n        <span\n          className={classNames(\n            'ml-2 text-xs leading-4 font-normal border rounded-full pr-2 pl-2 border-1',\n            isSelected\n              ? classNames(\n                'text-primary-700 border-primary-200 dark:!border-primary-600 border-1',\n                color === 'dark'\n                  ? 'text-white bg-primary-700'\n                  : 'bg-neutral-100 dark:bg-primary-700 dark:text-white',\n              )\n              : classNames(\n                'text-neutral-500 dark:text-neutral-400 border-neutral-300 dark:border-neutral-500 border-1',\n                color === 'dark'\n                  ? 'bg-neutral-800 dark:bg-neutral-700 dark:border-neutral-800'\n                  : 'bg-neutral-100 dark:bg-transparent',\n              ),\n          )}\n        >\n          {String(suffixRecord?.[title || ''] ?? '0')}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  const sharedClassName = classNames(\n    classValue,\n    draggingTab ? 'opacity-0 cursor-grabbing' : '',\n    'focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:outline-none',\n  );\n\n  if (isLocked) {\n    return (\n      <Tooltip title={t(lockedTooltip || DEFAULT_LOCKED_TAB_TOOLTIP)} placement=\"bottom\">\n        <button\n          id={`btn-tabs-tabswitch-${title}`}\n          className={classNames(\n            sharedClassName,\n            'cursor-not-allowed opacity-60 hover:opacity-100 hover:bg-neutral-100 dark:hover:bg-black-700',\n          )}\n          type=\"button\"\n          aria-disabled\n          {...ariaProps}\n        >\n          <Children {...childrenProps}>{text}</Children>\n        </button>\n      </Tooltip>\n    );\n  }\n\n  const handleLinkClick = (e: MouseEvent<HTMLAnchorElement>) => {\n    if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;\n    e.preventDefault();\n    onClick?.();\n  };\n\n  if (tabOptions) {\n    return (\n      <div id={`btn-tabs-tabswitch-${title}`} className={sharedClassName} {...ariaProps}>\n        <Children {...childrenProps}>\n          <div className=\"flex items-center gap-1\">\n            {href ? (\n              <a href={href} onClick={handleLinkClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </a>\n            ) : (\n              <button type=\"button\" onClick={onClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </button>\n            )}\n            {tabOptions}\n          </div>\n        </Children>\n      </div>\n    );\n  }\n\n  if (href) {\n    return (\n      <a\n        id={`btn-tabs-tabswitch-${title}`}\n        href={href}\n        className={sharedClassName}\n        onClick={handleLinkClick}\n        {...ariaProps}\n      >\n        <Children {...childrenProps}>{text}</Children>\n      </a>\n    );\n  }\n\n  return (\n    <button\n      id={`btn-tabs-tabswitch-${title}`}\n      className={sharedClassName}\n      type='button'\n      onClick={onClick}\n      {...ariaProps}\n    >\n      <Children {...childrenProps}>{text}</Children>\n    </button>\n  );\n};\n"],"names":["DEFAULT_LOCKED_TAB_TOOLTIP","TabSwitch","showCounts","title","icon","suffixRecord","classValue","isSelected","selectedClassValue","textClassValue","selectedId","iconsOnly","draggingTab","disableAnimation","tabOptions","color","isLocked","lockedTooltip","href","onClick","role","ariaSelected","tabIndex","onKeyDown","t","useTranslation","childrenProps","ariaProps","leadingIcon","jsx","LockFilledIcon","text","jsxs","classNames","sharedClassName","Tooltip","Children","handleLinkClick","e"],"mappings":"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"}
+{"version":3,"file":"TabSwitch.es.js","sources":["../../../../src/components/navigation/tabs/TabSwitch.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { MouseEvent } from 'react';\nimport { Children } from './Children';\nimport { useTranslation } from 'react-i18next'\nimport { LockFilledIcon } from '../../icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport type { TabSwitchProps } from './types';\n\n/** Default message shown when a tab is locked */\nexport const DEFAULT_LOCKED_TAB_TOOLTIP =\n  'You don\\u2019t have the necessary permissions to access this content.';\n\nexport const TabSwitch = ({\n  showCounts = true,\n  title,\n  icon,\n  suffixRecord,\n  classValue,\n  isSelected,\n  selectedClassValue,\n  textClassValue,\n  selectedId,\n  iconsOnly,\n  draggingTab,\n  disableAnimation,\n  tabOptions,\n  color = 'light',\n  isLocked = false,\n  lockedTooltip,\n  href,\n  onClick,\n  role,\n  ariaSelected,\n  tabIndex,\n  onKeyDown,\n}: TabSwitchProps) => {\n  const { t } = useTranslation();\n  const childrenProps = {\n    selectedId,\n    isSelected,\n    selectedClassValue,\n    textClassValue,\n    disableAnimation,\n  };\n\n  const ariaProps = {\n    role,\n    'aria-selected': ariaSelected,\n    tabIndex,\n    onKeyDown,\n  };\n\n  const leadingIcon = isLocked ? <LockFilledIcon size={16} /> : icon;\n\n  const text = (\n    <div className={classNames('flex items-center text-center', draggingTab ? 'opacity-100' : 'opacity-100', !iconsOnly ? 'gap-1.5' : '')}>\n      {leadingIcon ? (\n        <div className={isSelected ? 'opacity-100' : `opacity-40 ${color === 'dark' ? 'dark:opacity-100 dark:text-black-100' : ''}`}>\n          {leadingIcon}\n        </div>\n      ) : null}\n      <div className={isSelected ? 'opacity-100' : 'opacity-80'}>\n        {iconsOnly ? null : t(title || '')}\n      </div>\n      {title !== 'More...' && suffixRecord?.[title || ''] !== undefined && showCounts ? (\n        <span\n          className={classNames(\n            'ml-2 text-xs leading-4 font-normal border rounded-full pr-2 pl-2 border-1',\n            isSelected\n              ? classNames(\n                'text-primary-700 border-primary-200 dark:!border-primary-600 border-1',\n                color === 'dark'\n                  ? 'text-white bg-primary-700'\n                  : 'bg-neutral-100 dark:bg-primary-700 dark:text-white',\n              )\n              : classNames(\n                'text-neutral-500 dark:text-neutral-400 border-neutral-300 dark:border-neutral-500 border-1',\n                color === 'dark'\n                  ? 'bg-neutral-800 dark:bg-neutral-700 dark:border-neutral-800'\n                  : 'bg-neutral-100 dark:bg-transparent',\n              ),\n          )}\n        >\n          {String(suffixRecord?.[title || ''] ?? '0')}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  const sharedClassName = classNames(\n    classValue,\n    draggingTab ? 'opacity-0 cursor-grabbing' : '',\n    'focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:outline-none',\n  );\n\n  if (isLocked) {\n    return (\n      <Tooltip title={t(lockedTooltip || DEFAULT_LOCKED_TAB_TOOLTIP)} placement=\"bottom\">\n        <button\n          id={`btn-tabs-tabswitch-${title}`}\n          className={classNames(\n            sharedClassName,\n            'cursor-not-allowed opacity-60 hover:opacity-100 hover:bg-neutral-100 dark:hover:bg-black-700',\n          )}\n          type=\"button\"\n          aria-disabled\n          {...ariaProps}\n        >\n          <Children {...childrenProps}>{text}</Children>\n        </button>\n      </Tooltip>\n    );\n  }\n\n  const handleLinkClick = (e: MouseEvent<HTMLAnchorElement>) => {\n    if (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0) return;\n    e.preventDefault();\n    onClick?.();\n  };\n\n  if (tabOptions) {\n    return (\n      <div id={`btn-tabs-tabswitch-${title}`} className={sharedClassName} {...ariaProps}>\n        <Children {...childrenProps}>\n          <div className=\"flex items-center gap-1\">\n            {href ? (\n              <a href={href} onClick={handleLinkClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </a>\n            ) : (\n              <button type=\"button\" onClick={onClick} className=\"contents uppercase\" tabIndex={-1}>\n                {text}\n              </button>\n            )}\n            {tabOptions}\n          </div>\n        </Children>\n      </div>\n    );\n  }\n\n  if (href) {\n    return (\n      <a\n        id={`btn-tabs-tabswitch-${title}`}\n        href={href}\n        className={sharedClassName}\n        onClick={handleLinkClick}\n        {...ariaProps}\n      >\n        <Children {...childrenProps}>{text}</Children>\n      </a>\n    );\n  }\n\n  return (\n    <button\n      id={`btn-tabs-tabswitch-${title}`}\n      className={sharedClassName}\n      type='button'\n      onClick={onClick}\n      {...ariaProps}\n    >\n      <Children {...childrenProps}>{text}</Children>\n    </button>\n  );\n};\n"],"names":["DEFAULT_LOCKED_TAB_TOOLTIP","TabSwitch","showCounts","title","icon","suffixRecord","classValue","isSelected","selectedClassValue","textClassValue","selectedId","iconsOnly","draggingTab","disableAnimation","tabOptions","color","isLocked","lockedTooltip","href","onClick","role","ariaSelected","tabIndex","onKeyDown","t","useTranslation","childrenProps","ariaProps","leadingIcon","jsx","LockFilledIcon","text","jsxs","classNames","sharedClassName","Tooltip","Children","handleLinkClick","e"],"mappings":"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"}

package/dist/components/navigation/tabs/types.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs.js","sources":["../../../../src/components/navigation/tabs/types.ts"],"sourcesContent":["import type{ ReactNode } from 'react';\n\nexport type TabVariant = 'default' | 'secondary' | 'switch';\n\nexport type TabSize = 'sm' | 'md' | '';\n\nexport type Tab<T extends string> = {\n  name: T;\n  is_default: boolean;\n  is_hidden: boolean;\n  is_pinned?: boolean;\n};\n\nexport type TabOptionConfig = {\n  filterType: { label: string; value: 'contains' | 'does-not-contain' };\n  sortOrder: 'default' | 'asc' | 'desc';\n  showCounts: boolean;\n  lockOrder: boolean;\n};\n\nexport type SuffixRecord<T extends string = string, V = string> = Record<T, V>;\n\nexport type TabsProps<T extends string> = {\n  /** List of tab identifiers */\n  tabs: readonly T[];\n  /** Currently active tab */\n  activeTab: T;\n  /** Callback when a tab is clicked */\n  onTabClick?(id: T): void;\n\n  // ── Appearance ──\n  /** Visual variant */\n  variant?: TabVariant;\n  /** Size of the tabs */\n  size?: TabSize;\n  /** Additional class name for the container */\n  className?: string;\n  /** Color scheme */\n  color?: 'light' | 'dark';\n  /** Height class for switch variant tabs */\n  height?: string;\n  /** Whether switch variant tabs should fill available width */\n  fullWidth?: boolean;\n  /** Whether to fit content width instead of full width */\n  fitContentWidth?: boolean;\n  /** Whether each tab should stretch equally */\n  isFullWidth?: boolean;\n  /** Disable framer-motion animations */\n  disableAnimation?: boolean;\n  /** Show loading skeleton */\n  isLoading?: boolean;\n  /** Disable all tab clicks */\n  isDisabled?: boolean;\n  /** Show tab options */\n  showTabOptions?: boolean;\n\n  // ── Access control ──\n  /** Names of tabs the user cannot access. A locked tab shows a lock icon,\n   *  is not clickable and reveals a permission tooltip on hover.\n   *  Tabs not listed here are accessible. */\n  lockedTabs?: readonly T[];\n  /** Tooltip message shown when hovering a locked tab.\n   *  @default \"You don’t have permission to access this tab content.\" */\n  lockedTabTooltip?: string;\n\n  // ── Tab content ──\n  /** Icons to display inside tabs, keyed by tab name */\n  tabIcons?: Record<string, ReactNode>;\n  /** Suffix values (counts/badges) displayed next to tab names */\n  suffixRecord?: SuffixRecord<T>;\n  /** Count values for tabs */\n  counts?: Record<T, number>;\n  /** Show only icons, hide text labels */\n  iconsOnly?: boolean;\n  /** Tooltip text for individual tabs */\n  tooltipTitle?: Record<string, string>;\n  /** Title attribute for the tab container */\n  title?: string;\n\n  // ── Layout slots ──\n  /** Custom component rendered on the right side of the tab bar */\n  rightSection?: {\n    className?: string;\n    width: number;\n    component: ReactNode;\n  };\n\n  // ── Interactive features (Phase 2+3) ──\n  /** Enable drag-and-drop tab reordering */\n  draggable?: boolean;\n  /** Allow tabs to be pinned */\n  allowPin?: boolean;\n  /** Show all tabs without overflow truncation */\n  showAllItems?: boolean;\n  /** Show copy link option in tab context menu.\n   *  Automatically enabled when `linkConfig` is provided. */\n  copyLink?: boolean;\n  /** Callback when a tab is edited — when provided, shows an \"Edit\" option in the tab context menu */\n  onEdit?(name: T): void;\n  /** Callback when a tab is deleted */\n  onDelete?(name: T): void;\n  /** Called after the tab link is copied to the clipboard.\n   *  Receives the tab name and the full URL that was copied — useful for showing a toast or analytics. */\n  onCopyLink?(name: T, href: string): void;\n\n  // ── Provider-based persistence ──\n  /** Redux/API persistence key — when provided and a DesignSystemProvider exists,\n   *  tab state is automatically loaded and persisted via the provider's tab config */\n  tabKey?: string;\n  /** URL sync config — when provided and a DesignSystemProvider exists,\n   *  clicking a tab updates the URL search param via the provider's navigate */\n  linkConfig?: {\n    key: string;\n    defaultLink: string;\n    /** Called with the URLSearchParams after the tab key is set — mutate to remove/add extra params before navigation */\n    onResolve?(searchParams: URLSearchParams): void;\n  };\n\n  // ── Controlled state for external persistence ──\n  /** Tabs with hidden state pre-configured (e.g. from API) */\n  initialHiddenTabs?: readonly T[];\n  /** Full tab state injected from external source (e.g. Redux/API) */\n  initialTabs?: Tab<T>[];\n  /** Tab option config injected from external source */\n  tabConfig?: TabOptionConfig;\n  /** Callback fired when tab option config changes (for external persistence) */\n  onTabConfigChange?(config: TabOptionConfig): void;\n  /** Callback fired when tabs array changes (reorder, hide, pin — for external persistence) */\n  onTabsChange?(tabs: Tab<T>[]): void;\n  /** Container element for the drag overlay portal */\n  parentContainer?: HTMLElement | null;\n};\n\nexport type ChildrenProps = {\n  isSelected?: boolean;\n  selectedId?: string;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  children: ReactNode;\n  disableAnimation?: boolean;\n};\n\nexport type TabSwitchProps = {\n  title: string;\n  icon?: ReactNode;\n  suffixRecord?: SuffixRecord;\n  classValue?: string;\n  isSelected?: boolean;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  selectedId?: string;\n  iconsOnly?: boolean;\n  draggingTab?: boolean;\n  disableAnimation?: boolean;\n  tabOptions?: ReactNode;\n  color?: 'light' | 'dark';\n  showCounts?: boolean;\n  /** Whether this tab is locked. When `true` the tab renders a lock icon,\n   *  ignores clicks and shows `lockedTooltip` on hover.\n   *  @default false */\n  isLocked?: boolean;\n  /** Tooltip message shown when the tab is locked */\n  lockedTooltip?: string;\n  /** When provided, renders as `<a>` instead of `<button>` for native link behaviour\n   *  (right-click → open in new tab, middle-click, Ctrl/Cmd+click). */\n  href?: string;\n  onClick?(): void;\n  /** ARIA role override (defaults to 'tab' when used in a tablist) */\n  role?: string;\n  /** Whether this tab is selected (ARIA) */\n  ariaSelected?: boolean;\n  /** Tab index for roving tabindex pattern */\n  tabIndex?: number;\n  /** Keyboard handler for arrow key navigation */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n};\n\nexport const INITIAL_TAB_OPTION_CONFIG: TabOptionConfig = {\n  filterType: { label: 'Contains', value: 'contains' },\n  sortOrder: 'default',\n  showCounts: true,\n  lockOrder: false,\n};\n"],"names":["INITIAL_TAB_OPTION_CONFIG"],"mappings":"gFAiLO,MAAMA,EAA6C,CACxD,WAAY,CAAE,MAAO,WAAY,MAAO,UAAA,EACxC,UAAW,UACX,WAAY,GACZ,UAAW,EACb"}
+{"version":3,"file":"types.cjs.js","sources":["../../../../src/components/navigation/tabs/types.ts"],"sourcesContent":["import type{ ReactNode } from 'react';\n\nexport type TabVariant = 'default' | 'secondary' | 'switch';\n\nexport type TabSize = 'sm' | 'md' | '';\n\nexport type Tab<T extends string> = {\n  name: T;\n  is_default: boolean;\n  is_hidden: boolean;\n  is_pinned?: boolean;\n};\n\nexport type TabOptionConfig = {\n  filterType: { label: string; value: 'contains' | 'does-not-contain' };\n  sortOrder: 'default' | 'asc' | 'desc';\n  showCounts: boolean;\n  lockOrder: boolean;\n};\n\nexport type SuffixRecord<T extends string = string, V = string> = Record<T, V>;\n\nexport type TabsProps<T extends string> = {\n  /** List of tab identifiers */\n  tabs: readonly T[];\n  /** Currently active tab */\n  activeTab: T;\n  /** Callback when a tab is clicked */\n  onTabClick?(id: T): void;\n\n  // ── Appearance ──\n  /** Visual variant */\n  variant?: TabVariant;\n  /** Size of the tabs */\n  size?: TabSize;\n  /** Additional class name for the container */\n  className?: string;\n  /** Color scheme */\n  color?: 'light' | 'dark';\n  /** Height class for switch variant tabs */\n  height?: string;\n  /** Whether switch variant tabs should fill available width */\n  fullWidth?: boolean;\n  /** Whether to fit content width instead of full width */\n  fitContentWidth?: boolean;\n  /** Whether each tab should stretch equally */\n  isFullWidth?: boolean;\n  /** Disable framer-motion animations */\n  disableAnimation?: boolean;\n  /** Show loading skeleton */\n  isLoading?: boolean;\n  /** Disable all tab clicks */\n  isDisabled?: boolean;\n  /** Show tab options */\n  showTabOptions?: boolean;\n\n  // ── Access control ──\n  /** Names of tabs the user cannot access. A locked tab shows a lock icon,\n   *  is not clickable and reveals a permission tooltip on hover.\n   *  Tabs not listed here are accessible. */\n  lockedTabs?: readonly T[];\n  /** Tooltip message shown when hovering a locked tab.\n   *  @default \"You don’t have the necessary permissions to access this content.\" */\n  lockedTabTooltip?: string;\n\n  // ── Tab content ──\n  /** Icons to display inside tabs, keyed by tab name */\n  tabIcons?: Record<string, ReactNode>;\n  /** Suffix values (counts/badges) displayed next to tab names */\n  suffixRecord?: SuffixRecord<T>;\n  /** Count values for tabs */\n  counts?: Record<T, number>;\n  /** Show only icons, hide text labels */\n  iconsOnly?: boolean;\n  /** Tooltip text for individual tabs */\n  tooltipTitle?: Record<string, string>;\n  /** Title attribute for the tab container */\n  title?: string;\n\n  // ── Layout slots ──\n  /** Custom component rendered on the right side of the tab bar */\n  rightSection?: {\n    className?: string;\n    width: number;\n    component: ReactNode;\n  };\n\n  // ── Interactive features (Phase 2+3) ──\n  /** Enable drag-and-drop tab reordering */\n  draggable?: boolean;\n  /** Allow tabs to be pinned */\n  allowPin?: boolean;\n  /** Show all tabs without overflow truncation */\n  showAllItems?: boolean;\n  /** Show copy link option in tab context menu.\n   *  Automatically enabled when `linkConfig` is provided. */\n  copyLink?: boolean;\n  /** Callback when a tab is edited — when provided, shows an \"Edit\" option in the tab context menu */\n  onEdit?(name: T): void;\n  /** Callback when a tab is deleted */\n  onDelete?(name: T): void;\n  /** Called after the tab link is copied to the clipboard.\n   *  Receives the tab name and the full URL that was copied — useful for showing a toast or analytics. */\n  onCopyLink?(name: T, href: string): void;\n\n  // ── Provider-based persistence ──\n  /** Redux/API persistence key — when provided and a DesignSystemProvider exists,\n   *  tab state is automatically loaded and persisted via the provider's tab config */\n  tabKey?: string;\n  /** URL sync config — when provided and a DesignSystemProvider exists,\n   *  clicking a tab updates the URL search param via the provider's navigate */\n  linkConfig?: {\n    key: string;\n    defaultLink: string;\n    /** Called with the URLSearchParams after the tab key is set — mutate to remove/add extra params before navigation */\n    onResolve?(searchParams: URLSearchParams): void;\n  };\n\n  // ── Controlled state for external persistence ──\n  /** Tabs with hidden state pre-configured (e.g. from API) */\n  initialHiddenTabs?: readonly T[];\n  /** Full tab state injected from external source (e.g. Redux/API) */\n  initialTabs?: Tab<T>[];\n  /** Tab option config injected from external source */\n  tabConfig?: TabOptionConfig;\n  /** Callback fired when tab option config changes (for external persistence) */\n  onTabConfigChange?(config: TabOptionConfig): void;\n  /** Callback fired when tabs array changes (reorder, hide, pin — for external persistence) */\n  onTabsChange?(tabs: Tab<T>[]): void;\n  /** Container element for the drag overlay portal */\n  parentContainer?: HTMLElement | null;\n};\n\nexport type ChildrenProps = {\n  isSelected?: boolean;\n  selectedId?: string;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  children: ReactNode;\n  disableAnimation?: boolean;\n};\n\nexport type TabSwitchProps = {\n  title: string;\n  icon?: ReactNode;\n  suffixRecord?: SuffixRecord;\n  classValue?: string;\n  isSelected?: boolean;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  selectedId?: string;\n  iconsOnly?: boolean;\n  draggingTab?: boolean;\n  disableAnimation?: boolean;\n  tabOptions?: ReactNode;\n  color?: 'light' | 'dark';\n  showCounts?: boolean;\n  /** Whether this tab is locked. When `true` the tab renders a lock icon,\n   *  ignores clicks and shows `lockedTooltip` on hover.\n   *  @default false */\n  isLocked?: boolean;\n  /** Tooltip message shown when the tab is locked */\n  lockedTooltip?: string;\n  /** When provided, renders as `<a>` instead of `<button>` for native link behaviour\n   *  (right-click → open in new tab, middle-click, Ctrl/Cmd+click). */\n  href?: string;\n  onClick?(): void;\n  /** ARIA role override (defaults to 'tab' when used in a tablist) */\n  role?: string;\n  /** Whether this tab is selected (ARIA) */\n  ariaSelected?: boolean;\n  /** Tab index for roving tabindex pattern */\n  tabIndex?: number;\n  /** Keyboard handler for arrow key navigation */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n};\n\nexport const INITIAL_TAB_OPTION_CONFIG: TabOptionConfig = {\n  filterType: { label: 'Contains', value: 'contains' },\n  sortOrder: 'default',\n  showCounts: true,\n  lockOrder: false,\n};\n"],"names":["INITIAL_TAB_OPTION_CONFIG"],"mappings":"gFAiLO,MAAMA,EAA6C,CACxD,WAAY,CAAE,MAAO,WAAY,MAAO,UAAA,EACxC,UAAW,UACX,WAAY,GACZ,UAAW,EACb"}

package/dist/components/navigation/tabs/types.d.ts

@@ -53,7 +53,7 @@ export type TabsProps<T extends string> = {
      *  Tabs not listed here are accessible. */
     lockedTabs?: readonly T[];
     /** Tooltip message shown when hovering a locked tab.
-     *  @default "You don’t have permission to access this tab content." */
+     *  @default "You don’t have the necessary permissions to access this content." */
     lockedTabTooltip?: string;
     /** Icons to display inside tabs, keyed by tab name */
     tabIcons?: Record<string, ReactNode>;

package/dist/components/navigation/tabs/types.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.es.js","sources":["../../../../src/components/navigation/tabs/types.ts"],"sourcesContent":["import type{ ReactNode } from 'react';\n\nexport type TabVariant = 'default' | 'secondary' | 'switch';\n\nexport type TabSize = 'sm' | 'md' | '';\n\nexport type Tab<T extends string> = {\n  name: T;\n  is_default: boolean;\n  is_hidden: boolean;\n  is_pinned?: boolean;\n};\n\nexport type TabOptionConfig = {\n  filterType: { label: string; value: 'contains' | 'does-not-contain' };\n  sortOrder: 'default' | 'asc' | 'desc';\n  showCounts: boolean;\n  lockOrder: boolean;\n};\n\nexport type SuffixRecord<T extends string = string, V = string> = Record<T, V>;\n\nexport type TabsProps<T extends string> = {\n  /** List of tab identifiers */\n  tabs: readonly T[];\n  /** Currently active tab */\n  activeTab: T;\n  /** Callback when a tab is clicked */\n  onTabClick?(id: T): void;\n\n  // ── Appearance ──\n  /** Visual variant */\n  variant?: TabVariant;\n  /** Size of the tabs */\n  size?: TabSize;\n  /** Additional class name for the container */\n  className?: string;\n  /** Color scheme */\n  color?: 'light' | 'dark';\n  /** Height class for switch variant tabs */\n  height?: string;\n  /** Whether switch variant tabs should fill available width */\n  fullWidth?: boolean;\n  /** Whether to fit content width instead of full width */\n  fitContentWidth?: boolean;\n  /** Whether each tab should stretch equally */\n  isFullWidth?: boolean;\n  /** Disable framer-motion animations */\n  disableAnimation?: boolean;\n  /** Show loading skeleton */\n  isLoading?: boolean;\n  /** Disable all tab clicks */\n  isDisabled?: boolean;\n  /** Show tab options */\n  showTabOptions?: boolean;\n\n  // ── Access control ──\n  /** Names of tabs the user cannot access. A locked tab shows a lock icon,\n   *  is not clickable and reveals a permission tooltip on hover.\n   *  Tabs not listed here are accessible. */\n  lockedTabs?: readonly T[];\n  /** Tooltip message shown when hovering a locked tab.\n   *  @default \"You don’t have permission to access this tab content.\" */\n  lockedTabTooltip?: string;\n\n  // ── Tab content ──\n  /** Icons to display inside tabs, keyed by tab name */\n  tabIcons?: Record<string, ReactNode>;\n  /** Suffix values (counts/badges) displayed next to tab names */\n  suffixRecord?: SuffixRecord<T>;\n  /** Count values for tabs */\n  counts?: Record<T, number>;\n  /** Show only icons, hide text labels */\n  iconsOnly?: boolean;\n  /** Tooltip text for individual tabs */\n  tooltipTitle?: Record<string, string>;\n  /** Title attribute for the tab container */\n  title?: string;\n\n  // ── Layout slots ──\n  /** Custom component rendered on the right side of the tab bar */\n  rightSection?: {\n    className?: string;\n    width: number;\n    component: ReactNode;\n  };\n\n  // ── Interactive features (Phase 2+3) ──\n  /** Enable drag-and-drop tab reordering */\n  draggable?: boolean;\n  /** Allow tabs to be pinned */\n  allowPin?: boolean;\n  /** Show all tabs without overflow truncation */\n  showAllItems?: boolean;\n  /** Show copy link option in tab context menu.\n   *  Automatically enabled when `linkConfig` is provided. */\n  copyLink?: boolean;\n  /** Callback when a tab is edited — when provided, shows an \"Edit\" option in the tab context menu */\n  onEdit?(name: T): void;\n  /** Callback when a tab is deleted */\n  onDelete?(name: T): void;\n  /** Called after the tab link is copied to the clipboard.\n   *  Receives the tab name and the full URL that was copied — useful for showing a toast or analytics. */\n  onCopyLink?(name: T, href: string): void;\n\n  // ── Provider-based persistence ──\n  /** Redux/API persistence key — when provided and a DesignSystemProvider exists,\n   *  tab state is automatically loaded and persisted via the provider's tab config */\n  tabKey?: string;\n  /** URL sync config — when provided and a DesignSystemProvider exists,\n   *  clicking a tab updates the URL search param via the provider's navigate */\n  linkConfig?: {\n    key: string;\n    defaultLink: string;\n    /** Called with the URLSearchParams after the tab key is set — mutate to remove/add extra params before navigation */\n    onResolve?(searchParams: URLSearchParams): void;\n  };\n\n  // ── Controlled state for external persistence ──\n  /** Tabs with hidden state pre-configured (e.g. from API) */\n  initialHiddenTabs?: readonly T[];\n  /** Full tab state injected from external source (e.g. Redux/API) */\n  initialTabs?: Tab<T>[];\n  /** Tab option config injected from external source */\n  tabConfig?: TabOptionConfig;\n  /** Callback fired when tab option config changes (for external persistence) */\n  onTabConfigChange?(config: TabOptionConfig): void;\n  /** Callback fired when tabs array changes (reorder, hide, pin — for external persistence) */\n  onTabsChange?(tabs: Tab<T>[]): void;\n  /** Container element for the drag overlay portal */\n  parentContainer?: HTMLElement | null;\n};\n\nexport type ChildrenProps = {\n  isSelected?: boolean;\n  selectedId?: string;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  children: ReactNode;\n  disableAnimation?: boolean;\n};\n\nexport type TabSwitchProps = {\n  title: string;\n  icon?: ReactNode;\n  suffixRecord?: SuffixRecord;\n  classValue?: string;\n  isSelected?: boolean;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  selectedId?: string;\n  iconsOnly?: boolean;\n  draggingTab?: boolean;\n  disableAnimation?: boolean;\n  tabOptions?: ReactNode;\n  color?: 'light' | 'dark';\n  showCounts?: boolean;\n  /** Whether this tab is locked. When `true` the tab renders a lock icon,\n   *  ignores clicks and shows `lockedTooltip` on hover.\n   *  @default false */\n  isLocked?: boolean;\n  /** Tooltip message shown when the tab is locked */\n  lockedTooltip?: string;\n  /** When provided, renders as `<a>` instead of `<button>` for native link behaviour\n   *  (right-click → open in new tab, middle-click, Ctrl/Cmd+click). */\n  href?: string;\n  onClick?(): void;\n  /** ARIA role override (defaults to 'tab' when used in a tablist) */\n  role?: string;\n  /** Whether this tab is selected (ARIA) */\n  ariaSelected?: boolean;\n  /** Tab index for roving tabindex pattern */\n  tabIndex?: number;\n  /** Keyboard handler for arrow key navigation */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n};\n\nexport const INITIAL_TAB_OPTION_CONFIG: TabOptionConfig = {\n  filterType: { label: 'Contains', value: 'contains' },\n  sortOrder: 'default',\n  showCounts: true,\n  lockOrder: false,\n};\n"],"names":["INITIAL_TAB_OPTION_CONFIG"],"mappings":"AAiLO,MAAMA,IAA6C;AAAA,EACxD,YAAY,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EACxC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AACb;"}
+{"version":3,"file":"types.es.js","sources":["../../../../src/components/navigation/tabs/types.ts"],"sourcesContent":["import type{ ReactNode } from 'react';\n\nexport type TabVariant = 'default' | 'secondary' | 'switch';\n\nexport type TabSize = 'sm' | 'md' | '';\n\nexport type Tab<T extends string> = {\n  name: T;\n  is_default: boolean;\n  is_hidden: boolean;\n  is_pinned?: boolean;\n};\n\nexport type TabOptionConfig = {\n  filterType: { label: string; value: 'contains' | 'does-not-contain' };\n  sortOrder: 'default' | 'asc' | 'desc';\n  showCounts: boolean;\n  lockOrder: boolean;\n};\n\nexport type SuffixRecord<T extends string = string, V = string> = Record<T, V>;\n\nexport type TabsProps<T extends string> = {\n  /** List of tab identifiers */\n  tabs: readonly T[];\n  /** Currently active tab */\n  activeTab: T;\n  /** Callback when a tab is clicked */\n  onTabClick?(id: T): void;\n\n  // ── Appearance ──\n  /** Visual variant */\n  variant?: TabVariant;\n  /** Size of the tabs */\n  size?: TabSize;\n  /** Additional class name for the container */\n  className?: string;\n  /** Color scheme */\n  color?: 'light' | 'dark';\n  /** Height class for switch variant tabs */\n  height?: string;\n  /** Whether switch variant tabs should fill available width */\n  fullWidth?: boolean;\n  /** Whether to fit content width instead of full width */\n  fitContentWidth?: boolean;\n  /** Whether each tab should stretch equally */\n  isFullWidth?: boolean;\n  /** Disable framer-motion animations */\n  disableAnimation?: boolean;\n  /** Show loading skeleton */\n  isLoading?: boolean;\n  /** Disable all tab clicks */\n  isDisabled?: boolean;\n  /** Show tab options */\n  showTabOptions?: boolean;\n\n  // ── Access control ──\n  /** Names of tabs the user cannot access. A locked tab shows a lock icon,\n   *  is not clickable and reveals a permission tooltip on hover.\n   *  Tabs not listed here are accessible. */\n  lockedTabs?: readonly T[];\n  /** Tooltip message shown when hovering a locked tab.\n   *  @default \"You don’t have the necessary permissions to access this content.\" */\n  lockedTabTooltip?: string;\n\n  // ── Tab content ──\n  /** Icons to display inside tabs, keyed by tab name */\n  tabIcons?: Record<string, ReactNode>;\n  /** Suffix values (counts/badges) displayed next to tab names */\n  suffixRecord?: SuffixRecord<T>;\n  /** Count values for tabs */\n  counts?: Record<T, number>;\n  /** Show only icons, hide text labels */\n  iconsOnly?: boolean;\n  /** Tooltip text for individual tabs */\n  tooltipTitle?: Record<string, string>;\n  /** Title attribute for the tab container */\n  title?: string;\n\n  // ── Layout slots ──\n  /** Custom component rendered on the right side of the tab bar */\n  rightSection?: {\n    className?: string;\n    width: number;\n    component: ReactNode;\n  };\n\n  // ── Interactive features (Phase 2+3) ──\n  /** Enable drag-and-drop tab reordering */\n  draggable?: boolean;\n  /** Allow tabs to be pinned */\n  allowPin?: boolean;\n  /** Show all tabs without overflow truncation */\n  showAllItems?: boolean;\n  /** Show copy link option in tab context menu.\n   *  Automatically enabled when `linkConfig` is provided. */\n  copyLink?: boolean;\n  /** Callback when a tab is edited — when provided, shows an \"Edit\" option in the tab context menu */\n  onEdit?(name: T): void;\n  /** Callback when a tab is deleted */\n  onDelete?(name: T): void;\n  /** Called after the tab link is copied to the clipboard.\n   *  Receives the tab name and the full URL that was copied — useful for showing a toast or analytics. */\n  onCopyLink?(name: T, href: string): void;\n\n  // ── Provider-based persistence ──\n  /** Redux/API persistence key — when provided and a DesignSystemProvider exists,\n   *  tab state is automatically loaded and persisted via the provider's tab config */\n  tabKey?: string;\n  /** URL sync config — when provided and a DesignSystemProvider exists,\n   *  clicking a tab updates the URL search param via the provider's navigate */\n  linkConfig?: {\n    key: string;\n    defaultLink: string;\n    /** Called with the URLSearchParams after the tab key is set — mutate to remove/add extra params before navigation */\n    onResolve?(searchParams: URLSearchParams): void;\n  };\n\n  // ── Controlled state for external persistence ──\n  /** Tabs with hidden state pre-configured (e.g. from API) */\n  initialHiddenTabs?: readonly T[];\n  /** Full tab state injected from external source (e.g. Redux/API) */\n  initialTabs?: Tab<T>[];\n  /** Tab option config injected from external source */\n  tabConfig?: TabOptionConfig;\n  /** Callback fired when tab option config changes (for external persistence) */\n  onTabConfigChange?(config: TabOptionConfig): void;\n  /** Callback fired when tabs array changes (reorder, hide, pin — for external persistence) */\n  onTabsChange?(tabs: Tab<T>[]): void;\n  /** Container element for the drag overlay portal */\n  parentContainer?: HTMLElement | null;\n};\n\nexport type ChildrenProps = {\n  isSelected?: boolean;\n  selectedId?: string;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  children: ReactNode;\n  disableAnimation?: boolean;\n};\n\nexport type TabSwitchProps = {\n  title: string;\n  icon?: ReactNode;\n  suffixRecord?: SuffixRecord;\n  classValue?: string;\n  isSelected?: boolean;\n  selectedClassValue?: string;\n  textClassValue?: string;\n  selectedId?: string;\n  iconsOnly?: boolean;\n  draggingTab?: boolean;\n  disableAnimation?: boolean;\n  tabOptions?: ReactNode;\n  color?: 'light' | 'dark';\n  showCounts?: boolean;\n  /** Whether this tab is locked. When `true` the tab renders a lock icon,\n   *  ignores clicks and shows `lockedTooltip` on hover.\n   *  @default false */\n  isLocked?: boolean;\n  /** Tooltip message shown when the tab is locked */\n  lockedTooltip?: string;\n  /** When provided, renders as `<a>` instead of `<button>` for native link behaviour\n   *  (right-click → open in new tab, middle-click, Ctrl/Cmd+click). */\n  href?: string;\n  onClick?(): void;\n  /** ARIA role override (defaults to 'tab' when used in a tablist) */\n  role?: string;\n  /** Whether this tab is selected (ARIA) */\n  ariaSelected?: boolean;\n  /** Tab index for roving tabindex pattern */\n  tabIndex?: number;\n  /** Keyboard handler for arrow key navigation */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n};\n\nexport const INITIAL_TAB_OPTION_CONFIG: TabOptionConfig = {\n  filterType: { label: 'Contains', value: 'contains' },\n  sortOrder: 'default',\n  showCounts: true,\n  lockOrder: false,\n};\n"],"names":["INITIAL_TAB_OPTION_CONFIG"],"mappings":"AAiLO,MAAMA,IAA6C;AAAA,EACxD,YAAY,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EACxC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AACb;"}

package/dist/constants/colors.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={primary:{600:"#016DCF"}};exports.COLORS=e;
+//# sourceMappingURL=colors.cjs.js.map

package/dist/constants/colors.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.cjs.js","sources":["../../src/constants/colors.ts"],"sourcesContent":["/**\n * Color palette for tag components\n */\nexport const COLORS = {\n    primary: {\n        50: '#E6F1FC',\n        100: '#C6E1F9',\n        200: '#8AC0F2',\n        300: '#54A4EC',\n        400: '#3392E9',\n        500: '#0077E3',\n        600: '#016DCF',\n        700: '#0054A1',\n        800: '#00417D',\n        900: '#00325F',\n        950: '#001c35',\n        975: '#00111f',\n    },\n    black: {\n        50: '#f0f0f0',\n        100: '#d9d9d9',\n        200: '#bfbfbf',\n        300: '#8c8c8c',\n        400: '#595959',\n        500: '#454545',\n        600: '#262626',\n        700: '#1f1f1f',\n        800: '#141414',\n        900: '#000000',\n        950: '#0a0a0a',\n        975: '#050505',\n    },\n    blue: {\n        50: '#E6F1FC',\n        100: '#C6E1F9',\n        200: '#8AC0F2',\n        300: '#54A4EC',\n        400: '#3392E9',\n        500: '#0077E3',\n        600: '#016DCF',\n        700: '#0054A1',\n        800: '#00417D',\n        900: '#00325F',\n        950: '#002547',\n        975: '#001529',\n    },\n    success: {\n        50: '#ECFDF3',\n        100: '#D1FADF',\n        200: '#A6F4C5',\n        300: '#6CE9A6',\n        400: '#32D583',\n        500: '#12B76A',\n        600: '#039855',\n        700: '#027A48',\n        800: '#05603A',\n        900: '#054F31',\n        950: '#033625',\n        975: '#022419',\n    },\n    neutral: {\n        50: '#F9FAFB',\n        100: '#F2F4F7',\n        200: '#EAECF0',\n        300: '#D0D5DD',\n        400: '#98A2B3',\n        500: '#667085',\n        600: '#475467',\n        700: '#344054',\n        800: '#1D2939',\n        900: '#101828',\n        950: '#0c1219',\n        975: '#080a0f',\n    },\n    error: {\n        50: '#FEF3F2',\n        100: '#FEE4E2',\n        200: '#FECDCA',\n        300: '#FDA29B',\n        400: '#F97066',\n        500: '#F04438',\n        600: '#D92D20',\n        700: '#B42318',\n        800: '#912018',\n        900: '#7A271A',\n        950: '#3d1008',\n        975: '#2a0b05',\n    },\n    warning: {\n        50: '#FFFAEB',\n        100: '#FEF0C7',\n        200: '#FEDF89',\n        300: '#FEC84B',\n        400: '#FDB022',\n        500: '#F79009',\n        600: '#DC6803',\n        700: '#B54708',\n        800: '#93370D',\n        900: '#7A2E0E',\n        950: '#662505',\n        975: '#451803',\n    },\n    teal: {\n        50: '#ebf5f5',\n        100: '#c2e0df',\n        200: '#a4d1d0',\n        300: '#7abcba',\n        400: '#61afad',\n        500: '#399b98',\n        600: '#348d8a',\n        700: '#286e6c',\n        800: '#1f5554',\n        900: '#184140',\n        950: '#133534',\n        975: '#0c2222',\n    },\n    green: {\n        50: '#f2f7f2',\n        100: '#d5e5d5',\n        200: '#c1d9c1',\n        300: '#a5c7a5',\n        400: '#94bd93',\n        500: '#79ac78',\n        600: '#6e9d6d',\n        700: '#567a55',\n        800: '#435f42',\n        900: '#334832',\n        950: '#001e00',\n        975: '#182818',\n    },\n    yellow: {\n        50: '#fffaed',\n        100: '#fff0c7',\n        200: '#ffe8ac',\n        300: '#ffde86',\n        400: '#ffd76f',\n        500: '#ffcd4b',\n        600: '#e8bb44',\n        700: '#b59235',\n        800: '#8c7129',\n        900: '#6b5620',\n        950: '#524314',\n        975: '#382e0e',\n    },\n    orange: {\n        50: '#fef4e8',\n        100: '#fddeb7',\n        200: '#fcce94',\n        300: '#fbb764',\n        400: '#faa945',\n        500: '#f99417',\n        600: '#e38715',\n        700: '#b16910',\n        800: '#89510d',\n        900: '#693e0a',\n        950: '#4d2d07',\n        975: '#331e05',\n    },\n    peach: {\n        50: '#fceef3',\n        100: '#f5cad9',\n        200: '#f0b0c6',\n        300: '#ea8cad',\n        400: '#e5759d',\n        500: '#df5384',\n        600: '#cb4c78',\n        700: '#9e3b5e',\n        800: '#7b2e49',\n        900: '#5e2337',\n        950: '#451a2b',\n        975: '#2e111d',\n    },\n    red: {\n        50: '#fceaeb',\n        100: '#f6bec0',\n        200: '#f29ea2',\n        300: '#ec7278',\n        400: '#e9575d',\n        500: '#e32d35',\n        600: '#cf2930',\n        700: '#a12026',\n        800: '#7d191d',\n        900: '#5f1316',\n        950: '#470c0f',\n        975: '#2f080a',\n    },\n    purple: {\n        50: '#f5e7ff',\n        100: '#dfb4ff',\n        200: '#d090ff',\n        300: '#bb5dff',\n        400: '#ad3dff',\n        500: '#990dff',\n        600: '#8b0ce8',\n        700: '#6d09b5',\n        800: '#54078c',\n        900: '#40056b',\n        950: '#300450',\n        975: '#200336',\n    },\n    navy: {\n        50: '#eaebf6',\n        100: '#bebfe2',\n        200: '#9ea1d3',\n        300: '#7276bf',\n        400: '#575bb3',\n        500: '#2d32a0',\n        600: '#292e92',\n        700: '#202472',\n        800: '#191c58',\n        900: '#131543',\n        950: '#0d0e2f',\n        975: '#090a20',\n    },\n    grey: {\n        50: '#f2f2f2',\n        100: '#d5d5d5',\n        200: '#c1c1c1',\n        300: '#a5a5a5',\n        400: '#939393',\n        500: '#787878',\n        600: '#6d6d6d',\n        700: '#555555',\n        800: '#424242',\n        900: '#323232',\n        950: '#252525',\n        975: '#191919',\n    },\n} as const;\n\n/**\n * Available color names for tag components\n */\nexport const SELECT_COLORS = [\n    { title: 'Blue', color: 'blue' },\n    { title: 'Green', color: 'green' },\n    { title: 'Teal', color: 'teal' },\n    { title: 'Red', color: 'red' },\n    { title: 'Yellow', color: 'yellow' },\n    { title: 'Orange', color: 'orange' },\n    { title: 'Peach', color: 'peach' },\n    { title: 'Grey', color: 'grey' },\n    { title: 'Purple', color: 'purple' },\n    { title: 'Navy', color: 'navy' },\n] as const;\n"],"names":["COLORS"],"mappings":"gFAGO,MAAMA,EAAS,CAClB,QAAS,CAOL,IAAK,SAMT,CAmNJ"}

package/dist/constants/colors.es.js

@@ -0,0 +1,9 @@
+const r = {
+  primary: {
+    600: "#016DCF"
+  }
+};
+export {
+  r as COLORS
+};
+//# sourceMappingURL=colors.es.js.map

package/dist/constants/colors.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.es.js","sources":["../../src/constants/colors.ts"],"sourcesContent":["/**\n * Color palette for tag components\n */\nexport const COLORS = {\n    primary: {\n        50: '#E6F1FC',\n        100: '#C6E1F9',\n        200: '#8AC0F2',\n        300: '#54A4EC',\n        400: '#3392E9',\n        500: '#0077E3',\n        600: '#016DCF',\n        700: '#0054A1',\n        800: '#00417D',\n        900: '#00325F',\n        950: '#001c35',\n        975: '#00111f',\n    },\n    black: {\n        50: '#f0f0f0',\n        100: '#d9d9d9',\n        200: '#bfbfbf',\n        300: '#8c8c8c',\n        400: '#595959',\n        500: '#454545',\n        600: '#262626',\n        700: '#1f1f1f',\n        800: '#141414',\n        900: '#000000',\n        950: '#0a0a0a',\n        975: '#050505',\n    },\n    blue: {\n        50: '#E6F1FC',\n        100: '#C6E1F9',\n        200: '#8AC0F2',\n        300: '#54A4EC',\n        400: '#3392E9',\n        500: '#0077E3',\n        600: '#016DCF',\n        700: '#0054A1',\n        800: '#00417D',\n        900: '#00325F',\n        950: '#002547',\n        975: '#001529',\n    },\n    success: {\n        50: '#ECFDF3',\n        100: '#D1FADF',\n        200: '#A6F4C5',\n        300: '#6CE9A6',\n        400: '#32D583',\n        500: '#12B76A',\n        600: '#039855',\n        700: '#027A48',\n        800: '#05603A',\n        900: '#054F31',\n        950: '#033625',\n        975: '#022419',\n    },\n    neutral: {\n        50: '#F9FAFB',\n        100: '#F2F4F7',\n        200: '#EAECF0',\n        300: '#D0D5DD',\n        400: '#98A2B3',\n        500: '#667085',\n        600: '#475467',\n        700: '#344054',\n        800: '#1D2939',\n        900: '#101828',\n        950: '#0c1219',\n        975: '#080a0f',\n    },\n    error: {\n        50: '#FEF3F2',\n        100: '#FEE4E2',\n        200: '#FECDCA',\n        300: '#FDA29B',\n        400: '#F97066',\n        500: '#F04438',\n        600: '#D92D20',\n        700: '#B42318',\n        800: '#912018',\n        900: '#7A271A',\n        950: '#3d1008',\n        975: '#2a0b05',\n    },\n    warning: {\n        50: '#FFFAEB',\n        100: '#FEF0C7',\n        200: '#FEDF89',\n        300: '#FEC84B',\n        400: '#FDB022',\n        500: '#F79009',\n        600: '#DC6803',\n        700: '#B54708',\n        800: '#93370D',\n        900: '#7A2E0E',\n        950: '#662505',\n        975: '#451803',\n    },\n    teal: {\n        50: '#ebf5f5',\n        100: '#c2e0df',\n        200: '#a4d1d0',\n        300: '#7abcba',\n        400: '#61afad',\n        500: '#399b98',\n        600: '#348d8a',\n        700: '#286e6c',\n        800: '#1f5554',\n        900: '#184140',\n        950: '#133534',\n        975: '#0c2222',\n    },\n    green: {\n        50: '#f2f7f2',\n        100: '#d5e5d5',\n        200: '#c1d9c1',\n        300: '#a5c7a5',\n        400: '#94bd93',\n        500: '#79ac78',\n        600: '#6e9d6d',\n        700: '#567a55',\n        800: '#435f42',\n        900: '#334832',\n        950: '#001e00',\n        975: '#182818',\n    },\n    yellow: {\n        50: '#fffaed',\n        100: '#fff0c7',\n        200: '#ffe8ac',\n        300: '#ffde86',\n        400: '#ffd76f',\n        500: '#ffcd4b',\n        600: '#e8bb44',\n        700: '#b59235',\n        800: '#8c7129',\n        900: '#6b5620',\n        950: '#524314',\n        975: '#382e0e',\n    },\n    orange: {\n        50: '#fef4e8',\n        100: '#fddeb7',\n        200: '#fcce94',\n        300: '#fbb764',\n        400: '#faa945',\n        500: '#f99417',\n        600: '#e38715',\n        700: '#b16910',\n        800: '#89510d',\n        900: '#693e0a',\n        950: '#4d2d07',\n        975: '#331e05',\n    },\n    peach: {\n        50: '#fceef3',\n        100: '#f5cad9',\n        200: '#f0b0c6',\n        300: '#ea8cad',\n        400: '#e5759d',\n        500: '#df5384',\n        600: '#cb4c78',\n        700: '#9e3b5e',\n        800: '#7b2e49',\n        900: '#5e2337',\n        950: '#451a2b',\n        975: '#2e111d',\n    },\n    red: {\n        50: '#fceaeb',\n        100: '#f6bec0',\n        200: '#f29ea2',\n        300: '#ec7278',\n        400: '#e9575d',\n        500: '#e32d35',\n        600: '#cf2930',\n        700: '#a12026',\n        800: '#7d191d',\n        900: '#5f1316',\n        950: '#470c0f',\n        975: '#2f080a',\n    },\n    purple: {\n        50: '#f5e7ff',\n        100: '#dfb4ff',\n        200: '#d090ff',\n        300: '#bb5dff',\n        400: '#ad3dff',\n        500: '#990dff',\n        600: '#8b0ce8',\n        700: '#6d09b5',\n        800: '#54078c',\n        900: '#40056b',\n        950: '#300450',\n        975: '#200336',\n    },\n    navy: {\n        50: '#eaebf6',\n        100: '#bebfe2',\n        200: '#9ea1d3',\n        300: '#7276bf',\n        400: '#575bb3',\n        500: '#2d32a0',\n        600: '#292e92',\n        700: '#202472',\n        800: '#191c58',\n        900: '#131543',\n        950: '#0d0e2f',\n        975: '#090a20',\n    },\n    grey: {\n        50: '#f2f2f2',\n        100: '#d5d5d5',\n        200: '#c1c1c1',\n        300: '#a5a5a5',\n        400: '#939393',\n        500: '#787878',\n        600: '#6d6d6d',\n        700: '#555555',\n        800: '#424242',\n        900: '#323232',\n        950: '#252525',\n        975: '#191919',\n    },\n} as const;\n\n/**\n * Available color names for tag components\n */\nexport const SELECT_COLORS = [\n    { title: 'Blue', color: 'blue' },\n    { title: 'Green', color: 'green' },\n    { title: 'Teal', color: 'teal' },\n    { title: 'Red', color: 'red' },\n    { title: 'Yellow', color: 'yellow' },\n    { title: 'Orange', color: 'orange' },\n    { title: 'Peach', color: 'peach' },\n    { title: 'Grey', color: 'grey' },\n    { title: 'Purple', color: 'purple' },\n    { title: 'Navy', color: 'navy' },\n] as const;\n"],"names":["COLORS"],"mappings":"AAGO,MAAMA,IAAS;AAAA,EAClB,SAAS;AAAA,IAOL,KAAK;AAAA,EAMT;AAmNJ;"}

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                */const E=require("./components/forms/input-field/InputField.cjs.js"),d=require("./components/forms/base-input-field/BaseInputField.cjs.js"),P=require("./components/data-display/typography/Typography.cjs.js"),A=require("./components/forms/text-field/TextField.cjs.js"),M=require("./components/forms/text-area-field/TextAreaField.cjs.js"),b=require("./components/forms/master-data-input/MasterDataInputField.cjs.js"),O=require("./components/forms/select-field/SelectField.cjs.js"),R=require("./components/forms/checkbox/Checkbox.cjs.js"),B=require("./components/forms/checkbox/CheckboxComponent.cjs.js"),k=require("./components/forms/color-picker/ColorPicker.cjs.js"),f=require("./components/forms/creatable-select/CreatableSelect.cjs.js"),N=require("./components/forms/customizable-select-field/CustomizableSelectField.cjs.js"),x=require("./components/forms/currency-input/CurrencyInputField.cjs.js"),p=require("./components/forms/currency-input/currency.constant.cjs.js"),v=require("./components/forms/date-range/DateRange2.cjs.js"),U=require("./components/forms/date-range/DateRange.cjs.js"),a=require("./components/forms/date-time-field/DateTimeField.cjs.js"),G=require("./components/forms/debounce-input/DebounceInputField.cjs.js"),w=require("./components/forms/dynamic-data-input/DynamicDataInputField.cjs.js"),_=require("./components/forms/dynamic-data-input/DynamicDataInput.cjs.js"),V=require("./components/forms/link-input/LinkInputField.cjs.js"),J=require("./components/forms/percentage-input/PercentageInputField.cjs.js"),W=require("./components/forms/form/Form.cjs.js"),K=require("./components/forms/toggle/Toggle.cjs.js"),H=require("./constants/toggle.cjs.js"),Y=require("./components/forms/md-input/MdInput.cjs.js"),z=require("./components/forms/multi-file-upload/MultiFileUpload.cjs.js"),C=require("./components/forms/icon-picker/IconPicker.cjs.js"),$=require("./components/data-display/status-color-mapping/StatusColorMapping.cjs.js"),j=require("./components/data-display/badge/Badge.cjs.js"),Z=require("./components/data-display/card/Card.cjs.js"),Q=require("./components/data-display/modal/Modal.cjs.js"),X=require("./components/data-display/floating-element-wrapper/floating-element-dragger.cjs.js"),ee=require("./components/data-display/tag/Tag.cjs.js"),re=require("./components/data-display/responsive-tags/ResponsiveTags.cjs.js"),te=require("./components/data-display/label-value/LabelValue.cjs.js"),oe=require("./components/data-display/banner/Banner.cjs.js"),ne=require("./components/data-display/resizable-sidebar/ResizableSidebar.cjs.js"),ie=require("./components/data-display/pdf-viewer/PdfViewer.cjs.js"),ae=require("./components/data-display/popper/Popper.cjs.js"),se=require("./components/tooltip/Tooltip.cjs.js"),q=require("./components/feedback/toast/Toast.cjs.js"),ue=require("./components/feedback/confirmation-modal/ConfirmationModal.cjs.js"),ce=require("./components/data-display/code-editor/CodeEditor.cjs.js"),le=require("./components/data-display/code-editor/Tabs.cjs.js"),de=require("./services/monacoManager.cjs.js"),pe=require("./hooks/useMonaco.cjs.js"),Ce=require("./hooks/usePythonSyntax.cjs.js"),qe=require("./hooks/useTheme.cjs.js"),s=require("./utils/utilities.cjs.js"),me=require("./utils/messageConstants.cjs.js"),t=require("./utils/formatters.cjs.js"),o=require("./utils/countryFlags.cjs.js"),ge=require("./components/icons/AIGeneratorIcon.cjs.js"),Ie=require("./components/icons/CountIcon.cjs.js"),De=require("./components/icons/LaxIcon.cjs.js"),Se=require("./components/icons/ComingSoonIcon.cjs.js"),Te=require("./components/icons/CheckSmallIcon.cjs.js"),ye=require("./components/icons/EditIcon.cjs.js"),Le=require("./components/icons/CheckCircle.cjs.js"),Fe=require("./components/icons/InfoAlert.cjs.js"),he=require("./components/icons/ArchivedIcon.cjs.js"),Ee=require("./components/icons/InfoCircleIcon.cjs.js"),Pe=require("./components/data-display/access-denied-modal/AccessDeniedModal.cjs.js"),Ae=require("./components/data-display/in-progress/InProgress.cjs.js"),Me=require("./components/data-display/unsaved-changes-modal/UnsavedChangesModal.cjs.js"),be=require("./components/data-display/error-modal/ErrorModal.cjs.js"),Oe=require("./components/data-display/dynamic-data-modal/DynamicDataModal.cjs.js"),Re=require("./components/data-display/delete-modal/DeleteModal.cjs.js"),m=require("./types/icon-picker.cjs.js"),g=require("./components/data-display/diff-viewer/DiffViewer.cjs.js"),Be=require("./components/button/Button.cjs.js"),ke=require("./components/button/CardButton.cjs.js"),fe=require("./components/buttons/option-button/OptionButton.cjs.js"),Ne=require("./components/button/IconButton.cjs.js"),xe=require("./components/button/Radio.cjs.js"),ve=require("./components/button/ButtonThreeDots.cjs.js"),Ue=require("./components/button/ButtonGroup.cjs.js"),Ge=require("./components/floating-bar/FloatingBar.cjs.js"),we=require("./components/forms/search-bar/SearchBar.cjs.js"),_e=require("./hooks/useOutsideClick.cjs.js"),Ve=require("./hooks/useModalContainer.cjs.js"),Je=require("./hooks/useScrollToTop.cjs.js"),We=require("./hooks/useEventListener.cjs.js"),Ke=require("./hooks/useIsomorphicLayoutEffect.cjs.js"),He=require("./hooks/useKeepSearchBox.cjs.js"),Ye=require("./hooks/useResizeObserver.cjs.js"),I=require("./hooks/useResponsiveWidth.cjs.js"),e=require("./hooks/useOS.cjs.js"),ze=require("./components/data-display/divider/Divider.cjs.js"),$e=require("./components/data-display/skeleton/Skeleton.cjs.js"),je=require("./components/data-display/skeleton/SkeletonGrid.cjs.js"),Ze=require("./components/data-display/skeleton/enums.cjs.js"),Qe=require("./components/data-display/skeleton/constants.cjs.js"),i=require("./components/data-display/skeleton/utils.cjs.js"),Xe=require("./components/data-display/text/Text.cjs.js"),er=require("./components/data-display/text-with-strike/TextWithStrike.cjs.js"),rr=require("./components/data-display/dynamic-items-cell/DynamicItemsCell.cjs.js"),tr=require("./components/forms/number-input-field/NumberInputField.cjs.js"),D=require("./constants/layout.cjs.js"),or=require("./components/forms/file-upload-dragger/FileUpload.cjs.js"),nr=require("./components/data-display/lottie-animation/LottieAnimation.cjs.js"),ir=require("./components/data-display/datatype-icon/DataTypeIcon.cjs.js"),ar=require("./components/data-display/context-menu/ContextMenu.cjs.js"),sr=require("./components/data-display/permission-wrapper/PermissionWrapper.cjs.js"),ur=require("./components/data-display/comparison/components/NoAvailableContent.cjs.js"),cr=require("./components/forms/md-input/RichMarkdownInput.cjs.js"),lr=require("./components/forms/md-input/MarkdownPreview.cjs.js"),S=require("./components/forms/md-input/listEditing.cjs.js"),dr=require("./components/forms/md-input/remarkSplitRestartedLists.cjs.js"),pr=require("./components/sliders/ImageSlider.cjs.js"),Cr=require("./hooks/useTabState.cjs.js"),qr=require("./hooks/useTextWidth.cjs.js"),mr=require("./components/icon/iconMap.generated.cjs.js"),gr=require("./components/data-display/infinite-table/index.cjs.js"),Ir=require("./components/data-display/infinite-table/context.cjs.js"),Dr=require("./hooks/useCheckbox.cjs.js"),Sr=require("./components/data-display/infinite-table/body/cell/UserCell.cjs.js"),Tr=require("./components/dropdown/Dropdown.cjs.js"),yr=require("./components/data-display/skeleton/loaders/PilotDetailsSkeleton.cjs.js"),Lr=require("./components/data-display/skeleton/loaders/TutorialsSkeleton.cjs.js"),Fr=require("./components/navigation/stepper/Stepper.cjs.js"),hr=require("./components/data-display/comparison/Comparison.cjs.js"),T=require("./components/data-display/json-grid-viewer/JsonGridViewer.cjs.js"),Er=require("./components/forms/expanding-search-bar/ExpandingSearchBar.cjs.js"),Pr=require("./components/layout/PageContainer.cjs.js"),Ar=require("./components/layout/Helmet.cjs.js"),Mr=require("./components/layout/ComponentLoader.cjs.js"),br=require("./components/layout/LogoLoader.cjs.js"),Or=require("./components/layout/CustomScrollbar.cjs.js"),Rr=require("./components/layout/ZoomContainer.cjs.js"),Br=require("./components/navigation/breadcrumbs/BreadCrumb.cjs.js"),kr=require("./components/navigation/breadcrumbs/BreadCrumbItem.cjs.js"),fr=require("./components/data-display/skeleton/loaders/ProfileSettingsLoader.cjs.js"),Nr=require("./components/data-display/skeleton/loaders/AgreementHeaderLoader.cjs.js"),xr=require("./components/data-display/skeleton/loaders/ClauseDetailsLoader.cjs.js"),vr=require("./components/data-display/skeleton/loaders/SingleLineLoader.cjs.js"),Ur=require("./components/data-display/skeleton/loaders/FlowNodesLoader.cjs.js"),Gr=require("./components/data-display/skeleton/loaders/TaskCardLoader.cjs.js"),wr=require("./components/data-display/skeleton/loaders/AppItemLoader.cjs.js"),_r=require("./components/data-display/skeleton/loaders/NotificationListLoader.cjs.js"),Vr=require("./components/data-display/skeleton/loaders/EventDetailsLoader.cjs.js"),Jr=require("./components/data-display/skeleton/loaders/ExecutionNoteLoader.cjs.js"),Wr=require("./components/data-display/skeleton/loaders/LogItemSkeleton.cjs.js"),Kr=require("./components/data-display/skeleton/loaders/DoubleLineLoader.cjs.js"),Hr=require("./components/data-display/skeleton/loaders/InstalledAppItemLoader.cjs.js"),Yr=require("./components/data-display/skeleton/loaders/app-store/RecentlyAddedAppsSkeleton.cjs.js"),zr=require("./components/data-display/skeleton/loaders/app-store/SingleAppCardSkeleton.cjs.js"),$r=require("./components/data-display/skeleton/loaders/CalendarExportItemLoader.cjs.js"),jr=require("./components/navigation/accordion/Accordion.cjs.js"),Zr=require("./components/modal/drawer/Drawer.cjs.js"),Qr=require("./components/modal/confirm-popup/ConfirmPopUp.cjs.js"),Xr=require("./components/cards/card-header-view/CardHeaderView.cjs.js"),et=require("./components/cards/card-main/CardMain.cjs.js"),rt=require("./components/cards/tab-content/TabContent.cjs.js"),tt=require("./components/drag-and-drop/draggable-container/DraggableContainer.cjs.js"),ot=require("./components/drag-and-drop/drag-overlay/DragOverlay.cjs.js"),nt=require("./components/sidebar/Sidebar.cjs.js"),it=require("./components/user-avatar/UserAvatar.cjs.js"),at=require("./components/user-avatar/UserAvatarPopper.cjs.js"),st=require("./components/user-avatar/StatusInfoRow.cjs.js"),ut=require("./components/user-avatar/PersonIcon.cjs.js"),y=require("./components/user-avatar/constants.cjs.js"),ct=require("./components/user-avatar/useDynamicPosition.cjs.js"),lt=require("./components/user-avatar/NameInitialLogo.cjs.js"),dt=require("./components/user-avatar/UserProfilePic.cjs.js"),pt=require("./components/data-display/empty-state/NoDataFound.cjs.js"),Ct=require("./components/data-display/empty-state/PageNotFound.cjs.js"),qt=require("./components/data-display/empty-state/UserNotFound.cjs.js"),mt=require("./components/data-display/empty-state/EmptyEvent.cjs.js"),gt=require("./components/data-display/empty-state/NoDataFoundWidgets.cjs.js"),It=require("./components/data-display/empty-state/empty-widget/EmptyBarChartData.cjs.js"),Dt=require("./components/data-display/empty-state/empty-widget/EmptyCardChartData.cjs.js"),St=require("./components/data-display/empty-state/empty-widget/EmptyContentChart.cjs.js"),Tt=require("./components/data-display/empty-state/empty-widget/EmptyCountWidgetData.cjs.js"),yt=require("./components/data-display/empty-state/empty-widget/EmptyDonutChartData.cjs.js"),Lt=require("./components/data-display/empty-state/empty-widget/EmptyPieChatData.cjs.js"),Ft=require("./components/data-display/empty-state/empty-widget/EmptyTableWidgetData.cjs.js"),ht=require("./components/data-display/empty-state/empty-widget/EmptyTimelineChartData.cjs.js"),L=require("./components/data-display/json-grid-viewer/JsonGridViewerContext.cjs.js"),Et=require("./components/data-display/json-grid-viewer/JsonGridCore.cjs.js"),Pt=require("./components/data-display/json-grid-viewer/NestedJsonGrid.cjs.js"),At=require("./components/data-display/json-grid-viewer/JsonValueDisplay.cjs.js"),Mt=require("./components/data-display/json-grid-viewer/JsonGridBulkFloatingBar.cjs.js"),bt=require("./components/data-display/json-grid-viewer/AddKeyModal.cjs.js"),Ot=require("./components/data-display/json-grid-viewer/hooks.cjs.js"),u=require("./components/data-display/json-grid-viewer/types.cjs.js"),c=require("./components/data-display/json-grid-viewer/utils.cjs.js"),Rt=require("./components/forms/field-options/FieldOptions.cjs.js"),Bt=require("./components/data-display/progress-bar/LinearProgressBar.cjs.js"),kt=require("./components/data-display/progress-bar/CircularProgressBar.cjs.js"),F=require("./components/data-display/comparison/ComparisonContext.cjs.js"),h=require("./components/data-display/comparison/constants.cjs.js"),n=require("./components/data-display/comparison/utils.cjs.js"),ft=require("./components/data-display/comparison/icons/ExitIcon.cjs.js"),Nt=require("./components/data-display/comparison/icons/LayoutOneIcon.cjs.js"),xt=require("./components/data-display/comparison/icons/LayoutTwoIcon.cjs.js"),vt=require("./components/data-display/comparison/icons/LayoutThreeIcon.cjs.js"),Ut=require("./components/forms/formula-input/FormulaInput.cjs.js"),r=require("./components/forms/formula-input/utils.cjs.js"),Gt=require("./components/shortcut-kbd/ShortcutKbd.cjs.js"),wt=require("./components/navigation/tabs/Tabs.cjs.js"),_t=require("./components/navigation/tabs/types.cjs.js"),Vt=require("./providers/design-system-provider/DesignSystemProvider.cjs.js"),l=require("./providers/design-system-provider/hooks.cjs.js");exports.InputField=E.InputField;exports.BaseInputField=d.BaseInputField;exports.BaseInputFieldDefault=d.BaseInputField;exports.Typography=P.Typography;exports.TextField=A.TextField;exports.TextAreaField=M.TextAreaField;exports.MasterDataInputField=b.MasterDataInputField;exports.SelectField=O.SelectField;exports.Checkbox=R.Checkbox;exports.CheckboxComponent=B.CheckboxComponent;exports.ColorPicker=k.ColorPicker;exports.CreatableSelectField=f.CreatableSelectField;exports.CustomizableSelectField=N.CustomizableSelectField;exports.CurrencyInputField=x.CurrencyInputField;exports.CURRENCIES=p.CURRENCIES;exports.CURRENCY_SYMBOLS=p.CURRENCY_SYMBOLS;exports.DateRange2=v.DateRange2;exports.DateRange=U.DateRange;exports.DateTimeField=a.DateTimeField;exports.UNIVERSAL_DATETIME_FORMAT=a.UNIVERSAL_DATETIME_FORMAT;exports.UNIVERSAL_DATE_FORMAT=a.UNIVERSAL_DATE_FORMAT;exports.DebounceInputField=G.DebounceInputField;exports.DynamicDataInputField=w.DynamicDataInputField;exports.DynamicDataInput=_.DynamicDataInput;exports.LinkInputField=V.LinkInputField;exports.PercentageInputField=J.PercentageInputField;exports.Form=W.Form;exports.Toggle=K.Toggle;exports.TOGGLE_LABEL_DIRECTION=H.TOGGLE_LABEL_DIRECTION;exports.MdInput=Y.MdInput;exports.MultiFileUpload=z.MultiFileUpload;exports.IconPicker=C.IconPicker;exports.IconRenderer=C.IconRenderer;exports.StatusColorMapping=$.StatusColorMapping;exports.Badge=j.Badge;exports.Card=Z.Card;exports.Modal=Q.Modal;exports.FloatingElementWrapper=X.FloatingElementWrapper;exports.Tag=ee.Tag;exports.ResponsiveTags=re;exports.LabelValue=te.LabelValue;exports.Banner=oe.Banner;exports.ResizableSidebar=ne.ResizableSidebar;exports.PdfViewer=ie.PdfViewer;exports.Popper=ae.Popper;exports.Tooltip=se;exports.Toast=q.Toast;exports.toast=q.toast;exports.ConfirmationModal=ue.ConfirmationModal;exports.CodeEditor=ce.CodeEditor;exports.CodeEditorTabs=le.Tabs;exports.monacoManager=de.monacoManager;exports.useMonaco=pe.useMonaco;exports.usePythonSyntax=Ce.usePythonSyntax;exports.useTheme=qe.useTheme;exports.filterTopLevelPaths=s.filterTopLevelPaths;exports.parseJson=s.parseJson;exports.randomHexString=s.randomHexString;exports.systemMessages=me.systemMessages;exports.formatBooleanValue=t.formatBooleanValue;exports.formatCount=t.formatCount;exports.formatCurrency=t.formatCurrency;exports.formatDate=t.formatDate;exports.isISODateString=t.isISODateString;exports.getFlagComponent=o.getFlagComponent;exports.getFlagComponentRectangle=o.getFlagComponentRectangle;exports.getFlagComponentRectangleMd=o.getFlagComponentRectangleMd;exports.getFlagComponentRectangleSm=o.getFlagComponentRectangleSm;exports.getFlagComponentSm=o.getFlagComponentSm;exports.AIGeneratorIcon=ge.AIGeneratorIcon;exports.CountIcon=Ie.CountIcon;exports.LaxIcon=De.LaxIcon;exports.ComingSoonIcon=Se.ComingSoonIcon;exports.CheckSmallIcon=Te.CheckSmallIcon;exports.EditIcon=ye.EditIcon;exports.CheckCircle=Le.CheckCircle;exports.InfoAlert=Fe.InfoAlert;exports.ArchivedIcon=he.ArchivedIcon;exports.InfoCircleIcon=Ee.InfoCircleIcon;exports.AccessDeniedModal=Pe.AccessDeniedModal;exports.InProgress=Ae.InProgress;exports.UnsavedChangesModal=Me.UnsavedChangesModal;exports.ErrorModal=be.ErrorModal;exports.DynamicDataModal=Oe.DynamicDataModal;exports.DeleteModal=Re.DeleteModal;exports.COUNTRY_CODES=m.COUNTRY_CODES;exports.countryNameFromCode=m.countryNameFromCode;exports.DiffViewer=g.DiffViewer;exports.InlineDiffHighlighter=g.InlineDiffHighlighter;exports.Button=Be;exports.CardButton=ke.CardButton;exports.OptionButton=fe.OptionButton;exports.IconButton=Ne;exports.Radio=xe;exports.ButtonThreeDots=ve.ButtonThreeDots;exports.ButtonGroup=Ue.ButtonGroup;exports.FloatingBar=Ge.FloatingBar;exports.SearchBar=we.SearchBar;exports.useOutsideClick=_e.useOutsideClick;exports.useModalContainer=Ve.useModalContainer;exports.useScrollToTop=Je.useScrollToTop;exports.useEventListener=We.useEventListener;exports.useIsomorphicLayoutEffect=Ke.useIsomorphicLayoutEffect;exports.useKeepSearchBox=He.useKeepSearchBox;exports.useResizeObserver=Ye.useResizeObserver;exports.computeResponsiveWidth=I.computeResponsiveWidth;exports.useResponsiveWidth=I.useResponsiveWidth;exports.SHORTCUT_KEY_MAP=e.SHORTCUT_KEY_MAP;exports.detectOS=e.detectOS;exports.isMacOS=e.isMacOS;exports.mapShortcutKey=e.mapShortcutKey;exports.mapShortcutKeys=e.mapShortcutKeys;exports.useOS=e.useOS;exports.useShortcutKeys=e.useShortcutKeys;exports.Divider=ze.Divider;exports.Skeleton=$e.Skeleton;exports.SkeletonGrid=je;exports.SKELETON_DIRECTION=Ze.DIRECTION;exports.SKELETON_CONSTANTS=Qe;exports.skeletonGenerateGridArea=i.generateGridArea;exports.skeletonGenerateMargin=i.generateMargin;exports.skeletonItemsWithRepeat=i.itemsWithRepeat;exports.skeletonSetOpacity=i.setOpacity;exports.Text=Xe;exports.TextWithStrike=er;exports.DynamicItemsCell=rr.DynamicItemsCell;exports.NumberInputField=tr.NumberInputField;exports.MODES=D.MODES;exports.OPEN_DURATION_MS=D.OPEN_DURATION_MS;exports.FileUpload=or.FileUpload;exports.LottieAnimation=nr.LottieAnimation;exports.DataTypeIcon=ir.DataTypeIcon;exports.ContextMenu=ar.ContextMenu;exports.PermissionWrapper=sr.PermissionWrapper;exports.ComparisonNoAvailableContent=ur.NoAvailableContent;exports.RichMarkdownInput=cr.RichMarkdownInput;exports.MarkdownPreview=lr.MarkdownPreview;exports.continueList=S.continueList;exports.toggleList=S.toggleList;exports.remarkSplitRestartedLists=dr.remarkSplitRestartedLists;exports.ImageSlider=pr.ImageSlider;exports.useTabState=Cr.useTabState;exports.useTextWidth=qr.useTextWidth;exports.iconNames=mr.iconNames;exports.InfiniteTable=gr.InfiniteTable;exports.TableContext=Ir.TableContext;exports.useCheckbox=Dr.useCheckbox;exports.UserCell=Sr;exports.Dropdown=Tr.Dropdown;exports.PilotDetailsSkeleton=yr;exports.TutorialsSkeleton=Lr;exports.Stepper=Fr;exports.Comparison=hr;exports.JsonGrid=T.JsonGridViewer;exports.JsonGridViewer=T.JsonGridViewer;exports.ExpandingSearchBar=Er.ExpandingSearchBar;exports.PageContainer=Pr.PageContainer;exports.Helmet=Ar.Helmet;exports.ComponentLoader=Mr.ComponentLoader;exports.LogoLoader=br.LogoLoader;exports.CustomScrollbar=Or.CustomScrollbar;exports.ZoomContainer=Rr.ZoomContainer;exports.BreadCrumb=Br.BreadCrumb;exports.BreadCrumbItem=kr.BreadCrumbItem;exports.ProfileSettingsLoader=fr;exports.AgreementHeaderLoader=Nr;exports.ClauseDetailsLoader=xr;exports.SingleLineLoader=vr;exports.FlowNodesLoader=Ur;exports.TaskCardLoader=Gr;exports.AppItemLoader=wr;exports.NotificationListLoader=_r;exports.EventDetailsLoader=Vr;exports.ExecutionNoteLoader=Jr;exports.LogItemSkeleton=Wr.LogItemSkeleton;exports.DoubleLineLoader=Kr;exports.InstalledAppItemLoader=Hr;exports.RecentlyAddedAppsSkeleton=Yr.RecentlyAddedAppsSkeleton;exports.SingleAppCardSkeleton=zr.SingleAppCardSkeleton;exports.CalendarExportItemLoader=$r;exports.Accordion=jr.Accordion;exports.Drawer=Zr.Drawer;exports.ConfirmPopUp=Qr;exports.CardHeaderView=Xr.CardHeaderView;exports.CardMain=et.CardMain;exports.TabContent=rt.TabContent;exports.DraggableContainer=tt.DraggableContainer;exports.DragOverlay=ot.DragOverlay;exports.Sidebar=nt;exports.UserAvatar=it.UserAvatar;exports.UserAvatarPopper=at.UserAvatarPopper;exports.StatusInfoRow=st.StatusInfoRow;exports.PersonIcon=ut.PersonIcon;exports.getInitials=y.getInitials;exports.userAvatarSizeClasses=y.sizeClasses;exports.useDynamicPosition=ct.useDynamicPosition;exports.NameInitialLogo=lt.NameInitialLogo;exports.UserProfilePic=dt.UserProfilePic;exports.NoDataFound=pt.NoDataFound;exports.PageNotFound=Ct.PageNotFound;exports.UserNotFound=qt.UserNotFound;exports.EmptyEvent=mt.EmptyEvent;exports.NoDataFoundWidgets=gt.NoDataFoundWidgets;exports.EmptyBarChartData=It.EmptyBarChartData;exports.EmptyCardListChartData=Dt.EmptyCardListChartData;exports.EmptyContentChartData=St.EmptyContentChartData;exports.EmptyCountWidgetData=Tt.EmptyCountWidgetData;exports.EmptyDonutChartData=yt.EmptyDonutChartData;exports.EmptyPieChatData=Lt.EmptyPieChatData;exports.EmptyTableWidgetData=Ft.EmptyTableWidgetData;exports.EmptyTimelineChartData=ht.EmptyTimelineChartData;exports.JsonGridViewerContextProvider=L.JsonGridViewerContextProvider;exports.useJsonGridViewerContext=L.useJsonGridViewerContext;exports.JsonGridCore=Et.JsonGridCore;exports.NestedJsonGrid=Pt.NestedJsonGrid;exports.JsonValueDisplay=At.JsonValueDisplay;exports.JsonGridBulkFloatingBar=Mt.JsonGridBulkFloatingBar;exports.AddKeyModal=bt.AddKeyModal;exports.useCheckboxSelection=Ot.useCheckboxSelection;exports.DataTypeBadgeClass=u.DataTypeBadgeClass;exports.JsonGridDataType=u.DataType;exports.JsonGridDataTypeOptions=u.DataTypeOptions;exports.jsonGridFilterTopLevelPaths=c.filterTopLevelPaths;exports.jsonGridGetDataType=c.getDataType;exports.jsonGridParseJson=c.parseJson;exports.FieldOptions=Rt.FieldOptions;exports.LinearProgressBar=Bt.LinearProgressBar;exports.CircularProgressBar=kt.CircularProgressBar;exports.ComparisonContext=F.ComparisonContext;exports.ComparisonProvider=F.ComparisonProvider;exports.COMPARISON_LAYOUT=h.COMPARISON_LAYOUT;exports.DEFAULT_COMPARISON_LAYOUTS=h.DEFAULT_COMPARISON_LAYOUTS;exports.comparisonParseToIds=n.parseToIds;exports.filterVisibleItems=n.filterVisibleItems;exports.filteredOptions=n.filteredOptions;exports.getCurrentSelectValue=n.getCurrentSelectValue;exports.gridLayoutItems=n.gridLayoutItems;exports.ExitIcon=ft.ExitIcon;exports.LayoutOneIcon=Nt.LayoutOneIcon;exports.LayoutTwoIcon=xt.LayoutTwoIcon;exports.LayoutThreeIcon=vt.LayoutThreeIcon;exports.FormulaInput=Ut;exports.convertFromPills=r.convertFromPills;exports.convertToPills=r.convertToPills;exports.getCursorCoordinates=r.getCursorCoordinates;exports.getCursorPosition=r.getCursorPosition;exports.getTextBeforeCursor=r.getTextBeforeCursor;exports.insertTextAtCursor=r.insertTextAtCursor;exports.setCursorPosition=r.setCursorPosition;exports.ShortcutKbd=Gt.ShortcutKbd;exports.Tabs=wt.Tabs;exports.INITIAL_TAB_OPTION_CONFIG=_t.INITIAL_TAB_OPTION_CONFIG;exports.DesignSystemProvider=Vt.DesignSystemProvider;exports.useDesignSystem=l.useDesignSystem;exports.useTabConfig=l.useTabConfig;exports.useTableConfig=l.useTableConfig;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                */const E=require("./components/forms/input-field/InputField.cjs.js"),d=require("./components/forms/base-input-field/BaseInputField.cjs.js"),P=require("./components/data-display/typography/Typography.cjs.js"),A=require("./components/forms/text-field/TextField.cjs.js"),M=require("./components/forms/text-area-field/TextAreaField.cjs.js"),b=require("./components/forms/master-data-input/MasterDataInputField.cjs.js"),O=require("./components/forms/select-field/SelectField.cjs.js"),R=require("./components/forms/checkbox/Checkbox.cjs.js"),B=require("./components/forms/checkbox/CheckboxComponent.cjs.js"),k=require("./components/forms/color-picker/ColorPicker.cjs.js"),f=require("./components/forms/creatable-select/CreatableSelect.cjs.js"),N=require("./components/forms/customizable-select-field/CustomizableSelectField.cjs.js"),x=require("./components/forms/currency-input/CurrencyInputField.cjs.js"),p=require("./components/forms/currency-input/currency.constant.cjs.js"),v=require("./components/forms/date-range/DateRange2.cjs.js"),U=require("./components/forms/date-range/DateRange.cjs.js"),a=require("./components/forms/date-time-field/DateTimeField.cjs.js"),G=require("./components/forms/debounce-input/DebounceInputField.cjs.js"),w=require("./components/forms/dynamic-data-input/DynamicDataInputField.cjs.js"),_=require("./components/forms/dynamic-data-input/DynamicDataInput.cjs.js"),V=require("./components/forms/link-input/LinkInputField.cjs.js"),J=require("./components/forms/percentage-input/PercentageInputField.cjs.js"),W=require("./components/forms/form/Form.cjs.js"),K=require("./components/forms/toggle/Toggle.cjs.js"),H=require("./constants/toggle.cjs.js"),Y=require("./components/forms/md-input/MdInput.cjs.js"),z=require("./components/forms/multi-file-upload/MultiFileUpload.cjs.js"),C=require("./components/forms/icon-picker/IconPicker.cjs.js"),$=require("./components/data-display/status-color-mapping/StatusColorMapping.cjs.js"),j=require("./components/data-display/badge/Badge.cjs.js"),Z=require("./components/data-display/card/Card.cjs.js"),Q=require("./components/data-display/modal/Modal.cjs.js"),X=require("./components/data-display/floating-element-wrapper/floating-element-dragger.cjs.js"),ee=require("./components/data-display/tag/Tag.cjs.js"),re=require("./components/data-display/responsive-tags/ResponsiveTags.cjs.js"),te=require("./components/data-display/label-value/LabelValue.cjs.js"),oe=require("./components/data-display/banner/Banner.cjs.js"),ne=require("./components/data-display/resizable-sidebar/ResizableSidebar.cjs.js"),ie=require("./components/data-display/pdf-viewer/PdfViewer.cjs.js"),ae=require("./components/data-display/popper/Popper.cjs.js"),se=require("./components/tooltip/Tooltip.cjs.js"),q=require("./components/feedback/toast/Toast.cjs.js"),ue=require("./components/feedback/confirmation-modal/ConfirmationModal.cjs.js"),ce=require("./components/data-display/code-editor/CodeEditor.cjs.js"),le=require("./components/data-display/code-editor/Tabs.cjs.js"),de=require("./services/monacoManager.cjs.js"),pe=require("./hooks/useMonaco.cjs.js"),Ce=require("./hooks/usePythonSyntax.cjs.js"),qe=require("./hooks/useTheme.cjs.js"),s=require("./utils/utilities.cjs.js"),me=require("./utils/messageConstants.cjs.js"),t=require("./utils/formatters.cjs.js"),o=require("./utils/countryFlags.cjs.js"),ge=require("./components/icons/AIGeneratorIcon.cjs.js"),Ie=require("./components/icons/CountIcon.cjs.js"),Se=require("./components/icons/LaxIcon.cjs.js"),De=require("./components/icons/ComingSoonIcon.cjs.js"),Te=require("./components/icons/CheckSmallIcon.cjs.js"),ye=require("./components/icons/EditIcon.cjs.js"),Le=require("./components/icons/CheckCircle.cjs.js"),Fe=require("./components/icons/InfoAlert.cjs.js"),he=require("./components/icons/ArchivedIcon.cjs.js"),Ee=require("./components/icons/InfoCircleIcon.cjs.js"),Pe=require("./components/icons/ShieldIcon.cjs.js"),Ae=require("./components/data-display/access-denied-modal/AccessDeniedModal.cjs.js"),Me=require("./components/data-display/in-progress/InProgress.cjs.js"),be=require("./components/data-display/unsaved-changes-modal/UnsavedChangesModal.cjs.js"),Oe=require("./components/data-display/error-modal/ErrorModal.cjs.js"),Re=require("./components/data-display/dynamic-data-modal/DynamicDataModal.cjs.js"),Be=require("./components/data-display/delete-modal/DeleteModal.cjs.js"),m=require("./types/icon-picker.cjs.js"),g=require("./components/data-display/diff-viewer/DiffViewer.cjs.js"),ke=require("./components/button/Button.cjs.js"),fe=require("./components/button/CardButton.cjs.js"),Ne=require("./components/buttons/option-button/OptionButton.cjs.js"),xe=require("./components/button/IconButton.cjs.js"),ve=require("./components/button/Radio.cjs.js"),Ue=require("./components/button/ButtonThreeDots.cjs.js"),Ge=require("./components/button/ButtonGroup.cjs.js"),we=require("./components/floating-bar/FloatingBar.cjs.js"),_e=require("./components/forms/search-bar/SearchBar.cjs.js"),Ve=require("./hooks/useOutsideClick.cjs.js"),Je=require("./hooks/useModalContainer.cjs.js"),We=require("./hooks/useScrollToTop.cjs.js"),Ke=require("./hooks/useEventListener.cjs.js"),He=require("./hooks/useIsomorphicLayoutEffect.cjs.js"),Ye=require("./hooks/useKeepSearchBox.cjs.js"),ze=require("./hooks/useResizeObserver.cjs.js"),I=require("./hooks/useResponsiveWidth.cjs.js"),e=require("./hooks/useOS.cjs.js"),$e=require("./components/data-display/divider/Divider.cjs.js"),je=require("./components/data-display/skeleton/Skeleton.cjs.js"),Ze=require("./components/data-display/skeleton/SkeletonGrid.cjs.js"),Qe=require("./components/data-display/skeleton/enums.cjs.js"),Xe=require("./components/data-display/skeleton/constants.cjs.js"),i=require("./components/data-display/skeleton/utils.cjs.js"),er=require("./components/data-display/text/Text.cjs.js"),rr=require("./components/data-display/text-with-strike/TextWithStrike.cjs.js"),tr=require("./components/data-display/dynamic-items-cell/DynamicItemsCell.cjs.js"),or=require("./components/forms/number-input-field/NumberInputField.cjs.js"),S=require("./constants/layout.cjs.js"),nr=require("./components/forms/file-upload-dragger/FileUpload.cjs.js"),ir=require("./components/data-display/lottie-animation/LottieAnimation.cjs.js"),ar=require("./components/data-display/datatype-icon/DataTypeIcon.cjs.js"),sr=require("./components/data-display/context-menu/ContextMenu.cjs.js"),ur=require("./components/data-display/permission-wrapper/PermissionWrapper.cjs.js"),cr=require("./components/data-display/comparison/components/NoAvailableContent.cjs.js"),lr=require("./components/forms/md-input/RichMarkdownInput.cjs.js"),dr=require("./components/forms/md-input/MarkdownPreview.cjs.js"),D=require("./components/forms/md-input/listEditing.cjs.js"),pr=require("./components/forms/md-input/remarkSplitRestartedLists.cjs.js"),Cr=require("./components/sliders/ImageSlider.cjs.js"),qr=require("./hooks/useTabState.cjs.js"),mr=require("./hooks/useTextWidth.cjs.js"),gr=require("./components/icon/iconMap.generated.cjs.js"),Ir=require("./components/data-display/infinite-table/index.cjs.js"),Sr=require("./components/data-display/infinite-table/context.cjs.js"),Dr=require("./hooks/useCheckbox.cjs.js"),Tr=require("./components/data-display/infinite-table/body/cell/UserCell.cjs.js"),yr=require("./components/dropdown/Dropdown.cjs.js"),Lr=require("./components/data-display/skeleton/loaders/PilotDetailsSkeleton.cjs.js"),Fr=require("./components/data-display/skeleton/loaders/TutorialsSkeleton.cjs.js"),hr=require("./components/navigation/stepper/Stepper.cjs.js"),Er=require("./components/data-display/comparison/Comparison.cjs.js"),T=require("./components/data-display/json-grid-viewer/JsonGridViewer.cjs.js"),Pr=require("./components/forms/expanding-search-bar/ExpandingSearchBar.cjs.js"),Ar=require("./components/layout/PageContainer.cjs.js"),Mr=require("./components/layout/Helmet.cjs.js"),br=require("./components/layout/ComponentLoader.cjs.js"),Or=require("./components/layout/LogoLoader.cjs.js"),Rr=require("./components/layout/CustomScrollbar.cjs.js"),Br=require("./components/layout/ZoomContainer.cjs.js"),kr=require("./components/navigation/breadcrumbs/BreadCrumb.cjs.js"),fr=require("./components/navigation/breadcrumbs/BreadCrumbItem.cjs.js"),Nr=require("./components/data-display/skeleton/loaders/ProfileSettingsLoader.cjs.js"),xr=require("./components/data-display/skeleton/loaders/AgreementHeaderLoader.cjs.js"),vr=require("./components/data-display/skeleton/loaders/ClauseDetailsLoader.cjs.js"),Ur=require("./components/data-display/skeleton/loaders/SingleLineLoader.cjs.js"),Gr=require("./components/data-display/skeleton/loaders/FlowNodesLoader.cjs.js"),wr=require("./components/data-display/skeleton/loaders/TaskCardLoader.cjs.js"),_r=require("./components/data-display/skeleton/loaders/AppItemLoader.cjs.js"),Vr=require("./components/data-display/skeleton/loaders/NotificationListLoader.cjs.js"),Jr=require("./components/data-display/skeleton/loaders/EventDetailsLoader.cjs.js"),Wr=require("./components/data-display/skeleton/loaders/ExecutionNoteLoader.cjs.js"),Kr=require("./components/data-display/skeleton/loaders/LogItemSkeleton.cjs.js"),Hr=require("./components/data-display/skeleton/loaders/DoubleLineLoader.cjs.js"),Yr=require("./components/data-display/skeleton/loaders/InstalledAppItemLoader.cjs.js"),zr=require("./components/data-display/skeleton/loaders/app-store/RecentlyAddedAppsSkeleton.cjs.js"),$r=require("./components/data-display/skeleton/loaders/app-store/SingleAppCardSkeleton.cjs.js"),jr=require("./components/data-display/skeleton/loaders/CalendarExportItemLoader.cjs.js"),Zr=require("./components/navigation/accordion/Accordion.cjs.js"),Qr=require("./components/modal/drawer/Drawer.cjs.js"),Xr=require("./components/modal/confirm-popup/ConfirmPopUp.cjs.js"),et=require("./components/cards/card-header-view/CardHeaderView.cjs.js"),rt=require("./components/cards/card-main/CardMain.cjs.js"),tt=require("./components/cards/tab-content/TabContent.cjs.js"),ot=require("./components/drag-and-drop/draggable-container/DraggableContainer.cjs.js"),nt=require("./components/drag-and-drop/drag-overlay/DragOverlay.cjs.js"),it=require("./components/sidebar/Sidebar.cjs.js"),at=require("./components/user-avatar/UserAvatar.cjs.js"),st=require("./components/user-avatar/UserAvatarPopper.cjs.js"),ut=require("./components/user-avatar/StatusInfoRow.cjs.js"),ct=require("./components/user-avatar/PersonIcon.cjs.js"),y=require("./components/user-avatar/constants.cjs.js"),lt=require("./components/user-avatar/useDynamicPosition.cjs.js"),dt=require("./components/user-avatar/NameInitialLogo.cjs.js"),pt=require("./components/user-avatar/UserProfilePic.cjs.js"),Ct=require("./components/data-display/empty-state/NoDataFound.cjs.js"),qt=require("./components/data-display/empty-state/PageNotFound.cjs.js"),mt=require("./components/data-display/empty-state/UserNotFound.cjs.js"),gt=require("./components/data-display/empty-state/EmptyEvent.cjs.js"),It=require("./components/data-display/empty-state/NoDataFoundWidgets.cjs.js"),St=require("./components/data-display/empty-state/empty-widget/EmptyBarChartData.cjs.js"),Dt=require("./components/data-display/empty-state/empty-widget/EmptyCardChartData.cjs.js"),Tt=require("./components/data-display/empty-state/empty-widget/EmptyContentChart.cjs.js"),yt=require("./components/data-display/empty-state/empty-widget/EmptyCountWidgetData.cjs.js"),Lt=require("./components/data-display/empty-state/empty-widget/EmptyDonutChartData.cjs.js"),Ft=require("./components/data-display/empty-state/empty-widget/EmptyPieChatData.cjs.js"),ht=require("./components/data-display/empty-state/empty-widget/EmptyTableWidgetData.cjs.js"),Et=require("./components/data-display/empty-state/empty-widget/EmptyTimelineChartData.cjs.js"),L=require("./components/data-display/json-grid-viewer/JsonGridViewerContext.cjs.js"),Pt=require("./components/data-display/json-grid-viewer/JsonGridCore.cjs.js"),At=require("./components/data-display/json-grid-viewer/NestedJsonGrid.cjs.js"),Mt=require("./components/data-display/json-grid-viewer/JsonValueDisplay.cjs.js"),bt=require("./components/data-display/json-grid-viewer/JsonGridBulkFloatingBar.cjs.js"),Ot=require("./components/data-display/json-grid-viewer/AddKeyModal.cjs.js"),Rt=require("./components/data-display/json-grid-viewer/hooks.cjs.js"),u=require("./components/data-display/json-grid-viewer/types.cjs.js"),c=require("./components/data-display/json-grid-viewer/utils.cjs.js"),Bt=require("./components/forms/field-options/FieldOptions.cjs.js"),kt=require("./components/data-display/progress-bar/LinearProgressBar.cjs.js"),ft=require("./components/data-display/progress-bar/CircularProgressBar.cjs.js"),F=require("./components/data-display/comparison/ComparisonContext.cjs.js"),h=require("./components/data-display/comparison/constants.cjs.js"),n=require("./components/data-display/comparison/utils.cjs.js"),Nt=require("./components/data-display/comparison/icons/ExitIcon.cjs.js"),xt=require("./components/data-display/comparison/icons/LayoutOneIcon.cjs.js"),vt=require("./components/data-display/comparison/icons/LayoutTwoIcon.cjs.js"),Ut=require("./components/data-display/comparison/icons/LayoutThreeIcon.cjs.js"),Gt=require("./components/forms/formula-input/FormulaInput.cjs.js"),r=require("./components/forms/formula-input/utils.cjs.js"),wt=require("./components/shortcut-kbd/ShortcutKbd.cjs.js"),_t=require("./components/navigation/tabs/Tabs.cjs.js"),Vt=require("./components/navigation/tabs/types.cjs.js"),Jt=require("./providers/design-system-provider/DesignSystemProvider.cjs.js"),l=require("./providers/design-system-provider/hooks.cjs.js");exports.InputField=E.InputField;exports.BaseInputField=d.BaseInputField;exports.BaseInputFieldDefault=d.BaseInputField;exports.Typography=P.Typography;exports.TextField=A.TextField;exports.TextAreaField=M.TextAreaField;exports.MasterDataInputField=b.MasterDataInputField;exports.SelectField=O.SelectField;exports.Checkbox=R.Checkbox;exports.CheckboxComponent=B.CheckboxComponent;exports.ColorPicker=k.ColorPicker;exports.CreatableSelectField=f.CreatableSelectField;exports.CustomizableSelectField=N.CustomizableSelectField;exports.CurrencyInputField=x.CurrencyInputField;exports.CURRENCIES=p.CURRENCIES;exports.CURRENCY_SYMBOLS=p.CURRENCY_SYMBOLS;exports.DateRange2=v.DateRange2;exports.DateRange=U.DateRange;exports.DateTimeField=a.DateTimeField;exports.UNIVERSAL_DATETIME_FORMAT=a.UNIVERSAL_DATETIME_FORMAT;exports.UNIVERSAL_DATE_FORMAT=a.UNIVERSAL_DATE_FORMAT;exports.DebounceInputField=G.DebounceInputField;exports.DynamicDataInputField=w.DynamicDataInputField;exports.DynamicDataInput=_.DynamicDataInput;exports.LinkInputField=V.LinkInputField;exports.PercentageInputField=J.PercentageInputField;exports.Form=W.Form;exports.Toggle=K.Toggle;exports.TOGGLE_LABEL_DIRECTION=H.TOGGLE_LABEL_DIRECTION;exports.MdInput=Y.MdInput;exports.MultiFileUpload=z.MultiFileUpload;exports.IconPicker=C.IconPicker;exports.IconRenderer=C.IconRenderer;exports.StatusColorMapping=$.StatusColorMapping;exports.Badge=j.Badge;exports.Card=Z.Card;exports.Modal=Q.Modal;exports.FloatingElementWrapper=X.FloatingElementWrapper;exports.Tag=ee.Tag;exports.ResponsiveTags=re;exports.LabelValue=te.LabelValue;exports.Banner=oe.Banner;exports.ResizableSidebar=ne.ResizableSidebar;exports.PdfViewer=ie.PdfViewer;exports.Popper=ae.Popper;exports.Tooltip=se;exports.Toast=q.Toast;exports.toast=q.toast;exports.ConfirmationModal=ue.ConfirmationModal;exports.CodeEditor=ce.CodeEditor;exports.CodeEditorTabs=le.Tabs;exports.monacoManager=de.monacoManager;exports.useMonaco=pe.useMonaco;exports.usePythonSyntax=Ce.usePythonSyntax;exports.useTheme=qe.useTheme;exports.filterTopLevelPaths=s.filterTopLevelPaths;exports.parseJson=s.parseJson;exports.randomHexString=s.randomHexString;exports.systemMessages=me.systemMessages;exports.formatBooleanValue=t.formatBooleanValue;exports.formatCount=t.formatCount;exports.formatCurrency=t.formatCurrency;exports.formatDate=t.formatDate;exports.isISODateString=t.isISODateString;exports.getFlagComponent=o.getFlagComponent;exports.getFlagComponentRectangle=o.getFlagComponentRectangle;exports.getFlagComponentRectangleMd=o.getFlagComponentRectangleMd;exports.getFlagComponentRectangleSm=o.getFlagComponentRectangleSm;exports.getFlagComponentSm=o.getFlagComponentSm;exports.AIGeneratorIcon=ge.AIGeneratorIcon;exports.CountIcon=Ie.CountIcon;exports.LaxIcon=Se.LaxIcon;exports.ComingSoonIcon=De.ComingSoonIcon;exports.CheckSmallIcon=Te.CheckSmallIcon;exports.EditIcon=ye.EditIcon;exports.CheckCircle=Le.CheckCircle;exports.InfoAlert=Fe.InfoAlert;exports.ArchivedIcon=he.ArchivedIcon;exports.InfoCircleIcon=Ee.InfoCircleIcon;exports.ShieldIcon=Pe.ShieldIcon;exports.AccessDeniedModal=Ae.AccessDeniedModal;exports.InProgress=Me.InProgress;exports.UnsavedChangesModal=be.UnsavedChangesModal;exports.ErrorModal=Oe.ErrorModal;exports.DynamicDataModal=Re.DynamicDataModal;exports.DeleteModal=Be.DeleteModal;exports.COUNTRY_CODES=m.COUNTRY_CODES;exports.countryNameFromCode=m.countryNameFromCode;exports.DiffViewer=g.DiffViewer;exports.InlineDiffHighlighter=g.InlineDiffHighlighter;exports.Button=ke;exports.CardButton=fe.CardButton;exports.OptionButton=Ne.OptionButton;exports.IconButton=xe;exports.Radio=ve;exports.ButtonThreeDots=Ue.ButtonThreeDots;exports.ButtonGroup=Ge.ButtonGroup;exports.FloatingBar=we.FloatingBar;exports.SearchBar=_e.SearchBar;exports.useOutsideClick=Ve.useOutsideClick;exports.useModalContainer=Je.useModalContainer;exports.useScrollToTop=We.useScrollToTop;exports.useEventListener=Ke.useEventListener;exports.useIsomorphicLayoutEffect=He.useIsomorphicLayoutEffect;exports.useKeepSearchBox=Ye.useKeepSearchBox;exports.useResizeObserver=ze.useResizeObserver;exports.computeResponsiveWidth=I.computeResponsiveWidth;exports.useResponsiveWidth=I.useResponsiveWidth;exports.SHORTCUT_KEY_MAP=e.SHORTCUT_KEY_MAP;exports.detectOS=e.detectOS;exports.isMacOS=e.isMacOS;exports.mapShortcutKey=e.mapShortcutKey;exports.mapShortcutKeys=e.mapShortcutKeys;exports.useOS=e.useOS;exports.useShortcutKeys=e.useShortcutKeys;exports.Divider=$e.Divider;exports.Skeleton=je.Skeleton;exports.SkeletonGrid=Ze;exports.SKELETON_DIRECTION=Qe.DIRECTION;exports.SKELETON_CONSTANTS=Xe;exports.skeletonGenerateGridArea=i.generateGridArea;exports.skeletonGenerateMargin=i.generateMargin;exports.skeletonItemsWithRepeat=i.itemsWithRepeat;exports.skeletonSetOpacity=i.setOpacity;exports.Text=er;exports.TextWithStrike=rr;exports.DynamicItemsCell=tr.DynamicItemsCell;exports.NumberInputField=or.NumberInputField;exports.MODES=S.MODES;exports.OPEN_DURATION_MS=S.OPEN_DURATION_MS;exports.FileUpload=nr.FileUpload;exports.LottieAnimation=ir.LottieAnimation;exports.DataTypeIcon=ar.DataTypeIcon;exports.ContextMenu=sr.ContextMenu;exports.PermissionWrapper=ur.PermissionWrapper;exports.ComparisonNoAvailableContent=cr.NoAvailableContent;exports.RichMarkdownInput=lr.RichMarkdownInput;exports.MarkdownPreview=dr.MarkdownPreview;exports.continueList=D.continueList;exports.toggleList=D.toggleList;exports.remarkSplitRestartedLists=pr.remarkSplitRestartedLists;exports.ImageSlider=Cr.ImageSlider;exports.useTabState=qr.useTabState;exports.useTextWidth=mr.useTextWidth;exports.iconNames=gr.iconNames;exports.InfiniteTable=Ir.InfiniteTable;exports.TableContext=Sr.TableContext;exports.useCheckbox=Dr.useCheckbox;exports.UserCell=Tr;exports.Dropdown=yr.Dropdown;exports.PilotDetailsSkeleton=Lr;exports.TutorialsSkeleton=Fr;exports.Stepper=hr;exports.Comparison=Er;exports.JsonGrid=T.JsonGridViewer;exports.JsonGridViewer=T.JsonGridViewer;exports.ExpandingSearchBar=Pr.ExpandingSearchBar;exports.PageContainer=Ar.PageContainer;exports.Helmet=Mr.Helmet;exports.ComponentLoader=br.ComponentLoader;exports.LogoLoader=Or.LogoLoader;exports.CustomScrollbar=Rr.CustomScrollbar;exports.ZoomContainer=Br.ZoomContainer;exports.BreadCrumb=kr.BreadCrumb;exports.BreadCrumbItem=fr.BreadCrumbItem;exports.ProfileSettingsLoader=Nr;exports.AgreementHeaderLoader=xr;exports.ClauseDetailsLoader=vr;exports.SingleLineLoader=Ur;exports.FlowNodesLoader=Gr;exports.TaskCardLoader=wr;exports.AppItemLoader=_r;exports.NotificationListLoader=Vr;exports.EventDetailsLoader=Jr;exports.ExecutionNoteLoader=Wr;exports.LogItemSkeleton=Kr.LogItemSkeleton;exports.DoubleLineLoader=Hr;exports.InstalledAppItemLoader=Yr;exports.RecentlyAddedAppsSkeleton=zr.RecentlyAddedAppsSkeleton;exports.SingleAppCardSkeleton=$r.SingleAppCardSkeleton;exports.CalendarExportItemLoader=jr;exports.Accordion=Zr.Accordion;exports.Drawer=Qr.Drawer;exports.ConfirmPopUp=Xr;exports.CardHeaderView=et.CardHeaderView;exports.CardMain=rt.CardMain;exports.TabContent=tt.TabContent;exports.DraggableContainer=ot.DraggableContainer;exports.DragOverlay=nt.DragOverlay;exports.Sidebar=it;exports.UserAvatar=at.UserAvatar;exports.UserAvatarPopper=st.UserAvatarPopper;exports.StatusInfoRow=ut.StatusInfoRow;exports.PersonIcon=ct.PersonIcon;exports.getInitials=y.getInitials;exports.userAvatarSizeClasses=y.sizeClasses;exports.useDynamicPosition=lt.useDynamicPosition;exports.NameInitialLogo=dt.NameInitialLogo;exports.UserProfilePic=pt.UserProfilePic;exports.NoDataFound=Ct.NoDataFound;exports.PageNotFound=qt.PageNotFound;exports.UserNotFound=mt.UserNotFound;exports.EmptyEvent=gt.EmptyEvent;exports.NoDataFoundWidgets=It.NoDataFoundWidgets;exports.EmptyBarChartData=St.EmptyBarChartData;exports.EmptyCardListChartData=Dt.EmptyCardListChartData;exports.EmptyContentChartData=Tt.EmptyContentChartData;exports.EmptyCountWidgetData=yt.EmptyCountWidgetData;exports.EmptyDonutChartData=Lt.EmptyDonutChartData;exports.EmptyPieChatData=Ft.EmptyPieChatData;exports.EmptyTableWidgetData=ht.EmptyTableWidgetData;exports.EmptyTimelineChartData=Et.EmptyTimelineChartData;exports.JsonGridViewerContextProvider=L.JsonGridViewerContextProvider;exports.useJsonGridViewerContext=L.useJsonGridViewerContext;exports.JsonGridCore=Pt.JsonGridCore;exports.NestedJsonGrid=At.NestedJsonGrid;exports.JsonValueDisplay=Mt.JsonValueDisplay;exports.JsonGridBulkFloatingBar=bt.JsonGridBulkFloatingBar;exports.AddKeyModal=Ot.AddKeyModal;exports.useCheckboxSelection=Rt.useCheckboxSelection;exports.DataTypeBadgeClass=u.DataTypeBadgeClass;exports.JsonGridDataType=u.DataType;exports.JsonGridDataTypeOptions=u.DataTypeOptions;exports.jsonGridFilterTopLevelPaths=c.filterTopLevelPaths;exports.jsonGridGetDataType=c.getDataType;exports.jsonGridParseJson=c.parseJson;exports.FieldOptions=Bt.FieldOptions;exports.LinearProgressBar=kt.LinearProgressBar;exports.CircularProgressBar=ft.CircularProgressBar;exports.ComparisonContext=F.ComparisonContext;exports.ComparisonProvider=F.ComparisonProvider;exports.COMPARISON_LAYOUT=h.COMPARISON_LAYOUT;exports.DEFAULT_COMPARISON_LAYOUTS=h.DEFAULT_COMPARISON_LAYOUTS;exports.comparisonParseToIds=n.parseToIds;exports.filterVisibleItems=n.filterVisibleItems;exports.filteredOptions=n.filteredOptions;exports.getCurrentSelectValue=n.getCurrentSelectValue;exports.gridLayoutItems=n.gridLayoutItems;exports.ExitIcon=Nt.ExitIcon;exports.LayoutOneIcon=xt.LayoutOneIcon;exports.LayoutTwoIcon=vt.LayoutTwoIcon;exports.LayoutThreeIcon=Ut.LayoutThreeIcon;exports.FormulaInput=Gt;exports.convertFromPills=r.convertFromPills;exports.convertToPills=r.convertToPills;exports.getCursorCoordinates=r.getCursorCoordinates;exports.getCursorPosition=r.getCursorPosition;exports.getTextBeforeCursor=r.getTextBeforeCursor;exports.insertTextAtCursor=r.insertTextAtCursor;exports.setCursorPosition=r.setCursorPosition;exports.ShortcutKbd=wt.ShortcutKbd;exports.Tabs=_t.Tabs;exports.INITIAL_TAB_OPTION_CONFIG=Vt.INITIAL_TAB_OPTION_CONFIG;exports.DesignSystemProvider=Jt.DesignSystemProvider;exports.useDesignSystem=l.useDesignSystem;exports.useTabConfig=l.useTabConfig;exports.useTableConfig=l.useTableConfig;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.d.ts

@@ -106,12 +106,14 @@ export { CheckCircle } from "./components/icons/CheckCircle";
 export { InfoAlert } from "./components/icons/InfoAlert";
 export { ArchivedIcon } from "./components/icons/ArchivedIcon";
 export { InfoCircleIcon } from "./components/icons/InfoCircleIcon";
+export { ShieldIcon } from "./components/icons/ShieldIcon";
 export type { IconProps as LaxIconProps } from "./components/icons/LaxIcon";
 export type { EditIconProps } from "./components/icons/EditIcon";
 export type { CheckCircleProps } from "./components/icons/CheckCircle";
 export type { InfoAlertProps } from "./components/icons/InfoAlert";
 export type { ArchivedIconProps } from "./components/icons/ArchivedIcon";
 export type { InfoCircleIconProps } from "./components/icons/InfoCircleIcon";
+export type { ShieldIconProps } from "./components/icons/ShieldIcon";
 export { AccessDeniedModal } from "./components/data-display/access-denied-modal/AccessDeniedModal";
 export type { AccessDeniedModalProps } from "./components/data-display/access-denied-modal/AccessDeniedModal";
 export { InProgress } from "./components/data-display/in-progress/InProgress";