@televet/kibble-ui 4.0.0-beta.68 → 4.0.0-beta.69

package/dist/chunks/select.component-DDRV0zBf.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),se=require("./withFormControl-PaMa_BVC.js"),oe=require("./icon.component-C0e0UGBw.js"),ne=require("./button.component-Dd9AfGox.js"),T=require("./text.component-ColgFnqE.js"),le=require("./spinner.component-DBCa-ZPE.js"),l=require("./portal-JkodPmk7.js"),ce=require("./create-slot-recipe-context-IwVIgtBt.js"),C=require("./icons-CTpAjbC-.js"),N=require("./use-field-context-BJ7xh7mY.js"),d=require("./index-B3Uf1AVX.js"),h=require("./index-Cw75JjHp.js"),ie=require("./modal.context-EJ67QNzq.js"),ae=require("./textInput.component-cFmQkIXY.js"),de=require("./box-Baq7UBls.js"),y=require("./flex-D14H6HbP.js"),ue=t=>t&&t.__esModule?t:{default:t},pe=ue(c),xe=t=>new h.ListCollection(t),[k,p]=l.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),q=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getClearTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...r,ref:n})});q.displayName="SelectClearTrigger";const G=c.forwardRef((t,n)=>{const s=p(),r=l.usePresenceContext(),o=d.mergeProps(s.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:l.composeRefs(r.ref,n)})});G.displayName="SelectContent";const _=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getControlProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});_.displayName="SelectControl";const A=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getHiddenSelectProps(),t),o=s.value.length===0,i=N.useFieldContext();return e.jsxRuntimeExports.jsxs(l.ark.select,{"aria-describedby":i?.ariaDescribedby,...r,ref:n,children:[o&&e.jsxRuntimeExports.jsx("option",{value:""}),s.collection.items.map((a,m)=>e.jsxRuntimeExports.jsx("option",{value:s.collection.getItemValue(a)??"",disabled:s.collection.getItemDisabled(a),children:s.collection.stringifyItem(a)},m))]})});A.displayName="SelectHiddenSelect";const O=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});O.displayName="SelectIndicator";const[me,Oe]=l.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[Pe,F]=l.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),L=c.forwardRef((t,n)=>{const[s,r]=l.createSplitProps()(t,["item","persistFocus"]),o=p(),i=d.mergeProps(o.getItemProps(s),r),a=o.getItemState(s);return e.jsxRuntimeExports.jsx(Pe,{value:s,children:e.jsxRuntimeExports.jsx(me,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...i,ref:n})})})});L.displayName="SelectItem";const[je,ge]=l.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),V=c.forwardRef((t,n)=>{const s=c.useId(),[r,o]=l.createSplitProps()(t,["id"]),i={id:s,...r},a=p(),m=d.mergeProps(a.getItemGroupProps(i),o);return e.jsxRuntimeExports.jsx(je,{value:i,children:e.jsxRuntimeExports.jsx(l.ark.div,{...m,ref:n})})});V.displayName="SelectItemGroup";const $=c.forwardRef((t,n)=>{const s=p(),r=ge(),o=d.mergeProps(s.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:n})});$.displayName="SelectItemGroupLabel";const H=c.forwardRef((t,n)=>{const s=p(),r=F(),o=d.mergeProps(s.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(l.ark.div,{...o,ref:n})});H.displayName="SelectItemIndicator";const D=c.forwardRef((t,n)=>{const s=p(),r=F(),o=d.mergeProps(s.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(l.ark.span,{...o,ref:n})});D.displayName="SelectItemText";const W=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getLabelProps(),t);return e.jsxRuntimeExports.jsx(l.ark.label,{...r,ref:n})});W.displayName="SelectLabel";const M=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getPositionerProps(),t);return l.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(l.ark.div,{...r,ref:n})});M.displayName="SelectPositioner";const fe=t=>{const n=c.useId(),{dir:s}=l.useLocaleContext(),{getRootNode:r}=l.useEnvironmentContext(),o=N.useFieldContext(),i={id:n,ids:{label:o?.ids.label,hiddenSelect:o?.ids.control},disabled:o?.disabled,readOnly:o?.readOnly,invalid:o?.invalid,required:o?.required,dir:s,getRootNode:r,...t},a=l.useMachine(h.machine,i);return h.connect(a,l.normalizeProps)},Se=(t,n)=>{const[s,r]=l.splitPresenceProps(t),[o,i]=l.createSplitProps()(r,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),a=fe(o),m=l.usePresence(d.mergeProps({present:a.open},s)),g=d.mergeProps(a.getRootProps(),i);return e.jsxRuntimeExports.jsx(k,{value:a,children:e.jsxRuntimeExports.jsx(l.PresenceProvider,{value:m,children:e.jsxRuntimeExports.jsx(l.ark.div,{...g,ref:n})})})},Re=c.forwardRef(Se),he=(t,n)=>{const[s,r]=l.splitPresenceProps(t),[{value:o},i]=l.createSplitProps()(r,["value"]),a=l.usePresence(d.mergeProps({present:o.open},s)),m=d.mergeProps(o.getRootProps(),i);return e.jsxRuntimeExports.jsx(k,{value:o,children:e.jsxRuntimeExports.jsx(l.PresenceProvider,{value:a,children:e.jsxRuntimeExports.jsx(l.ark.div,{...m,ref:n})})})},Ce=c.forwardRef(he),B=c.forwardRef((t,n)=>{const s=p(),r=d.mergeProps(s.getTriggerProps(),t);return e.jsxRuntimeExports.jsx(l.ark.button,{...r,ref:n})});B.displayName="SelectTrigger";const z=c.forwardRef((t,n)=>{const{children:s,placeholder:r,...o}=t,i=p(),a=d.mergeProps(i.getValueTextProps(),o);return e.jsxRuntimeExports.jsx(l.ark.span,{...a,ref:n,children:s||i.valueAsString||r})});z.displayName="SelectValueText";const{withProvider:J,withContext:x}=ce.createSlotRecipeContext({key:"select"});J(Ce,"root",{forwardAsChild:!0});const ve=J(Re,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),Ee=x(B,"trigger",{forwardAsChild:!0}),Ie=x(M,"positioner",{forwardAsChild:!0}),be=x(G,"content",{forwardAsChild:!0}),we=x(z,"valueText",{forwardAsChild:!0}),ye=x(q,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.CloseIcon,{boxSize:"1em"})}});x(V,"itemGroup",{forwardAsChild:!0});x($,"itemGroupLabel",{forwardAsChild:!0});const Te=x(L,"item",{forwardAsChild:!0});x(D,"itemText",{forwardAsChild:!0});x(H,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.CheckIcon,{})}});const Ne=x("div","indicatorGroup");x(O,"indicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(C.ChevronDownIcon,{})}});const ke=x(_,"control",{forwardAsChild:!0});x(W,"label",{forwardAsChild:!0});const qe=A,K=({item:t,onContrast:n,shouldTruncateText:s,size:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.leftElement,typeof t.label=="string"?e.jsxRuntimeExports.jsx(T.WrappedText,{size:r,truncated:s,variant:t.variant||(n?"onContrast":"default"),children:t.label}):t.label]}),Ge=({placeholder:t="",placeholderElement:n,...s})=>{const r=p(),o=c.useMemo(()=>r.selectedItems[0],[r]);return e.jsxRuntimeExports.jsxs(Ee,{children:[!o&&n,e.jsxRuntimeExports.jsx(we,{placeholder:t,children:o&&e.jsxRuntimeExports.jsx(K,{item:o,...s})})]})},_e=se.withFormControl(({clearable:t,emptyPlaceholder:n="No options available",loading:s,onContrast:r,onSearch:o,options:i,placeholder:a="",placeholderElement:m,searchable:g=!1,searchPlaceholder:U="Search...",selectRef:X,shouldTruncateText:v=!0,size:P="md",...Y})=>{const{contentRef:Z}=ie.useModalContentRef(),ee=r?"onContrast":"default",[f,E]=c.useState(""),[I,b]=c.useState(i),S=c.useMemo(()=>xe({items:I??[],itemToString:u=>typeof u.label=="string"?u.label:u.valueText||"",itemToValue:u=>u.value}),[I]),w=c.useCallback((u,j)=>u===""||!u?j:(console.log(u,j),j.filter(R=>!!(typeof R.label=="string"?R.label:R.valueText)?.toLowerCase().includes(u.toLowerCase()))),[]);c.useEffect(()=>{b(o?i:w(f,i))},[i,f,o,w]);const te=c.useCallback(u=>{const j=u.target.value;E(j),o&&o(u)},[o]),re=c.useCallback(()=>{E(""),o&&o({target:{value:""}})},[o]);return e.jsxRuntimeExports.jsxs(ve,{className:"Select","data-testid":"kibble-select",collection:S,size:P,variant:ee,...Y,children:[e.jsxRuntimeExports.jsx(qe,{ref:X}),e.jsxRuntimeExports.jsxs(ke,{children:[e.jsxRuntimeExports.jsx(Ge,{placeholder:a,placeholderElement:m,onContrast:!!r,shouldTruncateText:!!v,size:P}),e.jsxRuntimeExports.jsxs(Ne,{children:[t&&e.jsxRuntimeExports.jsx(ye,{asChild:!0,children:e.jsxRuntimeExports.jsx(ne.Button,{iconName:"close",onContrast:r,size:P==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(oe.Icon,{name:"chevronDown",size:P,variant:r?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(l.Portal,{container:Z||void 0,children:e.jsxRuntimeExports.jsx(Ie,{children:e.jsxRuntimeExports.jsxs(be,{children:[g&&e.jsxRuntimeExports.jsx(de.Box,{className:"Select__Header","data-testid":"kibble-select-header",m:"0 12px 8px",children:e.jsxRuntimeExports.jsx(ae.WrappedTextInput,{className:"Select__SearchBar","data-testid":"kibble-select-search-bar",placeholder:U,onChange:te,size:"sm",value:f,clearable:!0,onClear:re,formControlStyle:{mt:1}})}),s?e.jsxRuntimeExports.jsx(y.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(le.Spinner,{variant:r?"brandOnContrast":"brand",size:P})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:S.items.length?S.items.map(u=>e.jsxRuntimeExports.jsx(Te,{item:u,children:e.jsxRuntimeExports.jsx(K,{item:u,onContrast:!!r,shouldTruncateText:!!v,size:P})},u.value)):e.jsxRuntimeExports.jsx(y.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(T.WrappedText,{size:"sm",variant:r?"subtleOnContrast":"subtle",children:n})})})]})})})]})}),Q=pe.default.forwardRef((t,n)=>e.jsxRuntimeExports.jsx(_e,{selectRef:n,...t}));Q.displayName="Select";exports.WrappedSelect=Q;
-//# sourceMappingURL=select.component-DDRV0zBf.js.map

package/dist/chunks/switch.component-BZh12RCT.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),y=require("./withFormControl-PaMa_BVC.js"),w=require("./attr-BMs6szZx.js"),E=require("./create-slot-recipe-context-IwVIgtBt.js"),m=require("./factory-D6tdBUPG.js"),n=require("./portal-JkodPmk7.js"),f=require("./use-field-context-BJ7xh7mY.js"),l=require("./index-B3Uf1AVX.js"),x=require("./index-DUEcH1Ul.js"),q=t=>t&&t.__esModule?t:{default:t},N=q(c),[R,u]=n.createContext({name:"SwitchContext",hookName:"useSwitchContext",providerName:"<SwitchProvider />"}),S=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getControlProps(),t);return i.jsxRuntimeExports.jsx(n.ark.span,{...s,ref:e})});S.displayName="SwitchControl";const j=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getHiddenInputProps(),t),o=f.useFieldContext();return i.jsxRuntimeExports.jsx(n.ark.input,{"aria-describedby":o?.ariaDescribedby,...s,ref:e})});j.displayName="SwitchHiddenInput";const b=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getLabelProps(),t);return i.jsxRuntimeExports.jsx(n.ark.span,{...s,ref:e})});b.displayName="SwitchLabel";const I=t=>{const e=c.useId(),{getRootNode:r}=n.useEnvironmentContext(),{dir:s}=n.useLocaleContext(),o=f.useFieldContext(),a={id:e,ids:{label:o?.ids.label,hiddenInput:o?.ids.control},dir:s,disabled:o?.disabled,readOnly:o?.readOnly,invalid:o?.invalid,required:o?.required,getRootNode:r,...t},d=n.useMachine(x.machine,a);return x.connect(d,n.normalizeProps)},C=c.forwardRef((t,e)=>{const[r,s]=n.createSplitProps()(t,["checked","defaultChecked","disabled","form","id","ids","invalid","label","name","onCheckedChange","readOnly","required","value"]),o=I(r),a=l.mergeProps(o.getRootProps(),s);return i.jsxRuntimeExports.jsx(R,{value:o,children:i.jsxRuntimeExports.jsx(n.ark.label,{...a,ref:e})})});C.displayName="SwitchRoot";const P=c.forwardRef((t,e)=>{const[{value:r},s]=n.createSplitProps()(t,["value"]),o=l.mergeProps(r.getRootProps(),s);return i.jsxRuntimeExports.jsx(R,{value:r,children:i.jsxRuntimeExports.jsx(n.ark.label,{...o,ref:e})})});P.displayName="SwitchRootProvider";const k=c.forwardRef((t,e)=>{const r=u(),s=l.mergeProps(r.getThumbProps(),t);return i.jsxRuntimeExports.jsx(n.ark.span,{...s,ref:e})});k.displayName="SwitchThumb";const{withProvider:g,withContext:p,useStyles:_}=E.createSlotRecipeContext({key:"switch"});g(P,"root",{forwardAsChild:!0});const A=g(C,"root",{forwardAsChild:!0}),$=p(b,"label",{forwardAsChild:!0}),F=p(k,"thumb",{forwardAsChild:!0}),L=p(S,"control",{forwardAsChild:!0,defaultProps:{children:i.jsxRuntimeExports.jsx(F,{})}});c.forwardRef(function(e,r){const s=u(),o=_(),{fallback:a,children:d,...h}=e;return i.jsxRuntimeExports.jsx(m.chakra.span,{ref:r,"data-checked":w.dataAttr(s.checked),...h,css:[o.indicator,e.css],children:s.checked?d:a})});c.forwardRef(function(e,r){const s=u(),{fallback:o,children:a,...d}=e;return i.jsxRuntimeExports.jsx(m.chakra.span,{ref:r,"data-checked":w.dataAttr(s.checked),...d,children:s.checked?a:o})});const T=j,H=y.withFormControl(({children:t,indeterminate:e=!1,onContrast:r,label:s,size:o="md",switchRef:a,...d})=>{const h=c.useMemo(()=>e?r?"indeterminateOnContrast":"indeterminate":r?"onContrast":"default",[e,r]);return i.jsxRuntimeExports.jsxs(A,{className:"Switch","data-testid":"kibble-switch",ref:a,size:o,variant:h,...d,children:[i.jsxRuntimeExports.jsx(T,{className:"Switch_Input","data-testid":"kibble-switch-input"}),i.jsxRuntimeExports.jsx(L,{className:"Switch_Control","data-testid":"kibble-switch-control"}),!!t&&i.jsxRuntimeExports.jsx($,{children:t})]})}),v=N.default.forwardRef((t,e)=>i.jsxRuntimeExports.jsx(H,{switchRef:e,...t}));v.displayName="Switch";exports.WrappedSwitch=v;
-//# sourceMappingURL=switch.component-BZh12RCT.js.map

