@televet/kibble-ui 4.0.0-beta.63 → 4.0.0-beta.65

package/dist/chunks/menu.component-BsIFHOah.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),A=require("./button.component-Dd9AfGox.js"),Q=require("./icon.component-C0e0UGBw.js"),G=require("./withTruncation-XdRr8uDJ.js"),k=require("./flex-D14H6HbP.js"),Be=require("./textInput.component-BJ3ija0b.js"),qe=require("./spinner.component-DIyDNcWp.js"),S=require("./box-Baq7UBls.js"),$e=require("./modal.context-EJ67QNzq.js"),U=require("./checkbox.component-CanZsQHo.js"),o=require("./portal-TWtD47zg.js"),Fe=require("./create-slot-recipe-context-IwVIgtBt.js"),Le=require("./icons-CTpAjbC-.js"),D=require("./index-BmcSWiFh.js"),d=require("./index-BlGAWSIX.js"),Ve=t=>t&&t.__esModule?t:{default:t},ze=Ve(u),[X,j]=o.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),Y=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getArrowProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Y.displayName="MenuArrow";const Z=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Z.displayName="MenuArrowTip";const[O,it]=o.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[ee,te]=o.createContext({name:"MenuOptionItemPropsContext",hookName:"useMenuOptionItemPropsContext",providerName:"<MenuOptionItemPropsProvider />"}),ne=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),i={...n,type:"checkbox"},l=j(),a=d.mergeProps(l.getOptionItemProps(i),r),x=l.getOptionItemState(i);return e.jsxRuntimeExports.jsx(ee,{value:i,children:e.jsxRuntimeExports.jsx(O,{value:x,children:e.jsxRuntimeExports.jsx(o.ark.div,{...a,ref:s})})})});ne.displayName="MenuCheckboxItem";const se=u.forwardRef((t,s)=>{const n=j(),r=o.usePresenceContext(),i=d.mergeProps(n.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:o.composeRefs(r.ref,s)})});se.displayName="MenuContent";const re=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(o.ark.button,{...r,ref:s})});re.displayName="MenuContextTrigger";const oe=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});oe.displayName="MenuIndicator";const ue=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),i=j(),l=d.mergeProps(i.getItemProps(n),r),a=i.getItemState(n);return u.useEffect(()=>i.addItemListener({id:a.id,onSelect:n.onSelect}),[a.id,n.onSelect]),e.jsxRuntimeExports.jsx(O,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...l,ref:s})})});ue.displayName="MenuItem";const[ie,ce]=o.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),ae=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id"]),i=j(),a={id:u.useId(),...n},x=d.mergeProps(i.getItemGroupProps(a),r);return e.jsxRuntimeExports.jsx(ie,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});ae.displayName="MenuItemGroup";const le=u.forwardRef((t,s)=>{const n=j(),r=ce(),i=d.mergeProps(n.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:s})});le.displayName="MenuItemGroupLabel";const pe=u.forwardRef((t,s)=>{const n=j(),r=te(),i=d.mergeProps(n.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:s})});pe.displayName="MenuItemIndicator";const xe=u.forwardRef((t,s)=>{const n=j(),r=te(),i=d.mergeProps(n.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...i,ref:s})});xe.displayName="MenuItemText";const me=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getPositionerProps(),t);return o.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});me.displayName="MenuPositioner";const de=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),i=j(),l=ce(),a={...n,checked:l.value===n.value,type:"radio",onCheckedChange:()=>l.onValueChange?.({value:n.value})},x=d.mergeProps(i.getOptionItemProps(a),r),g=i.getOptionItemState(a);return e.jsxRuntimeExports.jsx(ee,{value:a,children:e.jsxRuntimeExports.jsx(O,{value:g,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})})});de.displayName="MenuRadioItem";const je=u.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id","onValueChange","value"]),i=j(),a={id:u.useId(),...n},x=d.mergeProps(i.getItemGroupProps({id:a.id}),r);return e.jsxRuntimeExports.jsx(ie,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});je.displayName="MenuRadioItemGroup";const he=t=>{const s=u.useRef(t),n=u.useRef(!1);u.useEffect(()=>{s.current=t}),u.useEffect(()=>{n.current!==!0&&(n.current=!0,s.current())},[])},We=t=>{const s=u.useId(),{getRootNode:n}=o.useEnvironmentContext(),{dir:r}=o.useLocaleContext(),i={id:s,dir:r,getRootNode:n,...t},l=o.useMachine(D.machine,i);return{api:D.connect(l,o.normalizeProps),service:l}},[ge,fe]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[Pe,De]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),He=t=>{const[s,n]=o.splitPresenceProps(t),[r,i]=o.createSplitProps()(n,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),l=j(),a=fe(),{api:x,service:g}=We(r),P=o.usePresence(d.mergeProps({present:x.open},s));he(()=>{a&&l&&(l.setChild(g),x.setParent(a))});const I=u.useCallback(()=>l?.getTriggerItemProps(x),[x,l]);return e.jsxRuntimeExports.jsx(Pe,{value:I,children:e.jsxRuntimeExports.jsx(ge,{value:g,children:e.jsxRuntimeExports.jsx(X,{value:x,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:P,...i})})})})},Ke=t=>{const s=j(),n=fe(),[r,{value:i,children:l}]=o.splitPresenceProps(t),{api:a,service:x}=i,g=o.usePresence(d.mergeProps({present:a.open},r));he(()=>{n&&s&&(s.setChild(x),a.setParent(n))});const P=u.useCallback(()=>s?.getTriggerItemProps(a),[a,s]);return e.jsxRuntimeExports.jsx(Pe,{value:P,children:e.jsxRuntimeExports.jsx(ge,{value:x,children:e.jsxRuntimeExports.jsx(X,{value:a,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:g,children:l})})})})},Re=u.forwardRef((t,s)=>{const n=j(),r=d.mergeProps(n.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.hr,{...r,ref:s})});Re.displayName="MenuSeparator";const Me=u.forwardRef((t,s)=>{const n=j(),r=o.usePresenceContext(),i=d.mergeProps({...n.getTriggerProps(),"aria-controls":r.unmounted?void 0:n.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(o.ark.button,{...i,ref:s})});Me.displayName="MenuTrigger";const Ce=u.forwardRef((t,s)=>{const n=De(),r=d.mergeProps(n?.()??{},t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Ce.displayName="MenuTriggerItem";const{withRootProvider:Ie,withContext:h}=Fe.createSlotRecipeContext({key:"menu"});Ie(Ke);const Je=Ie(He,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),Qe=h(Me,"trigger",{forwardAsChild:!0});h(re,"contextTrigger",{forwardAsChild:!0});const Ue=h(me,"positioner",{forwardAsChild:!0});h(Re,"separator",{forwardAsChild:!0});const Xe=h(se,"content",{forwardAsChild:!0}),Ye=h(Z,"arrowTip",{forwardAsChild:!0});h(Y,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(Ye,{})}});h(oe,"indicator",{forwardAsChild:!0});const Ze=h(ae,"itemGroup",{forwardAsChild:!0}),et=h(le,"itemGroupLabel",{forwardAsChild:!0}),tt=h(ue,"item",{forwardAsChild:!0}),nt=h(Ce,"item",{forwardAsChild:!0});h(xe,"itemText",{forwardAsChild:!0});h("kbd","itemCommand");h(pe,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(Le.CheckIcon,{boxSize:"4"})}});const st=h(ne,"item",{forwardAsChild:!0});h(je,"itemGroup",{forwardAsChild:!0});h(de,"item",{forwardAsChild:!0});const rt=({hideCaret:t=!1,size:s="md",text:n,textProps:r,variant:i,...l})=>e.jsxRuntimeExports.jsxs(A.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:s,variant:i,...l,...!n&&t&&{paddingInline:0,paddingBlock:0},children:[n&&e.jsxRuntimeExports.jsx(G.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:s,color:i?"inherit":r?.color||"text.contrast",truncate:!0,...r,children:n}),!t&&e.jsxRuntimeExports.jsx(k.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(Q.Icon,{name:"chevronDown",size:s==="lg"?"sm":"xs"})})]}),ot=({label:t,leftElement:s,onSelect:n,shouldTruncateText:r,type:i="default",variant:l,...a})=>{const x=u.useCallback(()=>{n&&n(a.value)},[n,a.value]);if(i==="submenu"){const{valueText:g,listProps:P}=a;return e.jsxRuntimeExports.jsx(ve,{submenuTrigger:e.jsxRuntimeExports.jsxs(nt,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between","aria-valuetext":g,children:[e.jsxRuntimeExports.jsx(y,{label:t,leftElement:s,shouldTruncateText:r,variant:l}),e.jsxRuntimeExports.jsx(Q.Icon,{name:"chevronRight",size:"sm"})]}),portalled:!0,listProps:P})}if(i==="checkbox"){const{checked:g,value:P,closeOnSelect:I,...M}=a;return e.jsxRuntimeExports.jsxs(st,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:P,checked:!!g,onCheckedChange:x,closeOnSelect:I||!1,gap:3,...M,children:[e.jsxRuntimeExports.jsx(U.WrappedCheckbox,{checked:!!g,size:"md",fullWidth:!1}),e.jsxRuntimeExports.jsx(y,{label:t,leftElement:s,shouldTruncateText:r,variant:l})]})}if(i==="default"){const{selected:g=!1,value:P,...I}=a;return e.jsxRuntimeExports.jsx(tt,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:P,onSelect:x,...g&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(y,{label:t,leftElement:s,shouldTruncateText:r,variant:g?"info":l})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},y=({label:t,leftElement:s,shouldTruncateText:n,variant:r})=>e.jsxRuntimeExports.jsxs(k.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[s,typeof t=="string"?e.jsxRuntimeExports.jsx(G.WrappedText,{size:"sm",truncated:n,variant:r,children:t}):t]}),H=({groupName:t,hasSelectedItems:s=!1,onToggle:n})=>{const r=!!t;return e.jsxRuntimeExports.jsx(S.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...r?{textAlign:"right",w:"50%"}:{mt:2},children:r?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s?e.jsxRuntimeExports.jsx(J,{hasSelectedItems:s,groupName:t,onToggle:n}):e.jsxRuntimeExports.jsx(K,{groupName:t,onToggle:n})}):e.jsxRuntimeExports.jsxs(k.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(K,{groupName:t,onToggle:n}),e.jsxRuntimeExports.jsx(J,{hasSelectedItems:s,groupName:t,onToggle:n})]})})},K=({groupName:t,onToggle:s})=>e.jsxRuntimeExports.jsx(A.Button,{variant:"ghost",size:"xs",onClick:()=>s({groupName:t,clear:!1}),children:"Select All"}),J=({hasSelectedItems:t,groupName:s,onToggle:n})=>e.jsxRuntimeExports.jsx(A.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>n({groupName:s,clear:!0}),children:"Clear All"}),ve=({buttonProps:t,listProps:s,portalled:n=!1,submenuTrigger:r,...i})=>{const{contentRef:l}=$e.useModalContentRef(),{canSelectAll:a,canSelectGroups:x,emptyStateText:g="No results found",loading:P,maxH:I="480px",menuItems:M=[],minW:be="240px",onSearch:C,onSelect:B,onSelectAll:q,searchable:$,searchPlaceholder:Ee="Search...",shouldTruncateText:ke,...we}=s||{},[N,T]=u.useState(""),[F,_]=u.useState(M),L=u.useMemo(()=>{const c={};return F?.forEach(p=>{const m=p.groupLabel||"default",f=p.type==="checkbox"?"checkbox":"default";c[m]||(c[m]={}),c[m][f]||(c[m][f]=[]),c[m][f].push(p)}),c},[F]),V=u.useMemo(()=>Object.entries(L),[L]),b=u.useMemo(()=>M?.filter(c=>c.type==="checkbox")||[],[M]),Se=u.useMemo(()=>(b?.filter(p=>p.checked)||[]).map(p=>p.value),[b]),R=U.useCheckboxGroup({defaultValue:Se}),z=u.useCallback((c,p)=>c===""||!c?p:p.filter(m=>!!(typeof m.label=="string"?m.label:m.valueText)?.toLowerCase().includes(c.toLowerCase())),[]);u.useEffect(()=>{_(C?M:z(N,M))},[N,C,z,M]);const Ne=u.useCallback(c=>{const p=c.target.value;T(p),C&&C(c)},[C]),Te=u.useCallback(()=>{T(""),C&&C({target:{value:""}})},[C]),W=u.useCallback(({groupName:c,clear:p})=>{let m=[];if(c){const f=b.filter(v=>v.groupLabel===c).map(v=>v.value);m=p?R.value.filter(v=>!f.includes(v)):[...R.value,...f]}else m=p?[]:b.map(f=>f.value);q?.(m),R.setValue(m)},[b,q,R]),_e=u.useCallback(c=>{c.onSelect?.(c.value);const p=R.value,m=R.isChecked(c.value);B?.(c.value,m?p.filter(f=>f!==c.value):[...p,c.value]),c.type==="checkbox"&&R.toggleValue(c.value)},[B,R]),ye=u.useCallback(c=>{c||(T(""),_(M))},[M]);return e.jsxRuntimeExports.jsxs(Je,{...i,onOpenChange:c=>{ye(c.open),i.onOpenChange?.(c)},children:[r||e.jsxRuntimeExports.jsx(Qe,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(rt,{...t})}),e.jsxRuntimeExports.jsx(o.Portal,{disabled:!n,container:l||void 0,children:e.jsxRuntimeExports.jsx(Ue,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(Xe,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:I,minW:be,...we,children:[($||a)&&e.jsxRuntimeExports.jsxs(S.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[$&&e.jsxRuntimeExports.jsx(Be.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:Ee,onChange:Ne,size:"sm",value:N,clearable:!0,onClear:Te,formControlStyle:{mt:1}}),a&&!!b.length&&e.jsxRuntimeExports.jsx(H,{onToggle:W,hasSelectedItems:!!R.value.length})]}),P?e.jsxRuntimeExports.jsx(k.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(qe.Spinner,{})}):e.jsxRuntimeExports.jsx(S.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:V.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:V.map(([c,p])=>{const m=c==="default",f=Object.keys(p),v=m?ze.default.Fragment:Ze,Ae=p.checkbox?.map(E=>E.value)?.some(E=>R.value.includes(E));return e.jsxRuntimeExports.jsxs(v,{children:[!m&&e.jsxRuntimeExports.jsx(et,{children:e.jsxRuntimeExports.jsxs(k.Flex,{alignItems:"center",justifyContent:"space-between",children:[c,x&&f.includes("checkbox")&&e.jsxRuntimeExports.jsx(H,{groupName:c,onToggle:W,hasSelectedItems:Ae})]})}),Object.entries(p).map(([E,Ge])=>Ge.map((w,Oe)=>e.jsxRuntimeExports.jsx(ot,{...w,shouldTruncateText:ke,...w.type==="checkbox"&&{checked:R.isChecked(w.value)},onSelect:()=>_e(w)},`menu-item-${c}-${E}-${Oe}`)))]},c)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(S.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(G.WrappedText,{size:"sm",variant:"subtle",children:g})})})})]})})})]})};exports.Menu=ve;
-//# sourceMappingURL=menu.component-BsIFHOah.js.map

package/dist/chunks/modal.context-DSKLfsJK.js

@@ -1,12 +0,0 @@
-import { createContext as o, useContext as e } from "react";
-const n = o(
-  void 0
-), s = () => {
-  const t = e(n);
-  return t === void 0 ? { contentRef: null } : t;
-};
-export {
-  n as M,
-  s as u
-};
-//# sourceMappingURL=modal.context-DSKLfsJK.js.map

package/dist/chunks/modal.context-DSKLfsJK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.context-DSKLfsJK.js","sources":["../../src/components/Modal/context/modal.context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ModalContextType {\n  contentRef: React.RefObject<HTMLDivElement> | null;\n}\n\nexport const ModalContext = createContext<ModalContextType | undefined>(\n  undefined,\n);\n\nexport const useModalContentRef = (): ModalContextType => {\n  const context = useContext(ModalContext);\n  if (context === undefined) {\n    return { contentRef: null };\n  }\n  return context;\n};\n"],"names":["ModalContext","createContext","useModalContentRef","context","useContext"],"mappings":";AAMO,MAAMA,IAAeC;AAAA,EAC1B;AACF,GAEaC,IAAqB,MAAwB;AAClD,QAAAC,IAAUC,EAAWJ,CAAY;AACvC,SAAIG,MAAY,SACP,EAAE,YAAY,KAAK,IAErBA;AACT;"}

package/dist/chunks/modal.context-EJ67QNzq.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react"),n=e.createContext(void 0),o=()=>{const t=e.useContext(n);return t===void 0?{contentRef:null}:t};exports.ModalContext=n;exports.useModalContentRef=o;
-//# sourceMappingURL=modal.context-EJ67QNzq.js.map

package/dist/chunks/modal.context-EJ67QNzq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.context-EJ67QNzq.js","sources":["../../src/components/Modal/context/modal.context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ModalContextType {\n  contentRef: React.RefObject<HTMLDivElement> | null;\n}\n\nexport const ModalContext = createContext<ModalContextType | undefined>(\n  undefined,\n);\n\nexport const useModalContentRef = (): ModalContextType => {\n  const context = useContext(ModalContext);\n  if (context === undefined) {\n    return { contentRef: null };\n  }\n  return context;\n};\n"],"names":["ModalContext","createContext","useModalContentRef","context","useContext"],"mappings":"sCAMaA,EAAeC,EAAA,cAC1B,MACF,EAEaC,EAAqB,IAAwB,CAClD,MAAAC,EAAUC,aAAWJ,CAAY,EACvC,OAAIG,IAAY,OACP,CAAE,WAAY,IAAK,EAErBA,CACT"}

package/dist/chunks/modal.types-DYw_hPtT.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),n=require("./button.component-Dd9AfGox.js"),_=require("./flex-D14H6HbP.js"),M=require("./create-slot-recipe-context-IwVIgtBt.js"),B=require("./factory-D6tdBUPG.js"),e=require("./dialog-trigger-BCeZGpGO.js"),v=require("./heading.component-CcrIqjxB.js"),w=require("./modal.context-EJ67QNzq.js"),y=require("./use-breakpoint-uBg4-8yY.js"),N=require("./portal-TWtD47zg.js"),{withRootProvider:R,withContext:o}=M.createSlotRecipeContext({key:"dialog"});R(e.DialogRootProvider,{defaultProps:{unmountOnExit:!0,lazyMount:!0}});const P=R(e.DialogRoot,{defaultProps:{unmountOnExit:!0,lazyMount:!0}}),q=o(e.DialogTrigger,"trigger",{forwardAsChild:!0}),T=o(e.DialogPositioner,"positioner",{forwardAsChild:!0}),S=o(e.DialogContent,"content",{forwardAsChild:!0});o(e.DialogDescription,"description",{forwardAsChild:!0});const A=o(e.DialogTitle,"title",{forwardAsChild:!0}),z=o(e.DialogCloseTrigger,"closeTrigger",{forwardAsChild:!0}),F=p.forwardRef(function(r,a){const s=e.useDialogContext();return t.jsxRuntimeExports.jsx(B.chakra.button,{...r,ref:a,onClick:()=>s.setOpen(!1)})}),O=o(e.DialogBackdrop,"backdrop",{forwardAsChild:!0}),H=o("div","body"),I=o("div","footer"),V=o("div","header"),W=({children:i,destructive:r,disabled:a,hideCancel:s=!1,loading:l,loadingText:d,onCancel:c,onSubmit:u,submitText:x="Submit",...m})=>t.jsxRuntimeExports.jsx(I,{className:"Modal__Footer","data-testid":"kibble-modal-footer",...m,children:i||t.jsxRuntimeExports.jsxs(_.Flex,{alignItems:"center",justifyContent:"space-between",w:"100%",children:[!s&&t.jsxRuntimeExports.jsx(F,{asChild:!0,className:"Modal__CancelButton","data-testid":"kibble-modal-cancel-button",children:t.jsxRuntimeExports.jsx(n.Button,{variant:"tertiary",onClick:c,children:"Cancel"})}),t.jsxRuntimeExports.jsx(n.Button,{className:"Modal__SubmitButton","data-testid":"kibble-modal-submit-button",onClick:u,loading:l,loadingText:d,disabled:a,variant:r?"primaryDestructive":"primary",children:x})]})}),G=({children:i,footerProps:r,fullScreenMobile:a=!0,header:s,headerProps:l,hideCloseButton:d=!1,hideFooter:c=!1,motionPreset:u="slide-in-bottom",placement:x="center",showExpandButton:m=!1,size:g="md",trigger:j,...f})=>{const b=p.useRef(null),C={contentRef:b},[h,E]=p.useState(!1),D=y.useBreakpointValue({base:a?"full":g,md:g});return t.jsxRuntimeExports.jsxs(P,{motionPreset:u,placement:x,size:D,...f,expanded:h,children:[j&&t.jsxRuntimeExports.jsx(q,{asChild:!0,children:j}),t.jsxRuntimeExports.jsxs(N.Portal,{children:[t.jsxRuntimeExports.jsx(O,{}),t.jsxRuntimeExports.jsx(T,{children:t.jsxRuntimeExports.jsxs(w.ModalContext.Provider,{value:C,children:[" ",t.jsxRuntimeExports.jsxs(S,{className:"Modal","data-testid":"kibble-modal",ref:b,children:[!d&&t.jsxRuntimeExports.jsx(z,{asChild:!0,className:"Modal__CloseButton","data-testid":"kibble-modal-close-button",children:t.jsxRuntimeExports.jsx(n.Button,{iconName:"close",variant:"ghostNeutral"})}),m&&t.jsxRuntimeExports.jsx(n.Button,{className:"Modal__ExpandButton","data-testid":"kibble-modal-expand-button",variant:"ghostNeutral",iconName:h?"arrowsIn":"arrowsOut",position:"absolute",top:2,right:12,onClick:()=>E(k=>!k)}),t.jsxRuntimeExports.jsx(V,{className:"Modal__Header","data-testid":"kibble-modal-header",children:s&&t.jsxRuntimeExports.jsx(A,{className:"Modal__Title","data-testid":"kibble-modal-title",asChild:!0,children:typeof s=="string"?t.jsxRuntimeExports.jsx(v.WrappedHeading,{size:"xl",...l,children:s}):s})}),t.jsxRuntimeExports.jsx(H,{className:"Modal__Body","data-testid":"kibble-modal-body",children:i}),!c&&t.jsxRuntimeExports.jsx(W,{...r})]})]})})]})]})},J=["xs","sm","md","lg","cover","full"],K=["center","top","bottom"],L=["inside","outside"],Q=["scale","slide-in-bottom","slide-in-top","slide-in-left","slide-in-right","none"];exports.Modal=G;exports.modalMotionPresets=Q;exports.modalPlacements=K;exports.modalScrollBehaviors=L;exports.modalSizes=J;
-//# sourceMappingURL=modal.types-DYw_hPtT.js.map

package/dist/chunks/pinInput.types-DHBICngh.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),y=require("./withFormControl-BI8pqhZl.js"),k=require("./create-slot-recipe-context-IwVIgtBt.js"),s=require("./portal-TWtD47zg.js"),I=require("./use-field-context-xBX4EpFz.js"),a=require("./index-BlGAWSIX.js"),m=require("./index-hGlTuPbK.js"),E=t=>t&&t.__esModule?t:{default:t},N=E(p),[x,d]=s.createContext({name:"PinInputContext",hookName:"usePinInputContext",providerName:"<PinInputProvider />"}),R=p.forwardRef((t,n)=>{const r=d(),o=a.mergeProps(r.getControlProps(),t);return i.jsxRuntimeExports.jsx(s.ark.div,{...o,ref:n})});R.displayName="PinInputControl";const f=p.forwardRef((t,n)=>{const r=d(),o=a.mergeProps(r.getHiddenInputProps(),t),e=I.useFieldContext();return i.jsxRuntimeExports.jsx(s.ark.input,{"aria-describedby":e?.ariaDescribedby,...o,ref:n})});f.displayName="PinInputHiddenInput";const C=p.forwardRef((t,n)=>{const[r,o]=s.createSplitProps()(t,["index"]),e=d(),u=a.mergeProps(e.getInputProps(r),o);return i.jsxRuntimeExports.jsx(s.ark.input,{...u,ref:n})});C.displayName="PinInputInput";const j=p.forwardRef((t,n)=>{const r=d(),o=a.mergeProps(r.getLabelProps(),t);return i.jsxRuntimeExports.jsx(s.ark.label,{...o,ref:n})});j.displayName="PinInputLabel";const _=t=>{const n=p.useId(),{getRootNode:r}=s.useEnvironmentContext(),{dir:o}=s.useLocaleContext(),e=I.useFieldContext(),u={id:n,ids:{label:e?.ids.label,hiddenInput:e?.ids.control},disabled:e?.disabled,readOnly:e?.readOnly,required:e?.required,invalid:e?.invalid,dir:o,getRootNode:r,...t},l=s.useMachine(m.machine,u);return m.connect(l,s.normalizeProps)},b=p.forwardRef((t,n)=>{const[r,o]=s.createSplitProps()(t,["autoFocus","blurOnComplete","count","defaultValue","disabled","form","id","ids","invalid","mask","name","onValueChange","onValueComplete","onValueInvalid","otp","pattern","placeholder","readOnly","required","selectOnFocus","translations","type","value"]),e=_(r),u=a.mergeProps(e.getRootProps(),o);return i.jsxRuntimeExports.jsx(x,{value:e,children:i.jsxRuntimeExports.jsx(s.ark.div,{...u,ref:n})})});b.displayName="PinInputRoot";const h=p.forwardRef((t,n)=>{const[{value:r},o]=s.createSplitProps()(t,["value"]),e=a.mergeProps(r.getRootProps(),o);return i.jsxRuntimeExports.jsx(x,{value:r,children:i.jsxRuntimeExports.jsx(s.ark.div,{...e,ref:n})})});h.displayName="PinInputRootProvider";const{withProvider:g,withContext:P}=k.createSlotRecipeContext({key:"pinInput"});g(h,"root",{forwardAsChild:!0});const q=g(b,"root",{forwardProps:["mask"],forwardAsChild:!0}),F=P(R,"control",{forwardAsChild:!0}),A=P(C,"input",{forwardAsChild:!0});P(j,"label",{forwardAsChild:!0});const $=f,H=y.withFormControl(({count:t=6,pinInputRef:n,onContrast:r=!1,otp:o=!0,size:e="md",type:u="numeric",...l})=>{const w=r?"onContrast":"default";return i.jsxRuntimeExports.jsxs(q,{className:"PinInput","data-testid":"kibble-pin-input",ref:n,variant:w,size:e,type:u,otp:o,...l,children:[i.jsxRuntimeExports.jsx($,{className:"PinInput__HiddenInput","data-testid":"kibble-pin-input-hidden-input"}),i.jsxRuntimeExports.jsx(F,{className:"PinInput__Control","data-testid":"kibble-pin-input-control",children:Array.from({length:t}).map((S,c)=>i.jsxRuntimeExports.jsx(A,{index:c,className:"PinInput__Input","data-testid":`kibble-pin-input-input-${c}`},c))})]})}),v=N.default.forwardRef((t,n)=>i.jsxRuntimeExports.jsx(H,{pinInputRef:n,...t}));v.displayName="PinInput";const O=["numeric","alphabetic","alphanumeric"];exports.WrappedPinInput=v;exports.pinInputTypes=O;
-//# sourceMappingURL=pinInput.types-DHBICngh.js.map

package/dist/chunks/popover-DPEovmxh.js

@@ -1,2 +0,0 @@
-"use strict";const i=require("./jsx-runtime-BjDatQAs.js"),R=require("./create-slot-recipe-context-IwVIgtBt.js"),s=require("./popover-root-provider-BYJE5I-P.js"),P=require("react"),n=require("./portal-TWtD47zg.js"),v=require("./index-BlGAWSIX.js"),d=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=v.mergeProps(o.getAnchorProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});d.displayName="PopoverAnchor";const a=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=v.mergeProps(o.getArrowProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});a.displayName="PopoverArrow";const u=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=v.mergeProps(o.getArrowTipProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});u.displayName="PopoverArrowTip";const g=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=v.mergeProps(o.getDescriptionProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});g.displayName="PopoverDescription";const x=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=v.mergeProps(o.getIndicatorProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});x.displayName="PopoverIndicator";const l=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=n.usePresenceContext(),c=v.mergeProps(o.getPositionerProps(),r);return t.unmounted?null:i.jsxRuntimeExports.jsx(n.ark.div,{...c,ref:e})});l.displayName="PopoverPositioner";const m=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=v.mergeProps(o.getTitleProps(),r);return i.jsxRuntimeExports.jsx(n.ark.div,{...t,ref:e})});m.displayName="PopoverTitle";const w=P.forwardRef((r,e)=>{const o=s.usePopoverContext(),t=n.usePresenceContext(),c=v.mergeProps({...o.getTriggerProps(),"aria-controls":t.unmounted?void 0:o.getTriggerProps()["aria-controls"]},r);return i.jsxRuntimeExports.jsx(n.ark.button,{...c,ref:e})});w.displayName="PopoverTrigger";const{withRootProvider:C,withContext:p,useStyles:A,PropsProvider:T}=R.createSlotRecipeContext({key:"popover"}),h=C(s.PopoverRootProvider),j=C(s.PopoverRoot),y=T,k=p(w,"trigger",{forwardAsChild:!0}),E=p(l,"positioner",{forwardAsChild:!0}),N=p(s.PopoverContent,"content",{forwardAsChild:!0}),f=p(u,"arrowTip",{forwardAsChild:!0}),$=p(a,"arrow",{forwardAsChild:!0,defaultProps:{children:i.jsxRuntimeExports.jsx(f,{})}}),q=p(s.PopoverCloseTrigger,"closeTrigger",{forwardAsChild:!0});p(x,"indicator",{forwardAsChild:!0});const D=p(m,"title",{forwardAsChild:!0}),S=p(g,"description",{forwardAsChild:!0}),I=p("footer","footer"),b=p("header","header"),B=p("div","body"),F=p(d,void 0,{forwardAsChild:!0}),H=s.PopoverContext;exports.PopoverAnchor=F;exports.PopoverArrow=$;exports.PopoverArrowTip=f;exports.PopoverBody=B;exports.PopoverCloseTrigger=q;exports.PopoverContent=N;exports.PopoverContext=H;exports.PopoverDescription=S;exports.PopoverFooter=I;exports.PopoverHeader=b;exports.PopoverPositioner=E;exports.PopoverPropsProvider=y;exports.PopoverRoot=j;exports.PopoverRootProvider=h;exports.PopoverTitle=D;exports.PopoverTrigger=k;exports.usePopoverStyles=A;
-//# sourceMappingURL=popover-DPEovmxh.js.map

