@v-miniapp/ui-react 1.0.60 → 1.0.72

package/dist-storybook/assets/tab-bar-DTyg7tFP.js

@@ -1,31 +0,0 @@
-import{r as a,j as i}from"./iframe-C0PGuV5s.js";import{c as $,g as S}from"./store-BmYgrUro.js";import{r as G}from"./icon-CgGksgRS.js";import{T as F}from"./typography-BcLxefPi.js";import{a as H,B as W}from"./badge-DLt8CmDs.js";import{u as J}from"./index-DWjPAWoJ.js";const p=S("tab-bar__item"),B=a.forwardRef(({className:u,id:r,active:w,icon:m,name:I,badge:n,onItemClick:f,...k},v)=>{const o=()=>{if(!m)return null;const t=i.jsx("span",{className:`${p}__icon`,children:G(m)});return n?i.jsxs(H,{children:[t,i.jsx(W,{...n===!0?{}:n})]}):t},h=()=>{const t=i.jsx(F,{component:"span",size:"base",className:`${p}__label`,children:I});return!n||m?t:i.jsxs("div",{className:`${p}__label-with-badge`,children:[t,i.jsx(W,{...n===!0?{}:n})]})};return i.jsxs("div",{ref:v,className:$(p,{[`${p}--active`]:w},u),onClick:()=>f?.(),...k,children:[o(),h()]})});B.__docgenInfo={description:"",methods:[],displayName:"TabBarItem",props:{id:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"union",raw:"IIconProps | ReactNode",elements:[{name:"intersection",raw:"Destination & Omit<Origin, keyof Destination>",elements:[{name:"intersection",raw:`{
-  size?: number | string
-  color?: IColor
-  animation?: IIconAnimation
-} & ({ name: IIconName; type?: 'outline' | 'fill' } | { children: ReactNode })`,elements:[{name:"signature",type:"object",raw:`{
-  size?: number | string
-  color?: IColor
-  animation?: IIconAnimation
-}`,signature:{properties:[{key:"size",value:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}],required:!1}},{key:"color",value:{name:"union",raw:"IThemeColor | (string & {})",elements:[{name:"union",raw:"keyof typeof themeColors",elements:[{name:"literal",value:"'alias-background'"},{name:"literal",value:"'alias-background-brand'"},{name:"literal",value:"'alias-background-brand-disabled'"},{name:"literal",value:"'alias-background-brand-strong'"},{name:"literal",value:"'alias-background-brand-subtle'"},{name:"literal",value:"'alias-background-disabled'"},{name:"literal",value:"'alias-background-disabled-inverse'"},{name:"literal",value:"'alias-background-grid-pattern'"},{name:"literal",value:"'alias-background-inverse'"},{name:"literal",value:"'alias-background-nav-box'"},{name:"literal",value:"'alias-background-nav-box-inverse'"},{name:"literal",value:"'alias-border-brand'"},{name:"literal",value:"'alias-border-disabled'"},{name:"literal",value:"'alias-border-disabled-inverse'"},{name:"literal",value:"'alias-border-inverse'"},{name:"literal",value:"'alias-border-on-brand'"},{name:"literal",value:"'alias-border-overlay'"},{name:"literal",value:"'alias-border-strong-01'"},{name:"literal",value:"'alias-border-strong-02'"},{name:"literal",value:"'alias-border-subtle-00'"},{name:"literal",value:"'alias-border-subtle-01'"},{name:"literal",value:"'alias-border-subtle-02'"},{name:"literal",value:"'alias-border-subtle-selected-01'"},{name:"literal",value:"'alias-border-subtle-selected-02'"},{name:"literal",value:"'alias-custom-brand'"},{name:"literal",value:"'alias-custom-brand-disabled'"},{name:"literal",value:"'alias-custom-brand-strong'"},{name:"literal",value:"'alias-custom-brand-subtle'"},{name:"literal",value:"'alias-layer-01'"},{name:"literal",value:"'alias-layer-02'"},{name:"literal",value:"'alias-layer-accent-01'"},{name:"literal",value:"'alias-layer-accent-02'"},{name:"literal",value:"'alias-layer-accent-hover-01'"},{name:"literal",value:"'alias-layer-accent-hover-02'"},{name:"literal",value:"'alias-layer-hover-01'"},{name:"literal",value:"'alias-layer-hover-02'"},{name:"literal",value:"'alias-layer-overlay'"},{name:"literal",value:"'alias-layer-overlay-inverse'"},{name:"literal",value:"'alias-link-inverse'"},{name:"literal",value:"'alias-link-inverse-hover'"},{name:"literal",value:"'alias-link-inverse-visited'"},{name:"literal",value:"'alias-link-primary'"},{name:"literal",value:"'alias-link-primary-hover'"},{name:"literal",value:"'alias-link-secondary'"},{name:"literal",value:"'alias-link-visited'"},{name:"literal",value:"'alias-object-brand'"},{name:"literal",value:"'alias-object-disabled'"},{name:"literal",value:"'alias-object-disabled-inverse'"},{name:"literal",value:"'alias-object-helper'"},{name:"literal",value:"'alias-object-interactive'"},{name:"literal",value:"'alias-object-on-brand'"},{name:"literal",value:"'alias-object-on-color-dark'"},{name:"literal",value:"'alias-object-on-color-light'"},{name:"literal",value:"'alias-object-placeholder'"},{name:"literal",value:"'alias-object-primary'"},{name:"literal",value:"'alias-object-primary-inverse'"},{name:"literal",value:"'alias-object-secondary'"},{name:"literal",value:"'alias-overlay'"},{name:"literal",value:"'alias-overlay-subtle'"},{name:"literal",value:"'alias-picker-view-overlay'"},{name:"literal",value:"'alias-skeleton-background'"},{name:"literal",value:"'alias-skeleton-background-inverse'"},{name:"literal",value:"'alias-skeleton-element'"},{name:"literal",value:"'alias-skeleton-element-inverse'"},{name:"literal",value:"'alias-support-highlight'"},{name:"literal",value:"'alias-support-info'"},{name:"literal",value:"'alias-support-info-inverse'"},{name:"literal",value:"'alias-support-info-subtle'"},{name:"literal",value:"'alias-support-negative'"},{name:"literal",value:"'alias-support-negative-inverse'"},{name:"literal",value:"'alias-support-negative-subtle'"},{name:"literal",value:"'alias-support-positive'"},{name:"literal",value:"'alias-support-positive-inverse'"},{name:"literal",value:"'alias-support-positive-subtle'"},{name:"literal",value:"'alias-support-warning'"},{name:"literal",value:"'alias-support-warning-inverse'"},{name:"literal",value:"'alias-support-warning-subtle'"},{name:"literal",value:"'alias-switch-off'"},{name:"literal",value:"'alias-transparent'"},{name:"literal",value:"'global-amber-amber-05'"},{name:"literal",value:"'global-amber-amber-10'"},{name:"literal",value:"'global-amber-amber-20'"},{name:"literal",value:"'global-amber-amber-30'"},{name:"literal",value:"'global-amber-amber-40'"},{name:"literal",value:"'global-amber-amber-50'"},{name:"literal",value:"'global-amber-amber-60'"},{name:"literal",value:"'global-amber-amber-70'"},{name:"literal",value:"'global-amber-amber-80'"},{name:"literal",value:"'global-amber-amber-90'"},{name:"literal",value:"'global-amber-amber-95'"},{name:"literal",value:"'global-basic-black'"},{name:"literal",value:"'global-basic-black-20'"},{name:"literal",value:"'global-basic-black-5'"},{name:"literal",value:"'global-basic-white'"},{name:"literal",value:"'global-basic-white-0'"},{name:"literal",value:"'global-basic-white-15'"},{name:"literal",value:"'global-basic-white-25'"},{name:"literal",value:"'global-basic-white-30'"},{name:"literal",value:"'global-basic-white-5'"},{name:"literal",value:"'global-basic-white-50'"},{name:"literal",value:"'global-basic-white-80'"},{name:"literal",value:"'global-blue-blue-05'"},{name:"literal",value:"'global-blue-blue-10'"},{name:"literal",value:"'global-blue-blue-20'"},{name:"literal",value:"'global-blue-blue-30'"},{name:"literal",value:"'global-blue-blue-40'"},{name:"literal",value:"'global-blue-blue-40-15'"},{name:"literal",value:"'global-blue-blue-40-25'"},{name:"literal",value:"'global-blue-blue-50'"},{name:"literal",value:"'global-blue-blue-60'"},{name:"literal",value:"'global-blue-blue-60-15'"},{name:"literal",value:"'global-blue-blue-60-25'"},{name:"literal",value:"'global-blue-blue-70'"},{name:"literal",value:"'global-blue-blue-80'"},{name:"literal",value:"'global-blue-blue-90'"},{name:"literal",value:"'global-blue-blue-95'"},{name:"literal",value:"'global-cyan-cyan-05'"},{name:"literal",value:"'global-cyan-cyan-10'"},{name:"literal",value:"'global-cyan-cyan-20'"},{name:"literal",value:"'global-cyan-cyan-30'"},{name:"literal",value:"'global-cyan-cyan-40'"},{name:"literal",value:"'global-cyan-cyan-50'"},{name:"literal",value:"'global-cyan-cyan-60'"},{name:"literal",value:"'global-cyan-cyan-70'"},{name:"literal",value:"'global-cyan-cyan-80'"},{name:"literal",value:"'global-cyan-cyan-90'"},{name:"literal",value:"'global-cyan-cyan-95'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-05'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-10'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-20'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-30'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-40'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-50'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-60'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-70'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-80'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-90'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-95'"},{name:"literal",value:"'global-emerald-emerald-05'"},{name:"literal",value:"'global-emerald-emerald-10'"},{name:"literal",value:"'global-emerald-emerald-20'"},{name:"literal",value:"'global-emerald-emerald-30'"},{name:"literal",value:"'global-emerald-emerald-40'"},{name:"literal",value:"'global-emerald-emerald-50'"},{name:"literal",value:"'global-emerald-emerald-60'"},{name:"literal",value:"'global-emerald-emerald-70'"},{name:"literal",value:"'global-emerald-emerald-80'"},{name:"literal",value:"'global-emerald-emerald-90'"},{name:"literal",value:"'global-emerald-emerald-95'"},{name:"literal",value:"'global-fuchsia-fuchsia-05'"},{name:"literal",value:"'global-fuchsia-fuchsia-10'"},{name:"literal",value:"'global-fuchsia-fuchsia-20'"},{name:"literal",value:"'global-fuchsia-fuchsia-30'"},{name:"literal",value:"'global-fuchsia-fuchsia-40'"},{name:"literal",value:"'global-fuchsia-fuchsia-50'"},{name:"literal",value:"'global-fuchsia-fuchsia-60'"},{name:"literal",value:"'global-fuchsia-fuchsia-70'"},{name:"literal",value:"'global-fuchsia-fuchsia-80'"},{name:"literal",value:"'global-fuchsia-fuchsia-90'"},{name:"literal",value:"'global-fuchsia-fuchsia-95'"},{name:"literal",value:"'global-gray-gray-05'"},{name:"literal",value:"'global-gray-gray-10'"},{name:"literal",value:"'global-gray-gray-20'"},{name:"literal",value:"'global-gray-gray-30'"},{name:"literal",value:"'global-gray-gray-40'"},{name:"literal",value:"'global-gray-gray-50'"},{name:"literal",value:"'global-gray-gray-60'"},{name:"literal",value:"'global-gray-gray-70'"},{name:"literal",value:"'global-gray-gray-80'"},{name:"literal",value:"'global-gray-gray-90'"},{name:"literal",value:"'global-gray-gray-95'"},{name:"literal",value:"'global-green-green-05'"},{name:"literal",value:"'global-green-green-10'"},{name:"literal",value:"'global-green-green-20'"},{name:"literal",value:"'global-green-green-30'"},{name:"literal",value:"'global-green-green-40'"},{name:"literal",value:"'global-green-green-50'"},{name:"literal",value:"'global-green-green-60'"},{name:"literal",value:"'global-green-green-70'"},{name:"literal",value:"'global-green-green-80'"},{name:"literal",value:"'global-green-green-90'"},{name:"literal",value:"'global-green-green-95'"},{name:"literal",value:"'global-indigo-indigo-05'"},{name:"literal",value:"'global-indigo-indigo-10'"},{name:"literal",value:"'global-indigo-indigo-20'"},{name:"literal",value:"'global-indigo-indigo-30'"},{name:"literal",value:"'global-indigo-indigo-40'"},{name:"literal",value:"'global-indigo-indigo-50'"},{name:"literal",value:"'global-indigo-indigo-60'"},{name:"literal",value:"'global-indigo-indigo-70'"},{name:"literal",value:"'global-indigo-indigo-80'"},{name:"literal",value:"'global-indigo-indigo-90'"},{name:"literal",value:"'global-indigo-indigo-95'"},{name:"literal",value:"'global-lime-lime-05'"},{name:"literal",value:"'global-lime-lime-10'"},{name:"literal",value:"'global-lime-lime-20'"},{name:"literal",value:"'global-lime-lime-30'"},{name:"literal",value:"'global-lime-lime-40'"},{name:"literal",value:"'global-lime-lime-50'"},{name:"literal",value:"'global-lime-lime-60'"},{name:"literal",value:"'global-lime-lime-70'"},{name:"literal",value:"'global-lime-lime-80'"},{name:"literal",value:"'global-lime-lime-90'"},{name:"literal",value:"'global-lime-lime-95'"},{name:"literal",value:"'global-neutral-neutral-05'"},{name:"literal",value:"'global-neutral-neutral-05-5'"},{name:"literal",value:"'global-neutral-neutral-05-50'"},{name:"literal",value:"'global-neutral-neutral-10'"},{name:"literal",value:"'global-neutral-neutral-20'"},{name:"literal",value:"'global-neutral-neutral-20-30'"},{name:"literal",value:"'global-neutral-neutral-30'"},{name:"literal",value:"'global-neutral-neutral-40'"},{name:"literal",value:"'global-neutral-neutral-50'"},{name:"literal",value:"'global-neutral-neutral-50-15'"},{name:"literal",value:"'global-neutral-neutral-50-20'"},{name:"literal",value:"'global-neutral-neutral-50-30'"},{name:"literal",value:"'global-neutral-neutral-50-50'"},{name:"literal",value:"'global-neutral-neutral-60'"},{name:"literal",value:"'global-neutral-neutral-70'"},{name:"literal",value:"'global-neutral-neutral-80'"},{name:"literal",value:"'global-neutral-neutral-90'"},{name:"literal",value:"'global-neutral-neutral-95'"},{name:"literal",value:"'global-neutral-neutral-95-0'"},{name:"literal",value:"'global-neutral-neutral-95-15'"},{name:"literal",value:"'global-neutral-neutral-95-25'"},{name:"literal",value:"'global-neutral-neutral-95-5'"},{name:"literal",value:"'global-neutral-neutral-95-50'"},{name:"literal",value:"'global-neutral-neutral-95-65'"},{name:"literal",value:"'global-orange-orange-05'"},{name:"literal",value:"'global-orange-orange-10'"},{name:"literal",value:"'global-orange-orange-20'"},{name:"literal",value:"'global-orange-orange-30'"},{name:"literal",value:"'global-orange-orange-40'"},{name:"literal",value:"'global-orange-orange-50'"},{name:"literal",value:"'global-orange-orange-60'"},{name:"literal",value:"'global-orange-orange-70'"},{name:"literal",value:"'global-orange-orange-80'"},{name:"literal",value:"'global-orange-orange-90'"},{name:"literal",value:"'global-orange-orange-95'"},{name:"literal",value:"'global-pink-pink-05'"},{name:"literal",value:"'global-pink-pink-10'"},{name:"literal",value:"'global-pink-pink-20'"},{name:"literal",value:"'global-pink-pink-30'"},{name:"literal",value:"'global-pink-pink-40'"},{name:"literal",value:"'global-pink-pink-50'"},{name:"literal",value:"'global-pink-pink-60'"},{name:"literal",value:"'global-pink-pink-70'"},{name:"literal",value:"'global-pink-pink-80'"},{name:"literal",value:"'global-pink-pink-90'"},{name:"literal",value:"'global-pink-pink-95'"},{name:"literal",value:"'global-purple-purple-05'"},{name:"literal",value:"'global-purple-purple-10'"},{name:"literal",value:"'global-purple-purple-20'"},{name:"literal",value:"'global-purple-purple-30'"},{name:"literal",value:"'global-purple-purple-40'"},{name:"literal",value:"'global-purple-purple-50'"},{name:"literal",value:"'global-purple-purple-60'"},{name:"literal",value:"'global-purple-purple-70'"},{name:"literal",value:"'global-purple-purple-80'"},{name:"literal",value:"'global-purple-purple-90'"},{name:"literal",value:"'global-purple-purple-95'"},{name:"literal",value:"'global-red-red-05'"},{name:"literal",value:"'global-red-red-10'"},{name:"literal",value:"'global-red-red-20'"},{name:"literal",value:"'global-red-red-30'"},{name:"literal",value:"'global-red-red-40'"},{name:"literal",value:"'global-red-red-50'"},{name:"literal",value:"'global-red-red-50-15'"},{name:"literal",value:"'global-red-red-50-25'"},{name:"literal",value:"'global-red-red-60'"},{name:"literal",value:"'global-red-red-60-15'"},{name:"literal",value:"'global-red-red-60-25'"},{name:"literal",value:"'global-red-red-70'"},{name:"literal",value:"'global-red-red-80'"},{name:"literal",value:"'global-red-red-90'"},{name:"literal",value:"'global-red-red-95'"},{name:"literal",value:"'global-rose-rose-05'"},{name:"literal",value:"'global-rose-rose-10'"},{name:"literal",value:"'global-rose-rose-20'"},{name:"literal",value:"'global-rose-rose-30'"},{name:"literal",value:"'global-rose-rose-40'"},{name:"literal",value:"'global-rose-rose-50'"},{name:"literal",value:"'global-rose-rose-60'"},{name:"literal",value:"'global-rose-rose-70'"},{name:"literal",value:"'global-rose-rose-80'"},{name:"literal",value:"'global-rose-rose-90'"},{name:"literal",value:"'global-rose-rose-95'"},{name:"literal",value:"'global-sky-sky-05'"},{name:"literal",value:"'global-sky-sky-10'"},{name:"literal",value:"'global-sky-sky-20'"},{name:"literal",value:"'global-sky-sky-30'"},{name:"literal",value:"'global-sky-sky-40'"},{name:"literal",value:"'global-sky-sky-50'"},{name:"literal",value:"'global-sky-sky-60'"},{name:"literal",value:"'global-sky-sky-70'"},{name:"literal",value:"'global-sky-sky-80'"},{name:"literal",value:"'global-sky-sky-90'"},{name:"literal",value:"'global-sky-sky-95'"},{name:"literal",value:"'global-slate-slate-05'"},{name:"literal",value:"'global-slate-slate-10'"},{name:"literal",value:"'global-slate-slate-20'"},{name:"literal",value:"'global-slate-slate-30'"},{name:"literal",value:"'global-slate-slate-40'"},{name:"literal",value:"'global-slate-slate-50'"},{name:"literal",value:"'global-slate-slate-60'"},{name:"literal",value:"'global-slate-slate-70'"},{name:"literal",value:"'global-slate-slate-80'"},{name:"literal",value:"'global-slate-slate-90'"},{name:"literal",value:"'global-slate-slate-95'"},{name:"literal",value:"'global-stone-stone-05'"},{name:"literal",value:"'global-stone-stone-10'"},{name:"literal",value:"'global-stone-stone-20'"},{name:"literal",value:"'global-stone-stone-30'"},{name:"literal",value:"'global-stone-stone-40'"},{name:"literal",value:"'global-stone-stone-50'"},{name:"literal",value:"'global-stone-stone-60'"},{name:"literal",value:"'global-stone-stone-70'"},{name:"literal",value:"'global-stone-stone-80'"},{name:"literal",value:"'global-stone-stone-90'"},{name:"literal",value:"'global-stone-stone-95'"},{name:"literal",value:"'global-teal-teal-05'"},{name:"literal",value:"'global-teal-teal-10'"},{name:"literal",value:"'global-teal-teal-20'"},{name:"literal",value:"'global-teal-teal-30'"},{name:"literal",value:"'global-teal-teal-40'"},{name:"literal",value:"'global-teal-teal-50'"},{name:"literal",value:"'global-teal-teal-60'"},{name:"literal",value:"'global-teal-teal-70'"},{name:"literal",value:"'global-teal-teal-80'"},{name:"literal",value:"'global-teal-teal-90'"},{name:"literal",value:"'global-teal-teal-95'"},{name:"literal",value:"'global-violet-violet-05'"},{name:"literal",value:"'global-violet-violet-10'"},{name:"literal",value:"'global-violet-violet-20'"},{name:"literal",value:"'global-violet-violet-30'"},{name:"literal",value:"'global-violet-violet-40'"},{name:"literal",value:"'global-violet-violet-50'"},{name:"literal",value:"'global-violet-violet-60'"},{name:"literal",value:"'global-violet-violet-70'"},{name:"literal",value:"'global-violet-violet-80'"},{name:"literal",value:"'global-violet-violet-90'"},{name:"literal",value:"'global-violet-violet-95'"},{name:"literal",value:"'global-yellow-yellow-05'"},{name:"literal",value:"'global-yellow-yellow-10'"},{name:"literal",value:"'global-yellow-yellow-20'"},{name:"literal",value:"'global-yellow-yellow-30'"},{name:"literal",value:"'global-yellow-yellow-40'"},{name:"literal",value:"'global-yellow-yellow-40-15'"},{name:"literal",value:"'global-yellow-yellow-40-25'"},{name:"literal",value:"'global-yellow-yellow-50'"},{name:"literal",value:"'global-yellow-yellow-60'"},{name:"literal",value:"'global-yellow-yellow-70'"},{name:"literal",value:"'global-yellow-yellow-80'"},{name:"literal",value:"'global-yellow-yellow-90'"},{name:"literal",value:"'global-yellow-yellow-95'"},{name:"literal",value:"'global-zinc-zinc-05'"},{name:"literal",value:"'global-zinc-zinc-10'"},{name:"literal",value:"'global-zinc-zinc-20'"},{name:"literal",value:"'global-zinc-zinc-30'"},{name:"literal",value:"'global-zinc-zinc-40'"},{name:"literal",value:"'global-zinc-zinc-50'"},{name:"literal",value:"'global-zinc-zinc-60'"},{name:"literal",value:"'global-zinc-zinc-70'"},{name:"literal",value:"'global-zinc-zinc-80'"},{name:"literal",value:"'global-zinc-zinc-90'"},{name:"literal",value:"'global-zinc-zinc-95'"}]},{name:"unknown"}],required:!1}},{key:"animation",value:{name:"union",raw:"'spin' | 'ping' | 'pulse' | 'bounce'",elements:[{name:"literal",value:"'spin'"},{name:"literal",value:"'ping'"},{name:"literal",value:"'pulse'"},{name:"literal",value:"'bounce'"}],required:!1}}]}},{name:"unknown"}]},{name:"Omit",elements:[{name:"Omit",elements:[{name:"intersection",raw:`React.ComponentProps<'svg'> & {
-  title?: string
-  titleId?: string
-  desc?: string
-  descId?: string
-}`,elements:[{name:"ReactComponentProps",raw:"React.ComponentProps<'svg'>",elements:[{name:"literal",value:"'svg'"}]},{name:"signature",type:"object",raw:`{
-  title?: string
-  titleId?: string
-  desc?: string
-  descId?: string
-}`,signature:{properties:[{key:"title",value:{name:"string",required:!1}},{key:"titleId",value:{name:"string",required:!1}},{key:"desc",value:{name:"string",required:!1}},{key:"descId",value:{name:"string",required:!1}}]}}]},{name:"union",raw:"'name' | 'type' | 'children'",elements:[{name:"literal",value:"'name'"},{name:"literal",value:"'type'"},{name:"literal",value:"'children'"}]}],raw:"Omit<ISVGComponentProps, 'name' | 'type' | 'children'>"},{name:"intersection",raw:`{
-  size?: number | string
-  color?: IColor
-  animation?: IIconAnimation
-} & ({ name: IIconName; type?: 'outline' | 'fill' } | { children: ReactNode })`,elements:[{name:"signature",type:"object",raw:`{
-  size?: number | string
-  color?: IColor
-  animation?: IIconAnimation
-}`,signature:{properties:[{key:"size",value:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}],required:!1}},{key:"color",value:{name:"union",raw:"IThemeColor | (string & {})",elements:[{name:"union",raw:"keyof typeof themeColors",elements:[{name:"literal",value:"'alias-background'"},{name:"literal",value:"'alias-background-brand'"},{name:"literal",value:"'alias-background-brand-disabled'"},{name:"literal",value:"'alias-background-brand-strong'"},{name:"literal",value:"'alias-background-brand-subtle'"},{name:"literal",value:"'alias-background-disabled'"},{name:"literal",value:"'alias-background-disabled-inverse'"},{name:"literal",value:"'alias-background-grid-pattern'"},{name:"literal",value:"'alias-background-inverse'"},{name:"literal",value:"'alias-background-nav-box'"},{name:"literal",value:"'alias-background-nav-box-inverse'"},{name:"literal",value:"'alias-border-brand'"},{name:"literal",value:"'alias-border-disabled'"},{name:"literal",value:"'alias-border-disabled-inverse'"},{name:"literal",value:"'alias-border-inverse'"},{name:"literal",value:"'alias-border-on-brand'"},{name:"literal",value:"'alias-border-overlay'"},{name:"literal",value:"'alias-border-strong-01'"},{name:"literal",value:"'alias-border-strong-02'"},{name:"literal",value:"'alias-border-subtle-00'"},{name:"literal",value:"'alias-border-subtle-01'"},{name:"literal",value:"'alias-border-subtle-02'"},{name:"literal",value:"'alias-border-subtle-selected-01'"},{name:"literal",value:"'alias-border-subtle-selected-02'"},{name:"literal",value:"'alias-custom-brand'"},{name:"literal",value:"'alias-custom-brand-disabled'"},{name:"literal",value:"'alias-custom-brand-strong'"},{name:"literal",value:"'alias-custom-brand-subtle'"},{name:"literal",value:"'alias-layer-01'"},{name:"literal",value:"'alias-layer-02'"},{name:"literal",value:"'alias-layer-accent-01'"},{name:"literal",value:"'alias-layer-accent-02'"},{name:"literal",value:"'alias-layer-accent-hover-01'"},{name:"literal",value:"'alias-layer-accent-hover-02'"},{name:"literal",value:"'alias-layer-hover-01'"},{name:"literal",value:"'alias-layer-hover-02'"},{name:"literal",value:"'alias-layer-overlay'"},{name:"literal",value:"'alias-layer-overlay-inverse'"},{name:"literal",value:"'alias-link-inverse'"},{name:"literal",value:"'alias-link-inverse-hover'"},{name:"literal",value:"'alias-link-inverse-visited'"},{name:"literal",value:"'alias-link-primary'"},{name:"literal",value:"'alias-link-primary-hover'"},{name:"literal",value:"'alias-link-secondary'"},{name:"literal",value:"'alias-link-visited'"},{name:"literal",value:"'alias-object-brand'"},{name:"literal",value:"'alias-object-disabled'"},{name:"literal",value:"'alias-object-disabled-inverse'"},{name:"literal",value:"'alias-object-helper'"},{name:"literal",value:"'alias-object-interactive'"},{name:"literal",value:"'alias-object-on-brand'"},{name:"literal",value:"'alias-object-on-color-dark'"},{name:"literal",value:"'alias-object-on-color-light'"},{name:"literal",value:"'alias-object-placeholder'"},{name:"literal",value:"'alias-object-primary'"},{name:"literal",value:"'alias-object-primary-inverse'"},{name:"literal",value:"'alias-object-secondary'"},{name:"literal",value:"'alias-overlay'"},{name:"literal",value:"'alias-overlay-subtle'"},{name:"literal",value:"'alias-picker-view-overlay'"},{name:"literal",value:"'alias-skeleton-background'"},{name:"literal",value:"'alias-skeleton-background-inverse'"},{name:"literal",value:"'alias-skeleton-element'"},{name:"literal",value:"'alias-skeleton-element-inverse'"},{name:"literal",value:"'alias-support-highlight'"},{name:"literal",value:"'alias-support-info'"},{name:"literal",value:"'alias-support-info-inverse'"},{name:"literal",value:"'alias-support-info-subtle'"},{name:"literal",value:"'alias-support-negative'"},{name:"literal",value:"'alias-support-negative-inverse'"},{name:"literal",value:"'alias-support-negative-subtle'"},{name:"literal",value:"'alias-support-positive'"},{name:"literal",value:"'alias-support-positive-inverse'"},{name:"literal",value:"'alias-support-positive-subtle'"},{name:"literal",value:"'alias-support-warning'"},{name:"literal",value:"'alias-support-warning-inverse'"},{name:"literal",value:"'alias-support-warning-subtle'"},{name:"literal",value:"'alias-switch-off'"},{name:"literal",value:"'alias-transparent'"},{name:"literal",value:"'global-amber-amber-05'"},{name:"literal",value:"'global-amber-amber-10'"},{name:"literal",value:"'global-amber-amber-20'"},{name:"literal",value:"'global-amber-amber-30'"},{name:"literal",value:"'global-amber-amber-40'"},{name:"literal",value:"'global-amber-amber-50'"},{name:"literal",value:"'global-amber-amber-60'"},{name:"literal",value:"'global-amber-amber-70'"},{name:"literal",value:"'global-amber-amber-80'"},{name:"literal",value:"'global-amber-amber-90'"},{name:"literal",value:"'global-amber-amber-95'"},{name:"literal",value:"'global-basic-black'"},{name:"literal",value:"'global-basic-black-20'"},{name:"literal",value:"'global-basic-black-5'"},{name:"literal",value:"'global-basic-white'"},{name:"literal",value:"'global-basic-white-0'"},{name:"literal",value:"'global-basic-white-15'"},{name:"literal",value:"'global-basic-white-25'"},{name:"literal",value:"'global-basic-white-30'"},{name:"literal",value:"'global-basic-white-5'"},{name:"literal",value:"'global-basic-white-50'"},{name:"literal",value:"'global-basic-white-80'"},{name:"literal",value:"'global-blue-blue-05'"},{name:"literal",value:"'global-blue-blue-10'"},{name:"literal",value:"'global-blue-blue-20'"},{name:"literal",value:"'global-blue-blue-30'"},{name:"literal",value:"'global-blue-blue-40'"},{name:"literal",value:"'global-blue-blue-40-15'"},{name:"literal",value:"'global-blue-blue-40-25'"},{name:"literal",value:"'global-blue-blue-50'"},{name:"literal",value:"'global-blue-blue-60'"},{name:"literal",value:"'global-blue-blue-60-15'"},{name:"literal",value:"'global-blue-blue-60-25'"},{name:"literal",value:"'global-blue-blue-70'"},{name:"literal",value:"'global-blue-blue-80'"},{name:"literal",value:"'global-blue-blue-90'"},{name:"literal",value:"'global-blue-blue-95'"},{name:"literal",value:"'global-cyan-cyan-05'"},{name:"literal",value:"'global-cyan-cyan-10'"},{name:"literal",value:"'global-cyan-cyan-20'"},{name:"literal",value:"'global-cyan-cyan-30'"},{name:"literal",value:"'global-cyan-cyan-40'"},{name:"literal",value:"'global-cyan-cyan-50'"},{name:"literal",value:"'global-cyan-cyan-60'"},{name:"literal",value:"'global-cyan-cyan-70'"},{name:"literal",value:"'global-cyan-cyan-80'"},{name:"literal",value:"'global-cyan-cyan-90'"},{name:"literal",value:"'global-cyan-cyan-95'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-05'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-10'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-20'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-30'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-40'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-50'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-60'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-70'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-80'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-90'"},{name:"literal",value:"'global-dynamic-red-dynamic-red-95'"},{name:"literal",value:"'global-emerald-emerald-05'"},{name:"literal",value:"'global-emerald-emerald-10'"},{name:"literal",value:"'global-emerald-emerald-20'"},{name:"literal",value:"'global-emerald-emerald-30'"},{name:"literal",value:"'global-emerald-emerald-40'"},{name:"literal",value:"'global-emerald-emerald-50'"},{name:"literal",value:"'global-emerald-emerald-60'"},{name:"literal",value:"'global-emerald-emerald-70'"},{name:"literal",value:"'global-emerald-emerald-80'"},{name:"literal",value:"'global-emerald-emerald-90'"},{name:"literal",value:"'global-emerald-emerald-95'"},{name:"literal",value:"'global-fuchsia-fuchsia-05'"},{name:"literal",value:"'global-fuchsia-fuchsia-10'"},{name:"literal",value:"'global-fuchsia-fuchsia-20'"},{name:"literal",value:"'global-fuchsia-fuchsia-30'"},{name:"literal",value:"'global-fuchsia-fuchsia-40'"},{name:"literal",value:"'global-fuchsia-fuchsia-50'"},{name:"literal",value:"'global-fuchsia-fuchsia-60'"},{name:"literal",value:"'global-fuchsia-fuchsia-70'"},{name:"literal",value:"'global-fuchsia-fuchsia-80'"},{name:"literal",value:"'global-fuchsia-fuchsia-90'"},{name:"literal",value:"'global-fuchsia-fuchsia-95'"},{name:"literal",value:"'global-gray-gray-05'"},{name:"literal",value:"'global-gray-gray-10'"},{name:"literal",value:"'global-gray-gray-20'"},{name:"literal",value:"'global-gray-gray-30'"},{name:"literal",value:"'global-gray-gray-40'"},{name:"literal",value:"'global-gray-gray-50'"},{name:"literal",value:"'global-gray-gray-60'"},{name:"literal",value:"'global-gray-gray-70'"},{name:"literal",value:"'global-gray-gray-80'"},{name:"literal",value:"'global-gray-gray-90'"},{name:"literal",value:"'global-gray-gray-95'"},{name:"literal",value:"'global-green-green-05'"},{name:"literal",value:"'global-green-green-10'"},{name:"literal",value:"'global-green-green-20'"},{name:"literal",value:"'global-green-green-30'"},{name:"literal",value:"'global-green-green-40'"},{name:"literal",value:"'global-green-green-50'"},{name:"literal",value:"'global-green-green-60'"},{name:"literal",value:"'global-green-green-70'"},{name:"literal",value:"'global-green-green-80'"},{name:"literal",value:"'global-green-green-90'"},{name:"literal",value:"'global-green-green-95'"},{name:"literal",value:"'global-indigo-indigo-05'"},{name:"literal",value:"'global-indigo-indigo-10'"},{name:"literal",value:"'global-indigo-indigo-20'"},{name:"literal",value:"'global-indigo-indigo-30'"},{name:"literal",value:"'global-indigo-indigo-40'"},{name:"literal",value:"'global-indigo-indigo-50'"},{name:"literal",value:"'global-indigo-indigo-60'"},{name:"literal",value:"'global-indigo-indigo-70'"},{name:"literal",value:"'global-indigo-indigo-80'"},{name:"literal",value:"'global-indigo-indigo-90'"},{name:"literal",value:"'global-indigo-indigo-95'"},{name:"literal",value:"'global-lime-lime-05'"},{name:"literal",value:"'global-lime-lime-10'"},{name:"literal",value:"'global-lime-lime-20'"},{name:"literal",value:"'global-lime-lime-30'"},{name:"literal",value:"'global-lime-lime-40'"},{name:"literal",value:"'global-lime-lime-50'"},{name:"literal",value:"'global-lime-lime-60'"},{name:"literal",value:"'global-lime-lime-70'"},{name:"literal",value:"'global-lime-lime-80'"},{name:"literal",value:"'global-lime-lime-90'"},{name:"literal",value:"'global-lime-lime-95'"},{name:"literal",value:"'global-neutral-neutral-05'"},{name:"literal",value:"'global-neutral-neutral-05-5'"},{name:"literal",value:"'global-neutral-neutral-05-50'"},{name:"literal",value:"'global-neutral-neutral-10'"},{name:"literal",value:"'global-neutral-neutral-20'"},{name:"literal",value:"'global-neutral-neutral-20-30'"},{name:"literal",value:"'global-neutral-neutral-30'"},{name:"literal",value:"'global-neutral-neutral-40'"},{name:"literal",value:"'global-neutral-neutral-50'"},{name:"literal",value:"'global-neutral-neutral-50-15'"},{name:"literal",value:"'global-neutral-neutral-50-20'"},{name:"literal",value:"'global-neutral-neutral-50-30'"},{name:"literal",value:"'global-neutral-neutral-50-50'"},{name:"literal",value:"'global-neutral-neutral-60'"},{name:"literal",value:"'global-neutral-neutral-70'"},{name:"literal",value:"'global-neutral-neutral-80'"},{name:"literal",value:"'global-neutral-neutral-90'"},{name:"literal",value:"'global-neutral-neutral-95'"},{name:"literal",value:"'global-neutral-neutral-95-0'"},{name:"literal",value:"'global-neutral-neutral-95-15'"},{name:"literal",value:"'global-neutral-neutral-95-25'"},{name:"literal",value:"'global-neutral-neutral-95-5'"},{name:"literal",value:"'global-neutral-neutral-95-50'"},{name:"literal",value:"'global-neutral-neutral-95-65'"},{name:"literal",value:"'global-orange-orange-05'"},{name:"literal",value:"'global-orange-orange-10'"},{name:"literal",value:"'global-orange-orange-20'"},{name:"literal",value:"'global-orange-orange-30'"},{name:"literal",value:"'global-orange-orange-40'"},{name:"literal",value:"'global-orange-orange-50'"},{name:"literal",value:"'global-orange-orange-60'"},{name:"literal",value:"'global-orange-orange-70'"},{name:"literal",value:"'global-orange-orange-80'"},{name:"literal",value:"'global-orange-orange-90'"},{name:"literal",value:"'global-orange-orange-95'"},{name:"literal",value:"'global-pink-pink-05'"},{name:"literal",value:"'global-pink-pink-10'"},{name:"literal",value:"'global-pink-pink-20'"},{name:"literal",value:"'global-pink-pink-30'"},{name:"literal",value:"'global-pink-pink-40'"},{name:"literal",value:"'global-pink-pink-50'"},{name:"literal",value:"'global-pink-pink-60'"},{name:"literal",value:"'global-pink-pink-70'"},{name:"literal",value:"'global-pink-pink-80'"},{name:"literal",value:"'global-pink-pink-90'"},{name:"literal",value:"'global-pink-pink-95'"},{name:"literal",value:"'global-purple-purple-05'"},{name:"literal",value:"'global-purple-purple-10'"},{name:"literal",value:"'global-purple-purple-20'"},{name:"literal",value:"'global-purple-purple-30'"},{name:"literal",value:"'global-purple-purple-40'"},{name:"literal",value:"'global-purple-purple-50'"},{name:"literal",value:"'global-purple-purple-60'"},{name:"literal",value:"'global-purple-purple-70'"},{name:"literal",value:"'global-purple-purple-80'"},{name:"literal",value:"'global-purple-purple-90'"},{name:"literal",value:"'global-purple-purple-95'"},{name:"literal",value:"'global-red-red-05'"},{name:"literal",value:"'global-red-red-10'"},{name:"literal",value:"'global-red-red-20'"},{name:"literal",value:"'global-red-red-30'"},{name:"literal",value:"'global-red-red-40'"},{name:"literal",value:"'global-red-red-50'"},{name:"literal",value:"'global-red-red-50-15'"},{name:"literal",value:"'global-red-red-50-25'"},{name:"literal",value:"'global-red-red-60'"},{name:"literal",value:"'global-red-red-60-15'"},{name:"literal",value:"'global-red-red-60-25'"},{name:"literal",value:"'global-red-red-70'"},{name:"literal",value:"'global-red-red-80'"},{name:"literal",value:"'global-red-red-90'"},{name:"literal",value:"'global-red-red-95'"},{name:"literal",value:"'global-rose-rose-05'"},{name:"literal",value:"'global-rose-rose-10'"},{name:"literal",value:"'global-rose-rose-20'"},{name:"literal",value:"'global-rose-rose-30'"},{name:"literal",value:"'global-rose-rose-40'"},{name:"literal",value:"'global-rose-rose-50'"},{name:"literal",value:"'global-rose-rose-60'"},{name:"literal",value:"'global-rose-rose-70'"},{name:"literal",value:"'global-rose-rose-80'"},{name:"literal",value:"'global-rose-rose-90'"},{name:"literal",value:"'global-rose-rose-95'"},{name:"literal",value:"'global-sky-sky-05'"},{name:"literal",value:"'global-sky-sky-10'"},{name:"literal",value:"'global-sky-sky-20'"},{name:"literal",value:"'global-sky-sky-30'"},{name:"literal",value:"'global-sky-sky-40'"},{name:"literal",value:"'global-sky-sky-50'"},{name:"literal",value:"'global-sky-sky-60'"},{name:"literal",value:"'global-sky-sky-70'"},{name:"literal",value:"'global-sky-sky-80'"},{name:"literal",value:"'global-sky-sky-90'"},{name:"literal",value:"'global-sky-sky-95'"},{name:"literal",value:"'global-slate-slate-05'"},{name:"literal",value:"'global-slate-slate-10'"},{name:"literal",value:"'global-slate-slate-20'"},{name:"literal",value:"'global-slate-slate-30'"},{name:"literal",value:"'global-slate-slate-40'"},{name:"literal",value:"'global-slate-slate-50'"},{name:"literal",value:"'global-slate-slate-60'"},{name:"literal",value:"'global-slate-slate-70'"},{name:"literal",value:"'global-slate-slate-80'"},{name:"literal",value:"'global-slate-slate-90'"},{name:"literal",value:"'global-slate-slate-95'"},{name:"literal",value:"'global-stone-stone-05'"},{name:"literal",value:"'global-stone-stone-10'"},{name:"literal",value:"'global-stone-stone-20'"},{name:"literal",value:"'global-stone-stone-30'"},{name:"literal",value:"'global-stone-stone-40'"},{name:"literal",value:"'global-stone-stone-50'"},{name:"literal",value:"'global-stone-stone-60'"},{name:"literal",value:"'global-stone-stone-70'"},{name:"literal",value:"'global-stone-stone-80'"},{name:"literal",value:"'global-stone-stone-90'"},{name:"literal",value:"'global-stone-stone-95'"},{name:"literal",value:"'global-teal-teal-05'"},{name:"literal",value:"'global-teal-teal-10'"},{name:"literal",value:"'global-teal-teal-20'"},{name:"literal",value:"'global-teal-teal-30'"},{name:"literal",value:"'global-teal-teal-40'"},{name:"literal",value:"'global-teal-teal-50'"},{name:"literal",value:"'global-teal-teal-60'"},{name:"literal",value:"'global-teal-teal-70'"},{name:"literal",value:"'global-teal-teal-80'"},{name:"literal",value:"'global-teal-teal-90'"},{name:"literal",value:"'global-teal-teal-95'"},{name:"literal",value:"'global-violet-violet-05'"},{name:"literal",value:"'global-violet-violet-10'"},{name:"literal",value:"'global-violet-violet-20'"},{name:"literal",value:"'global-violet-violet-30'"},{name:"literal",value:"'global-violet-violet-40'"},{name:"literal",value:"'global-violet-violet-50'"},{name:"literal",value:"'global-violet-violet-60'"},{name:"literal",value:"'global-violet-violet-70'"},{name:"literal",value:"'global-violet-violet-80'"},{name:"literal",value:"'global-violet-violet-90'"},{name:"literal",value:"'global-violet-violet-95'"},{name:"literal",value:"'global-yellow-yellow-05'"},{name:"literal",value:"'global-yellow-yellow-10'"},{name:"literal",value:"'global-yellow-yellow-20'"},{name:"literal",value:"'global-yellow-yellow-30'"},{name:"literal",value:"'global-yellow-yellow-40'"},{name:"literal",value:"'global-yellow-yellow-40-15'"},{name:"literal",value:"'global-yellow-yellow-40-25'"},{name:"literal",value:"'global-yellow-yellow-50'"},{name:"literal",value:"'global-yellow-yellow-60'"},{name:"literal",value:"'global-yellow-yellow-70'"},{name:"literal",value:"'global-yellow-yellow-80'"},{name:"literal",value:"'global-yellow-yellow-90'"},{name:"literal",value:"'global-yellow-yellow-95'"},{name:"literal",value:"'global-zinc-zinc-05'"},{name:"literal",value:"'global-zinc-zinc-10'"},{name:"literal",value:"'global-zinc-zinc-20'"},{name:"literal",value:"'global-zinc-zinc-30'"},{name:"literal",value:"'global-zinc-zinc-40'"},{name:"literal",value:"'global-zinc-zinc-50'"},{name:"literal",value:"'global-zinc-zinc-60'"},{name:"literal",value:"'global-zinc-zinc-70'"},{name:"literal",value:"'global-zinc-zinc-80'"},{name:"literal",value:"'global-zinc-zinc-90'"},{name:"literal",value:"'global-zinc-zinc-95'"}]},{name:"unknown"}],required:!1}},{key:"animation",value:{name:"union",raw:"'spin' | 'ping' | 'pulse' | 'bounce'",elements:[{name:"literal",value:"'spin'"},{name:"literal",value:"'ping'"},{name:"literal",value:"'pulse'"},{name:"literal",value:"'bounce'"}],required:!1}}]}},{name:"unknown"}]}],raw:"Omit<Origin, keyof Destination>"}]},{name:"ReactNode"}]},description:""},name:{required:!1,tsType:{name:"ReactNode"},description:""},badge:{required:!1,tsType:{name:"union",raw:"IBadgeProps | boolean",elements:[{name:"intersection",raw:"Destination & Omit<Origin, keyof Destination>",elements:[{name:"signature",type:"object",raw:`{
-  outline?: boolean
-}`,signature:{properties:[{key:"outline",value:{name:"boolean",required:!1}}]}},{name:"Omit",elements:[{name:"ComponentProps",elements:[{name:"literal",value:"'div'"}],raw:"ComponentProps<'div'>"},{name:"signature",type:"object",raw:`{
-  outline?: boolean
-}`,signature:{properties:[{key:"outline",value:{name:"boolean",required:!1}}]}}],raw:"Omit<Origin, keyof Destination>"}]},{name:"boolean"}]},description:""},active:{required:!1,tsType:{name:"boolean"},description:""},className:{required:!1,tsType:{name:"string"},description:""},onItemClick:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},style:{required:!1,tsType:{name:"CSSProperties"},description:""}}};const P=S("tab-bar"),K=u=>{const[r,w]=J(u,{trigger:"onItemClick",valuePropName:"activeId",defaultValuePropName:"defaultActiveId"}),{items:m,className:I,tabWidth:n}=u,f=!u.theme||u.theme==="default"?"brand":u.theme,k=a.useRef(m);k.current=m;const v=a.useRef(null),o=a.useRef(new Map),h=a.useRef(!0),[t,z]=a.useState({left:0,width:0}),c=a.useCallback(()=>{if(!r||!v.current){z({left:0,width:0});return}const l=o.current.get(r);if(!l){z({left:0,width:0});return}const e=l.offsetLeft,b=l.offsetWidth;z({left:e,width:b})},[r]),j=a.useCallback((l="smooth")=>{const e=k.current;if(!r||!v.current)return;const b=o.current.get(r);if(!b)return;const d=v.current,x=d.clientWidth,E=d.scrollLeft,C=b.offsetLeft,D=b.offsetWidth,M=C+D,V=E,_=E+x,O=C>=V&&M<=_,y=e.findIndex(g=>g.id===r),T=y===e.length-1;if(O&&!T&&y>=0){const g=e[y+1]?.id,s=g?o.current.get(g):null;if(s){const N=s.offsetLeft,R=s.offsetWidth,q=N+R*.5;if(q<=_)return;const L=q-x;d.scrollTo({left:Math.max(0,L),behavior:l});return}}if(!O){if(!T&&y>=0){const g=e[y+1]?.id,s=g?o.current.get(g):null;if(s){const N=s.offsetLeft,R=s.offsetWidth,L=N+R*.5-x;d.scrollTo({left:Math.max(0,L),behavior:l});return}}d.scrollTo({left:Math.max(0,C),behavior:l});return}},[r]);a.useLayoutEffect(()=>{c()},[c,n]),a.useEffect(()=>{if(!r)return;const l=setTimeout(()=>{h.current?(j("instant"),h.current=!1):j("smooth")},100);return()=>clearTimeout(l)},[j,r]),a.useEffect(()=>{const l=()=>{c()};return window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[c]),a.useEffect(()=>{const l=v.current;if(!l)return;const e=()=>{c()};return l.addEventListener("scroll",e,{passive:!0}),()=>l.removeEventListener("scroll",e)},[c]);const A=(l,e)=>{e?o.current.set(l,e):o.current.delete(l)};return i.jsxs("div",{ref:v,className:$(P,I,{[`${P}--theme-${f}`]:f}),children:[t.width>0&&i.jsx("div",{className:`${P}__indicator`,style:{left:`${t.left}px`,width:`${t.width}px`}}),m.map((l,e)=>i.jsx(B,{ref:b=>A(l.id,b),onItemClick:()=>w(l,e),active:l.id===r,style:n?{width:n,minWidth:n}:{},...l},l.id))]})};K.__docgenInfo={description:"",methods:[],displayName:"TabBar"};export{K as T};

package/dist-storybook/assets/tab-bar.stories-zKrihgXo.js

@@ -1,136 +0,0 @@
-import{j as t,r as o}from"./iframe-C0PGuV5s.js";import{T as i}from"./tab-bar-DTyg7tFP.js";import{t as e}from"./store-BmYgrUro.js";import{T as x,S as g,M as v,P as y,a as T}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";import"./badge-DLt8CmDs.js";import"./index-DWjPAWoJ.js";import"./index-B-Ksafg0.js";import"./index-1AHvPexM.js";const f=()=>{const n=`
-## ${e("common.table.title")}
-| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
-| :--- | :--- | :--- | :--- |
-| \`items\` | \`ITabBarItem[]\` | ${e("common.table.yes")} | ${e("components.tabBar.argTypes.itemsDescription")} |
-| \`activeId\` | \`string\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.activeIdDescription")} |
-| \`defaultActiveId\` | \`string\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.defaultActiveIdDescription")} |
-| \`theme\` | \`'default' | 'brand' | 'neutral'\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.themeDescription")} |
-| \`onItemClick\` | \`(item: ITabBarItem, index: number) => void\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.onItemClickDescription")} |
-| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.classNameDescription")} |
-| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.propsDescription")} |
-`;return t.jsxs(t.Fragment,{children:[t.jsx(x,{}),t.jsx(g,{}),t.jsx(v,{children:e("components.tabBar.description")}),t.jsx(y,{}),t.jsx(v,{children:n}),t.jsx(T,{})]})},P={title:"Components/TabBar",component:i,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{items:{control:!1,description:e("components.tabBar.argTypes.itemsDescription"),table:{type:{summary:"ITabBarItem[]"}}},activeId:{control:"text",description:e("components.tabBar.argTypes.activeIdDescription"),table:{type:{summary:"string"}}},defaultActiveId:{control:"text",description:e("components.tabBar.argTypes.defaultActiveIdDescription"),table:{type:{summary:"string"}}},theme:{control:"select",options:["default","brand","neutral"],description:e("components.tabBar.argTypes.themeDescription"),table:{type:{summary:'"default" | "brand" | "neutral"'},defaultValue:{summary:"default"}}},onItemClick:{action:"item-clicked",description:e("components.tabBar.argTypes.onItemClickDescription"),table:{type:{summary:"(item: ITabBarItem, index: number) => void"}}},className:{description:e("components.tabBar.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},m=[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],c={render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)})}},d={name:e("components.tabBar.stories.withIcons.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},p={name:e("components.tabBar.stories.withBadges.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"},badge:{children:3}},{id:"2",name:e("components.tabBar.stories.items.messages"),icon:{name:"placeholder"},badge:!0},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},l={name:e("components.tabBar.stories.textOnly.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.tab1")},{id:"2",name:e("components.tabBar.stories.items.tab2")},{id:"3",name:e("components.tabBar.stories.items.tab3")}],activeId:n,onItemClick:s=>a(s.id)})}},b={name:e("components.tabBar.stories.themes.name"),render:()=>{const[n,a]=o.useState("1"),[s,u]=o.useState("1"),[h,B]=o.useState("1");return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.defaultTheme")}),t.jsx(i,{items:m,activeId:n,onItemClick:r=>a(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.brandTheme")}),t.jsx(i,{theme:"brand",items:m,activeId:s,onItemClick:r=>u(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.neutralTheme")}),t.jsx(i,{theme:"neutral",items:m,activeId:h,onItemClick:r=>B(r.id)})]})]})}},I={name:e("components.tabBar.stories.interactive.name"),render:()=>{const[n,a]=o.useState("1");return t.jsxs("div",{children:[t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)}),t.jsx("p",{style:{marginTop:"16px"},children:e("components.tabBar.stories.interactive.activeTab",{id:n})})]})}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <TabBar items={items} activeId={activeId} onItemClick={item => setActiveId(item.id)} />;
-  }
-}`,...c.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  name: t('components.tabBar.stories.withIcons.name'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <TabBar items={[{
-      id: '1',
-      name: t('components.tabBar.stories.items.home'),
-      icon: {
-        name: 'placeholder'
-      }
-    }, {
-      id: '2',
-      name: t('components.tabBar.stories.items.search'),
-      icon: {
-        name: 'placeholder'
-      }
-    }, {
-      id: '3',
-      name: t('components.tabBar.stories.items.profile'),
-      icon: {
-        name: 'placeholder'
-      }
-    }]} activeId={activeId} onItemClick={item => setActiveId(item.id)} />;
-  }
-}`,...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  name: t('components.tabBar.stories.withBadges.name'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <TabBar items={[{
-      id: '1',
-      name: t('components.tabBar.stories.items.home'),
-      icon: {
-        name: 'placeholder'
-      },
-      badge: {
-        children: 3
-      }
-    }, {
-      id: '2',
-      name: t('components.tabBar.stories.items.messages'),
-      icon: {
-        name: 'placeholder'
-      },
-      badge: true
-    }, {
-      id: '3',
-      name: t('components.tabBar.stories.items.profile'),
-      icon: {
-        name: 'placeholder'
-      }
-    }]} activeId={activeId} onItemClick={item => setActiveId(item.id)} />;
-  }
-}`,...p.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  name: t('components.tabBar.stories.textOnly.name'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <TabBar items={[{
-      id: '1',
-      name: t('components.tabBar.stories.items.tab1')
-    }, {
-      id: '2',
-      name: t('components.tabBar.stories.items.tab2')
-    }, {
-      id: '3',
-      name: t('components.tabBar.stories.items.tab3')
-    }]} activeId={activeId} onItemClick={item => setActiveId(item.id)} />;
-  }
-}`,...l.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  name: t('components.tabBar.stories.themes.name'),
-  render: () => {
-    const [activeId1, setActiveId1] = useState('1');
-    const [activeId2, setActiveId2] = useState('1');
-    const [activeId3, setActiveId3] = useState('1');
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '24px'
-    }}>
-        <div>
-          <h3 style={{
-          marginBottom: '12px'
-        }}>
-            {t('components.tabBar.stories.themes.defaultTheme')}
-          </h3>
-          <TabBar items={items} activeId={activeId1} onItemClick={item => setActiveId1(item.id)} />
-        </div>
-        <div>
-          <h3 style={{
-          marginBottom: '12px'
-        }}>
-            {t('components.tabBar.stories.themes.brandTheme')}
-          </h3>
-          <TabBar theme="brand" items={items} activeId={activeId2} onItemClick={item => setActiveId2(item.id)} />
-        </div>
-        <div>
-          <h3 style={{
-          marginBottom: '12px'
-        }}>
-            {t('components.tabBar.stories.themes.neutralTheme')}
-          </h3>
-          <TabBar theme="neutral" items={items} activeId={activeId3} onItemClick={item => setActiveId3(item.id)} />
-        </div>
-      </div>;
-  }
-}`,...b.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
-  name: t('components.tabBar.stories.interactive.name'),
-  render: () => {
-    const [activeId, setActiveId] = useState('1');
-    return <div>
-        <TabBar items={items} activeId={activeId} onItemClick={item => setActiveId(item.id)} />
-        <p style={{
-        marginTop: '16px'
-      }}>
-          {t('components.tabBar.stories.interactive.activeTab', {
-          id: activeId
-        })}
-        </p>
-      </div>;
-  }
-}`,...I.parameters?.docs?.source}}};const M=["Default","WithIcons","WithBadges","TextOnly","Themes","Interactive"];export{c as Default,I as Interactive,l as TextOnly,b as Themes,p as WithBadges,d as WithIcons,M as __namedExportsOrder,P as default};

