@televet/kibble-ui 4.0.0-beta.59 → 4.0.0-beta.60

package/dist/chunks/tabs.component-C_1vC1p_.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-CwIseBhq.js"),X=require("./create-slot-recipe-context-IwVIgtBt.js"),p=require("react"),u=require("./use-locale-context-BdqHZ8L8.js"),x=require("./render-strategy-BmWbSgqh.js"),n=require("./index-CZ42b9rT.js");function K(e,t){const[s,a]=p.useState(e);return p.useEffect(()=>{const o=setTimeout(()=>{a(e)},t);return()=>{clearTimeout(o)}},[e,t]),s}const[N,A]=u.createContext({name:"TabsContext",hookName:"useTabsContext",providerName:"<TabsProvider />"}),S=p.forwardRef((e,t)=>{const[s,a]=u.createSplitProps()(e,["value"]),o=A(),r=x.useRenderStrategyPropsContext(),i=u.usePresence({...r,present:K(o.value===e.value,0),immediate:!0}),g=n.mergeProps(o.getContentProps(s),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 s=A(),a=n.mergeProps(s.getIndicatorProps(),e);return l.jsxRuntimeExports.jsx(u.ark.div,{...a,ref:t})});L.displayName="TabIndicator";const O=p.forwardRef((e,t)=>{const s=A(),a=n.mergeProps(s.getListProps(),e);return l.jsxRuntimeExports.jsx(u.ark.div,{...a,ref:t})});O.displayName="TabList";const k=p.forwardRef((e,t)=>{const[s,a]=u.createSplitProps()(e,["disabled","value"]),o=A(),r=n.mergeProps(o.getTriggerProps(s),a);return l.jsxRuntimeExports.jsx(u.ark.button,{...r,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 s=`[role=tab][data-ownedby='${CSS.escape(R(e))}']:not([disabled])`;return n.queryAll(z(e),s)},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 s=n.itemById(y(e),v(e,t));return D($(s))},D=e=>({width:`${e.width}px`,height:`${e.height}px`,left:`${e.left}px`,top:`${e.top}px`});function se(e,t){const{state:s,send:a,context:o,prop:r,scope:i}=e,g=r("translations"),T=s.matches("focused"),P=r("orientation")==="vertical",h=r("orientation")==="horizontal",j=r("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":r("orientation"),"data-focus":n.dataAttr(T),dir:r("dir")})},getListProps(){return t.element({...m.list.attrs,id:R(i),role:"tablist",dir:r("dir"),"data-focus":n.dataAttr(T),"aria-orientation":r("orientation"),"data-orientation":r("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:r("dir"),orientation:r("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:r("dir"),"data-orientation":r("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:r("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":r("orientation"),hidden:!f})},getIndicatorProps(){const c=o.get("indicatorRect"),d=o.get("indicatorTransition");return t.element({id:B(i),...m.indicator.attrs,dir:r("dir"),"data-orientation":r("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:re}=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(s){e("onValueChange")?.({value:s})}})),focusedValue:t(()=>({defaultValue:e("value")||e("defaultValue"),sync:!0,onChange(s){e("onFocusChange")?.({focusedValue:s})}})),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:s,action:a}){s([()=>e.get("value")],()=>{a(["allowIndicatorTransition","syncIndicatorRect","syncTabIndex","navigateIfNeeded"])}),s([()=>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:re("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 s=e.get("focusedValue");if(!s)return;const o=t("deselectable")&&e.get("value")===s?null:s;e.set("value",o)})},setFocusedValue({context:e,event:t,flush:s}){t.value!=null&&s(()=>{e.set("focusedValue",t.value)})},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t,prop:s}){const a=s("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:s,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const r=ee(s,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?r?.focus():r?.dataset.value!=null&&e.set("focusedValue",r.dataset.value)})},focusPrevTab({context:e,prop:t,scope:s,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const r=te(s,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?r?.focus():r?.dataset.value!=null&&e.set("focusedValue",r.dataset.value)})},syncTabIndex({context:e,scope:t}){n.raf(()=>{const s=e.get("value");if(!s)return;const a=J(t,s);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:s}){const a=t.id??e.get("value");if(!w(s))return;if(!a){e.set("indicatorTransition",!1);return}V(s,a)&&(e.set("indicatorRect",ae(s,a)),n.nextTick(()=>{e.set("indicatorTransition",!1)}))},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,refs:t,scope:s}){const a=t.get("indicatorCleanup");a&&a();const o=e.get("value");if(!o){e.set("indicatorTransition",!1);return}const r=V(s,o),i=w(s);if(!r||!i)return;const g=n.trackElementRect([r],{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:s}){const a=e.get("value");if(!a)return;const o=V(s,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:s}=u.useEnvironmentContext(),{dir:a}=u.useLocaleContext(),o={id:t,dir:a,getRootNode:s,...e},r=u.useMachine(oe,o);return se(r,u.normalizeProps)},U=p.forwardRef((e,t)=>{const[s,a]=x.splitRenderStrategyProps(e),[o,r]=u.createSplitProps()(a,["activationMode","composite","defaultValue","deselectable","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value"]),i=ne(o),g=n.mergeProps(i.getRootProps(),r);return l.jsxRuntimeExports.jsx(N,{value:i,children:l.jsxRuntimeExports.jsx(x.RenderStrategyPropsProvider,{value:s,children:l.jsxRuntimeExports.jsx(u.ark.div,{...g,ref:t})})})});U.displayName="TabsRoot";const q=p.forwardRef((e,t)=>{const[s,a]=x.splitRenderStrategyProps(e),[{value:o},r]=u.createSplitProps()(a,["value"]),i=n.mergeProps(o.getRootProps(),r);return l.jsxRuntimeExports.jsx(N,{value:o,children:l.jsxRuntimeExports.jsx(x.RenderStrategyPropsProvider,{value:s,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:s,notificationCounterProps:a,showNotificationCounter:o,size:r="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:r,variant:"default"}),l.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"Tab__Label","data-testid":"kibble-tab-label",size:ge[r],children:s}),!!e&&t==="right"&&l.jsxRuntimeExports.jsx(_.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:r}),o&&l.jsxRuntimeExports.jsx(M.NotificationCounter,{className:"Tab__NotificationCounter","data-testid":"kibble-tab-notification-counter",...a,size:de[r]})]}),pe=({align:e="start",onChange:t,size:s="md",tabs:a,tabsContents:o,...r})=>l.jsxRuntimeExports.jsxs(ie,{className:"Tabs","data-testid":"kibble-tabs",justify:e||r.justify,size:s,onValueChange:({value:i})=>t?.(i),...r,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-C_1vC1p_.js.map

package/dist/chunks/text.component-CfoAQOZD.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),i=require("./withTruncation-DfzvChd0.js"),r=require("./create-recipe-context-sESms8Eo.js"),{withContext:c}=r.createRecipeContext({key:"text"}),x=c("p"),t=({children:e,...n})=>s.jsxRuntimeExports.jsx(x,{className:"Text","data-testid":"kibble-text",...n,children:e});t.displayName="Text";const o=i.withTruncation(t);exports.WrappedText=o;
-//# sourceMappingURL=text.component-CfoAQOZD.js.map

package/dist/chunks/text.component-CfoAQOZD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-CfoAQOZD.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/typography/text.js","../../src/components/Text/text.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface TextProps extends WithTruncationProps, CTextProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["withContext","createRecipeContext","Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":"qJAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECOtBE,EAAO,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEzBC,EAAA,kBAAA,IAACC,GAAM,UAAU,OAAO,cAAY,cAAe,GAAGF,EACnD,SAAAD,EACH,EAIJD,EAAK,YAAc,OAEb,MAAAK,EAAcC,iBAAeN,CAAI","x_google_ignoreList":[0]}

package/dist/chunks/text.component-DqGLCykU.js

@@ -1,12 +0,0 @@
-import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { w as a } from "./withTruncation-C6OLiB1e.js";
-import { c as r } from "./create-recipe-context-D7FewUR4.js";
-const { withContext: x } = r({
-  key: "text"
-}), i = x("p"), t = ({ children: e, ...o }) => /* @__PURE__ */ s.jsx(i, { className: "Text", "data-testid": "kibble-text", ...o, children: e });
-t.displayName = "Text";
-const m = a(t);
-export {
-  m as W
-};
-//# sourceMappingURL=text.component-DqGLCykU.js.map

package/dist/chunks/text.component-DqGLCykU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-DqGLCykU.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/typography/text.js","../../src/components/Text/text.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import React from \"react\";\nimport {\n  Text as CText,\n  TextProps as CTextProps,\n} from \"@chakra-ui/react/typography\";\nimport { withTruncation, WithTruncationProps } from \"hocs/withTruncation\";\nimport { TextSize } from \"./text.types\";\nimport { TypographyVariant } from \"shared/types/typography\";\n\nexport interface TextProps extends WithTruncationProps, CTextProps {\n  size?: TextSize;\n  variant?: TypographyVariant;\n}\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = \"Text\";\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["withContext","createRecipeContext","Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCOtBE,IAAO,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEzBC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAY,eAAe,GAAGF,GACnD,UAAAD,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAK,IAAcC,EAAeN,CAAI;","x_google_ignoreList":[0]}

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

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),y=require("./withFormControl-CusnMDAi.js"),P=require("./button.component-Dd9AfGox.js"),b=require("./characterCounter.component-DPQU9l7b.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("./use-locale-context-BdqHZ8L8.js"),S=require("./use-field-context--wBJQY1R.js"),F=require("./index-CZ42b9rT.js"),B=t=>t&&t.__esModule?t:{default:t},G=B(c),C=c.forwardRef((t,s)=>{const n=S.useFieldContext(),r=F.mergeProps(n?.getInputProps(),t);return e.jsxRuntimeExports.jsx(N.ark.input,{...r,ref:s})});C.displayName="FieldInput";const{withContext:M}=v.createRecipeContext({key:"input"}),z=M(C),R=c.forwardRef(function({unstyled:s,...n},r){const p=w.useRecipe({key:"inputAddon",recipe:n.recipe}),[i,a]=p.splitVariantProps(n),o=s?k.EMPTY_SLOT_STYLES:p(i);return e.jsxRuntimeExports.jsx(I.chakra.div,{ref:r,...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=c.forwardRef(function(s,n){const{startElement:r,startElementProps:p,endElement:i,endElementProps:a,startAddon:o,startAddonProps:m,endAddon:d,endAddonProps:x,children:l,startOffset:u="0px",endOffset:f="0px",...h}=s,j=c.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}),r&&e.jsxRuntimeExports.jsx(E,{pointerEvents:"none",...p,children:r}),c.cloneElement(j,{...r&&{ps:`calc(var(--input-height) - ${u})`},...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})]})}),L={sm:"xs",md:"sm",lg:"md"},O=y.withFormControl(({charLimit:t=void 0,clearable:s=!1,disabled:n=!1,inputRef:r,invalid:p,leftAddon:i,leftElement:a,onClear:o,onContrast:m,rightAddon:d,rightElement:x,size:l="md",value:u,...f})=>{const h=()=>{o&&o(u||"")};s&&u&&!n&&(x=e.jsxRuntimeExports.jsx(P.Button,{className:"TextInput__ClearButton","data-testid":"kibble-text-input-clear-button",size:L[l],variant:"ghostNeutral",onClick:h,iconName:"close"}));const j=c.useMemo(()=>u?.toString()?.length||0,[u]);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:r,value:u,size:l,disabled:n,...p&&{"aria-invalid":!0},variant:m?"onContrast":"default",...f})}),!!t&&e.jsxRuntimeExports.jsx(b.CharacterCounter,{withLimit:!0,limit:t,currentCount:j})]})}),_=G.default.forwardRef((t,s)=>e.jsxRuntimeExports.jsx(O,{inputRef:s,...t}));_.displayName="TextInput";exports.WrappedTextInput=_;
-//# sourceMappingURL=textInput.component-ByIVwlA_.js.map

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

@@ -1,2 +0,0 @@
-"use strict";const c=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),h=require("./withFormControl-CusnMDAi.js"),v=require("./characterCounter.component-DPQU9l7b.js"),g=require("./flex-D14H6HbP.js"),w=require("./create-recipe-context-sESms8Eo.js"),p=require("./index-CZ42b9rT.js"),l=require("./use-locale-context-BdqHZ8L8.js"),b=require("./use-field-context--wBJQY1R.js"),R=e=>e&&e.__esModule?e:{default:e},C=R(u);var F=e=>{if(!e)return;const t=p.getComputedStyle(e),o=p.getWindow(e),s=p.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 x=new o.MutationObserver(()=>r());return x.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(),x.disconnect()}};const m=u.forwardRef((e,t)=>{const{autoresize:o,...s}=e,r=u.useRef(null),n=b.useFieldContext(),a=p.mergeProps(n?.getTextareaProps(),{style:{resize:o?"none":void 0}},s);return u.useEffect(()=>{if(o)return F(r.current)},[o]),c.jsxRuntimeExports.jsx(l.ark.textarea,{...a,ref:l.composeRefs(t,r)})});m.displayName="FieldTextarea";const{withContext:y}=w.createRecipeContext({key:"textarea"}),j=y(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",x=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:x})]})}),f=C.default.forwardRef((e,t)=>c.jsxRuntimeExports.jsx(T,{textareaRef:t,...e}));f.displayName="Textarea";exports.WrappedTextArea=f;
-//# sourceMappingURL=textarea.component-BPBiEVGY.js.map