se-design 1.0.75 → 1.0.76-dev2

package/dist/index49.js

@@ -1,89 +1,150 @@
-import t from "react";
-import { Icon as u } from "./index5.js";
-import { Popover as v } from "./index18.js";
-import { MenuList as E } from "./index17.js";
-/* empty css         */
-function c() {
-  return c = Object.assign ? Object.assign.bind() : function(a) {
-    for (var n = 1; n < arguments.length; n++) {
-      var i = arguments[n];
-      for (var o in i) ({}).hasOwnProperty.call(i, o) && (a[o] = i[o]);
+import t, { useState as C, useMemo as f, useEffect as D } from "react";
+import "./index3.js";
+import "./index4.js";
+import { Icon as w } from "./index6.js";
+import "./index72.js";
+import { useTabsA11y as O } from "./index73.js";
+import { MenuList as _ } from "./index18.js";
+import "./index9.js";
+/* empty css         */
+/* empty css         */
+import "react-dom";
+import "./index17.js";
+import { Popover as $ } from "./index19.js";
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+import { TabButton as j } from "./index226.js";
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+/* empty css         */
+import "./index60.js";
+/* empty css         */
+/* empty css         */
+import "./index64.js";
+/* empty css         */
+function p() {
+  return p = Object.assign ? Object.assign.bind() : function(i) {
+    for (var o = 1; o < arguments.length; o++) {
+      var n = arguments[o];
+      for (var s in n) ({}).hasOwnProperty.call(n, s) && (i[s] = n[s]);
     }
-    return a;
-  }, c.apply(null, arguments);
+    return i;
+  }, p.apply(null, arguments);
 }
-const s = {
-  container: "se-design-breadcrumbs flex items-center",
-  itemLabel: "se-design-breadcrumbs-item-label inline-flex items-center w-fit"
-}, P = ({
-  crumbs: a,
-  onCrumbClick: n,
-  className: i = "",
-  ariaLabel: o = "Breadcrumb",
-  headingLevel: g = 1
+const ke = ({
+  defaultActiveNavigationItem: i,
+  navigationItems: o,
+  onNavigationItemChange: n,
+  isCompactView: s = !1,
+  keyboardActivationMode: x = "automatic",
+  orientation: y = "horizontal",
+  ariaLabel: E = "Sections",
+  ariaLabelledBy: P,
+  idBase: h = ""
 }) => {
-  if (a?.length === 1) {
-    const e = `h${g}`;
-    return /* @__PURE__ */ t.createElement("div", {
-      className: `${s.container} ${i}`,
-      "data-automation-id": "breadcrumbs-container"
-    }, /* @__PURE__ */ t.createElement(e, {
-      className: `${s.itemLabel} single-crumb`
-    }, a[0].label));
-  }
-  const m = a?.length > 3, d = m ? a?.slice(-2) : a, b = m ? a?.slice(0, -2) : [], l = (e) => e === d?.length - 1, f = (e) => l(e) ? `${s.itemLabel} highlighted-crumb` : `${s.itemLabel} unhighlighted-crumb`;
-  return /* @__PURE__ */ t.createElement("nav", {
-    className: `${s.container} ${i}`,
-    "aria-label": o,
-    "data-automation-id": "breadcrumbs-container"
-  }, b?.length > 0 && /* @__PURE__ */ t.createElement(v, {
-    className: "se-design-overflow-breadcrumbs",
+  const N = i || o[0]?.id || "", [l, m] = C(N), v = f(() => o.filter((e) => !e.disabled).map((e) => e.id), [o]), {
+    getTabProps: T,
+    setFocusedTabId: d,
+    handleKeyDown: k,
+    getPanelProps: b,
+    getTabListProps: F
+  } = O({
+    itemIds: v,
+    orientation: y,
+    activeItem: l,
+    idBase: h
+  });
+  D(() => {
+    i && (m(i), d(i));
+  }, [i, d]);
+  const u = (e) => {
+    e?.disabled || (m(e?.id), n?.(e?.id));
+  }, S = (e) => {
+    const r = o.find((a) => a.id === e);
+    !r || r.disabled || (m(e), n?.(e));
+  }, g = f(() => o.map((e) => {
+    const r = e.id === l, a = r && e.panelHasFocusableContent === !1 ? 0 : void 0;
+    return /* @__PURE__ */ t.createElement("div", p({
+      key: e.id
+    }, b(e.id), {
+      hidden: !r,
+      tabIndex: a,
+      className: `navigation-item-content ${r ? "block" : "hidden"}`
+    }), r && e?.renderNavigationItemContent?.(e));
+  }), [o, l, b]), B = o.find((e) => e.id === l);
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", p({
+    className: "se-design-navigation-bar flex items-center gap-4",
+    "data-automation-id": "navigation-bar-container"
+  }, F({
+    ariaLabel: E,
+    ariaLabelledBy: P
+  })), !s && o.map((e) => {
+    const r = l === e.id, a = e.disabled, c = T(e.id);
+    return /* @__PURE__ */ t.createElement(j, {
+      key: e.id,
+      ref: c.ref,
+      tabIndex: c.tabIndex,
+      id: c.id,
+      label: e.label,
+      isSelected: r,
+      isDisabled: a,
+      panelId: c["aria-controls"],
+      onClick: () => u(e),
+      onFocus: () => {
+        c.onFocus(), x === "automatic" && !a && S(e.id);
+      },
+      onKeyDown: k,
+      className: `text-base ${a ? "text-[var(--color-gray-400)] cursor-not-allowed" : r ? "text-[var(--color-gray-900)] font-bold hover:cursor-pointer" : "text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer"} focus-outline rounded-[6px]`,
+      automationId: `navigation-item-${e.id}`
+    });
+  }), s && /* @__PURE__ */ t.createElement($, {
+    className: "navigation-bar-popover",
     position: "bottom-left",
     noBorder: !0,
-    ariaLabel: "Show more breadcrumbs",
     renderPopoverSrcElement: ({
       displayPopover: e
     }) => /* @__PURE__ */ t.createElement("div", {
-      className: `overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${e ? "bg-[var(--color-blue-200)]" : ""}`,
-      "data-automation-id": "breadcrumbs-kebab-menu"
-    }, /* @__PURE__ */ t.createElement(u, {
-      name: "kebab-menu"
+      className: "navigation-bar-popover-src-element flex items-center gap-1 cursor-pointer"
+    }, /* @__PURE__ */ t.createElement("label", {
+      className: "font-semibold cursor-pointer"
+    }, B?.label), /* @__PURE__ */ t.createElement(w, {
+      name: "chevron",
+      rotation: e ? "180" : "0"
     })),
     renderPopoverContents: ({
       closePopoverCb: e
-    }) => /* @__PURE__ */ t.createElement(E, {
-      items: b.map((r) => ({
-        id: String(r?.id),
-        label: r?.label,
+    }) => /* @__PURE__ */ t.createElement(_, {
+      items: o.map((r) => ({
+        id: r.id,
+        label: r.label,
         onClick: () => {
-          n?.(r), e();
+          u(r), e();
         }
       }))
     })
-  }), /* @__PURE__ */ t.createElement("ol", {
-    className: "se-design-breadcrumbs-list inline-flex items-center"
-  }, d?.map((e, r) => {
-    const p = l(r) ? "span" : "a";
-    return /* @__PURE__ */ t.createElement("li", {
-      key: e?.id,
-      className: "se-design-breadcrumbs-item inline-flex items-center w-fit text-xl"
-    }, (r > 0 || m) && /* @__PURE__ */ t.createElement(u, {
-      name: "chevron",
-      rotation: "270"
-    }), /* @__PURE__ */ t.createElement(p, c({}, l(r) ? {
-      "aria-current": "page"
-    } : {
-      href: e.href ?? "#",
-      onClick: (h) => {
-        e.href || h.preventDefault(), n?.(e);
-      }
-    }, {
-      className: `${f(r)}${l(r) ? "" : " cursor-pointer focus-outline"}`,
-      "data-automation-id": e?.automationId || `breadcrumbs-item-${r}`
-    }), e?.label));
-  })));
+  })), /* @__PURE__ */ t.createElement("div", {
+    className: "se-design-navigation-bar-content"
+  }, g));
 };
 export {
-  P as BreadCrumbs
+  ke as NavigationBar
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/BreadCrumbs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon';\nimport { Popover } from '../Popover';\nimport { MenuList } from '../MenuList';\n\nimport './style.scss';\n\ninterface Crumb {\n  id: string | number;\n  label: string;\n  href?: string;\n  automationId?: string;\n}\n\nconst breadCrumbsClassNames = {\n  container: 'se-design-breadcrumbs flex items-center',\n  itemLabel: 'se-design-breadcrumbs-item-label inline-flex items-center w-fit',\n};\n\ninterface BreadCrumbsProps {\n  crumbs: Crumb[];\n  onCrumbClick?: (crumb: Crumb) => void;\n  className?: any;\n  /** Accessible name for the breadcrumb navigation landmark. Defaults to \"Breadcrumb\".  */\n  ariaLabel?: string;\n  /** Heading level to use when only a single crumb is provided. Defaults to 1. */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nexport const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ crumbs, onCrumbClick, className = '', ariaLabel = 'Breadcrumb', headingLevel = 1 }) => {\n  const isSingleCrumb = crumbs?.length === 1;\n\n  if (isSingleCrumb) {\n    const HeadingTag = `h${headingLevel}` as React.ElementType;\n    return (\n      <div className={`${breadCrumbsClassNames.container} ${className}`} data-automation-id=\"breadcrumbs-container\">\n        <HeadingTag className={`${breadCrumbsClassNames.itemLabel} single-crumb`}>\n          {crumbs[0].label}\n        </HeadingTag>\n      </div>\n    );\n  }\n\n  const shouldShowDropdown = crumbs?.length > 3;\n  const visibleCrumbs = shouldShowDropdown ? crumbs?.slice(-2) : crumbs;\n  const dropdownCrumbs = shouldShowDropdown ? crumbs?.slice(0, -2) : [];\n\n  const isCurrentPage = (index: number) => index === visibleCrumbs?.length - 1;\n\n  const getLabelClassNames = (index: number) => {\n    if (isCurrentPage(index)) {\n      return `${breadCrumbsClassNames.itemLabel} highlighted-crumb`;\n    }\n    return `${breadCrumbsClassNames.itemLabel} unhighlighted-crumb`;\n  };\n\n  return (\n    <nav className={`${breadCrumbsClassNames.container} ${className}`} aria-label={ariaLabel} data-automation-id=\"breadcrumbs-container\">\n      {dropdownCrumbs?.length > 0 && (\n        <Popover\n          className=\"se-design-overflow-breadcrumbs\"\n          position=\"bottom-left\"\n          noBorder\n          ariaLabel=\"Show more breadcrumbs\"\n          renderPopoverSrcElement={({ displayPopover }) => {\n            return (\n              <div\n                className={`overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${\n                  displayPopover ? 'bg-[var(--color-blue-200)]' : ''\n                }`}\n                data-automation-id=\"breadcrumbs-kebab-menu\"\n              >\n                <Icon name=\"kebab-menu\" />\n              </div>\n            );\n          }}\n          renderPopoverContents={({ closePopoverCb }) => (\n            <MenuList\n              items={dropdownCrumbs.map((crumb) => ({\n                id: String(crumb?.id),\n                label: crumb?.label,\n                onClick: () => {\n                  onCrumbClick?.(crumb);\n                  closePopoverCb();\n                }\n              }))}\n            />\n          )}\n        />\n      )}\n      <ol className=\"se-design-breadcrumbs-list inline-flex items-center\">\n        {visibleCrumbs?.map((crumb, index) => {\n          const Tag = isCurrentPage(index) ? 'span' : 'a';// current page should not be clickable\n          return (\n            <li key={crumb?.id} className=\"se-design-breadcrumbs-item inline-flex items-center w-fit text-xl\">\n              {(index > 0 || shouldShowDropdown) && <Icon name=\"chevron\" rotation={'270'} />}\n              <Tag\n                {...(isCurrentPage(index)\n                  ? { 'aria-current': 'page' as const }\n                  : {\n                      href: crumb.href ?? '#',\n                      onClick: (e: React.MouseEvent<HTMLAnchorElement>) => {\n                        if (!crumb.href) e.preventDefault();\n                        onCrumbClick?.(crumb);\n                      }\n                    })}\n                className={`${getLabelClassNames(index)}${!isCurrentPage(index) ? ' cursor-pointer focus-outline' : ''}`}\n                data-automation-id={crumb?.automationId || `breadcrumbs-item-${index}`}\n              >\n                {crumb?.label}\n              </Tag>\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["breadCrumbsClassNames","container","itemLabel","BreadCrumbs","crumbs","onCrumbClick","className","ariaLabel","headingLevel","length","HeadingTag","React","createElement","label","shouldShowDropdown","visibleCrumbs","slice","dropdownCrumbs","isCurrentPage","index","getLabelClassNames","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","renderPopoverContents","closePopoverCb","MenuList","items","map","crumb","id","String","onClick","Tag","key","rotation","_extends","href","e","preventDefault","automationId"],"mappings":"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"}
+{"version":3,"file":"index49.js","sources":["../src/components/NavigationBar/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState,useMemo, useEffect } from 'react';\nimport { Popover, MenuList, Icon } from 'src/components';\nimport { TabButton } from './TabButton';\nimport { useTabsA11y } from '../../utils/a11y';\n\nexport interface NavigationItemProps {\n  label: string;\n  id: string;\n  disabled?: boolean;\n  panelHasFocusableContent?: boolean; // If false, the panel itself will be tabbable when active\n  renderNavigationItemContent?: (navigationItem: NavigationItemProps) => ReactNode;\n}\n\ninterface NavigationBarProps {\n  defaultActiveNavigationItem?: string;\n  navigationItems: NavigationItemProps[];\n  isCompactView?: boolean;\n  onNavigationItemChange?: (navigationItemId: string) => void;\n  keyboardActivationMode?: 'automatic' | 'manual'; //manual: arrow keys move focus only; Enter/Space activates the focused tab\n  orientation?: 'horizontal' | 'vertical'; // required for aria and arrow shortcuts\n  ariaLabel?: string; // Used when ariaLabelledBy is not provided\n  ariaLabelledBy?: string; // ID of element that labels this tablist (preferred over ariaLabel when visible label exists)\n  idBase?: string; //optional ID namespace to avoid collisions\n}\n\nexport const NavigationBar: FC<NavigationBarProps> = ({\n  defaultActiveNavigationItem,\n  navigationItems,\n  onNavigationItemChange,\n  isCompactView = false,\n  keyboardActivationMode = 'automatic',\n  orientation = 'horizontal',\n  ariaLabel = 'Sections',\n  ariaLabelledBy,\n  idBase = ''\n}) => {\n  const defaultNavigationItemId = defaultActiveNavigationItem || navigationItems[0]?.id || '';\n  const [activeNavigationItem, setActiveNavigationItem] = useState<string>(defaultNavigationItemId);\n\n  // Exclude disabled tabs from roving focus (keeps native disabled buttons, avoids focus-on-disabled).\n  const itemIds = useMemo(\n    () => navigationItems.filter((item) => !item.disabled).map((item) => item.id),\n    [navigationItems]\n  );\n\n  // Hook for managing Tabs (NavigationBar) focus and ARIA props.\n  const { getTabProps, setFocusedTabId, handleKeyDown, getPanelProps, getTabListProps } = useTabsA11y({\n    itemIds,\n    orientation,\n    activeItem: activeNavigationItem,\n    idBase\n  });\n\n  useEffect(() => {\n    if (defaultActiveNavigationItem) {\n      setActiveNavigationItem(defaultActiveNavigationItem);\n      setFocusedTabId(defaultActiveNavigationItem);\n    }\n  }, [defaultActiveNavigationItem, setFocusedTabId]);\n\n  const handleNavigationItemClick = (navigationItem: NavigationItemProps) => {\n    if (navigationItem?.disabled) return;\n    setActiveNavigationItem(navigationItem?.id);\n    onNavigationItemChange?.(navigationItem?.id);\n  };\n\n  const activateTabById = (id: string) => {\n    const item = navigationItems.find((i) => i.id === id);\n    if (!item || item.disabled) return;\n    setActiveNavigationItem(id);\n    onNavigationItemChange?.(id);\n  };\n\n  const renderPanels = useMemo(() => {\n    return navigationItems.map((navigationItem) => {\n      const isSelected = navigationItem.id === activeNavigationItem;\n      const panelTabIndex = isSelected && navigationItem.panelHasFocusableContent === false ? 0 : undefined;\n\n      return (\n        <div\n          key={navigationItem.id}\n          {...getPanelProps(navigationItem.id)}\n          hidden={!isSelected}\n          tabIndex={panelTabIndex}\n          className={`navigation-item-content ${isSelected ? 'block' : 'hidden'}`}\n        >\n          {isSelected && navigationItem?.renderNavigationItemContent?.(navigationItem)}\n        </div>\n      );\n    });\n  }, [navigationItems, activeNavigationItem, getPanelProps]);\n\n  const activeNavigationItemData = navigationItems.find((item) => item.id === activeNavigationItem);\n\n  return (\n    <>\n      <div\n        className=\"se-design-navigation-bar flex items-center gap-4\"\n        data-automation-id=\"navigation-bar-container\"\n        {...getTabListProps({ ariaLabel, ariaLabelledBy })}\n      >\n        {!isCompactView && navigationItems.map((navigationItem) => {\n          const isSelected = activeNavigationItem === navigationItem.id;\n          const isDisabled = navigationItem.disabled;\n\n          const tabProps = getTabProps(navigationItem.id);\n\n          return (\n            <TabButton\n              key={navigationItem.id}\n              ref={tabProps.ref as (el: HTMLButtonElement | null) => void}\n              tabIndex={tabProps.tabIndex}\n              id={tabProps.id}\n              label={navigationItem.label}\n              isSelected={isSelected}\n              isDisabled={isDisabled}\n              panelId={tabProps['aria-controls']}\n              onClick={() => handleNavigationItemClick(navigationItem)}\n              onFocus={() => {\n                tabProps.onFocus();\n                if (keyboardActivationMode === 'automatic' && !isDisabled) {\n                  activateTabById(navigationItem.id);\n                }\n              }}\n              onKeyDown={handleKeyDown}\n              className={`text-base ${\n                isDisabled\n                  ? 'text-[var(--color-gray-400)] cursor-not-allowed'\n                  : isSelected\n                  ? 'text-[var(--color-gray-900)] font-bold hover:cursor-pointer'\n                  : 'text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer'\n              } focus-outline rounded-[6px]`}\n              automationId={`navigation-item-${navigationItem.id}`}\n            />\n          );\n        })}\n        {isCompactView && (\n          <Popover\n            className=\"navigation-bar-popover\"\n            position=\"bottom-left\"\n            noBorder\n            renderPopoverSrcElement={({ displayPopover }) => (\n              <div className=\"navigation-bar-popover-src-element flex items-center gap-1 cursor-pointer\">\n                <label className=\"font-semibold cursor-pointer\">{activeNavigationItemData?.label}</label>\n                <Icon name=\"chevron\" rotation={displayPopover ? '180' : '0'} />\n              </div>\n            )}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <MenuList items={navigationItems.map((item) => ({\n                id: item.id,\n                label: item.label,\n                onClick: () => {\n                  handleNavigationItemClick(item);\n                  closePopoverCb();\n                }\n              }))}\n              />\n            )}\n          />\n        )}\n      </div>\n\n      <div className=\"se-design-navigation-bar-content\">\n        {renderPanels}\n      </div>\n    </>\n  );\n};\n"],"names":["NavigationBar","defaultActiveNavigationItem","navigationItems","onNavigationItemChange","isCompactView","keyboardActivationMode","orientation","ariaLabel","ariaLabelledBy","idBase","defaultNavigationItemId","id","activeNavigationItem","setActiveNavigationItem","useState","itemIds","useMemo","filter","item","disabled","map","getTabProps","setFocusedTabId","handleKeyDown","getPanelProps","getTabListProps","useTabsA11y","activeItem","useEffect","handleNavigationItemClick","navigationItem","activateTabById","find","i","renderPanels","isSelected","panelTabIndex","panelHasFocusableContent","undefined","React","createElement","_extends","key","hidden","tabIndex","className","renderNavigationItemContent","activeNavigationItemData","Fragment","isDisabled","tabProps","TabButton","ref","label","panelId","onClick","onFocus","onKeyDown","automationId","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","rotation","renderPopoverContents","closePopoverCb","MenuList","items"],"mappings":"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"}

package/dist/index5.js

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