package/dist-storybook/assets/text-area-WRb8Dkvn.js

@@ -1 +0,0 @@
-import{r,j as s}from"./iframe-C0PGuV5s.js";import{c as i,g as h}from"./store-BmYgrUro.js";import{g as f,I as x}from"./input-wrapper-DkEl0Eih.js";import{T as N}from"./typography-BcLxefPi.js";import{u as b}from"./index-DWjPAWoJ.js";import{S as c}from"./skeleton-CmGRbWqE.js";const o=h("text-area"),_=r.forwardRef((m,p)=>{const{wrapper:l,props:e}=f(m),[g,n]=r.useState(e.autoFocus),t=r.useRef(null),[u,d]=b(e,{trigger:"onChange",valuePropName:"value"});return r.useImperativeHandle(p,()=>({focus:()=>t.current?.focus?.(),blur:()=>t.current?.blur?.()})),s.jsx(x,{...l,className:i(o,l.className),align:"start",isFocus:g,onClick:()=>t.current?.focus(),bottomInput:e.maxLength?s.jsxs(N,{size:"x-small",weight:400,color:"alias-object-secondary",className:`${o}__count`,children:["(",u?.length||0,"/",e.maxLength,")"]}):null,loadingNode:e.loading&&s.jsxs("div",{className:`${o}__loading`,children:[s.jsx(c,{width:128,height:12,shape:"pill"}),s.jsx(c,{width:40,height:12,shape:"pill"})]}),children:s.jsx("textarea",{rows:3,...e,maxLength:e.maxLength,value:u,onChange:a=>d?.(a.target.value),disabled:l.disabled,onFocus:a=>{n(!0),e.onFocus?.(a)},onBlur:a=>{n(!1),e.onBlur?.(a)},ref:t,className:i(`${o}__input`,{[`${o}__input--auto-height`]:e.autoHeight},e.inputClassName)})})});_.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextArea"};export{_ as T};

