mimir-ui-kit 1.34.0 → 1.34.1-t

package/dist/components/TabTrail/TabTrail.js

@@ -1,299 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import * as React from "react";
-import React__default, { useRef, useState, createContext, useReducer, useMemo, useId, useContext, forwardRef, useEffect } from "react";
-import { ETabTrailSize } from "./constants.js";
-import { TabButtons } from "./TabButtons/TabButtons.js";
-import { NotificationBadge } from "../NotificationBadge/NotificationBadge.js";
-import { n, M, W, s as s$3, y, o, H, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u, u as u$1, c as o$1, t } from "../../keyboard-B256ZoM-.js";
-import { w } from "../../use-active-press-B6yeSopF.js";
-import { T as T$1 } from "../../use-resolve-button-type-B6LE6gU3.js";
-import { T, s as s$2 } from "../../hidden-BuVoeHNy.js";
-import { _, T as T$2, P, F } from "../../focus-management-1rQPII7Z.js";
-import '../../assets/TabTrail.css';function f$1() {
-  let e = useRef(false);
-  return n(() => (e.current = true, () => {
-    e.current = false;
-  }), []), e;
-}
-function b({ onFocus: n2 }) {
-  let [r, o2] = useState(true), u2 = f$1();
-  return r ? React__default.createElement(T, { as: "button", type: "button", features: s$2.Focusable, onFocus: (a2) => {
-    a2.preventDefault();
-    let e, i = 50;
-    function t2() {
-      if (i-- <= 0) {
-        e && cancelAnimationFrame(e);
-        return;
-      }
-      if (n2()) {
-        if (cancelAnimationFrame(e), !u2.current) return;
-        o2(false);
-        return;
-      }
-      e = requestAnimationFrame(t2);
-    }
-    e = requestAnimationFrame(t2);
-  } }) : null;
-}
-const s$1 = React.createContext(null);
-function a() {
-  return { groups: /* @__PURE__ */ new Map(), get(o2, e) {
-    var i;
-    let t2 = this.groups.get(o2);
-    t2 || (t2 = /* @__PURE__ */ new Map(), this.groups.set(o2, t2));
-    let n2 = (i = t2.get(e)) != null ? i : 0;
-    t2.set(e, n2 + 1);
-    let r = Array.from(t2.keys()).indexOf(e);
-    function u2() {
-      let c = t2.get(e);
-      c > 1 ? t2.set(e, c - 1) : t2.delete(e);
-    }
-    return [r, u2];
-  } };
-}
-function f({ children: o2 }) {
-  let e = React.useRef(a());
-  return React.createElement(s$1.Provider, { value: e }, o2);
-}
-function C$1(o2) {
-  let e = React.useContext(s$1);
-  if (!e) throw new Error("You must wrap your component in a <StableCollection>");
-  let t2 = React.useId(), [n2, r] = e.current.get(o2, t2);
-  return React.useEffect(() => r, []), n2;
-}
-var Ae = ((t2) => (t2[t2.Forwards = 0] = "Forwards", t2[t2.Backwards = 1] = "Backwards", t2))(Ae || {}), Ee = ((o2) => (o2[o2.Less = -1] = "Less", o2[o2.Equal = 0] = "Equal", o2[o2.Greater = 1] = "Greater", o2))(Ee || {}), Re = ((n2) => (n2[n2.SetSelectedIndex = 0] = "SetSelectedIndex", n2[n2.RegisterTab = 1] = "RegisterTab", n2[n2.UnregisterTab = 2] = "UnregisterTab", n2[n2.RegisterPanel = 3] = "RegisterPanel", n2[n2.UnregisterPanel = 4] = "UnregisterPanel", n2))(Re || {});
-let Le = { [0](e, r) {
-  var c;
-  let t2 = _(e.tabs, (T2) => T2.current), o2 = _(e.panels, (T2) => T2.current), a2 = t2.filter((T2) => {
-    var d;
-    return !((d = T2.current) != null && d.hasAttribute("disabled"));
-  }), n2 = { ...e, tabs: t2, panels: o2 };
-  if (r.index < 0 || r.index > t2.length - 1) {
-    let T2 = u(Math.sign(r.index - e.selectedIndex), { [-1]: () => 1, [0]: () => u(Math.sign(r.index), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
-    if (a2.length === 0) return n2;
-    let d = u(T2, { [0]: () => t2.indexOf(a2[0]), [1]: () => t2.indexOf(a2[a2.length - 1]) });
-    return { ...n2, selectedIndex: d === -1 ? e.selectedIndex : d };
-  }
-  let u$12 = t2.slice(0, r.index), x = [...t2.slice(r.index), ...u$12].find((T2) => a2.includes(T2));
-  if (!x) return n2;
-  let f2 = (c = t2.indexOf(x)) != null ? c : e.selectedIndex;
-  return f2 === -1 && (f2 = e.selectedIndex), { ...n2, selectedIndex: f2 };
-}, [1](e, r) {
-  if (e.tabs.includes(r.tab)) return e;
-  let t2 = e.tabs[e.selectedIndex], o2 = _([...e.tabs, r.tab], (n2) => n2.current), a2 = e.selectedIndex;
-  return e.info.current.isControlled || (a2 = o2.indexOf(t2), a2 === -1 && (a2 = e.selectedIndex)), { ...e, tabs: o2, selectedIndex: a2 };
-}, [2](e, r) {
-  return { ...e, tabs: e.tabs.filter((t2) => t2 !== r.tab) };
-}, [3](e, r) {
-  return e.panels.includes(r.panel) ? e : { ...e, panels: _([...e.panels, r.panel], (t2) => t2.current) };
-}, [4](e, r) {
-  return { ...e, panels: e.panels.filter((t2) => t2 !== r.panel) };
-} }, z = createContext(null);
-z.displayName = "TabsDataContext";
-function C(e) {
-  let r = useContext(z);
-  if (r === null) {
-    let t2 = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t2, C), t2;
-  }
-  return r;
-}
-let V = createContext(null);
-V.displayName = "TabsActionsContext";
-function Q(e) {
-  let r = useContext(V);
-  if (r === null) {
-    let t2 = new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t2, Q), t2;
-  }
-  return r;
-}
-function _e(e, r) {
-  return u(r.type, Le, e, r);
-}
-let De = "div";
-function Se(e, r) {
-  let { defaultIndex: t2 = 0, vertical: o$12 = false, manual: a2 = false, onChange: n$1, selectedIndex: u2 = null, ..._$1 } = e;
-  const x = o$12 ? "vertical" : "horizontal", f$12 = a2 ? "manual" : "auto";
-  let c = u2 !== null, T2 = s$3({ isControlled: c }), d = y(r), [i, s2] = useReducer(_e, { info: T2, selectedIndex: u2 != null ? u2 : t2, tabs: [], panels: [] }), F2 = useMemo(() => ({ selectedIndex: i.selectedIndex }), [i.selectedIndex]), M2 = s$3(n$1 || (() => {
-  })), b$1 = s$3(i.tabs), m2 = useMemo(() => ({ orientation: x, activation: f$12, ...i }), [x, f$12, i]), E = o((p) => (s2({ type: 1, tab: p }), () => s2({ type: 2, tab: p }))), I = o((p) => (s2({ type: 3, panel: p }), () => s2({ type: 4, panel: p }))), g = o((p) => {
-    R.current !== p && M2.current(p), c || s2({ type: 0, index: p });
-  }), R = s$3(c ? e.selectedIndex : i.selectedIndex), J = useMemo(() => ({ registerTab: E, registerPanel: I, change: g }), []);
-  n(() => {
-    s2({ type: 0, index: u2 != null ? u2 : t2 });
-  }, [u2]), n(() => {
-    if (R.current === void 0 || i.tabs.length <= 0) return;
-    let p = _(i.tabs, (L) => L.current);
-    p.some((L, B) => i.tabs[B] !== L) && g(p.indexOf(i.tabs[R.current]));
-  });
-  let k = { ref: d };
-  return React__default.createElement(f, null, React__default.createElement(V.Provider, { value: J }, React__default.createElement(z.Provider, { value: m2 }, m2.tabs.length <= 0 && React__default.createElement(b, { onFocus: () => {
-    var p, h;
-    for (let L of b$1.current) if (((p = L.current) == null ? void 0 : p.tabIndex) === 0) return (h = L.current) == null || h.focus(), true;
-    return false;
-  } }), H({ ourProps: k, theirProps: _$1, slot: F2, defaultTag: De, name: "Tabs" }))));
-}
-let Fe = "div";
-function Ie(e, r) {
-  let { orientation: t2, selectedIndex: o2 } = C("Tab.List"), a2 = y(r), n2 = useMemo(() => ({ selectedIndex: o2 }), [o2]);
-  return H({ ourProps: { ref: a2, role: "tablist", "aria-orientation": t2 }, theirProps: e, slot: n2, defaultTag: Fe, name: "Tabs.List" });
-}
-let he = "button";
-function ve(e, r) {
-  var Y, Z;
-  let t$1 = useId(), { id: o$2 = `headlessui-tabs-tab-${t$1}`, disabled: a2 = false, autoFocus: n$1 = false, ...u$2 } = e, { orientation: _2, activation: x, selectedIndex: f2, tabs: c, panels: T2 } = C("Tab"), d = Q("Tab"), i = C("Tab"), s2 = useRef(null), F$1 = y(s2, r);
-  n(() => d.registerTab(s2), [d, s2]);
-  let M2 = C$1("tabs"), b2 = c.indexOf(s2);
-  b2 === -1 && (b2 = M2);
-  let m2 = b2 === f2, E = o((l) => {
-    var X;
-    let A = l();
-    if (A === T$2.Success && x === "auto") {
-      let $ = (X = u$1(s2)) == null ? void 0 : X.activeElement, ee = i.tabs.findIndex((Te) => Te.current === $);
-      ee !== -1 && d.change(ee);
-    }
-    return A;
-  }), I = o((l) => {
-    let A = c.map(($) => $.current).filter(Boolean);
-    if (l.key === o$1.Space || l.key === o$1.Enter) {
-      l.preventDefault(), l.stopPropagation(), d.change(b2);
-      return;
-    }
-    switch (l.key) {
-      case o$1.Home:
-      case o$1.PageUp:
-        return l.preventDefault(), l.stopPropagation(), E(() => P(A, F.First));
-      case o$1.End:
-      case o$1.PageDown:
-        return l.preventDefault(), l.stopPropagation(), E(() => P(A, F.Last));
-    }
-    if (E(() => u(_2, { vertical() {
-      return l.key === o$1.ArrowUp ? P(A, F.Previous | F.WrapAround) : l.key === o$1.ArrowDown ? P(A, F.Next | F.WrapAround) : T$2.Error;
-    }, horizontal() {
-      return l.key === o$1.ArrowLeft ? P(A, F.Previous | F.WrapAround) : l.key === o$1.ArrowRight ? P(A, F.Next | F.WrapAround) : T$2.Error;
-    } })) === T$2.Success) return l.preventDefault();
-  }), g = useRef(false), R = o(() => {
-    var l;
-    g.current || (g.current = true, (l = s2.current) == null || l.focus({ preventScroll: true }), d.change(b2), t(() => {
-      g.current = false;
-    }));
-  }), J = o((l) => {
-    l.preventDefault();
-  }), { isFocusVisible: k, focusProps: p } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n$1 }), { isHovered: h, hoverProps: L } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a2 }), { pressed: B, pressProps: ie } = w({ disabled: a2 }), pe = useMemo(() => ({ selected: m2, hover: h, active: B, focus: k, autofocus: n$1, disabled: a2 }), [m2, h, k, B, n$1, a2]), ue = D({ ref: F$1, onKeyDown: I, onMouseDown: J, onClick: R, id: o$2, role: "tab", type: T$1(e, s2), "aria-controls": (Z = (Y = T2[b2]) == null ? void 0 : Y.current) == null ? void 0 : Z.id, "aria-selected": m2, tabIndex: m2 ? 0 : -1, disabled: a2 || void 0, autoFocus: n$1 }, p, L, ie);
-  return H({ ourProps: ue, theirProps: u$2, slot: pe, defaultTag: he, name: "Tabs.Tab" });
-}
-let Ce = "div";
-function Me(e, r) {
-  let { selectedIndex: t2 } = C("Tab.Panels"), o2 = y(r), a2 = useMemo(() => ({ selectedIndex: t2 }), [t2]);
-  return H({ ourProps: { ref: o2 }, theirProps: e, slot: a2, defaultTag: Ce, name: "Tabs.Panels" });
-}
-let Ge = "div", Ue = M.RenderStrategy | M.Static;
-function He(e, r) {
-  var E, I, g, R;
-  let t2 = useId(), { id: o2 = `headlessui-tabs-panel-${t2}`, tabIndex: a2 = 0, ...n$1 } = e, { selectedIndex: u2, tabs: _2, panels: x } = C("Tab.Panel"), f2 = Q("Tab.Panel"), c = useRef(null), T$12 = y(c, r);
-  n(() => f2.registerPanel(c), [f2, c]);
-  let d = C$1("panels"), i = x.indexOf(c);
-  i === -1 && (i = d);
-  let s2 = i === u2, { isFocusVisible: F2, focusProps: M2 } = $f7dceffc5ad7768b$export$4e328f61c538687f(), b2 = useMemo(() => ({ selected: s2, focus: F2 }), [s2, F2]), m2 = D({ ref: T$12, id: o2, role: "tabpanel", "aria-labelledby": (I = (E = _2[i]) == null ? void 0 : E.current) == null ? void 0 : I.id, tabIndex: s2 ? a2 : -1 }, M2);
-  return !s2 && ((g = n$1.unmount) == null || g) && !((R = n$1.static) != null && R) ? React__default.createElement(T, { "aria-hidden": "true", ...m2 }) : H({ ourProps: m2, theirProps: n$1, slot: b2, defaultTag: Ge, features: Ue, visible: s2, name: "Tabs.Panel" });
-}
-let we = W(ve), Oe = W(Se), Ne = W(Ie), ke = W(Me), Be = W(He), st = Object.assign(we, { Group: Oe, List: Ne, Panels: ke, Panel: Be });
-const container = "_container_rlke5_2";
-const group = "_group_rlke5_6";
-const tab = "_tab_rlke5_16";
-const list = "_list_rlke5_51";
-const tabs = "_tabs_rlke5_62";
-const buttons = "_buttons_rlke5_68";
-const m = "_m_rlke5_75";
-const s = "_s_rlke5_83";
-const cls = {
-  container,
-  group,
-  "group-inner": "_group-inner_rlke5_9",
-  tab,
-  list,
-  tabs,
-  buttons,
-  m,
-  s
-};
-const TabTrail = forwardRef(
-  ({
-    categories,
-    size = ETabTrailSize.M,
-    showButtons = true,
-    className,
-    selectedTabIndex,
-    onTabChange
-  }, ref) => {
-    const [activeIndex, setActiveIndex] = useState(selectedTabIndex || 0);
-    const tabListRef = useRef(null);
-    useEffect(() => {
-      if (selectedTabIndex !== void 0 && selectedTabIndex !== activeIndex) {
-        setActiveIndex(selectedTabIndex);
-      }
-    }, [activeIndex, selectedTabIndex]);
-    const handleTabChange = (index) => {
-      setActiveIndex(index);
-      onTabChange == null ? void 0 : onTabChange(index);
-    };
-    const handleNext = () => {
-      const newIndex = (activeIndex + 1) % categories.length;
-      handleTabChange(newIndex);
-    };
-    const handlePrev = () => {
-      const newIndex = (activeIndex - 1 + categories.length) % categories.length;
-      handleTabChange(newIndex);
-    };
-    useEffect(() => {
-      var _a;
-      const activeTab = (_a = tabListRef.current) == null ? void 0 : _a.querySelector(
-        `.${cls.tab}[data-active="true"]`
-      );
-      if (activeTab && typeof activeTab.scrollIntoView === "function") {
-        activeTab.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest",
-          inline: "center"
-        });
-      }
-    }, [activeIndex]);
-    return /* @__PURE__ */ jsxs(
-      Oe,
-      {
-        ref,
-        className: classNames(cls.group, cls[size], className),
-        selectedIndex: activeIndex,
-        onChange: handleTabChange,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: cls["group-inner"], children: [
-            /* @__PURE__ */ jsx(Ne, { ref: tabListRef, className: cls.list, children: /* @__PURE__ */ jsx("div", { className: cls.tabs, children: categories.map(({ name, notificationCount }, index) => /* @__PURE__ */ jsxs(
-              st,
-              {
-                className: `${cls.tab} ${activeIndex === index ? 'data-active="true"' : ""}`,
-                "data-active": activeIndex === index,
-                children: [
-                  name,
-                  notificationCount && /* @__PURE__ */ jsx(NotificationBadge, { count: notificationCount, size: "m" })
-                ]
-              },
-              name
-            )) }) }),
-            showButtons && /* @__PURE__ */ jsx("div", { className: cls.buttons, children: /* @__PURE__ */ jsx(
-              TabButtons,
-              {
-                handlePrevTab: handlePrev,
-                handleNextTab: handleNext
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx(ke, { className: cls.panels, children: categories.map(({ name, content }) => /* @__PURE__ */ jsx(Be, { className: cls.panel, children: content }, name)) })
-        ]
-      }
-    );
-  }
-);
-export {
-  TabTrail
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/TabTrail.css');const _=require("react/jsx-runtime"),re=require("../../index-gDmAUrkZ.cjs"),o=require("react"),ae=require("./constants.js"),se=require("./TabButtons/TabButtons.js"),oe=require("../NotificationBadge/NotificationBadge.js"),n=require("../../keyboard-sIr63LbB.cjs"),le=require("../../use-active-press-lCdIry0x.cjs"),ue=require("../../use-resolve-button-type-tLWyfvGR.cjs"),O=require("../../hidden-D9zgqFYI.cjs"),f=require("../../focus-management-Csjh_HIo.cjs");function ie(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const A=ie(o);function ce(){let e=o.useRef(!1);return n.n(()=>(e.current=!0,()=>{e.current=!1}),[]),e}function de({onFocus:e}){let[t,r]=o.useState(!0),a=ce();return t?o.createElement(O.T,{as:"button",type:"button",features:O.s.Focusable,onFocus:l=>{l.preventDefault();let u,i=50;function c(){if(i--<=0){u&&cancelAnimationFrame(u);return}if(e()){if(cancelAnimationFrame(u),!a.current)return;r(!1);return}u=requestAnimationFrame(c)}u=requestAnimationFrame(c)}}):null}const z=A.createContext(null);function fe(){return{groups:new Map,get(e,t){var r;let a=this.groups.get(e);a||(a=new Map,this.groups.set(e,a));let l=(r=a.get(t))!=null?r:0;a.set(t,l+1);let u=Array.from(a.keys()).indexOf(t);function i(){let c=a.get(t);c>1?a.set(t,c-1):a.delete(t)}return[u,i]}}}function be({children:e}){let t=A.useRef(fe());return A.createElement(z.Provider,{value:t},e)}function G(e){let t=A.useContext(z);if(!t)throw new Error("You must wrap your component in a <StableCollection>");let r=A.useId(),[a,l]=t.current.get(e,r);return A.useEffect(()=>l,[]),a}var pe=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(pe||{}),xe=(e=>(e[e.Less=-1]="Less",e[e.Equal=0]="Equal",e[e.Greater=1]="Greater",e))(xe||{}),me=(e=>(e[e.SetSelectedIndex=0]="SetSelectedIndex",e[e.RegisterTab=1]="RegisterTab",e[e.UnregisterTab=2]="UnregisterTab",e[e.RegisterPanel=3]="RegisterPanel",e[e.UnregisterPanel=4]="UnregisterPanel",e))(me||{});let ge={0(e,t){var r;let a=f._(e.tabs,b=>b.current),l=f._(e.panels,b=>b.current),u=a.filter(b=>{var g;return!((g=b.current)!=null&&g.hasAttribute("disabled"))}),i={...e,tabs:a,panels:l};if(t.index<0||t.index>a.length-1){let b=n.u$1(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,0:()=>n.u$1(Math.sign(t.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(u.length===0)return i;let g=n.u$1(b,{0:()=>a.indexOf(u[0]),1:()=>a.indexOf(u[u.length-1])});return{...i,selectedIndex:g===-1?e.selectedIndex:g}}let c=a.slice(0,t.index),v=[...a.slice(t.index),...c].find(b=>u.includes(b));if(!v)return i;let m=(r=a.indexOf(v))!=null?r:e.selectedIndex;return m===-1&&(m=e.selectedIndex),{...i,selectedIndex:m}},1(e,t){if(e.tabs.includes(t.tab))return e;let r=e.tabs[e.selectedIndex],a=f._([...e.tabs,t.tab],u=>u.current),l=e.selectedIndex;return e.info.current.isControlled||(l=a.indexOf(r),l===-1&&(l=e.selectedIndex)),{...e,tabs:a,selectedIndex:l}},2(e,t){return{...e,tabs:e.tabs.filter(r=>r!==t.tab)}},3(e,t){return e.panels.includes(t.panel)?e:{...e,panels:f._([...e.panels,t.panel],r=>r.current)}},4(e,t){return{...e,panels:e.panels.filter(r=>r!==t.panel)}}},C=o.createContext(null);C.displayName="TabsDataContext";function N(e){let t=o.useContext(C);if(t===null){let r=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,N),r}return t}let B=o.createContext(null);B.displayName="TabsActionsContext";function L(e){let t=o.useContext(B);if(t===null){let r=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,L),r}return t}function ve(e,t){return n.u$1(t.type,ge,e,t)}let Te="div";function he(e,t){let{defaultIndex:r=0,vertical:a=!1,manual:l=!1,onChange:u,selectedIndex:i=null,...c}=e;const v=a?"vertical":"horizontal",m=l?"manual":"auto";let b=i!==null,g=n.s({isControlled:b}),k=n.y(t),[s,d]=o.useReducer(ve,{info:g,selectedIndex:i??r,tabs:[],panels:[]}),w=o.useMemo(()=>({selectedIndex:s.selectedIndex}),[s.selectedIndex]),T=n.s(u||(()=>{})),F=n.s(s.tabs),P=o.useMemo(()=>({orientation:v,activation:m,...s}),[v,m,s]),h=n.o(x=>(d({type:1,tab:x}),()=>d({type:2,tab:x}))),E=n.o(x=>(d({type:3,panel:x}),()=>d({type:4,panel:x}))),S=n.o(x=>{R.current!==x&&T.current(x),b||d({type:0,index:x})}),R=n.s(b?e.selectedIndex:s.selectedIndex),j=o.useMemo(()=>({registerTab:h,registerPanel:E,change:S}),[]);n.n(()=>{d({type:0,index:i??r})},[i]),n.n(()=>{if(R.current===void 0||s.tabs.length<=0)return;let x=f._(s.tabs,y=>y.current);x.some((y,M)=>s.tabs[M]!==y)&&S(x.indexOf(s.tabs[R.current]))});let q={ref:k};return o.createElement(be,null,o.createElement(B.Provider,{value:j},o.createElement(C.Provider,{value:P},P.tabs.length<=0&&o.createElement(de,{onFocus:()=>{var x,y;for(let M of F.current)if(((x=M.current)==null?void 0:x.tabIndex)===0)return(y=M.current)==null||y.focus(),!0;return!1}}),n.H({ourProps:q,theirProps:c,slot:w,defaultTag:Te,name:"Tabs"}))))}let Pe="div";function _e(e,t){let{orientation:r,selectedIndex:a}=N("Tab.List"),l=n.y(t),u=o.useMemo(()=>({selectedIndex:a}),[a]);return n.H({ourProps:{ref:l,role:"tablist","aria-orientation":r},theirProps:e,slot:u,defaultTag:Pe,name:"Tabs.List"})}let Ie="button";function ye(e,t){var r,a;let l=o.useId(),{id:u=`headlessui-tabs-tab-${l}`,disabled:i=!1,autoFocus:c=!1,...v}=e,{orientation:m,activation:b,selectedIndex:g,tabs:k,panels:s}=N("Tab"),d=L("Tab"),w=N("Tab"),T=o.useRef(null),F=n.y(T,t);n.n(()=>d.registerTab(T),[d,T]);let P=G("tabs"),h=k.indexOf(T);h===-1&&(h=P);let E=h===g,S=n.o(p=>{var $;let D=p();if(D===f.T.Success&&b==="auto"){let te=($=n.u(T))==null?void 0:$.activeElement,U=w.tabs.findIndex(ne=>ne.current===te);U!==-1&&d.change(U)}return D}),R=n.o(p=>{let $=k.map(D=>D.current).filter(Boolean);if(p.key===n.o$1.Space||p.key===n.o$1.Enter){p.preventDefault(),p.stopPropagation(),d.change(h);return}switch(p.key){case n.o$1.Home:case n.o$1.PageUp:return p.preventDefault(),p.stopPropagation(),S(()=>f.P($,f.F.First));case n.o$1.End:case n.o$1.PageDown:return p.preventDefault(),p.stopPropagation(),S(()=>f.P($,f.F.Last))}if(S(()=>n.u$1(m,{vertical(){return p.key===n.o$1.ArrowUp?f.P($,f.F.Previous|f.F.WrapAround):p.key===n.o$1.ArrowDown?f.P($,f.F.Next|f.F.WrapAround):f.T.Error},horizontal(){return p.key===n.o$1.ArrowLeft?f.P($,f.F.Previous|f.F.WrapAround):p.key===n.o$1.ArrowRight?f.P($,f.F.Next|f.F.WrapAround):f.T.Error}}))===f.T.Success)return p.preventDefault()}),j=o.useRef(!1),q=n.o(()=>{var p;j.current||(j.current=!0,(p=T.current)==null||p.focus({preventScroll:!0}),d.change(h),n.t(()=>{j.current=!1}))}),x=n.o(p=>{p.preventDefault()}),{isFocusVisible:y,focusProps:M}=n.$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:c}),{isHovered:W,hoverProps:Q}=n.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:i}),{pressed:H,pressProps:X}=le.w({disabled:i}),Z=o.useMemo(()=>({selected:E,hover:W,active:H,focus:y,autofocus:c,disabled:i}),[E,W,y,H,c,i]),ee=n.D({ref:F,onKeyDown:R,onMouseDown:x,onClick:q,id:u,role:"tab",type:ue.T(e,T),"aria-controls":(a=(r=s[h])==null?void 0:r.current)==null?void 0:a.id,"aria-selected":E,tabIndex:E?0:-1,disabled:i||void 0,autoFocus:c},M,Q,X);return n.H({ourProps:ee,theirProps:v,slot:Z,defaultTag:Ie,name:"Tabs.Tab"})}let $e="div";function ke(e,t){let{selectedIndex:r}=N("Tab.Panels"),a=n.y(t),l=o.useMemo(()=>({selectedIndex:r}),[r]);return n.H({ourProps:{ref:a},theirProps:e,slot:l,defaultTag:$e,name:"Tabs.Panels"})}let we="div",Fe=n.M.RenderStrategy|n.M.Static;function Ee(e,t){var r,a,l,u;let i=o.useId(),{id:c=`headlessui-tabs-panel-${i}`,tabIndex:v=0,...m}=e,{selectedIndex:b,tabs:g,panels:k}=N("Tab.Panel"),s=L("Tab.Panel"),d=o.useRef(null),w=n.y(d,t);n.n(()=>s.registerPanel(d),[s,d]);let T=G("panels"),F=k.indexOf(d);F===-1&&(F=T);let P=F===b,{isFocusVisible:h,focusProps:E}=n.$f7dceffc5ad7768b$export$4e328f61c538687f(),S=o.useMemo(()=>({selected:P,focus:h}),[P,h]),R=n.D({ref:w,id:c,role:"tabpanel","aria-labelledby":(a=(r=g[F])==null?void 0:r.current)==null?void 0:a.id,tabIndex:P?v:-1},E);return!P&&((l=m.unmount)==null||l)&&!((u=m.static)!=null&&u)?o.createElement(O.T,{"aria-hidden":"true",...R}):n.H({ourProps:R,theirProps:m,slot:S,defaultTag:we,features:Fe,visible:P,name:"Tabs.Panel"})}let Se=n.W(ye),V=n.W(he),J=n.W(_e),Y=n.W(ke),K=n.W(Ee),Re=Object.assign(Se,{Group:V,List:J,Panels:Y,Panel:K});const Me="_container_rlke5_2",Ae="_group_rlke5_6",Ne="_tab_rlke5_16",je="_list_rlke5_51",De="_tabs_rlke5_62",qe="_buttons_rlke5_68",Oe="_m_rlke5_75",Ce="_s_rlke5_83",I={container:Me,group:Ae,"group-inner":"_group-inner_rlke5_9",tab:Ne,list:je,tabs:De,buttons:qe,m:Oe,s:Ce},Be=o.forwardRef(({categories:e,size:t=ae.ETabTrailSize.M,showButtons:r=!0,className:a,selectedTabIndex:l,onTabChange:u},i)=>{const[c,v]=o.useState(l||0),m=o.useRef(null);o.useEffect(()=>{l!==void 0&&l!==c&&v(l)},[c,l]);const b=s=>{v(s),u==null||u(s)},g=()=>{const s=(c+1)%e.length;b(s)},k=()=>{const s=(c-1+e.length)%e.length;b(s)};return o.useEffect(()=>{var d;const s=(d=m.current)==null?void 0:d.querySelector(`.${I.tab}[data-active="true"]`);s&&typeof s.scrollIntoView=="function"&&s.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},[c]),_.jsxs(V,{ref:i,className:re.classNames(I.group,I[t],a),selectedIndex:c,onChange:b,children:[_.jsxs("div",{className:I["group-inner"],children:[_.jsx(J,{ref:m,className:I.list,children:_.jsx("div",{className:I.tabs,children:e.map(({name:s,notificationCount:d},w)=>_.jsxs(Re,{className:`${I.tab} ${c===w?'data-active="true"':""}`,"data-active":c===w,children:[s,d&&_.jsx(oe.NotificationBadge,{count:d,size:"m"})]},s))})}),r&&_.jsx("div",{className:I.buttons,children:_.jsx(se.TabButtons,{handlePrevTab:k,handleNextTab:g})})]}),_.jsx(Y,{className:I.panels,children:e.map(({name:s,content:d})=>_.jsx(K,{className:I.panel,children:d},s))})]})});exports.TabTrail=Be;

package/dist/components/TabTrail/constants.js

@@ -1,8 +1 @@
-var ETabTrailSize = /* @__PURE__ */ ((ETabTrailSize2) => {
-  ETabTrailSize2["M"] = "m";
-  ETabTrailSize2["S"] = "s";
-  return ETabTrailSize2;
-})(ETabTrailSize || {});
-export {
-  ETabTrailSize
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.M="m",e.S="s",e))(r||{});exports.ETabTrailSize=r;

package/dist/components/TabTrail/index.js

@@ -1,6 +1 @@
-import { TabTrail } from "./TabTrail.js";
-import { ETabTrailSize } from "./constants.js";
-export {
-  ETabTrailSize,
-  TabTrail
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./TabTrail.js"),e=require("./constants.js");exports.TabTrail=a.TabTrail;exports.ETabTrailSize=e.ETabTrailSize;

package/dist/components/Tag/Tag.js

@@ -1,54 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef } from "react";
-import { ETagSize, ETagType } from "./constants.js";
-import '../../assets/Tag.css';const container = "_container_pnj33_2";
-const disabled = "_disabled_pnj33_25";
-const inner = "_inner_pnj33_30";
-const M = "_M_pnj33_38";
-const S = "_S_pnj33_42";
-const XS = "_XS_pnj33_50";
-const cls = {
-  container,
-  disabled,
-  inner,
-  M,
-  S,
-  XS
-};
-const Tag = forwardRef(
-  (props, ref) => {
-    const {
-      rootClassName,
-      innerClassName,
-      children,
-      size = ETagSize.M,
-      disabled: disabled2 = false,
-      elementType = ETagType.BUTTON,
-      backgroundColor = "",
-      color = "",
-      outline = false,
-      ...otherProps
-    } = props;
-    const Element = elementType === ETagType.BUTTON ? ETagType.BUTTON : ETagType.DIV;
-    return /* @__PURE__ */ jsx(
-      Element,
-      {
-        className: classNames(cls.container, cls[size], rootClassName, {
-          [cls.disabled]: disabled2
-        }),
-        ref,
-        style: {
-          backgroundColor: outline ? "transparent" : backgroundColor,
-          borderColor: backgroundColor,
-          color: outline ? backgroundColor : color
-        },
-        ...otherProps,
-        children: /* @__PURE__ */ jsx("span", { className: classNames(cls.inner, innerClassName), children })
-      }
-    );
-  }
-);
-export {
-  Tag
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/Tag.css');const a=require("react/jsx-runtime"),r=require("../../index-gDmAUrkZ.cjs"),b=require("react"),e=require("./constants.js"),j="_container_pnj33_2",N="_disabled_pnj33_25",S="_inner_pnj33_30",y="_M_pnj33_38",E="_S_pnj33_42",f="_XS_pnj33_50",n={container:j,disabled:N,inner:S,M:y,S:E,XS:f},C=b.forwardRef((t,c)=>{const{rootClassName:i,innerClassName:l,children:T,size:_=e.ETagSize.M,disabled:d=!1,elementType:p=e.ETagType.BUTTON,backgroundColor:s="",color:g="",outline:o=!1,...u}=t,m=p===e.ETagType.BUTTON?e.ETagType.BUTTON:e.ETagType.DIV;return a.jsx(m,{className:r.classNames(n.container,n[_],i,{[n.disabled]:d}),ref:c,style:{backgroundColor:o?"transparent":s,borderColor:s,color:o?s:g},...u,children:a.jsx("span",{className:r.classNames(n.inner,l),children:T})})});exports.Tag=C;

package/dist/components/Tag/constants.js

@@ -1,15 +1 @@
-var ETagSize = /* @__PURE__ */ ((ETagSize2) => {
-  ETagSize2["XS"] = "XS";
-  ETagSize2["S"] = "S";
-  ETagSize2["M"] = "M";
-  return ETagSize2;
-})(ETagSize || {});
-var ETagType = /* @__PURE__ */ ((ETagType2) => {
-  ETagType2["DIV"] = "div";
-  ETagType2["BUTTON"] = "button";
-  return ETagType2;
-})(ETagType || {});
-export {
-  ETagSize,
-  ETagType
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(r=>(r.XS="XS",r.S="S",r.M="M",r))(t||{}),e=(r=>(r.DIV="div",r.BUTTON="button",r))(e||{});exports.ETagSize=t;exports.ETagType=e;

package/dist/components/Tag/index.js

@@ -1,7 +1 @@
-import { Tag } from "./Tag.js";
-import { ETagSize, ETagType } from "./constants.js";
-export {
-  ETagSize,
-  ETagType,
-  Tag
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./Tag.js"),e=require("./constants.js");exports.Tag=a.Tag;exports.ETagSize=e.ETagSize;exports.ETagType=e.ETagType;

package/dist/components/TextArea/TextArea.js

@@ -1,231 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState, useRef, useEffect } from "react";
-import { useAutoResizeTextArea } from "./hooks.js";
-import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
-import { Icon } from "../../icons/Icon.js";
-import { Button } from "../Button/Button.js";
-import { c as cls } from "../../Input-DspsU5F4.js";
-import { EInputVariant } from "../Input/constants.js";
-import '../../assets/TextArea.css';const textarea = "_textarea_1n8kz_2";
-const label = "_label_1n8kz_22";
-const s = "_s_1n8kz_54";
-const m = "_m_1n8kz_62";
-const l = "_l_1n8kz_22";
-const textareaCls = {
-  "textarea-wrapper": "_textarea-wrapper_1n8kz_2",
-  textarea,
-  "has-label": "_has-label_1n8kz_8",
-  "required-mark": "_required-mark_1n8kz_11",
-  label,
-  "has-left-slot": "_has-left-slot_1n8kz_37",
-  "active-label": "_active-label_1n8kz_40",
-  s,
-  m,
-  l
-};
-const renderAddon = (addon) => {
-  var _a, _b;
-  if (!addon) {
-    return null;
-  }
-  switch (addon.addonType) {
-    case "icon": {
-      const is16px = (_a = addon.addonContent) == null ? void 0 : _a.includes("16px");
-      const is24px = (_b = addon.addonContent) == null ? void 0 : _b.includes("24px");
-      return /* @__PURE__ */ jsx(
-        Icon,
-        {
-          style: {
-            ["--icon-size"]: classNames({
-              "16px": is16px,
-              "24px": is24px
-            })
-          },
-          className: cls["addon-icon"],
-          iconName: addon.addonContent
-        }
-      );
-    }
-    case "text": {
-      return addon.addonContent;
-    }
-    default: {
-      return null;
-    }
-  }
-};
-const TextArea = memo(
-  forwardRef(
-    (props, ref) => {
-      const {
-        value,
-        className,
-        wrapperClassName,
-        variant = EInputVariant.DefaultGray,
-        autofocus,
-        readonly,
-        status,
-        id,
-        onFocus,
-        onBlur,
-        label: label2,
-        onChange,
-        withClearButton,
-        disabled,
-        rightAddon,
-        leftAddon,
-        size = "m",
-        required,
-        ...otherProps
-      } = props;
-      const [isFocused, setIsFocused] = useState(autofocus);
-      const [withValue, setWithValue] = useState(!!value);
-      const textareaRef = useRef(null);
-      const mergedTextareaRef = useMergeRefs(textareaRef, ref);
-      useEffect(() => {
-        if (autofocus) {
-          setIsFocused(true);
-        }
-      }, [autofocus]);
-      const handleResize = useAutoResizeTextArea(textareaRef.current);
-      const handleBlur = (event) => {
-        const currentValue = event.currentTarget.value;
-        onBlur == null ? void 0 : onBlur(event);
-        setIsFocused(false);
-        setWithValue(!!currentValue);
-      };
-      const handleFocus = (event) => {
-        if (readonly) {
-          return;
-        }
-        setIsFocused(true);
-        onFocus == null ? void 0 : onFocus(event);
-      };
-      const handleClear = () => {
-        if (textareaRef == null ? void 0 : textareaRef.current) {
-          textareaRef.current.value = "";
-          textareaRef.current.focus();
-          setWithValue(false);
-          handleResize();
-          onChange == null ? void 0 : onChange({
-            target: { value: "" }
-          });
-        }
-      };
-      const handleChange = (event) => {
-        const targetValue = event.target.value;
-        setWithValue(!!targetValue);
-        handleResize();
-        onChange == null ? void 0 : onChange(event);
-      };
-      const currentLeftAddon = renderAddon(leftAddon);
-      const currentRightAddon = renderAddon(rightAddon);
-      const mods = {
-        [cls.readonly]: disabled || readonly,
-        [cls.focused]: isFocused,
-        [cls.disabled]: disabled || readonly,
-        [cls["has-left-slot"]]: !!currentLeftAddon,
-        [cls["has-right-slot"]]: !!currentRightAddon,
-        [textareaCls["has-label"]]: !!label2
-      };
-      const isActiveLabel = isFocused || withValue || !!value;
-      const labelClassNames = classNames(
-        cls.label,
-        textareaCls.label,
-        {
-          [textareaCls["active-label"]]: isActiveLabel,
-          [cls.disabled]: disabled || readonly,
-          [textareaCls["has-left-slot"]]: !!currentLeftAddon
-        },
-        className,
-        cls[size]
-      );
-      const inputClassNames = classNames(
-        textareaCls.textarea,
-        cls.input,
-        mods,
-        className,
-        [cls[variant], textareaCls[size], cls[size], cls[status ?? ""]]
-      );
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: classNames(
-            cls["input-wrapper"],
-            textareaCls["textarea-wrapper"],
-            cls[variant],
-            cls[status ?? ""],
-            textareaCls[size],
-            cls[size],
-            {
-              [cls.disabled]: disabled || readonly,
-              [cls.focused]: isFocused
-            },
-            wrapperClassName
-          ),
-          children: [
-            label2 && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: labelClassNames, children: [
-              label2,
-              required && (withValue || isFocused) && /* @__PURE__ */ jsx("span", { className: textareaCls["required-mark"] })
-            ] }),
-            currentLeftAddon && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: classNames(cls["left-slot"], {
-                  [cls.focused]: isActiveLabel,
-                  [cls["has-label"]]: !!label2
-                }),
-                children: currentLeftAddon
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "textarea",
-              {
-                ref: mergedTextareaRef,
-                id,
-                className: inputClassNames,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                readOnly: readonly,
-                value,
-                onChange: handleChange,
-                required,
-                ...otherProps
-              }
-            ),
-            currentRightAddon && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: classNames(cls["right-slot"], {
-                  [cls.focused]: isActiveLabel,
-                  [cls["has-label"]]: !!label2
-                }),
-                children: currentRightAddon
-              }
-            ),
-            required && !withValue && !isFocused && /* @__PURE__ */ jsx("span", { className: textareaCls["required-mark"] }),
-            withClearButton && withValue && /* @__PURE__ */ jsx(
-              Button,
-              {
-                tabIndex: -1,
-                className: cls.clear,
-                isIconButton: true,
-                iconName: "Close16px",
-                size: "m-s",
-                clear: true,
-                disabled: disabled || readonly,
-                variant: "secondary-gray",
-                onClick: handleClear
-              }
-            )
-          ]
-        }
-      );
-    }
-  )
-);
-TextArea.displayName = "TextArea";
-export {
-  TextArea
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/TextArea.css');const t=require("react/jsx-runtime"),i=require("../../index-gDmAUrkZ.cjs"),u=require("react"),K=require("./hooks.js"),Q=require("../../hooks/useMergeRefs/useMergeRefs.js"),U=require("../../icons/Icon.js"),X=require("../Button/Button.js"),e=require("../../Input-BvgVl6YE.cjs"),Y=require("../Input/constants.js"),Z="_textarea_1n8kz_2",$="_label_1n8kz_22",ee="_s_1n8kz_54",se="_m_1n8kz_62",te="_l_1n8kz_22",s={"textarea-wrapper":"_textarea-wrapper_1n8kz_2",textarea:Z,"has-label":"_has-label_1n8kz_8","required-mark":"_required-mark_1n8kz_11",label:$,"has-left-slot":"_has-left-slot_1n8kz_37","active-label":"_active-label_1n8kz_40",s:ee,m:se,l:te},B=a=>{var x,r;if(!a)return null;switch(a.addonType){case"icon":{const f=(x=a.addonContent)==null?void 0:x.includes("16px"),N=(r=a.addonContent)==null?void 0:r.includes("24px");return t.jsx(U.Icon,{style:{"--icon-size":i.classNames({"16px":f,"24px":N})},className:e.cls["addon-icon"],iconName:a.addonContent})}case"text":return a.addonContent;default:return null}},V=u.memo(u.forwardRef((a,x)=>{const{value:r,className:f,wrapperClassName:N,variant:R=Y.EInputVariant.DefaultGray,autofocus:k,readonly:l,status:w,id:I,onFocus:z,onBlur:g,label:d,onChange:o,withClearButton:F,disabled:m,rightAddon:M,leftAddon:S,size:_="m",required:q,...E}=a,[p,A]=u.useState(k),[h,j]=u.useState(!!r),n=u.useRef(null),L=Q.useMergeRefs(n,x);u.useEffect(()=>{k&&A(!0)},[k]);const T=K.useAutoResizeTextArea(n.current),O=c=>{const C=c.currentTarget.value;g==null||g(c),A(!1),j(!!C)},P=c=>{l||(A(!0),z==null||z(c))},D=()=>{n!=null&&n.current&&(n.current.value="",n.current.focus(),j(!1),T(),o==null||o({target:{value:""}}))},G=c=>{const C=c.target.value;j(!!C),T(),o==null||o(c)},b=B(S),v=B(M),W={[e.cls.readonly]:m||l,[e.cls.focused]:p,[e.cls.disabled]:m||l,[e.cls["has-left-slot"]]:!!b,[e.cls["has-right-slot"]]:!!v,[s["has-label"]]:!!d},y=p||h||!!r,H=i.classNames(e.cls.label,s.label,{[s["active-label"]]:y,[e.cls.disabled]:m||l,[s["has-left-slot"]]:!!b},f,e.cls[_]),J=i.classNames(s.textarea,e.cls.input,W,f,[e.cls[R],s[_],e.cls[_],e.cls[w??""]]);return t.jsxs("div",{className:i.classNames(e.cls["input-wrapper"],s["textarea-wrapper"],e.cls[R],e.cls[w??""],s[_],e.cls[_],{[e.cls.disabled]:m||l,[e.cls.focused]:p},N),children:[d&&t.jsxs("label",{htmlFor:I,className:H,children:[d,q&&(h||p)&&t.jsx("span",{className:s["required-mark"]})]}),b&&t.jsx("span",{className:i.classNames(e.cls["left-slot"],{[e.cls.focused]:y,[e.cls["has-label"]]:!!d}),children:b}),t.jsx("textarea",{ref:L,id:I,className:J,onFocus:P,onBlur:O,readOnly:l,value:r,onChange:G,required:q,...E}),v&&t.jsx("span",{className:i.classNames(e.cls["right-slot"],{[e.cls.focused]:y,[e.cls["has-label"]]:!!d}),children:v}),q&&!h&&!p&&t.jsx("span",{className:s["required-mark"]}),F&&h&&t.jsx(X.Button,{tabIndex:-1,className:e.cls.clear,isIconButton:!0,iconName:"Close16px",size:"m-s",clear:!0,disabled:m||l,variant:"secondary-gray",onClick:D})]})}));V.displayName="TextArea";exports.TextArea=V;