package/dist/chunks/popover-root-provider-BYJE5I-P.js

@@ -1,2 +0,0 @@
-"use strict";const p=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),e=require("./portal-TWtD47zg.js"),c=require("./index-BlGAWSIX.js"),v=require("./index-B4fjIWcA.js"),[x,P]=e.createContext({name:"PopoverContext",hookName:"usePopoverContext",providerName:"<PopoverProvider />"}),d=u.forwardRef((o,t)=>{const s=P(),r=c.mergeProps(s.getCloseTriggerProps(),o);return p.jsxRuntimeExports.jsx(e.ark.button,{...r,ref:t})});d.displayName="PopoverCloseTrigger";const a=u.forwardRef((o,t)=>{const s=P(),r=e.usePresenceContext(),n=c.mergeProps(s.getContentProps(),r.getPresenceProps(),o);return r.unmounted?null:p.jsxRuntimeExports.jsx(e.ark.div,{...n,ref:e.composeRefs(r.ref,t)})});a.displayName="PopoverContent";const l=o=>o.children(P()),m=o=>{const t=u.useId(),{getRootNode:s}=e.useEnvironmentContext(),{dir:r}=e.useLocaleContext(),n={id:t,dir:r,getRootNode:s,...o},i=e.useMachine(v.machine,n);return v.connect(i,e.normalizeProps)},g=o=>{const[t,{children:s,...r}]=e.splitPresenceProps(o),n=m(r),i=e.usePresence(c.mergeProps({present:n.open},t));return p.jsxRuntimeExports.jsx(x,{value:n,children:p.jsxRuntimeExports.jsx(e.PresenceProvider,{value:i,children:s})})},C=o=>{const[t,{value:s,children:r}]=e.splitPresenceProps(o),n=e.usePresence(c.mergeProps({present:s.open},t));return p.jsxRuntimeExports.jsx(x,{value:s,children:p.jsxRuntimeExports.jsx(e.PresenceProvider,{value:n,children:r})})};exports.PopoverCloseTrigger=d;exports.PopoverContent=a;exports.PopoverContext=l;exports.PopoverRoot=g;exports.PopoverRootProvider=C;exports.usePopoverContext=P;
-//# sourceMappingURL=popover-root-provider-BYJE5I-P.js.map