package/dist/chunks/tabs.component-CzyTXhJp.js

@@ -1,2 +0,0 @@
-"use strict";const l=require("./jsx-runtime-BjDatQAs.js"),_=require("./icon.component-C0e0UGBw.js"),M=require("./notificationCounter.component-BhZcuBmr.js"),H=require("./heading.component-a6IrCj7l.js"),X=require("./create-slot-recipe-context-IwVIgtBt.js"),p=require("react"),u=require("./portal-JkodPmk7.js"),x=require("./render-strategy-BCWksbL8.js"),n=require("./index-B3Uf1AVX.js");function K(e,t){const[r,a]=p.useState(e);return p.useEffect(()=>{const o=setTimeout(()=>{a(e)},t);return()=>{clearTimeout(o)}},[e,t]),r}const[N,A]=u.createContext({name:"TabsContext",hookName:"useTabsContext",providerName:"<TabsProvider />"}),S=p.forwardRef((e,t)=>{const[r,a]=u.createSplitProps()(e,["value"]),o=A(),s=x.useRenderStrategyPropsContext(),i=u.usePresence({...s,present:K(o.value===e.value,0),immediate:!0}),g=n.mergeProps(o.getContentProps(r),i.getPresenceProps(),a);return l.jsxRuntimeExports.jsx(u.PresenceProvider,{value:i,children:i.unmounted?null:l.jsxRuntimeExports.jsx(u.ark.div,{...g,ref:u.composeRefs(i.ref,t)})})});S.displayName="TabContent";const L=p.forwardRef((e,t)=>{const r=A(),a=n.mergeProps(r.getIndicatorProps(),e);return l.jsxRuntimeExports.jsx(u.ark.div,{...a,ref:t})});L.displayName="TabIndicator";const O=p.forwardRef((e,t)=>{const r=A(),a=n.mergeProps(r.getListProps(),e);return l.jsxRuntimeExports.jsx(u.ark.div,{...a,ref:t})});O.displayName="TabList";const k=p.forwardRef((e,t)=>{const[r,a]=u.createSplitProps()(e,["disabled","value"]),o=A(),s=n.mergeProps(o.getTriggerProps(r),a);return l.jsxRuntimeExports.jsx(u.ark.button,{...s,ref:t})});k.displayName="TabTrigger";var G=n.createAnatomy("tabs").parts("root","list","trigger","content","indicator"),m=G.build(),Y=e=>e.ids?.root??`tabs:${e.id}`,R=e=>e.ids?.list??`tabs:${e.id}:list`,I=(e,t)=>e.ids?.content??`tabs:${e.id}:content-${t}`,v=(e,t)=>e.ids?.trigger??`tabs:${e.id}:trigger-${t}`,B=e=>e.ids?.indicator??`tabs:${e.id}:indicator`,z=e=>e.getById(R(e)),J=(e,t)=>e.getById(I(e,t)),V=(e,t)=>e.getById(v(e,t)),w=e=>e.getById(B(e)),y=e=>{const r=`[role=tab][data-ownedby='${CSS.escape(R(e))}']:not([disabled])`;return n.queryAll(z(e),r)},Q=e=>n.first(y(e)),Z=e=>n.last(y(e)),ee=(e,t)=>n.nextById(y(e),v(e,t.value),t.loopFocus),te=(e,t)=>n.prevById(y(e),v(e,t.value),t.loopFocus),$=e=>({left:e?.offsetLeft??0,top:e?.offsetTop??0,width:e?.offsetWidth??0,height:e?.offsetHeight??0}),ae=(e,t)=>{const r=n.itemById(y(e),v(e,t));return D($(r))},D=e=>({width:`${e.width}px`,height:`${e.height}px`,left:`${e.left}px`,top:`${e.top}px`});function re(e,t){const{state:r,send:a,context:o,prop:s,scope:i}=e,g=s("translations"),T=r.matches("focused"),P=s("orientation")==="vertical",h=s("orientation")==="horizontal",j=s("composite");function F(c){return{selected:o.get("value")===c.value,focused:o.get("focusedValue")===c.value,disabled:!!c.disabled}}return{value:o.get("value"),focusedValue:o.get("focusedValue"),setValue(c){a({type:"SET_VALUE",value:c})},clearValue(){a({type:"CLEAR_VALUE"})},setIndicatorRect(c){const d=v(i,c);a({type:"SET_INDICATOR_RECT",id:d})},syncTabIndex(){a({type:"SYNC_TAB_INDEX"})},selectNext(c){a({type:"TAB_FOCUS",value:c,src:"selectNext"}),a({type:"ARROW_NEXT",src:"selectNext"})},selectPrev(c){a({type:"TAB_FOCUS",value:c,src:"selectPrev"}),a({type:"ARROW_PREV",src:"selectPrev"})},focus(){const c=o.get("value");c&&V(i,c)?.focus()},getRootProps(){return t.element({...m.root.attrs,id:Y(i),"data-orientation":s("orientation"),"data-focus":n.dataAttr(T),dir:s("dir")})},getListProps(){return t.element({...m.list.attrs,id:R(i),role:"tablist",dir:s("dir"),"data-focus":n.dataAttr(T),"aria-orientation":s("orientation"),"data-orientation":s("orientation"),"aria-label":g?.listLabel,onKeyDown(c){if(c.defaultPrevented||!n.isSelfTarget(c)||n.isComposingEvent(c))return;const d={ArrowDown(){h||a({type:"ARROW_NEXT",key:"ArrowDown"})},ArrowUp(){h||a({type:"ARROW_PREV",key:"ArrowUp"})},ArrowLeft(){P||a({type:"ARROW_PREV",key:"ArrowLeft"})},ArrowRight(){P||a({type:"ARROW_NEXT",key:"ArrowRight"})},Home(){a({type:"HOME"})},End(){a({type:"END"})},Enter(){a({type:"ENTER"})}};let f=n.getEventKey(c,{dir:s("dir"),orientation:s("orientation")});const b=d[f];b&&(c.preventDefault(),b(c))}})},getTriggerState:F,getTriggerProps(c){const{value:d,disabled:f}=c,b=F(c);return t.button({...m.trigger.attrs,role:"tab",type:"button",disabled:f,dir:s("dir"),"data-orientation":s("orientation"),"data-disabled":n.dataAttr(f),"aria-disabled":f,"data-value":d,"aria-selected":b.selected,"data-selected":n.dataAttr(b.selected),"data-focus":n.dataAttr(b.focused),"aria-controls":b.selected?I(i,d):void 0,"data-ownedby":R(i),"data-ssr":n.dataAttr(o.get("ssr")),id:v(i,d),tabIndex:b.selected&&j?0:-1,onFocus(){a({type:"TAB_FOCUS",value:d})},onBlur(C){C.relatedTarget?.getAttribute("role")!=="tab"&&a({type:"TAB_BLUR"})},onClick(C){C.defaultPrevented||f||(n.isSafari()&&C.currentTarget.focus(),a({type:"TAB_CLICK",value:d}))}})},getContentProps(c){const{value:d}=c,f=o.get("value")===d;return t.element({...m.content.attrs,dir:s("dir"),id:I(i,d),tabIndex:j?0:-1,"aria-labelledby":v(i,d),role:"tabpanel","data-ownedby":R(i),"data-selected":n.dataAttr(f),"data-orientation":s("orientation"),hidden:!f})},getIndicatorProps(){const c=o.get("indicatorRect"),d=o.get("indicatorTransition");return t.element({id:B(i),...m.indicator.attrs,dir:s("dir"),"data-orientation":s("orientation"),style:{"--transition-property":"left, right, top, bottom, width, height","--left":c.left,"--top":c.top,"--width":c.width,"--height":c.height,position:"absolute",willChange:"var(--transition-property)",transitionProperty:"var(--transition-property)",transitionDuration:d?"var(--transition-duration, 150ms)":"0ms",transitionTimingFunction:"var(--transition-timing-function)",[h?"left":"top"]:h?"var(--left)":"var(--top)"}})}}}var{not:se}=n.createGuards(),oe=n.createMachine({props({props:e}){return{dir:"ltr",orientation:"horizontal",activationMode:"automatic",loopFocus:!0,composite:!0,navigate(t){n.clickIfLink(t.node)},defaultValue:null,...e}},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(r){e("onValueChange")?.({value:r})}})),focusedValue:t(()=>({defaultValue:e("value")||e("defaultValue"),sync:!0,onChange(r){e("onFocusChange")?.({focusedValue:r})}})),ssr:t(()=>({defaultValue:!0})),indicatorTransition:t(()=>({defaultValue:!1})),indicatorRect:t(()=>({defaultValue:{left:"0px",top:"0px",width:"0px",height:"0px"}}))}},watch({context:e,prop:t,track:r,action:a}){r([()=>e.get("value")],()=>{a(["allowIndicatorTransition","syncIndicatorRect","syncTabIndex","navigateIfNeeded"])}),r([()=>t("dir"),()=>t("orientation")],()=>{a(["syncIndicatorRect"])})},on:{SET_VALUE:{actions:["setValue"]},CLEAR_VALUE:{actions:["clearValue"]},SET_INDICATOR_RECT:{actions:["setIndicatorRect"]},SYNC_TAB_INDEX:{actions:["syncTabIndex"]}},entry:["syncIndicatorRect","syncTabIndex","syncSsr"],exit:["cleanupObserver"],states:{idle:{on:{TAB_FOCUS:{target:"focused",actions:["setFocusedValue"]},TAB_CLICK:{target:"focused",actions:["setFocusedValue","setValue"]}}},focused:{on:{TAB_CLICK:{target:"focused",actions:["setFocusedValue","setValue"]},ARROW_PREV:[{guard:"selectOnFocus",actions:["focusPrevTab","selectFocusedTab"]},{actions:["focusPrevTab"]}],ARROW_NEXT:[{guard:"selectOnFocus",actions:["focusNextTab","selectFocusedTab"]},{actions:["focusNextTab"]}],HOME:[{guard:"selectOnFocus",actions:["focusFirstTab","selectFocusedTab"]},{actions:["focusFirstTab"]}],END:[{guard:"selectOnFocus",actions:["focusLastTab","selectFocusedTab"]},{actions:["focusLastTab"]}],ENTER:{guard:se("selectOnFocus"),actions:["selectFocusedTab"]},TAB_FOCUS:{actions:["setFocusedValue"]},TAB_BLUR:{target:"idle",actions:["clearFocusedValue"]}}}},implementations:{guards:{selectOnFocus:({prop:e})=>e("activationMode")==="automatic"},actions:{selectFocusedTab({context:e,prop:t}){n.raf(()=>{const r=e.get("focusedValue");if(!r)return;const o=t("deselectable")&&e.get("value")===r?null:r;e.set("value",o)})},setFocusedValue({context:e,event:t,flush:r}){t.value!=null&&r(()=>{e.set("focusedValue",t.value)})},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t,prop:r}){const a=r("deselectable")&&e.get("value")===e.get("focusedValue");e.set("value",a?null:t.value)},clearValue({context:e}){e.set("value",null)},focusFirstTab({scope:e}){n.raf(()=>{Q(e)?.focus()})},focusLastTab({scope:e}){n.raf(()=>{Z(e)?.focus()})},focusNextTab({context:e,prop:t,scope:r,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const s=ee(r,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?s?.focus():s?.dataset.value!=null&&e.set("focusedValue",s.dataset.value)})},focusPrevTab({context:e,prop:t,scope:r,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const s=te(r,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?s?.focus():s?.dataset.value!=null&&e.set("focusedValue",s.dataset.value)})},syncTabIndex({context:e,scope:t}){n.raf(()=>{const r=e.get("value");if(!r)return;const a=J(t,r);if(!a)return;n.getFocusables(a).length>0?a.removeAttribute("tabindex"):a.setAttribute("tabindex","0")})},cleanupObserver({refs:e}){const t=e.get("indicatorCleanup");t&&t()},allowIndicatorTransition({context:e}){e.set("indicatorTransition",!0)},setIndicatorRect({context:e,event:t,scope:r}){const a=t.id??e.get("value");if(!w(r))return;if(!a){e.set("indicatorTransition",!1);return}V(r,a)&&(e.set("indicatorRect",ae(r,a)),n.nextTick(()=>{e.set("indicatorTransition",!1)}))},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,refs:t,scope:r}){const a=t.get("indicatorCleanup");a&&a();const o=e.get("value");if(!o){e.set("indicatorTransition",!1);return}const s=V(r,o),i=w(r);if(!s||!i)return;const g=n.trackElementRect([s],{measure(T){return $(T)},onEntry({rects:T}){const[P]=T;e.set("indicatorRect",D(P))}});t.set("indicatorCleanup",g)},navigateIfNeeded({context:e,prop:t,scope:r}){const a=e.get("value");if(!a)return;const o=V(r,a);n.isAnchorElement(o)&&t("navigate")?.({value:a,node:o,href:o.href})}}}});u.createProps()(["activationMode","composite","deselectable","dir","getRootNode","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value","defaultValue"]);u.createProps()(["disabled","value"]);u.createProps()(["value"]);const ne=e=>{const t=p.useId(),{getRootNode:r}=u.useEnvironmentContext(),{dir:a}=u.useLocaleContext(),o={id:t,dir:a,getRootNode:r,...e},s=u.useMachine(oe,o);return re(s,u.normalizeProps)},U=p.forwardRef((e,t)=>{const[r,a]=x.splitRenderStrategyProps(e),[o,s]=u.createSplitProps()(a,["activationMode","composite","defaultValue","deselectable","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value"]),i=ne(o),g=n.mergeProps(i.getRootProps(),s);return l.jsxRuntimeExports.jsx(N,{value:i,children:l.jsxRuntimeExports.jsx(x.RenderStrategyPropsProvider,{value:r,children:l.jsxRuntimeExports.jsx(u.ark.div,{...g,ref:t})})})});U.displayName="TabsRoot";const q=p.forwardRef((e,t)=>{const[r,a]=x.splitRenderStrategyProps(e),[{value:o},s]=u.createSplitProps()(a,["value"]),i=n.mergeProps(o.getRootProps(),s);return l.jsxRuntimeExports.jsx(N,{value:o,children:l.jsxRuntimeExports.jsx(x.RenderStrategyPropsProvider,{value:r,children:l.jsxRuntimeExports.jsx(u.ark.div,{...i,ref:t})})})});q.displayName="TabsRootProvider";const{withProvider:W,withContext:E}=X.createSlotRecipeContext({key:"tabs"});W(q,"root",{forwardAsChild:!0});const ie=W(U,"root",{forwardAsChild:!0}),ce=E(k,"trigger",{forwardAsChild:!0}),ue=E(S,"content",{forwardAsChild:!0});E("div","contentGroup");const le=E(O,"list",{forwardAsChild:!0});E(L,"indicator",{forwardAsChild:!0});const de={xs:"sm",sm:"md",md:"md",lg:"lg"},ge={xs:"xs",sm:"xs",md:"sm",lg:"md"},fe=({iconName:e,iconPosition:t="left",label:r,notificationCounterProps:a,showNotificationCounter:o,size:s="md",...i})=>l.jsxRuntimeExports.jsxs(ce,{className:"Tab","data-testid":"kibble-tab",...i,children:[!!e&&t==="left"&&l.jsxRuntimeExports.jsx(_.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s,variant:"default"}),l.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"Tab__Label","data-testid":"kibble-tab-label",size:ge[s],children:r}),!!e&&t==="right"&&l.jsxRuntimeExports.jsx(_.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:s}),o&&l.jsxRuntimeExports.jsx(M.NotificationCounter,{className:"Tab__NotificationCounter","data-testid":"kibble-tab-notification-counter",...a,size:de[s]})]}),pe=({align:e="start",onChange:t,size:r="md",tabs:a,tabsContents:o,...s})=>l.jsxRuntimeExports.jsxs(ie,{className:"Tabs","data-testid":"kibble-tabs",justify:e||s.justify,size:r,onValueChange:({value:i})=>t?.(i),...s,children:[l.jsxRuntimeExports.jsx(le,{className:"Tabs__List","data-testid":"kibble-tabs-list",children:a.map((i,g)=>l.jsxRuntimeExports.jsx(fe,{...i},`tab-${g}`))}),!!o&&o.map((i,g)=>l.jsxRuntimeExports.jsx(ue,{...i},`tabContent-${g}`))]});exports.Tabs=pe;
-//# sourceMappingURL=tabs.component-CzyTXhJp.js.map