package/dist-storybook/assets/text-field-DrODy0yz.js

@@ -1 +0,0 @@
-import{r,j as o}from"./iframe-C0PGuV5s.js";import{c as d,g as m}from"./store-BmYgrUro.js";import{g as f,I as g}from"./input-wrapper-DkEl0Eih.js";import{S as i}from"./skeleton-CmGRbWqE.js";const l=m("text-field"),h=r.forwardRef((u,c)=>{const{wrapper:n,props:e}=f(u),[p,t]=r.useState(e.autoFocus),a=r.useRef(null);return r.useImperativeHandle(c,()=>({focus:()=>a.current?.focus?.(),blur:()=>a.current?.blur?.()})),o.jsx(g,{...n,isFocus:p,onClick:()=>a.current?.focus(),loadingNode:e.loading&&o.jsxs("div",{className:`${l}__loading ${l}__loading--${e.loadingType}`,children:[o.jsx(i,{width:e.loadingType==="search"?24:40,height:e.loadingType==="search"?24:13,shape:"pill"}),o.jsx(i,{width:128,height:13,shape:"pill"})]}),children:o.jsx("input",{...e,onChange:s=>e.onChange?.(s.target.value),disabled:n.disabled,onFocus:s=>{t(!0),e.onFocus?.(s)},onBlur:s=>{t(!1),e.onBlur?.(s)},ref:a,className:d(l,e.inputClassName)})})});h.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextField"};export{h as T};