package/dist/chunks/popover.component-BmB0qwpj.js

@@ -1,264 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import w from "react";
-import { P as k, a as R, b as A, c as N, d as S, e as O, f as B, g as z, h as F, i as D, j as W, k as E, l as M, m as $, n as I, o as q, u as G } from "./popover-D0QoPsrG.js";
-import { H as J, a as K, b as L, c as Q, d as U, e as V, f as X, g as Y, h as Z, u as _, W as ee } from "./withTruncation-CDgWfFpO.js";
-import { W as oe } from "./heading.component-DZ7kmGcE.js";
-import { B as g } from "./button.component-BpF3MzbZ.js";
-import { p as C } from "./popover.recipe-BLsWPsAa.js";
-import { u as j } from "./use-slot-recipe-DhtQ1j_5.js";
-import { u as y } from "./popover-root-provider-Dt02njg5.js";
-import { F as h } from "./flex-smlF8uQG.js";
-import { c as re } from "./factory-Ctbv0Ozn.js";
-import { P as te } from "./portal-D2KZrSzZ.js";
-import { B as se } from "./box-Ck9I7FYv.js";
-const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Arrow: J,
-  ArrowTip: K,
-  Content: L,
-  Context: Q,
-  Positioner: U,
-  PropsProvider: V,
-  Root: X,
-  RootProvider: Y,
-  Trigger: Z
-}, Symbol.toStringTag, { value: "Module" })), ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Anchor: k,
-  Arrow: R,
-  ArrowTip: A,
-  Body: N,
-  CloseTrigger: S,
-  Content: O,
-  Context: B,
-  Description: z,
-  Footer: F,
-  Header: D,
-  Positioner: W,
-  PropsProvider: E,
-  Root: M,
-  RootProvider: $,
-  Title: I,
-  Trigger: q,
-  usePopoverStyles: G
-}, Symbol.toStringTag, { value: "Module" })), H = re("div", {
-  base: {
-    flex: 1,
-    justifySelf: "stretch",
-    alignSelf: "stretch"
-  }
-});
-H.displayName = "Spacer";
-const pe = ({
-  children: p,
-  color: n,
-  hideCloseButton: a = !1,
-  onContrast: c = !0,
-  onClose: o,
-  size: l = "sm",
-  trigger: t,
-  ...s
-}) => {
-  const d = j({ recipe: C })(), { setOpen: v } = (
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    t === "hover" ? _() : y()
-  );
-  return /* @__PURE__ */ e.jsxs(
-    h,
-    {
-      className: "Popover__HeaderWrapper",
-      "data-testid": "kibble-popover-header-wrapper",
-      css: d.header,
-      ...s,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          oe,
-          {
-            className: "Popover__Header",
-            "data-testid": "kibble-popover-header",
-            size: l,
-            color: n || "inherit",
-            children: p
-          }
-        ),
-        !a && /* @__PURE__ */ e.jsx(
-          g,
-          {
-            className: "Popover__CloseButton",
-            "data-testid": "kibble-popover-close-button",
-            variant: "ghostNeutral",
-            onContrast: c,
-            onClick: o || (() => v(!1)),
-            iconName: "close",
-            position: "absolute",
-            right: 1,
-            top: 1,
-            size: "xs"
-          }
-        )
-      ]
-    }
-  );
-}, ne = ({
-  children: p,
-  disabled: n,
-  hideButtons: a = !1,
-  hideCancelButton: c = !1,
-  destructive: o,
-  loading: l,
-  onCancel: t,
-  onContrast: s = !0,
-  onSubmit: P,
-  submitText: d = "Submit",
-  trigger: v,
-  ...f
-}) => {
-  const m = j({ recipe: C })(), { setOpen: r } = (
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    v === "hover" ? _() : y()
-  ), x = () => {
-    t && t(), r(!1);
-  };
-  return /* @__PURE__ */ e.jsxs(
-    h,
-    {
-      className: "Popover__Footer",
-      "data-testid": "kibble-popover-footer",
-      css: m.footer,
-      ...f,
-      children: [
-        p,
-        !a && /* @__PURE__ */ e.jsxs(h, { w: "100%", children: [
-          !c && /* @__PURE__ */ e.jsx(
-            g,
-            {
-              variant: "tertiary",
-              onContrast: s,
-              size: "sm",
-              onClick: x,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ e.jsx(H, {}),
-          /* @__PURE__ */ e.jsx(
-            g,
-            {
-              onClick: P,
-              loading: l,
-              disabled: n,
-              size: "sm",
-              onContrast: s,
-              variant: o ? "primaryDestructive" : "primary",
-              children: d
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}, ce = w.forwardRef(
-  (p, n) => {
-    const {
-      allowEscape: a = !0,
-      anchor: c,
-      children: o,
-      contentProps: l,
-      footerProps: t,
-      headerProps: s,
-      disabled: P = !1,
-      portalled: d = !0,
-      placement: v = "bottom",
-      positioning: f,
-      size: u = "sm",
-      trigger: m = "click",
-      variant: r = "default",
-      ...x
-    } = p, i = m === "hover" ? ae : ie, T = j({ recipe: C })({ variant: r, size: u });
-    if (!o || P) return /* @__PURE__ */ e.jsx(e.Fragment, {});
-    const b = r === "contrast" || r === "contrastDestructive";
-    return /* @__PURE__ */ e.jsxs(
-      i.Root,
-      {
-        closeOnEscape: a,
-        closeOnInteractOutside: a,
-        positioning: {
-          ...f,
-          placement: f?.placement || v
-        },
-        size: u,
-        variant: r,
-        ...x,
-        children: [
-          /* @__PURE__ */ e.jsx(
-            i.Trigger,
-            {
-              className: "Popover__Trigger",
-              "data-testid": "kibble-popover-trigger",
-              width: "max-content",
-              asChild: !0,
-              children: c
-            }
-          ),
-          /* @__PURE__ */ e.jsx(te, { disabled: !d, children: /* @__PURE__ */ e.jsx(i.Positioner, { className: "Popover", "data-testid": "kibble-popover", children: /* @__PURE__ */ e.jsxs(
-            i.Content,
-            {
-              className: "Popover__Content",
-              "data-testid": "kibble-popover-content",
-              ref: n,
-              p: 0,
-              ...l,
-              children: [
-                /* @__PURE__ */ e.jsx(
-                  i.Arrow,
-                  {
-                    className: "Popover__Arrow",
-                    "data-testid": "kibble-popover-arrow",
-                    children: /* @__PURE__ */ e.jsx(i.ArrowTip, { top: "-1px !important" })
-                  }
-                ),
-                s && /* @__PURE__ */ e.jsx(
-                  pe,
-                  {
-                    trigger: m,
-                    onContrast: b,
-                    ...s
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  se,
-                  {
-                    className: "Popover__Body",
-                    "data-testid": "kibble-popover-body",
-                    css: T.body,
-                    children: typeof o == "string" ? /* @__PURE__ */ e.jsx(
-                      ee,
-                      {
-                        variant: b ? "onContrast" : "default",
-                        size: "sm",
-                        children: o
-                      }
-                    ) : o
-                  }
-                ),
-                t && /* @__PURE__ */ e.jsx(
-                  ne,
-                  {
-                    trigger: m,
-                    destructive: r === "contrastDestructive" || r === "defaultDestructive",
-                    onContrast: b,
-                    ...t
-                  }
-                )
-              ]
-            }
-          ) }) })
-        ]
-      }
-    );
-  }
-);
-ce.displayName = "Popover";
-export {
-  ce as P
-};
-//# sourceMappingURL=popover.component-BmB0qwpj.js.map

package/dist/chunks/popover.component-BmB0qwpj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.component-BmB0qwpj.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (!children || disabled) return <></>;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        size={size}\n        variant={variant}\n        {...rest}\n      >\n        <Element.Trigger\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n          width=\"max-content\"\n          asChild\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              p={0}\n              {...contentProps}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n              >\n                <Element.ArrowTip top=\"-1px !important\" />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["Spacer","chakra","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/popover.component-DUX4fJNk.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),H=require("react"),o=require("./popover-DPEovmxh.js"),r=require("./withTruncation-XdRr8uDJ.js"),S=require("./heading.component-CcrIqjxB.js"),h=require("./button.component-Dd9AfGox.js"),_=require("./popover.recipe-av5Jdn1r.js"),f=require("./use-slot-recipe-8liupslO.js"),E=require("./popover-root-provider-BYJE5I-P.js"),g=require("./flex-D14H6HbP.js"),k=require("./factory-D6tdBUPG.js"),q=require("./portal-TWtD47zg.js"),A=require("./box-Baq7UBls.js"),N=t=>t&&t.__esModule?t:{default:t},O=N(H),B=Object.freeze(Object.defineProperty({__proto__:null,Arrow:r.HoverCardArrow,ArrowTip:r.HoverCardArrowTip,Content:r.HoverCardContent,Context:r.HoverCardContext,Positioner:r.HoverCardPositioner,PropsProvider:r.HoverCardPropsProvider,Root:r.HoverCardRoot,RootProvider:r.HoverCardRootProvider,Trigger:r.HoverCardTrigger},Symbol.toStringTag,{value:"Module"})),F=Object.freeze(Object.defineProperty({__proto__:null,Anchor:o.PopoverAnchor,Arrow:o.PopoverArrow,ArrowTip:o.PopoverArrowTip,Body:o.PopoverBody,CloseTrigger:o.PopoverCloseTrigger,Content:o.PopoverContent,Context:o.PopoverContext,Description:o.PopoverDescription,Footer:o.PopoverFooter,Header:o.PopoverHeader,Positioner:o.PopoverPositioner,PropsProvider:o.PopoverPropsProvider,Root:o.PopoverRoot,RootProvider:o.PopoverRootProvider,Title:o.PopoverTitle,Trigger:o.PopoverTrigger,usePopoverStyles:o.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),y=k.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});y.displayName="Spacer";const z=({children:t,color:l,hideCloseButton:a=!1,onContrast:d=!0,onClose:s,size:v="sm",trigger:n,...p})=>{const u=f.useSlotRecipe({recipe:_.popoverRecipe})(),{setOpen:x}=n==="hover"?r.useHoverCardContext():E.usePopoverContext();return e.jsxRuntimeExports.jsxs(g.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:u.header,...p,children:[e.jsxRuntimeExports.jsx(S.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:v,color:l||"inherit",children:t}),!a&&e.jsxRuntimeExports.jsx(h.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:d,onClick:s||(()=>x(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},D=({children:t,disabled:l,hideButtons:a=!1,hideCancelButton:d=!1,destructive:s,loading:v,onCancel:n,onContrast:p=!0,onSubmit:m,submitText:u="Submit",trigger:x,...j})=>{const P=f.useSlotRecipe({recipe:_.popoverRecipe})(),{setOpen:i}=x==="hover"?r.useHoverCardContext():E.usePopoverContext(),b=()=>{n&&n(),i(!1)};return e.jsxRuntimeExports.jsxs(g.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:P.footer,...j,children:[t,!a&&e.jsxRuntimeExports.jsxs(g.Flex,{w:"100%",children:[!d&&e.jsxRuntimeExports.jsx(h.Button,{variant:"tertiary",onContrast:p,size:"sm",onClick:b,children:"Cancel"}),e.jsxRuntimeExports.jsx(y,{}),e.jsxRuntimeExports.jsx(h.Button,{onClick:m,loading:v,disabled:l,size:"sm",onContrast:p,variant:s?"primaryDestructive":"primary",children:u})]})]})},T=O.default.forwardRef((t,l)=>{const{allowEscape:a=!0,anchor:d,children:s,contentProps:v,footerProps:n,headerProps:p,disabled:m=!1,portalled:u=!0,placement:x="bottom",positioning:j,size:R="sm",trigger:P="click",variant:i="default",...b}=t,c=P==="hover"?B:F,w=f.useSlotRecipe({recipe:_.popoverRecipe})({variant:i,size:R});if(!s||m)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});const C=i==="contrast"||i==="contrastDestructive";return e.jsxRuntimeExports.jsxs(c.Root,{closeOnEscape:a,closeOnInteractOutside:a,positioning:{...j,placement:j?.placement||x},size:R,variant:i,...b,children:[e.jsxRuntimeExports.jsx(c.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:d}),e.jsxRuntimeExports.jsx(q.Portal,{disabled:!u,children:e.jsxRuntimeExports.jsx(c.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(c.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:l,p:0,...v,children:[e.jsxRuntimeExports.jsx(c.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(c.ArrowTip,{top:"-1px !important"})}),p&&e.jsxRuntimeExports.jsx(z,{trigger:P,onContrast:C,...p}),e.jsxRuntimeExports.jsx(A.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:w.body,children:typeof s=="string"?e.jsxRuntimeExports.jsx(r.WrappedText,{variant:C?"onContrast":"default",size:"sm",children:s}):s}),n&&e.jsxRuntimeExports.jsx(D,{trigger:P,destructive:i==="contrastDestructive"||i==="defaultDestructive",onContrast:C,...n})]})})})]})});T.displayName="Popover";exports.Popover=T;
-//# sourceMappingURL=popover.component-DUX4fJNk.js.map

package/dist/chunks/popover.component-DUX4fJNk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.component-DUX4fJNk.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n  base: {\n    flex: 1,\n    justifySelf: \"stretch\",\n    alignSelf: \"stretch\"\n  }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n  children?: ReactNode;\n  hideCloseButton?: boolean;\n  onClose?: () => void;\n  onContrast?: boolean;\n  size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n  children,\n  color,\n  hideCloseButton = false,\n  onContrast = true,\n  onClose,\n  size = \"sm\",\n  trigger,\n  ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  return (\n    <Flex\n      className=\"Popover__HeaderWrapper\"\n      data-testid=\"kibble-popover-header-wrapper\"\n      css={styles.header}\n      {...rest}\n    >\n      <Heading\n        className=\"Popover__Header\"\n        data-testid=\"kibble-popover-header\"\n        size={size}\n        color={color || \"inherit\"}\n      >\n        {children}\n      </Heading>\n      {!hideCloseButton && (\n        <Button\n          className=\"Popover__CloseButton\"\n          data-testid=\"kibble-popover-close-button\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose ? onClose : (): void => setOpen(false)}\n          iconName=\"close\"\n          position=\"absolute\"\n          right={1}\n          top={1}\n          size=\"xs\"\n        />\n      )}\n    </Flex>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n  children?: ReactNode;\n  disabled?: boolean;\n  hideButtons?: boolean;\n  hideCancelButton?: boolean;\n  destructive?: boolean;\n  loading?: boolean;\n  onCancel?: () => void;\n  onContrast?: boolean;\n  onSubmit?: () => void;\n  submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n  trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n  children,\n  disabled,\n  hideButtons = false,\n  hideCancelButton = false,\n  destructive,\n  loading,\n  onCancel,\n  onContrast = true,\n  onSubmit,\n  submitText = \"Submit\",\n  trigger,\n  ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const { setOpen } =\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Flex\n      className=\"Popover__Footer\"\n      data-testid=\"kibble-popover-footer\"\n      css={styles.footer}\n      {...rest}\n    >\n      {children}\n      {!hideButtons && (\n        <Flex w=\"100%\">\n          {!hideCancelButton && (\n            <Button\n              variant=\"tertiary\"\n              onContrast={onContrast}\n              size=\"sm\"\n              onClick={handleCancel}\n            >\n              Cancel\n            </Button>\n          )}\n          <Spacer />\n          <Button\n            onClick={onSubmit}\n            loading={loading}\n            disabled={disabled}\n            size=\"sm\"\n            onContrast={onContrast}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n  PopoverSize,\n  PopoverTriggerType,\n  PopoverVariant,\n} from \"./popover.types\";\nimport {\n  PopoverHeader,\n  PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n  PopoverFooter,\n  PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n  allowEscape?: boolean;\n  anchor: React.ReactNode;\n  contentProps?: CPopover.ContentProps;\n  disabled?: boolean;\n  footerProps?: PopoverFooterProps;\n  headerProps?: PopoverHeaderProps;\n  portalled?: boolean;\n  placement?: Placement;\n  size?: PopoverSize;\n  trigger?: PopoverTriggerType;\n  variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n  trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n  trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n  (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  (props, ref): React.ReactNode => {\n    const {\n      allowEscape = true,\n      anchor,\n      children,\n      contentProps,\n      footerProps,\n      headerProps,\n      disabled = false,\n      portalled = true,\n      placement = \"bottom\",\n      positioning,\n      size = \"sm\",\n      trigger = \"click\",\n      variant = \"default\",\n      ...rest\n    } = props;\n    const Element = trigger === \"hover\" ? HoverCard : CPopover;\n    const recipe = useSlotRecipe({ recipe: popoverRecipe });\n    const styles = recipe({ variant, size });\n\n    if (!children || disabled) return <></>;\n\n    const onContrast =\n      variant === \"contrast\" || variant === \"contrastDestructive\";\n\n    return (\n      <Element.Root\n        closeOnEscape={allowEscape}\n        closeOnInteractOutside={allowEscape}\n        positioning={{\n          ...positioning,\n          placement: positioning?.placement || placement,\n        }}\n        size={size}\n        variant={variant}\n        {...rest}\n      >\n        <Element.Trigger\n          className=\"Popover__Trigger\"\n          data-testid=\"kibble-popover-trigger\"\n          width=\"max-content\"\n          asChild\n        >\n          {anchor}\n        </Element.Trigger>\n        <Portal disabled={!portalled}>\n          <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n            <Element.Content\n              className=\"Popover__Content\"\n              data-testid=\"kibble-popover-content\"\n              ref={ref}\n              p={0}\n              {...contentProps}\n            >\n              <Element.Arrow\n                className=\"Popover__Arrow\"\n                data-testid=\"kibble-popover-arrow\"\n              >\n                <Element.ArrowTip top=\"-1px !important\" />\n              </Element.Arrow>\n              {headerProps && (\n                <PopoverHeader\n                  trigger={trigger}\n                  onContrast={onContrast}\n                  {...headerProps}\n                />\n              )}\n              <Box\n                className=\"Popover__Body\"\n                data-testid=\"kibble-popover-body\"\n                css={styles.body}\n              >\n                {typeof children === \"string\" ? (\n                  <Text\n                    variant={onContrast ? \"onContrast\" : \"default\"}\n                    size=\"sm\"\n                  >\n                    {children}\n                  </Text>\n                ) : (\n                  children\n                )}\n              </Box>\n              {footerProps && (\n                <PopoverFooter\n                  trigger={trigger}\n                  destructive={\n                    variant === \"contrastDestructive\" ||\n                    variant === \"defaultDestructive\"\n                  }\n                  onContrast={onContrast}\n                  {...footerProps}\n                />\n              )}\n            </Element.Content>\n          </Element.Positioner>\n        </Portal>\n      </Element.Root>\n    );\n  },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["Spacer","chakra","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","popoverRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Fragment","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/popover.recipe-BLsWPsAa.js

@@ -1,124 +0,0 @@
-import { d as o } from "./config-B1FINd7s.js";
-const r = [
-  "root",
-  "content",
-  "arrow",
-  "arrowTip",
-  "body",
-  "header",
-  "footer"
-], t = {
-  xs: {
-    content: {
-      width: 160
-    }
-  },
-  sm: {
-    content: {
-      width: 200
-    }
-  },
-  md: {
-    content: {
-      width: 260
-    }
-  },
-  lg: {
-    content: {
-      width: 320
-    }
-  },
-  xl: {
-    content: {
-      width: 480
-    }
-  }
-}, e = {
-  default: {
-    arrowTip: {
-      borderColor: "border"
-    },
-    content: {
-      "--popover-bg": "colors.background.default",
-      "--hovercard-bg": "colors.background.default",
-      borderColor: "border",
-      color: "text.default"
-    }
-  },
-  defaultDestructive: {
-    arrowTip: {
-      borderColor: "border"
-    },
-    content: {
-      "--popover-bg": "colors.background.default",
-      "--hovercard-bg": "colors.background.default",
-      borderColor: "border",
-      color: "text.default"
-    }
-  },
-  contrast: {
-    arrowTip: {
-      borderColor: "border.contrast"
-    },
-    content: {
-      "--popover-bg": "colors.background.contrast",
-      "--hovercard-bg": "colors.background.contrast",
-      borderColor: "border.contrast",
-      color: "text.contrast"
-    }
-  },
-  contrastDestructive: {
-    arrowTip: {
-      borderColor: "border.contrast"
-    },
-    content: {
-      "--popover-bg": "colors.background.contrast",
-      "--hovercard-bg": "colors.background.contrast",
-      borderColor: "border.contrast",
-      color: "text.contrast"
-    }
-  }
-}, a = o({
-  slots: r,
-  base: {
-    arrowTip: {
-      borderTopWidth: "1px",
-      borderInlineStartWidth: "1px"
-    },
-    body: {
-      p: 3
-    },
-    content: {
-      borderRadius: "base",
-      border: "1px"
-    },
-    footer: {
-      borderTop: 0,
-      borderRadius: "inherit",
-      pb: 3,
-      pt: 0,
-      px: 3
-    },
-    header: {
-      borderBottom: 0,
-      borderRadius: "inherit",
-      minH: 6,
-      pb: 0,
-      pt: 3,
-      px: 3,
-      w: "100%"
-    }
-  },
-  variants: {
-    size: t,
-    variant: e
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "default"
-  }
-});
-export {
-  a as p
-};
-//# sourceMappingURL=popover.recipe-BLsWPsAa.js.map

package/dist/chunks/popover.recipe-BLsWPsAa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.recipe-BLsWPsAa.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n  | \"root\"\n  | \"content\"\n  | \"arrow\"\n  | \"arrowTip\"\n  | \"body\"\n  | \"header\"\n  | \"footer\";\nconst popoverSlots: PopoverSlot[] = [\n  \"root\",\n  \"content\",\n  \"arrow\",\n  \"arrowTip\",\n  \"body\",\n  \"header\",\n  \"footer\",\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      width: 160,\n    },\n  },\n  sm: {\n    content: {\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      width: 480,\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: \"1px\",\n      borderInlineStartWidth: \"1px\",\n    },\n    body: {\n      p: 3,\n    },\n    content: {\n      borderRadius: \"base\",\n      border: \"1px\",\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: \"inherit\",\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: \"inherit\",\n      minH: 6,\n      pb: 0,\n      pt: 3,\n      px: 3,\n      w: \"100%\",\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: \"sm\",\n    variant: \"default\",\n  },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":";AAcA,MAAMA,IAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKMC,IAA4D;AAAA,EAChE,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEMC,IAAkE;AAAA,EACtE,SAAS;AAAA,IACP,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,oBAAoB;AAAA,IAClB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,qBAAqB;AAAA,IACnB,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAgBC,EAAiB;AAAA,EAC5C,OAAOJ;AAAA,EACP,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,wBAAwB;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,MACN,cAAc;AAAA,MACd,cAAc;AAAA,MACd,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAEP;AAAA,EACA,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/chunks/popover.recipe-av5Jdn1r.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("./config-BFcXpdZo.js"),r=["root","content","arrow","arrowTip","body","header","footer"],t={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},e={default:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},defaultDestructive:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},contrast:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}}},d=o.defineSlotRecipe({slots:r,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px"},body:{p:3},content:{borderRadius:"base",border:"1px"},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,pb:0,pt:3,px:3,w:"100%"}},variants:{size:t,variant:e},defaultVariants:{size:"sm",variant:"default"}});exports.popoverRecipe=d;
-//# sourceMappingURL=popover.recipe-av5Jdn1r.js.map

package/dist/chunks/popover.recipe-av5Jdn1r.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.recipe-av5Jdn1r.js","sources":["../../src/components/Popover/popover.recipe.ts"],"sourcesContent":["import {\n  defineSlotRecipe,\n  SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n  | \"root\"\n  | \"content\"\n  | \"arrow\"\n  | \"arrowTip\"\n  | \"body\"\n  | \"header\"\n  | \"footer\";\nconst popoverSlots: PopoverSlot[] = [\n  \"root\",\n  \"content\",\n  \"arrow\",\n  \"arrowTip\",\n  \"body\",\n  \"header\",\n  \"footer\",\n] as const;\ntype PopoverSlotStyles = {\n  [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n  xs: {\n    content: {\n      width: 160,\n    },\n  },\n  sm: {\n    content: {\n      width: 200,\n    },\n  },\n  md: {\n    content: {\n      width: 260,\n    },\n  },\n  lg: {\n    content: {\n      width: 320,\n    },\n  },\n  xl: {\n    content: {\n      width: 480,\n    },\n  },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n  default: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  defaultDestructive: {\n    arrowTip: {\n      borderColor: \"border\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.default\",\n      \"--hovercard-bg\": \"colors.background.default\",\n      borderColor: \"border\",\n      color: \"text.default\",\n    },\n  },\n  contrast: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n  contrastDestructive: {\n    arrowTip: {\n      borderColor: \"border.contrast\",\n    },\n    content: {\n      \"--popover-bg\": \"colors.background.contrast\",\n      \"--hovercard-bg\": \"colors.background.contrast\",\n      borderColor: \"border.contrast\",\n      color: \"text.contrast\",\n    },\n  },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n  slots: popoverSlots,\n  base: {\n    arrowTip: {\n      borderTopWidth: \"1px\",\n      borderInlineStartWidth: \"1px\",\n    },\n    body: {\n      p: 3,\n    },\n    content: {\n      borderRadius: \"base\",\n      border: \"1px\",\n    },\n    footer: {\n      borderTop: 0,\n      borderRadius: \"inherit\",\n      pb: 3,\n      pt: 0,\n      px: 3,\n    },\n    header: {\n      borderBottom: 0,\n      borderRadius: \"inherit\",\n      minH: 6,\n      pb: 0,\n      pt: 3,\n      px: 3,\n      w: \"100%\",\n    },\n  },\n  variants: {\n    size: popoverSizeStyles,\n    variant: popoverVariantStyles,\n  },\n  defaultVariants: {\n    size: \"sm\",\n    variant: \"default\",\n  },\n});\n"],"names":["popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe"],"mappings":"qDAcMA,EAA8B,CAClC,OACA,UACA,QACA,WACA,OACA,SACA,QACF,EAKMC,EAA4D,CAChE,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CAEX,EACA,GAAI,CACF,QAAS,CACP,MAAO,GAAA,CACT,CAEJ,EAEMC,EAAkE,CACtE,QAAS,CACP,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,mBAAoB,CAClB,SAAU,CACR,YAAa,QACf,EACA,QAAS,CACP,eAAgB,4BAChB,iBAAkB,4BAClB,YAAa,SACb,MAAO,cAAA,CAEX,EACA,SAAU,CACR,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CAEX,EACA,oBAAqB,CACnB,SAAU,CACR,YAAa,iBACf,EACA,QAAS,CACP,eAAgB,6BAChB,iBAAkB,6BAClB,YAAa,kBACb,MAAO,eAAA,CACT,CAEJ,EAEaC,EAAgBC,EAAAA,iBAAiB,CAC5C,MAAOJ,EACP,KAAM,CACJ,SAAU,CACR,eAAgB,MAChB,uBAAwB,KAC1B,EACA,KAAM,CACJ,EAAG,CACL,EACA,QAAS,CACP,aAAc,OACd,OAAQ,KACV,EACA,OAAQ,CACN,UAAW,EACX,aAAc,UACd,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EACA,OAAQ,CACN,aAAc,EACd,aAAc,UACd,KAAM,EACN,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,EAAG,MAAA,CAEP,EACA,SAAU,CACR,KAAMC,EACN,QAASC,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,SAAA,CAEb,CAAC"}