package/dist/chunks/textInput.component-cFmQkIXY.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),y=require("./withFormControl-PaMa_BVC.js"),P=require("./button.component-Dd9AfGox.js"),b=require("./characterCounter.component-MBtgMpUc.js"),T=require("./box-Baq7UBls.js"),k=require("./empty-B5_AO6Pg.js"),I=require("./factory-D6tdBUPG.js"),w=require("./use-recipe-DaPWl_pL.js"),A=require("./group-Cv7AQw1b.js"),v=require("./create-recipe-context-sESms8Eo.js"),N=require("./portal-JkodPmk7.js"),S=require("./use-field-context-BJ7xh7mY.js"),F=require("./index-B3Uf1AVX.js"),B=t=>t&&t.__esModule?t:{default:t},G=B(u),C=u.forwardRef((t,r)=>{const n=S.useFieldContext(),s=F.mergeProps(n?.getInputProps(),t);return e.jsxRuntimeExports.jsx(N.ark.input,{...s,ref:r})});C.displayName="FieldInput";const{withContext:M}=v.createRecipeContext({key:"input"}),z=M(C),R=u.forwardRef(function({unstyled:r,...n},s){const c=w.useRecipe({key:"inputAddon",recipe:n.recipe}),[i,a]=c.splitVariantProps(n),o=r?k.EMPTY_SLOT_STYLES:c(i);return e.jsxRuntimeExports.jsx(I.chakra.div,{ref:s,...a,css:[o,n.css]})}),E=I.chakra("div",{base:{display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",zIndex:2,color:"fg.muted",height:"full",fontSize:"sm",px:"3"},variants:{placement:{start:{insetInlineStart:"0"},end:{insetInlineEnd:"0"}}}}),D=u.forwardRef(function(r,n){const{startElement:s,startElementProps:c,endElement:i,endElementProps:a,startAddon:o,startAddonProps:m,endAddon:d,endAddonProps:x,children:l,startOffset:p="0px",endOffset:f="0px",...h}=r,j=u.Children.only(l),g=!!(o||d);return e.jsxRuntimeExports.jsxs(A.Group,{width:"full",ref:n,attached:g,skip:q=>q.type===E,...h,children:[o&&e.jsxRuntimeExports.jsx(R,{...m,children:o}),s&&e.jsxRuntimeExports.jsx(E,{pointerEvents:"none",...c,children:s}),u.cloneElement(j,{...s&&{ps:`calc(var(--input-height) - ${p})`},...i&&{pe:`calc(var(--input-height) - ${f})`},...l.props}),i&&e.jsxRuntimeExports.jsx(E,{placement:"end",...a,children:i}),d&&e.jsxRuntimeExports.jsx(R,{...x,children:d})]})}),O={sm:"xs",md:"sm",lg:"md"},W=y.withFormControl(({charLimit:t=void 0,clearable:r=!1,disabled:n=!1,inputRef:s,invalid:c,leftAddon:i,leftElement:a,onClear:o,onContrast:m,rightAddon:d,rightElement:x,size:l="md",value:p,...f})=>{const h=()=>{o&&o(p||"")};r&&p&&!n&&(x=e.jsxRuntimeExports.jsx(P.Button,{className:"TextInput__ClearButton","data-testid":"kibble-text-input-clear-button",size:O[l],variant:"ghostNeutral",onClick:h,iconName:"close"}));const j=u.useMemo(()=>p?.toString()?.length||0,[p]);return e.jsxRuntimeExports.jsxs(T.Box,{className:"TextInput__Wrapper",position:"relative",w:"100%",children:[e.jsxRuntimeExports.jsx(D,{className:"TextInput__InputGroup","data-testid":"kibble-text-input-group",startElement:a,startElementProps:{color:"inherit",_groupDisabled:{opacity:.6}},endElement:x,endElementProps:{color:"inherit",paddingInline:1.5,_groupDisabled:{opacity:.6}},startAddon:i,endAddon:d,children:e.jsxRuntimeExports.jsx(z,{"data-testid":"kibble-text-input",className:"TextInput",ref:s,value:p,size:l,disabled:n,...c&&{"aria-invalid":!0},variant:m?"onContrast":"default",...f})}),!!t&&e.jsxRuntimeExports.jsx(b.CharacterCounter,{withLimit:!0,limit:t,currentCount:j})]})}),_=G.default.forwardRef((t,r)=>e.jsxRuntimeExports.jsx(W,{inputRef:r,...t}));_.displayName="TextInput";exports.WrappedTextInput=_;
-//# sourceMappingURL=textInput.component-cFmQkIXY.js.map

package/dist/chunks/textarea.component-cEtZ6ReA.js

@@ -1,2 +0,0 @@
-"use strict";const c=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),h=require("./withFormControl-PaMa_BVC.js"),v=require("./characterCounter.component-MBtgMpUc.js"),g=require("./flex-D14H6HbP.js"),w=require("./create-recipe-context-sESms8Eo.js"),x=require("./index-B3Uf1AVX.js"),l=require("./portal-JkodPmk7.js"),b=require("./use-field-context-BJ7xh7mY.js"),R=e=>e&&e.__esModule?e:{default:e},F=R(u);var y=e=>{if(!e)return;const t=x.getComputedStyle(e),o=x.getWindow(e),s=x.getDocument(e),r=()=>{requestAnimationFrame(()=>{e.style.height="auto";let i;t.boxSizing==="content-box"?i=e.scrollHeight-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):i=e.scrollHeight+parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),t.maxHeight!=="none"&&i>parseFloat(t.maxHeight)?(t.overflowY==="hidden"&&(e.style.overflowY="scroll"),i=parseFloat(t.maxHeight)):t.overflowY!=="hidden"&&(e.style.overflowY="hidden"),e.style.height=`${i}px`})};e.addEventListener("input",r),e.form?.addEventListener("reset",r);const n=Object.getPrototypeOf(e),a=Object.getOwnPropertyDescriptor(n,"value");Object.defineProperty(e,"value",{...a,set(){a?.set?.apply(this,arguments),r()}});const d=new o.ResizeObserver(()=>{requestAnimationFrame(()=>r())});d.observe(e);const p=new o.MutationObserver(()=>r());return p.observe(e,{attributes:!0,attributeFilter:["rows","placeholder"]}),s.fonts?.addEventListener("loadingdone",r),()=>{e.removeEventListener("input",r),e.form?.removeEventListener("reset",r),s.fonts?.removeEventListener("loadingdone",r),d.disconnect(),p.disconnect()}};const m=u.forwardRef((e,t)=>{const{autoresize:o,...s}=e,r=u.useRef(null),n=b.useFieldContext(),a=x.mergeProps(n?.getTextareaProps(),{style:{resize:o?"none":void 0}},s);return u.useEffect(()=>{if(o)return y(r.current)},[o]),c.jsxRuntimeExports.jsx(l.ark.textarea,{...a,ref:l.composeRefs(t,r)})});m.displayName="FieldTextarea";const{withContext:C}=w.createRecipeContext({key:"textarea"}),j=C(m),T=h.withFormControl(({charLimit:e=void 0,invalid:t,onContrast:o,resize:s="none",textareaRef:r,value:n,...a})=>{const d=o?"onContrast":"default",p=u.useMemo(()=>n?.toString()?.length||0,[n]);return c.jsxRuntimeExports.jsxs(g.Flex,{className:"Textarea__Wrapper",position:"relative",w:"100%",children:[c.jsxRuntimeExports.jsx(j,{className:"Textarea","data-testid":"kibble-textarea",resize:s,variant:d,value:n,...t&&{"aria-invalid":!0},minH:"140px",...a,ref:r}),!!e&&c.jsxRuntimeExports.jsx(v.CharacterCounter,{withLimit:!0,limit:e,currentCount:p})]})}),f=F.default.forwardRef((e,t)=>c.jsxRuntimeExports.jsx(T,{textareaRef:t,...e}));f.displayName="Textarea";exports.WrappedTextArea=f;
-//# sourceMappingURL=textarea.component-cEtZ6ReA.js.map