package/dist-storybook/assets/toast-provider-ChNGFQlt.js

@@ -1,9 +0,0 @@
-import{r,j as i}from"./iframe-C0PGuV5s.js";import{c as H,g as S}from"./store-BmYgrUro.js";import{r as _}from"./blocks-D4qvS4eZ.js";import{r as V,I as b}from"./icon-CgGksgRS.js";import{T as W}from"./typography-BcLxefPi.js";import{c as q}from"./react-zqqxT5R_.js";import{B as K}from"./button-CbLEqALK.js";import{M as G,i as O,u as D,P as X,a as J,b as Q,L as Y,m as Z}from"./proxy-edvPwIiD.js";const ee=3e3,w=q((e,o)=>{let t=0;const c=()=>++t;return{items:[],add:s=>{const n=c();return e(a=>{const f=s.position||"top",m=a.items.filter(l=>l.config.position==="top"),u=a.items.filter(l=>l.config.position==="bottom");return f==="top"?m.push({config:{...s,position:f},id:n}):u.push({config:{...s,position:f},id:n}),{items:[...m.slice(-3),...u.slice(-3)]}}),setTimeout(()=>{o().remove(n)},s.duration||ee),n},remove:s=>{e(n=>(n.items.find(f=>f.id===s)?.config?.onHide?.(),{items:n.items.filter(f=>f.id!==s)}))},clear:()=>{e({items:[]})}}}),$=S("toast"),R=({type:e="informative",message:o,closeAction:t=!0,onCloseActionClick:c,action:s,onActionClick:n,icon:a})=>{const f=r.useMemo(()=>{if(a)return V(a);const m={neutral:null,informative:"circle-info",positive:"circle-check",negative:"triangle-warning"}[e];if(m)return i.jsx(b,{name:m,type:"fill",size:24})},[a,e]);return i.jsxs("div",{className:H($,`${$}--${e}`),children:[!!f&&i.jsx("span",{className:`${$}__icon`,children:f}),i.jsx(W,{component:"div",size:"base",weight:"regular",color:"inherit",className:`${$}__content`,children:o}),s&&i.jsx(K,{size:"medium",type:"ghost",theme:e==="informative"||e==="neutral"?"neutral-inverse":"neutral",onClick:n,children:s}),t&&i.jsx("div",{onClick:c,className:`${$}__close-icon`,children:i.jsx(b,{name:"xmark",size:16})})]})};R.show=e=>w.getState().add(e);R.hide=e=>e?w.getState().remove(e):w.getState().clear();R.__docgenInfo={description:"",methods:[{name:"show",docblock:null,modifiers:["static"],params:[{name:"config",optional:!1,type:null}],returns:null},{name:"hide",docblock:null,modifiers:["static"],params:[{name:"id",optional:!1,type:null}],returns:null}],displayName:"Toast",props:{type:{defaultValue:{value:"'informative'",computed:!1},required:!1},closeAction:{defaultValue:{value:"true",computed:!1},required:!1}}};function M(e,o){if(typeof e=="function")return e(o);e!=null&&(e.current=o)}function te(...e){return o=>{let t=!1;const c=e.map(s=>{const n=M(s,o);return!t&&typeof n=="function"&&(t=!0),n});if(t)return()=>{for(let s=0;s<c.length;s++){const n=c[s];typeof n=="function"?n():M(e[s],null)}}}}function ne(...e){return r.useCallback(te(...e),e)}class se extends r.Component{getSnapshotBeforeUpdate(o){const t=this.props.childRef.current;if(t&&o.isPresent&&!this.props.isPresent){const c=t.offsetParent,s=O(c)&&c.offsetWidth||0,n=this.props.sizeRef.current;n.height=t.offsetHeight||0,n.width=t.offsetWidth||0,n.top=t.offsetTop,n.left=t.offsetLeft,n.right=s-n.width-n.left}return null}componentDidUpdate(){}render(){return this.props.children}}function oe({children:e,isPresent:o,anchorX:t,root:c}){const s=r.useId(),n=r.useRef(null),a=r.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:f}=r.useContext(G),m=ne(n,e?.ref);return r.useInsertionEffect(()=>{const{width:u,height:y,top:l,left:h,right:x}=a.current;if(o||!n.current||!u||!y)return;const C=t==="left"?`left: ${h}`:`right: ${x}`;n.current.dataset.motionPopId=s;const p=document.createElement("style");f&&(p.nonce=f);const P=c??document.head;return P.appendChild(p),p.sheet&&p.sheet.insertRule(`
-          [data-motion-pop-id="${s}"] {
-            position: absolute !important;
-            width: ${u}px !important;
-            height: ${y}px !important;
-            ${C}px !important;
-            top: ${l}px !important;
-          }
-        `),()=>{P.contains(p)&&P.removeChild(p)}},[o]),i.jsx(se,{isPresent:o,childRef:n,sizeRef:a,children:r.cloneElement(e,{ref:m})})}const ie=({children:e,initial:o,isPresent:t,onExitComplete:c,custom:s,presenceAffectsLayout:n,mode:a,anchorX:f,root:m})=>{const u=D(re),y=r.useId();let l=!0,h=r.useMemo(()=>(l=!1,{id:y,initial:o,isPresent:t,custom:s,onExitComplete:x=>{u.set(x,!0);for(const C of u.values())if(!C)return;c&&c()},register:x=>(u.set(x,!1),()=>u.delete(x))}),[t,u,c]);return n&&l&&(h={...h}),r.useMemo(()=>{u.forEach((x,C)=>u.set(C,!1))},[t]),r.useEffect(()=>{!t&&!u.size&&c&&c()},[t]),a==="popLayout"&&(e=i.jsx(oe,{isPresent:t,anchorX:f,root:m,children:e})),i.jsx(X.Provider,{value:h,children:e})};function re(){return new Map}const k=e=>e.key||"";function z(e){const o=[];return r.Children.forEach(e,t=>{r.isValidElement(t)&&o.push(t)}),o}const ce=({children:e,custom:o,initial:t=!0,onExitComplete:c,presenceAffectsLayout:s=!0,mode:n="sync",propagate:a=!1,anchorX:f="left",root:m})=>{const[u,y]=J(a),l=r.useMemo(()=>z(e),[e]),h=a&&!u?[]:l.map(k),x=r.useRef(!0),C=r.useRef(l),p=D(()=>new Map),[P,U]=r.useState(l),[v,I]=r.useState(l);Q(()=>{x.current=!1,C.current=l;for(let g=0;g<v.length;g++){const d=k(v[g]);h.includes(d)?p.delete(d):p.get(d)!==!0&&p.set(d,!1)}},[v,h.length,h.join("-")]);const E=[];if(l!==P){let g=[...l];for(let d=0;d<v.length;d++){const j=v[d],T=k(j);h.includes(T)||(g.splice(d,0,j),E.push(j))}return n==="wait"&&E.length&&(g=E),I(z(g)),U(l),null}const{forceRender:B}=r.useContext(Y);return i.jsx(i.Fragment,{children:v.map(g=>{const d=k(g),j=a&&!u?!1:l===v||h.includes(d),T=()=>{if(p.has(d))p.set(d,!0);else return;let N=!0;p.forEach(F=>{F||(N=!1)}),N&&(B?.(),I(C.current),a&&y?.(),c&&c())};return i.jsx(ie,{isPresent:j,initial:!x.current||t?void 0:!1,custom:o,presenceAffectsLayout:s,mode:n,root:m,onExitComplete:j?void 0:T,anchorX:f,children:g},d)})})},L=S("toast-provider"),A=({position:e})=>{const{items:o}=w();return i.jsx("div",{className:`${L} ${L}--${e}`,children:i.jsx(ce,{mode:"popLayout",children:o.filter(t=>t.config.position===e).map(t=>i.jsx(Z.div,{style:{display:"flex",flexDirection:"column",justifyContent:e==="bottom"?"flex-start":"flex-end"},initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{opacity:0,y:o.length>1?"0%":e==="top"?"-100%":"100%"},children:i.jsx(R,{...t.config,onActionClick:()=>{R.hide(t.id),t.config.onActionClick?.()},onCloseActionClick:()=>{R.hide(t.id),t.config.onCloseActionClick?.()}})},t.id))})})},le=()=>i.jsxs(i.Fragment,{children:[_.createPortal(i.jsx(A,{position:"top"}),document.body),_.createPortal(i.jsx(A,{position:"bottom"}),document.body)]});le.__docgenInfo={description:"",methods:[],displayName:"ToastProvider"};export{R as T,le as a};

package/dist-storybook/assets/toast.stories-Zj4qfKO_.js

@@ -1,201 +0,0 @@
-import{j as o}from"./iframe-C0PGuV5s.js";import{T as M,S as k,M as y,P as N,a as T}from"./blocks-D4qvS4eZ.js";import{T as e,a as j}from"./toast-provider-ChNGFQlt.js";import{B as s}from"./button-CbLEqALK.js";import{t}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";import"./react-zqqxT5R_.js";import"./proxy-edvPwIiD.js";const D=()=>{const n=`
-## ${t("common.table.title")}
-
-| ${t("common.table.name")} | ${t("common.table.type")} | ${t("common.table.required")} | ${t("common.table.description")} |
-| :--- | :--- | :--- | :--- |
-| \`type\` | \`'neutral' \\| 'informative' \\| 'positive' \\| 'negative'\` | ${t("common.table.no")} | ${t("components.toast.typeDescription")} |
-| \`message\` | \`ReactNode\` | ${t("common.table.yes")} | ${t("components.toast.messageDescription")} |
-| \`closeAction\` | \`boolean\` | ${t("common.table.no")} | ${t("components.toast.closeActionDescription")} |
-| \`onCloseActionClick\` | \`() => void\` | ${t("common.table.no")} | ${t("components.toast.onCloseActionClickDescription")} |
-| \`action\` | \`string\` | ${t("common.table.no")} | ${t("components.toast.actionDescription")} |
-| \`onActionClick\` | \`() => void\` | ${t("common.table.no")} | ${t("components.toast.onActionClickDescription")} |
-| \`icon\` | \`IIconProps \\| ReactNode\` | ${t("common.table.no")} | ${t("components.toast.iconDescription")} |
-| \`className\` | \`string\` | ${t("common.table.no")} | ${t("components.toast.classNameDescription")} |
-| \`...props\` | \`ComponentProps<'div'>\` | ${t("common.table.no")} | ${t("components.toast.propsDescription")} |
-  `;return o.jsxs(o.Fragment,{children:[o.jsx(M,{}),o.jsx(k,{}),o.jsx(y,{children:t("components.toast.description")}),o.jsx(N,{}),o.jsx(y,{children:n}),o.jsx(T,{})]})},_={title:"Components/Toast",component:e,parameters:{layout:"padded",docs:{page:D}},tags:["autodocs"],decorators:[n=>o.jsxs(o.Fragment,{children:[o.jsx(n,{}),o.jsx(j,{})]})],argTypes:{type:{control:"select",options:["neutral","informative","positive","negative"],description:t("components.toast.argTypes.typeDescription"),table:{type:{summary:"IToastType"},defaultValue:{summary:"informative"}}},message:{control:"text",description:t("components.toast.argTypes.messageDescription"),table:{type:{summary:"ReactNode"}}},closeAction:{control:"boolean",description:t("components.toast.argTypes.closeActionDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},onCloseActionClick:{action:"close clicked",description:t("components.toast.argTypes.onCloseActionClickDescription"),table:{type:{summary:"() => void"}}},action:{control:"text",description:t("components.toast.argTypes.actionDescription"),table:{type:{summary:"string"}}},onActionClick:{action:"action clicked",description:t("components.toast.argTypes.onActionClickDescription"),table:{type:{summary:"() => void"}}},icon:{control:!1,description:t("components.toast.argTypes.iconDescription"),table:{type:{summary:"IIconProps | ReactNode"}}}}},a={storyName:t("components.toast.stories.default.title"),args:{type:"informative",message:t("components.toast.default.message")}},i={storyName:t("components.toast.stories.types.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(e,{type:"neutral",message:t("components.toast.types.neutral")}),o.jsx(e,{type:"informative",message:t("components.toast.types.informative")}),o.jsx(e,{type:"positive",message:t("components.toast.types.positive")}),o.jsx(e,{type:"negative",message:t("components.toast.types.negative")})]})},c={storyName:t("components.toast.stories.informative.title"),args:{type:"informative",message:t("components.toast.informative.message")}},m={storyName:t("components.toast.stories.positive.title"),args:{type:"positive",message:t("components.toast.positive.message")}},r={storyName:t("components.toast.stories.negative.title"),args:{type:"negative",message:t("components.toast.negative.message")}},p={storyName:t("components.toast.stories.neutral.title"),args:{type:"neutral",message:t("components.toast.neutral.message")}},l={storyName:t("components.toast.stories.withAction.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(e,{type:"informative",message:t("components.toast.withAction.informativeMessage"),action:t("components.toast.withAction.informativeAction"),onActionClick:()=>{console.log("Action clicked")}}),o.jsx(e,{type:"positive",message:t("components.toast.withAction.positiveMessage"),action:t("components.toast.withAction.positiveAction"),onActionClick:()=>{console.log("Action clicked")}}),o.jsx(e,{type:"negative",message:t("components.toast.withAction.negativeMessage"),action:t("components.toast.withAction.negativeAction"),onActionClick:()=>{console.log("Action clicked")}})]})},d={storyName:t("components.toast.stories.withoutCloseButton.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(e,{type:"informative",message:t("components.toast.withoutCloseButton.message"),closeAction:!1}),o.jsx(e,{type:"positive",message:t("components.toast.withoutCloseButton.positiveMessage"),closeAction:!1})]})},g={storyName:t("components.toast.stories.withCustomIcon.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(e,{type:"informative",message:t("components.toast.withCustomIcon.message"),icon:{name:"star",type:"fill"}}),o.jsx(e,{type:"positive",message:t("components.toast.withCustomIcon.positiveMessage"),icon:{name:"heart",type:"fill"}})]})},h={storyName:t("components.toast.stories.usingShowMethod.title"),render:()=>{const n=()=>{e.show({type:"informative",message:t("components.toast.showMethod.informative")})},w=()=>{e.show({type:"positive",message:t("components.toast.showMethod.positive")})},x=()=>{e.show({type:"negative",message:t("components.toast.showMethod.negative")})},f=()=>{e.show({type:"informative",message:t("components.toast.showMethod.withActionMessage"),action:t("components.toast.showMethod.action"),onActionClick:()=>{console.log("Action clicked")}})},A=()=>{e.show({type:"positive",message:t("components.toast.showMethod.withDurationMessage"),duration:5e3})},C=()=>{e.show({type:"informative",message:t("components.toast.showMethod.bottomMessage"),position:"bottom"})};return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",maxWidth:"300px"},children:[o.jsx(s,{onClick:n,theme:"neutral",children:t("components.toast.showMethod.showInformative")}),o.jsx(s,{onClick:w,theme:"neutral",children:t("components.toast.showMethod.showPositive")}),o.jsx(s,{onClick:x,theme:"neutral",children:t("components.toast.showMethod.showNegative")}),o.jsx(s,{onClick:f,theme:"neutral",children:t("components.toast.showMethod.showWithAction")}),o.jsx(s,{onClick:A,theme:"neutral",children:t("components.toast.showMethod.showWithDuration")}),o.jsx(s,{onClick:C,theme:"neutral",children:t("components.toast.showMethod.showAtBottom")})]})}},v={storyName:t("components.toast.stories.completeExample.title"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(e,{type:"informative",message:t("components.toast.completeExample.informativeMessage"),action:t("components.toast.completeExample.informativeAction"),onActionClick:()=>{console.log("Action clicked")}}),o.jsx(e,{type:"positive",message:t("components.toast.completeExample.positiveMessage"),action:t("components.toast.completeExample.positiveAction"),onActionClick:()=>{console.log("Action clicked")}}),o.jsx(e,{type:"negative",message:t("components.toast.completeExample.negativeMessage"),action:t("components.toast.completeExample.negativeAction"),onActionClick:()=>{console.log("Action clicked")}})]})},u={storyName:t("components.toast.stories.interactive.title"),args:{type:"informative",message:t("components.toast.interactive.message"),closeAction:!0,action:t("components.toast.interactive.action")},parameters:{controls:{expanded:!0}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.default.title'),
-  args: {
-    type: 'informative',
-    message: t('components.toast.default.message')
-  }
-}`,...a.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.types.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <Toast type="neutral" message={t('components.toast.types.neutral')} />
-      <Toast type="informative" message={t('components.toast.types.informative')} />
-      <Toast type="positive" message={t('components.toast.types.positive')} />
-      <Toast type="negative" message={t('components.toast.types.negative')} />
-    </div>
-}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.informative.title'),
-  args: {
-    type: 'informative',
-    message: t('components.toast.informative.message')
-  }
-}`,...c.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.positive.title'),
-  args: {
-    type: 'positive',
-    message: t('components.toast.positive.message')
-  }
-}`,...m.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.negative.title'),
-  args: {
-    type: 'negative',
-    message: t('components.toast.negative.message')
-  }
-}`,...r.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.neutral.title'),
-  args: {
-    type: 'neutral',
-    message: t('components.toast.neutral.message')
-  }
-}`,...p.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.withAction.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <Toast type="informative" message={t('components.toast.withAction.informativeMessage')} action={t('components.toast.withAction.informativeAction')} onActionClick={() => {
-      console.log('Action clicked');
-    }} />
-      <Toast type="positive" message={t('components.toast.withAction.positiveMessage')} action={t('components.toast.withAction.positiveAction')} onActionClick={() => {
-      console.log('Action clicked');
-    }} />
-      <Toast type="negative" message={t('components.toast.withAction.negativeMessage')} action={t('components.toast.withAction.negativeAction')} onActionClick={() => {
-      console.log('Action clicked');
-    }} />
-    </div>
-}`,...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.withoutCloseButton.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <Toast type="informative" message={t('components.toast.withoutCloseButton.message')} closeAction={false} />
-      <Toast type="positive" message={t('components.toast.withoutCloseButton.positiveMessage')} closeAction={false} />
-    </div>
-}`,...d.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.withCustomIcon.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <Toast type="informative" message={t('components.toast.withCustomIcon.message')} icon={{
-      name: 'star',
-      type: 'fill'
-    }} />
-      <Toast type="positive" message={t('components.toast.withCustomIcon.positiveMessage')} icon={{
-      name: 'heart',
-      type: 'fill'
-    }} />
-    </div>
-}`,...g.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.usingShowMethod.title'),
-  render: () => {
-    const handleShowInformative = () => {
-      Toast.show({
-        type: 'informative',
-        message: t('components.toast.showMethod.informative')
-      });
-    };
-    const handleShowPositive = () => {
-      Toast.show({
-        type: 'positive',
-        message: t('components.toast.showMethod.positive')
-      });
-    };
-    const handleShowNegative = () => {
-      Toast.show({
-        type: 'negative',
-        message: t('components.toast.showMethod.negative')
-      });
-    };
-    const handleShowWithAction = () => {
-      Toast.show({
-        type: 'informative',
-        message: t('components.toast.showMethod.withActionMessage'),
-        action: t('components.toast.showMethod.action'),
-        onActionClick: () => {
-          console.log('Action clicked');
-        }
-      });
-    };
-    const handleShowWithDuration = () => {
-      Toast.show({
-        type: 'positive',
-        message: t('components.toast.showMethod.withDurationMessage'),
-        duration: 5000
-      });
-    };
-    const handleShowAtBottom = () => {
-      Toast.show({
-        type: 'informative',
-        message: t('components.toast.showMethod.bottomMessage'),
-        position: 'bottom'
-      });
-    };
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '12px',
-      maxWidth: '300px'
-    }}>
-        <Button onClick={handleShowInformative} theme="neutral">
-          {t('components.toast.showMethod.showInformative')}
-        </Button>
-        <Button onClick={handleShowPositive} theme="neutral">
-          {t('components.toast.showMethod.showPositive')}
-        </Button>
-        <Button onClick={handleShowNegative} theme="neutral">
-          {t('components.toast.showMethod.showNegative')}
-        </Button>
-        <Button onClick={handleShowWithAction} theme="neutral">
-          {t('components.toast.showMethod.showWithAction')}
-        </Button>
-        <Button onClick={handleShowWithDuration} theme="neutral">
-          {t('components.toast.showMethod.showWithDuration')}
-        </Button>
-        <Button onClick={handleShowAtBottom} theme="neutral">
-          {t('components.toast.showMethod.showAtBottom')}
-        </Button>
-      </div>;
-  }
-}`,...h.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.completeExample.title'),
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '16px'
-  }}>
-      <Toast type="informative" message={t('components.toast.completeExample.informativeMessage')} action={t('components.toast.completeExample.informativeAction')} onActionClick={() => {
-      console.log('Action clicked');
-    }} />
-      <Toast type="positive" message={t('components.toast.completeExample.positiveMessage')} action={t('components.toast.completeExample.positiveAction')} onActionClick={() => {
-      console.log('Action clicked');
-    }} />
-      <Toast type="negative" message={t('components.toast.completeExample.negativeMessage')} action={t('components.toast.completeExample.negativeAction')} onActionClick={() => {
-      console.log('Action clicked');
-    }} />
-    </div>
-}`,...v.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  storyName: t('components.toast.stories.interactive.title'),
-  args: {
-    type: 'informative',
-    message: t('components.toast.interactive.message'),
-    closeAction: true,
-    action: t('components.toast.interactive.action')
-  },
-  parameters: {
-    controls: {
-      expanded: true
-    }
-  }
-}`,...u.parameters?.docs?.source}}};const q=["Default","Types","Informative","Positive","Negative","Neutral","WithAction","WithoutCloseButton","WithCustomIcon","UsingShowMethod","CompleteExample","Interactive"];export{v as CompleteExample,a as Default,c as Informative,u as Interactive,r as Negative,p as Neutral,m as Positive,i as Types,h as UsingShowMethod,l as WithAction,g as WithCustomIcon,d as WithoutCloseButton,q as __namedExportsOrder,_ as default};

package/dist-storybook/assets/tooltip-CrxOWTXS.js

@@ -1 +0,0 @@
-import{j as o}from"./iframe-C0PGuV5s.js";import{c as e,g as n}from"./store-BmYgrUro.js";import{I as p}from"./icon-CgGksgRS.js";const s=n("tooltip"),d=r=>{const{type:a="default",position:t="top",closeable:i,className:c,children:l,...m}=r;return o.jsxs("div",{className:e(s,`${s}--${a}`,c),...m,children:[o.jsx("div",{className:e(`${s}__arrow`,`${s}__arrow--${t}`,`${s}__arrow--${a}`)}),o.jsx("div",{className:`${s}__content`,children:l}),i&&o.jsx("div",{className:`${s}__close`,children:o.jsx(p,{name:"xmark",size:16})})]})};d.__docgenInfo={description:"",methods:[],displayName:"Tooltip"};export{d as T};

package/dist-storybook/assets/typography-BcLxefPi.js

@@ -1 +0,0 @@
-import{j as l}from"./iframe-C0PGuV5s.js";import{c as m,g as n}from"./store-BmYgrUro.js";import{g as f}from"./colors-_6nFGM3e.js";const e=n("typography"),u=({component:s,size:a="inherit",weight:o="inherit",color:r,className:t,...i})=>{const p=s||"div";return l.jsx(p,{className:m(e,`${e}__size--${a}`,`${e}__weight--${o}`,t),...i,style:{color:f(r)}})};u.__docgenInfo={description:"",methods:[],displayName:"Typography",props:{size:{defaultValue:{value:"'inherit'",computed:!1},required:!1},weight:{defaultValue:{value:"'inherit'",computed:!1},required:!1}}};export{u as T};