@televet/kibble-ui 4.0.0-beta.26 → 4.0.0-beta.27

package/dist/chunks/{menu.component-BsNXuoLB.js → menu.component-Dszjswev.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-DcKGwQlH.js"),i=require("react"),v=require("./button.component-DnWrqGc4.js"),z=require("./icon.component-Drw3LiG5.js"),S=require("./text.component-MDGpqA76.js"),o=require("./chakra-BHjfByoV.js"),Z=require("./textInput.component-DIc2KQit.js"),ee=require("./spinner.component-BSDKzlvm.js"),te=require("./checkbox.component-Kn48K9JS.js"),se=({hideCaret:n=!1,size:u="md",text:r,textProps:a,variant:d,...p})=>e.jsxRuntimeExports.jsxs(v.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:u,variant:d,...p,children:[r&&e.jsxRuntimeExports.jsx(S.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:u,color:d?"inherit":a?.color||"text.contrast",truncate:!0,...a,children:r}),!n&&e.jsxRuntimeExports.jsx(o.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronDown",size:u==="lg"?"sm":"xs"})})]}),ne=({label:n,leftElement:u,onSelect:r,shouldTruncateText:a,type:d="default",variant:p,...j})=>{const k=i.useCallback(()=>{r&&r(j.value)},[r,j.value]);if(d==="submenu")return e.jsxRuntimeExports.jsx(V,{submenuTrigger:e.jsxRuntimeExports.jsxs(o.MenuTriggerItem,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p}),e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronRight",size:"sm"})]}),...j});if(d==="checkbox"){const{checked:b,value:E,...x}=j;return e.jsxRuntimeExports.jsxs(o.MenuCheckboxItem,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:E,checked:!!b,onCheckedChange:k,closeOnSelect:j.closeOnSelect||!1,gap:3,...x,children:[e.jsxRuntimeExports.jsx(te.WrappedCheckbox,{checked:!!b,size:"md"}),e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p})]})}if(d==="default"){const{selected:b,value:E,...x}=j;return e.jsxRuntimeExports.jsx(o.MenuItem,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:E,onSelect:k,...b&&{bgColor:"background.secondaryAlpha.hover"},...x,children:e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:b?"info":p})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},I=({label:n,leftElement:u,shouldTruncateText:r,variant:a})=>e.jsxRuntimeExports.jsxs(o.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[u,typeof n=="string"?e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",truncated:r,variant:a,children:n}):n]}),O=({groupName:n,hasSelectedItems:u=!1,onToggle:r})=>{const a=!!n;return e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...a?{textAlign:"right",w:"50%"}:{mt:2},children:a?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u?e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r}):e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r})}):e.jsxRuntimeExports.jsxs(o.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r}),e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r})]})})},G=({groupName:n,onToggle:u})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghost",size:"xs",onClick:()=>u({groupName:n,clear:!1}),children:"Select All"}),W=({hasSelectedItems:n,groupName:u,onToggle:r})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!n,onClick:()=>r({groupName:u,clear:!0}),children:"Clear All"}),V=({buttonProps:n,listProps:u,portalled:r=!1,submenuTrigger:a,...d})=>{const{canSelectAll:p,canSelectGroups:j,emptyStateText:k="No results found",loading:b,maxH:E="480px",menuItems:x=[],minW:L="240px",onSearch:M,onSelect:B,onSelectAll:T,searchable:y,searchPlaceholder:D="Search...",shouldTruncateText:P,...$}=u||{},[H,C]=i.useState(""),[N,_]=i.useState(x),F=i.useMemo(()=>{const t={};return N?.forEach(s=>{const c=s.groupLabel||"default",l=s.type==="checkbox"?"checkbox":"default";t[c]||(t[c]={}),t[c][l]||(t[c][l]=[]),t[c][l].push(s)}),t},[N]),q=i.useMemo(()=>Object.entries(F),[F]),R=i.useMemo(()=>x?.filter(t=>t.type==="checkbox")||[],[x]),J=i.useMemo(()=>(R?.filter(s=>s.checked)||[]).map(s=>s.value),[R]),m=e.useCheckboxGroup({defaultValue:J}),w=i.useCallback(t=>{const s=t.target.value;if(C(s),M)M(t);else if(s===""||!s)_(x);else{const c=x.filter(l=>!!(typeof l.label=="string"?l.label:l.valueText)?.toLowerCase().includes(s.toLowerCase()));_(c)}},[x,M]),A=i.useCallback(({groupName:t,clear:s})=>{let c=[];if(t){const l=R.filter(h=>h.groupLabel===t).map(h=>h.value);c=s?m.value.filter(h=>!l.includes(h)):[...m.value,...l]}else c=s?[]:R.map(l=>l.value);T?.(c),m.setValue(c)},[R,T,m]),K=i.useCallback(t=>{t.onSelect?.(t.value);const s=m.value,c=m.isChecked(t.value);B?.(t.value,c?s.filter(l=>l!==t.value):[...s,t.value]),t.type==="checkbox"&&m.toggleValue(t.value)},[B,m]),Q=i.useCallback(t=>{t||(C(""),_(x))},[x]);return e.jsxRuntimeExports.jsxs(o.MenuRoot,{...d,onOpenChange:t=>{Q(t.open),d.onOpenChange?.(t)},children:[a||e.jsxRuntimeExports.jsx(o.MenuTrigger,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(se,{...n})}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!r,children:e.jsxRuntimeExports.jsx(o.MenuPositioner,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(o.MenuContent,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:E,minW:L,...$,children:[(y||p)&&e.jsxRuntimeExports.jsxs(o.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[y&&e.jsxRuntimeExports.jsx(Z.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:D,onChange:w,size:"sm",value:H,clearable:!0,onClear:()=>{C(""),w({target:{value:""}})},formControlStyle:{mt:1}}),p&&!!R.length&&e.jsxRuntimeExports.jsx(O,{onToggle:A,hasSelectedItems:!!m.value.length})]}),b?e.jsxRuntimeExports.jsx(o.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(ee.Spinner,{})}):e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:q.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:q.map(([t,s])=>{const c=t==="default",l=Object.keys(s),h=c?i.Fragment:o.MenuItemGroup,U=s.checkbox?.map(g=>g.value)?.some(g=>m.value.includes(g));return e.jsxRuntimeExports.jsxs(h,{children:[!c&&e.jsxRuntimeExports.jsx(o.MenuItemGroupLabel,{children:e.jsxRuntimeExports.jsxs(o.Flex,{alignItems:"center",justifyContent:"space-between",children:[t,j&&l.includes("checkbox")&&e.jsxRuntimeExports.jsx(O,{groupName:t,onToggle:A,hasSelectedItems:U})]})}),Object.entries(s).map(([g,X])=>X.map((f,Y)=>e.jsxRuntimeExports.jsx(ne,{...f,shouldTruncateText:P,...f.type==="checkbox"&&{checked:m.isChecked(f.value)},onSelect:()=>K(f)},`menu-item-${t}-${g}-${Y}`)))]},t)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(o.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",variant:"subtle",children:k})})})})]})})})]})};exports.Menu=V;
-//# sourceMappingURL=menu.component-BsNXuoLB.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),i=require("react"),v=require("./button.component-a_ZvSZ2C.js"),z=require("./icon.component-Ci7jB4Bh.js"),S=require("./text.component-MDGpqA76.js"),o=require("./chakra-BHjfByoV.js"),Z=require("./textInput.component-0XG65SHy.js"),ee=require("./spinner.component-BSDKzlvm.js"),te=require("./checkbox.component-B9N58qy9.js"),se=({hideCaret:n=!1,size:u="md",text:r,textProps:a,variant:d,...p})=>e.jsxRuntimeExports.jsxs(v.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:u,variant:d,...p,children:[r&&e.jsxRuntimeExports.jsx(S.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:u,color:d?"inherit":a?.color||"text.contrast",truncate:!0,...a,children:r}),!n&&e.jsxRuntimeExports.jsx(o.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronDown",size:u==="lg"?"sm":"xs"})})]}),ne=({label:n,leftElement:u,onSelect:r,shouldTruncateText:a,type:d="default",variant:p,...j})=>{const k=i.useCallback(()=>{r&&r(j.value)},[r,j.value]);if(d==="submenu")return e.jsxRuntimeExports.jsx(V,{submenuTrigger:e.jsxRuntimeExports.jsxs(o.MenuTriggerItem,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p}),e.jsxRuntimeExports.jsx(z.Icon,{name:"chevronRight",size:"sm"})]}),...j});if(d==="checkbox"){const{checked:b,value:E,...x}=j;return e.jsxRuntimeExports.jsxs(o.MenuCheckboxItem,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:E,checked:!!b,onCheckedChange:k,closeOnSelect:j.closeOnSelect||!1,gap:3,...x,children:[e.jsxRuntimeExports.jsx(te.WrappedCheckbox,{checked:!!b,size:"md"}),e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:p})]})}if(d==="default"){const{selected:b,value:E,...x}=j;return e.jsxRuntimeExports.jsx(o.MenuItem,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:E,onSelect:k,...b&&{bgColor:"background.secondaryAlpha.hover"},...x,children:e.jsxRuntimeExports.jsx(I,{label:n,leftElement:u,shouldTruncateText:a,variant:b?"info":p})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},I=({label:n,leftElement:u,shouldTruncateText:r,variant:a})=>e.jsxRuntimeExports.jsxs(o.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[u,typeof n=="string"?e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",truncated:r,variant:a,children:n}):n]}),O=({groupName:n,hasSelectedItems:u=!1,onToggle:r})=>{const a=!!n;return e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...a?{textAlign:"right",w:"50%"}:{mt:2},children:a?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:u?e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r}):e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r})}):e.jsxRuntimeExports.jsxs(o.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(G,{groupName:n,onToggle:r}),e.jsxRuntimeExports.jsx(W,{hasSelectedItems:u,groupName:n,onToggle:r})]})})},G=({groupName:n,onToggle:u})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghost",size:"xs",onClick:()=>u({groupName:n,clear:!1}),children:"Select All"}),W=({hasSelectedItems:n,groupName:u,onToggle:r})=>e.jsxRuntimeExports.jsx(v.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!n,onClick:()=>r({groupName:u,clear:!0}),children:"Clear All"}),V=({buttonProps:n,listProps:u,portalled:r=!1,submenuTrigger:a,...d})=>{const{canSelectAll:p,canSelectGroups:j,emptyStateText:k="No results found",loading:b,maxH:E="480px",menuItems:x=[],minW:L="240px",onSearch:M,onSelect:B,onSelectAll:T,searchable:y,searchPlaceholder:D="Search...",shouldTruncateText:P,...$}=u||{},[H,C]=i.useState(""),[N,_]=i.useState(x),F=i.useMemo(()=>{const t={};return N?.forEach(s=>{const c=s.groupLabel||"default",l=s.type==="checkbox"?"checkbox":"default";t[c]||(t[c]={}),t[c][l]||(t[c][l]=[]),t[c][l].push(s)}),t},[N]),q=i.useMemo(()=>Object.entries(F),[F]),R=i.useMemo(()=>x?.filter(t=>t.type==="checkbox")||[],[x]),J=i.useMemo(()=>(R?.filter(s=>s.checked)||[]).map(s=>s.value),[R]),m=e.useCheckboxGroup({defaultValue:J}),w=i.useCallback(t=>{const s=t.target.value;if(C(s),M)M(t);else if(s===""||!s)_(x);else{const c=x.filter(l=>!!(typeof l.label=="string"?l.label:l.valueText)?.toLowerCase().includes(s.toLowerCase()));_(c)}},[x,M]),A=i.useCallback(({groupName:t,clear:s})=>{let c=[];if(t){const l=R.filter(h=>h.groupLabel===t).map(h=>h.value);c=s?m.value.filter(h=>!l.includes(h)):[...m.value,...l]}else c=s?[]:R.map(l=>l.value);T?.(c),m.setValue(c)},[R,T,m]),K=i.useCallback(t=>{t.onSelect?.(t.value);const s=m.value,c=m.isChecked(t.value);B?.(t.value,c?s.filter(l=>l!==t.value):[...s,t.value]),t.type==="checkbox"&&m.toggleValue(t.value)},[B,m]),Q=i.useCallback(t=>{t||(C(""),_(x))},[x]);return e.jsxRuntimeExports.jsxs(o.MenuRoot,{...d,onOpenChange:t=>{Q(t.open),d.onOpenChange?.(t)},children:[a||e.jsxRuntimeExports.jsx(o.MenuTrigger,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(se,{...n})}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!r,children:e.jsxRuntimeExports.jsx(o.MenuPositioner,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(o.MenuContent,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:E,minW:L,...$,children:[(y||p)&&e.jsxRuntimeExports.jsxs(o.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[y&&e.jsxRuntimeExports.jsx(Z.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:D,onChange:w,size:"sm",value:H,clearable:!0,onClear:()=>{C(""),w({target:{value:""}})},formControlStyle:{mt:1}}),p&&!!R.length&&e.jsxRuntimeExports.jsx(O,{onToggle:A,hasSelectedItems:!!m.value.length})]}),b?e.jsxRuntimeExports.jsx(o.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(ee.Spinner,{})}):e.jsxRuntimeExports.jsx(o.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:q.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:q.map(([t,s])=>{const c=t==="default",l=Object.keys(s),h=c?i.Fragment:o.MenuItemGroup,U=s.checkbox?.map(g=>g.value)?.some(g=>m.value.includes(g));return e.jsxRuntimeExports.jsxs(h,{children:[!c&&e.jsxRuntimeExports.jsx(o.MenuItemGroupLabel,{children:e.jsxRuntimeExports.jsxs(o.Flex,{alignItems:"center",justifyContent:"space-between",children:[t,j&&l.includes("checkbox")&&e.jsxRuntimeExports.jsx(O,{groupName:t,onToggle:A,hasSelectedItems:U})]})}),Object.entries(s).map(([g,X])=>X.map((f,Y)=>e.jsxRuntimeExports.jsx(ne,{...f,shouldTruncateText:P,...f.type==="checkbox"&&{checked:m.isChecked(f.value)},onSelect:()=>K(f)},`menu-item-${t}-${g}-${Y}`)))]},t)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(o.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(S.WrappedText,{size:"sm",variant:"subtle",children:k})})})})]})})})]})};exports.Menu=V;
+//# sourceMappingURL=menu.component-Dszjswev.js.map

package/dist/chunks/{menu.component-BsNXuoLB.js.map → menu.component-Dszjswev.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu.component-BsNXuoLB.js","sources":["../../src/components/Menu/components/MenuButton/menuButton.components.tsx","../../src/components/Menu/components/MenuItem/menuItem.component.tsx","../../src/components/Menu/components/MenuToggleButtons/menuToggleButtons.tsx","../../src/components/Menu/menu.component.tsx"],"sourcesContent":["import { Flex } from \"@chakra-ui/react/flex\";\nimport { Button, ButtonProps } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport React from \"react\";\n\nexport interface MenuButtonProps extends Omit<ButtonProps, \"children\"> {\n  hideCaret?: boolean;\n  text?: string;\n  textProps?: TextProps;\n}\n\nexport const MenuButton = ({\n  hideCaret = false,\n  size = \"md\",\n  text,\n  textProps,\n  variant,\n  ...rest\n}: MenuButtonProps): React.JSX.Element => {\n  return (\n    <Button\n      className=\"Menu__Button\"\n      data-testid=\"kibble-menu-button\"\n      size={size}\n      variant={variant}\n      {...rest}\n    >\n      {text && (\n        <Text\n          className=\"Menu__ButtonText\"\n          data-testid=\"kibble-menu-button-text\"\n          fontWeight=\"semibold\"\n          size={size}\n          color={variant ? \"inherit\" : textProps?.color || \"text.contrast\"}\n          truncate\n          {...textProps}\n        >\n          {text}\n        </Text>\n      )}\n      {!hideCaret && (\n        <Flex\n          className=\"Menu__ButtonCaret\"\n          data-testid=\"kibble-menu-button-caret\"\n        >\n          <Icon name=\"chevronDown\" size={size === \"lg\" ? \"sm\" : \"xs\"} />\n        </Flex>\n      )}\n    </Button>\n  );\n};\n","import { Flex } from \"@chakra-ui/react/flex\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport React, { useCallback } from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { MenuItemType } from \"./menuItem.types\";\nimport { Menu, MenuProps } from \"components/Menu\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Checkbox } from \"components/Checkbox/checkbox.component\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface BaseMenuItemProps {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  groupLabel?: string;\n  onSelect?: (value: string) => void;\n  shouldTruncateText?: boolean;\n  type?: MenuItemType;\n  value: string;\n  variant?: TypographyVariant;\n}\n\ninterface DefaultMenuItemProps extends Omit<CMenu.ItemProps, \"onSelect\"> {\n  type?: \"default\";\n  selected?: boolean;\n}\n\ninterface CheckboxMenuItemProps\n  extends Omit<CMenu.CheckboxItemProps, \"onSelect\"> {\n  type: \"checkbox\";\n  checked: boolean;\n}\n\ninterface SubmenuMenuItemProps extends Omit<MenuProps, \"buttonProps\"> {\n  type: \"submenu\";\n  valueText?: string;\n}\n\nexport type MenuItemProps = BaseMenuItemProps &\n  (DefaultMenuItemProps | CheckboxMenuItemProps | SubmenuMenuItemProps);\n\nexport const MenuItem = ({\n  label,\n  leftElement,\n  onSelect,\n  shouldTruncateText,\n  type = \"default\",\n  variant,\n  ...rest\n}: MenuItemProps): React.JSX.Element => {\n  const handleOnSelect = useCallback(() => {\n    if (onSelect) {\n      onSelect(rest.value);\n    }\n  }, [onSelect, rest.value]);\n\n  if (type === \"submenu\") {\n    return (\n      <Menu\n        submenuTrigger={\n          <CMenu.TriggerItem\n            className=\"Menu__Item--Submenu\"\n            data-testid=\"kibble-menu-item-submenu\"\n            justifyContent=\"space-between\"\n          >\n            <MenuItemLabel\n              label={label}\n              leftElement={leftElement}\n              shouldTruncateText={shouldTruncateText}\n              variant={variant}\n            />\n            <Icon name=\"chevronRight\" size=\"sm\" />\n          </CMenu.TriggerItem>\n        }\n        {...rest}\n      />\n    );\n  }\n\n  if (type === \"checkbox\") {\n    const { checked, value, ...checkboxRest } = rest as CheckboxMenuItemProps;\n    return (\n      <CMenu.CheckboxItem\n        className=\"Menu__Item--Checkbox\"\n        data-testid=\"kibble-menu-item-checkbox\"\n        value={value}\n        checked={!!checked}\n        onCheckedChange={handleOnSelect}\n        closeOnSelect={rest.closeOnSelect || false}\n        gap={3}\n        {...checkboxRest}\n      >\n        <Checkbox checked={!!checked} size=\"md\" />\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={variant}\n        />\n      </CMenu.CheckboxItem>\n    );\n  }\n\n  if (type === \"default\") {\n    const { selected, value, ...defaultRest } = rest as DefaultMenuItemProps;\n    return (\n      <CMenu.Item\n        className=\"Menu__Item--Default\"\n        data-testid=\"kibble-menu-item-default\"\n        value={value}\n        onSelect={handleOnSelect}\n        {...(selected && { bgColor: \"background.secondaryAlpha.hover\" })}\n        {...defaultRest}\n      >\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={selected ? \"info\" : variant}\n        />\n      </CMenu.Item>\n    );\n  }\n\n  return <></>;\n};\n\nconst MenuItemLabel = ({\n  label,\n  leftElement,\n  shouldTruncateText,\n  variant,\n}: {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  shouldTruncateText?: boolean;\n  variant?: TypographyVariant;\n}): React.JSX.Element => {\n  return (\n    <Flex className=\"Menu__ItemLabel\" alignItems=\"center\" gap={3}>\n      {leftElement}\n      {typeof label === \"string\" ? (\n        <Text size=\"sm\" truncated={shouldTruncateText} variant={variant}>\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Flex>\n  );\n};\n","import { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\ninterface MenuToggleButtonsProps {\n  hasSelectedItems?: boolean;\n  groupName?: string;\n  onToggle: ({\n    groupName,\n    clear,\n  }: {\n    clear: boolean;\n    groupName?: string;\n  }) => void;\n}\n\nexport const MenuToggleButtons = ({\n  groupName,\n  hasSelectedItems = false,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  const isGrouped = !!groupName;\n  return (\n    <Box\n      className=\"Menu__ToggleButtons\"\n      data-testid=\"kibble-menu-toggle-buttons\"\n      {...(isGrouped ? { textAlign: \"right\", w: \"50%\" } : { mt: 2 })}\n    >\n      {isGrouped ? (\n        <>\n          {hasSelectedItems ? (\n            <ClearAllButton\n              hasSelectedItems={hasSelectedItems}\n              groupName={groupName}\n              onToggle={onToggle}\n            />\n          ) : (\n            <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          )}\n        </>\n      ) : (\n        <Flex justifyContent=\"space-between\">\n          <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          <ClearAllButton\n            hasSelectedItems={hasSelectedItems}\n            groupName={groupName}\n            onToggle={onToggle}\n          />\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nconst SelectAllButton = ({\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"xs\"\n      onClick={(): void => onToggle({ groupName, clear: false })}\n    >\n      Select All\n    </Button>\n  );\n};\n\nconst ClearAllButton = ({\n  hasSelectedItems,\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      iconName=\"arrowCircle\"\n      size=\"xs\"\n      disabled={!hasSelectedItems}\n      onClick={(): void => onToggle({ groupName, clear: true })}\n    >\n      Clear All\n    </Button>\n  );\n};\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  MenuButton,\n  MenuButtonProps,\n} from \"./components/MenuButton/menuButton.components\";\nimport {\n  MenuItem,\n  MenuItemProps,\n} from \"./components/MenuItem/menuItem.component\";\nimport { useCheckboxGroup } from \"@chakra-ui/react/checkbox\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Text } from \"components/Text/text.component\";\nimport { TextInput } from \"components/TextInput/textInput.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { MenuToggleButtons } from \"./components/MenuToggleButtons/menuToggleButtons\";\n\nexport type MenuListOnSelect =\n  | ((selectedItem: string | undefined, allSelectedItems?: string[]) => void)\n  | ((\n      selectedItem: string | undefined,\n      allSelectedItems?: string[],\n    ) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n  | ((selectedItems: string[]) => void)\n  | ((selectedItems: string[]) => Promise<void>);\n\nexport interface MenuListProps extends Omit<CMenu.ContentProps, \"onSelect\"> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  emptyStateText?: string;\n  loading?: boolean;\n  menuItems?: MenuItemProps[];\n  onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onSelect?: MenuListOnSelect;\n  onSelectAll?: MenuListOnSelectAll;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  shouldTruncateText?: boolean;\n}\n\nexport interface MenuProps extends Omit<CMenu.RootProps, \"children\"> {\n  buttonProps?: MenuButtonProps;\n  listProps?: MenuListProps;\n  portalled?: boolean;\n}\n\ninterface InternalMenuProps extends MenuProps {\n  submenuTrigger?: React.ReactNode;\n}\n\nexport const Menu = ({\n  buttonProps,\n  listProps,\n  portalled = false,\n  submenuTrigger,\n  ...rest\n}: InternalMenuProps): React.JSX.Element => {\n  const {\n    canSelectAll,\n    canSelectGroups,\n    emptyStateText = \"No results found\",\n    loading,\n    maxH = \"480px\",\n    menuItems = [],\n    minW = \"240px\",\n    onSearch,\n    onSelect,\n    onSelectAll,\n    searchable,\n    searchPlaceholder = \"Search...\",\n    shouldTruncateText,\n    ...restListProps\n  } = listProps || {};\n  const [searchText, setSearchText] = useState<string>(\"\");\n  const [filteredMenuItems, setFilteredMenuItems] =\n    useState<MenuItemProps[]>(menuItems);\n\n  // Menu Items\n  const groupedItems = useMemo(() => {\n    const groups: Record<string, Record<string, MenuItemProps[]>> = {};\n\n    filteredMenuItems?.forEach((item) => {\n      const group = item.groupLabel || \"default\";\n      // Default and submenu items are grouped under \"default\"\n      const type = item.type === \"checkbox\" ? \"checkbox\" : \"default\";\n\n      if (!groups[group]) {\n        groups[group] = {};\n      }\n\n      if (!groups[group][type]) {\n        groups[group][type] = [];\n      }\n\n      groups[group][type].push(item);\n    });\n\n    return groups;\n  }, [filteredMenuItems]);\n\n  const groups = useMemo(() => Object.entries(groupedItems), [groupedItems]);\n\n  // Checkbox State Management\n  const checkboxItems = useMemo(\n    () => menuItems?.filter((item) => item.type === \"checkbox\") || [],\n    [menuItems],\n  );\n\n  const defaultSelectedItems = useMemo(() => {\n    const selectedMenuItems =\n      checkboxItems?.filter((item) => item.checked) || [];\n    return selectedMenuItems.map((item) => item.value);\n  }, [checkboxItems]);\n\n  const selectedItems = useCheckboxGroup({\n    defaultValue: defaultSelectedItems,\n  });\n\n  // Search\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const searchInput = e.target.value;\n      setSearchText(searchInput);\n\n      if (onSearch) {\n        onSearch(e);\n      } else {\n        if (searchInput === \"\" || !searchInput) {\n          setFilteredMenuItems(menuItems);\n        } else {\n          const filterdItems = menuItems.filter((item): boolean => {\n            const labelText =\n              typeof item.label === \"string\" ? item.label : item.valueText;\n\n            return !!labelText\n              ?.toLowerCase()\n              .includes(searchInput.toLowerCase());\n          });\n          setFilteredMenuItems(filterdItems);\n        }\n      }\n    },\n    [menuItems, onSearch],\n  );\n\n  // Selection\n  const handleToggle = useCallback(\n    ({ groupName, clear }: { groupName?: string; clear: boolean }) => {\n      let newValues: string[] = [];\n      if (groupName) {\n        const groupItems = checkboxItems\n          .filter((item) => item.groupLabel === groupName)\n          .map((item) => item.value);\n        newValues = clear\n          ? selectedItems.value.filter((value) => !groupItems.includes(value))\n          : [...selectedItems.value, ...groupItems];\n      } else {\n        newValues = clear ? [] : checkboxItems.map((item) => item.value);\n      }\n      onSelectAll?.(newValues);\n      selectedItems.setValue(newValues);\n    },\n    [checkboxItems, onSelectAll, selectedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: MenuItemProps) => {\n      item.onSelect?.(item.value);\n      const currentSelection = selectedItems.value;\n      const isItemSelected = selectedItems.isChecked(item.value);\n      onSelect?.(\n        item.value,\n        isItemSelected\n          ? currentSelection.filter((value) => value !== item.value)\n          : [...currentSelection, item.value],\n      );\n      if (item.type === \"checkbox\") {\n        selectedItems.toggleValue(item.value);\n      }\n    },\n    [onSelect, selectedItems],\n  );\n\n  // Cleanup\n  const handleCleanup = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        setSearchText(\"\");\n        setFilteredMenuItems(menuItems);\n      }\n    },\n    [menuItems],\n  );\n\n  return (\n    <CMenu.Root\n      {...rest}\n      onOpenChange={(details) => {\n        handleCleanup(details.open);\n        rest.onOpenChange?.(details);\n      }}\n    >\n      {!submenuTrigger ? (\n        <CMenu.Trigger\n          asChild\n          className=\"Menu__Trigger\"\n          data-testid=\"kibble-menu-trigger\"\n        >\n          <MenuButton {...buttonProps} />\n        </CMenu.Trigger>\n      ) : (\n        submenuTrigger\n      )}\n      <Portal disabled={!portalled}>\n        <CMenu.Positioner className=\"Menu\" data-testid=\"kibble-menu\">\n          <CMenu.Content\n            className=\"Menu__Content\"\n            data-testid=\"kibble-menu-content\"\n            maxH={maxH}\n            minW={minW}\n            {...restListProps}\n          >\n            {(searchable || canSelectAll) && (\n              <Box\n                className=\"Menu__Header\"\n                data-testid=\"kibble-menu-header\"\n                m=\"0 12px 8px\"\n              >\n                {searchable && (\n                  <TextInput\n                    className=\"Menu__SearchBar\"\n                    data-testid=\"kibble-menu-search-bar\"\n                    placeholder={searchPlaceholder}\n                    onChange={handleSearch}\n                    size=\"sm\"\n                    value={searchText}\n                    clearable\n                    onClear={(): void => {\n                      setSearchText(\"\");\n                      handleSearch({\n                        target: { value: \"\" },\n                      } as React.ChangeEvent<HTMLInputElement>);\n                    }}\n                    formControlStyle={{ mt: 1 }}\n                  />\n                )}\n                {canSelectAll && !!checkboxItems.length && (\n                  <MenuToggleButtons\n                    onToggle={handleToggle}\n                    hasSelectedItems={!!selectedItems.value.length}\n                  />\n                )}\n              </Box>\n            )}\n            {!loading ? (\n              <Box className=\"Menu__List\" data-testid=\"kibble-menu-list\">\n                {groups.length ? (\n                  <>\n                    {groups.map(([groupLabel, types]) => {\n                      const isDefaultGroup = groupLabel === \"default\";\n                      const itemTypes = Object.keys(types);\n                      const MenuGroupContainer = !isDefaultGroup\n                        ? CMenu.ItemGroup\n                        : React.Fragment;\n                      const groupValues = types[\"checkbox\"]?.map(\n                        (item) => item.value,\n                      );\n                      const hasSelectedItems = groupValues?.some((value) =>\n                        selectedItems.value.includes(value),\n                      );\n                      return (\n                        <MenuGroupContainer key={groupLabel}>\n                          {!isDefaultGroup && (\n                            <CMenu.ItemGroupLabel>\n                              <Flex\n                                alignItems=\"center\"\n                                justifyContent=\"space-between\"\n                              >\n                                {groupLabel}\n                                {canSelectGroups &&\n                                  itemTypes.includes(\"checkbox\") && (\n                                    <MenuToggleButtons\n                                      groupName={groupLabel}\n                                      onToggle={handleToggle}\n                                      hasSelectedItems={hasSelectedItems}\n                                    />\n                                  )}\n                              </Flex>\n                            </CMenu.ItemGroupLabel>\n                          )}\n                          {Object.entries(types).map(([type, items]) =>\n                            items.map((item, index) => (\n                              <MenuItem\n                                key={`menu-item-${groupLabel}-${type}-${index}`}\n                                {...item}\n                                shouldTruncateText={shouldTruncateText}\n                                {...(item.type === \"checkbox\" && {\n                                  checked: selectedItems.isChecked(item.value),\n                                })}\n                                onSelect={() => handleSelect(item)}\n                              />\n                            )),\n                          )}\n                        </MenuGroupContainer>\n                      );\n                    })}\n                  </>\n                ) : (\n                  <>\n                    <Box textAlign=\"center\" p={3}>\n                      <Text size=\"sm\" variant=\"subtle\">\n                        {emptyStateText}\n                      </Text>\n                    </Box>\n                  </>\n                )}\n              </Box>\n            ) : (\n              <Flex justifyContent=\"center\" py={5}>\n                <Spinner />\n              </Flex>\n            )}\n          </CMenu.Content>\n        </CMenu.Positioner>\n      </Portal>\n    </CMenu.Root>\n  );\n};\n"],"names":["MenuButton","hideCaret","size","text","textProps","variant","rest","jsxs","Button","jsx","Text","Flex","Icon","MenuItem","label","leftElement","onSelect","shouldTruncateText","type","handleOnSelect","useCallback","Menu","CMenu.TriggerItem","MenuItemLabel","checked","value","checkboxRest","CMenu.CheckboxItem","Checkbox","selected","defaultRest","CMenu.Item","Fragment","MenuToggleButtons","groupName","hasSelectedItems","onToggle","isGrouped","Box","ClearAllButton","SelectAllButton","buttonProps","listProps","portalled","submenuTrigger","canSelectAll","canSelectGroups","emptyStateText","loading","maxH","menuItems","minW","onSearch","onSelectAll","searchable","searchPlaceholder","restListProps","searchText","setSearchText","useState","filteredMenuItems","setFilteredMenuItems","groupedItems","useMemo","groups","item","group","checkboxItems","defaultSelectedItems","selectedItems","useCheckboxGroup","handleSearch","e","searchInput","filterdItems","handleToggle","clear","newValues","groupItems","handleSelect","currentSelection","isItemSelected","handleCleanup","open","CMenu.Root","details","CMenu.Trigger","Portal","CMenu.Positioner","CMenu.Content","TextInput","Spinner","groupLabel","types","isDefaultGroup","itemTypes","MenuGroupContainer","React","CMenu.ItemGroup","CMenu.ItemGroupLabel","items","index"],"mappings":"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"}
+{"version":3,"file":"menu.component-Dszjswev.js","sources":["../../src/components/Menu/components/MenuButton/menuButton.components.tsx","../../src/components/Menu/components/MenuItem/menuItem.component.tsx","../../src/components/Menu/components/MenuToggleButtons/menuToggleButtons.tsx","../../src/components/Menu/menu.component.tsx"],"sourcesContent":["import { Flex } from \"@chakra-ui/react/flex\";\nimport { Button, ButtonProps } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport React from \"react\";\n\nexport interface MenuButtonProps extends Omit<ButtonProps, \"children\"> {\n  hideCaret?: boolean;\n  text?: string;\n  textProps?: TextProps;\n}\n\nexport const MenuButton = ({\n  hideCaret = false,\n  size = \"md\",\n  text,\n  textProps,\n  variant,\n  ...rest\n}: MenuButtonProps): React.JSX.Element => {\n  return (\n    <Button\n      className=\"Menu__Button\"\n      data-testid=\"kibble-menu-button\"\n      size={size}\n      variant={variant}\n      {...rest}\n    >\n      {text && (\n        <Text\n          className=\"Menu__ButtonText\"\n          data-testid=\"kibble-menu-button-text\"\n          fontWeight=\"semibold\"\n          size={size}\n          color={variant ? \"inherit\" : textProps?.color || \"text.contrast\"}\n          truncate\n          {...textProps}\n        >\n          {text}\n        </Text>\n      )}\n      {!hideCaret && (\n        <Flex\n          className=\"Menu__ButtonCaret\"\n          data-testid=\"kibble-menu-button-caret\"\n        >\n          <Icon name=\"chevronDown\" size={size === \"lg\" ? \"sm\" : \"xs\"} />\n        </Flex>\n      )}\n    </Button>\n  );\n};\n","import { Flex } from \"@chakra-ui/react/flex\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport React, { useCallback } from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { MenuItemType } from \"./menuItem.types\";\nimport { Menu, MenuProps } from \"components/Menu\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { Checkbox } from \"components/Checkbox/checkbox.component\";\nimport { Icon } from \"components/Icon/icon.component\";\n\ninterface BaseMenuItemProps {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  groupLabel?: string;\n  onSelect?: (value: string) => void;\n  shouldTruncateText?: boolean;\n  type?: MenuItemType;\n  value: string;\n  variant?: TypographyVariant;\n}\n\ninterface DefaultMenuItemProps extends Omit<CMenu.ItemProps, \"onSelect\"> {\n  type?: \"default\";\n  selected?: boolean;\n}\n\ninterface CheckboxMenuItemProps\n  extends Omit<CMenu.CheckboxItemProps, \"onSelect\"> {\n  type: \"checkbox\";\n  checked: boolean;\n}\n\ninterface SubmenuMenuItemProps extends Omit<MenuProps, \"buttonProps\"> {\n  type: \"submenu\";\n  valueText?: string;\n}\n\nexport type MenuItemProps = BaseMenuItemProps &\n  (DefaultMenuItemProps | CheckboxMenuItemProps | SubmenuMenuItemProps);\n\nexport const MenuItem = ({\n  label,\n  leftElement,\n  onSelect,\n  shouldTruncateText,\n  type = \"default\",\n  variant,\n  ...rest\n}: MenuItemProps): React.JSX.Element => {\n  const handleOnSelect = useCallback(() => {\n    if (onSelect) {\n      onSelect(rest.value);\n    }\n  }, [onSelect, rest.value]);\n\n  if (type === \"submenu\") {\n    return (\n      <Menu\n        submenuTrigger={\n          <CMenu.TriggerItem\n            className=\"Menu__Item--Submenu\"\n            data-testid=\"kibble-menu-item-submenu\"\n            justifyContent=\"space-between\"\n          >\n            <MenuItemLabel\n              label={label}\n              leftElement={leftElement}\n              shouldTruncateText={shouldTruncateText}\n              variant={variant}\n            />\n            <Icon name=\"chevronRight\" size=\"sm\" />\n          </CMenu.TriggerItem>\n        }\n        {...rest}\n      />\n    );\n  }\n\n  if (type === \"checkbox\") {\n    const { checked, value, ...checkboxRest } = rest as CheckboxMenuItemProps;\n    return (\n      <CMenu.CheckboxItem\n        className=\"Menu__Item--Checkbox\"\n        data-testid=\"kibble-menu-item-checkbox\"\n        value={value}\n        checked={!!checked}\n        onCheckedChange={handleOnSelect}\n        closeOnSelect={rest.closeOnSelect || false}\n        gap={3}\n        {...checkboxRest}\n      >\n        <Checkbox checked={!!checked} size=\"md\" />\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={variant}\n        />\n      </CMenu.CheckboxItem>\n    );\n  }\n\n  if (type === \"default\") {\n    const { selected, value, ...defaultRest } = rest as DefaultMenuItemProps;\n    return (\n      <CMenu.Item\n        className=\"Menu__Item--Default\"\n        data-testid=\"kibble-menu-item-default\"\n        value={value}\n        onSelect={handleOnSelect}\n        {...(selected && { bgColor: \"background.secondaryAlpha.hover\" })}\n        {...defaultRest}\n      >\n        <MenuItemLabel\n          label={label}\n          leftElement={leftElement}\n          shouldTruncateText={shouldTruncateText}\n          variant={selected ? \"info\" : variant}\n        />\n      </CMenu.Item>\n    );\n  }\n\n  return <></>;\n};\n\nconst MenuItemLabel = ({\n  label,\n  leftElement,\n  shouldTruncateText,\n  variant,\n}: {\n  label?: React.ReactNode;\n  leftElement?: React.ReactNode;\n  shouldTruncateText?: boolean;\n  variant?: TypographyVariant;\n}): React.JSX.Element => {\n  return (\n    <Flex className=\"Menu__ItemLabel\" alignItems=\"center\" gap={3}>\n      {leftElement}\n      {typeof label === \"string\" ? (\n        <Text size=\"sm\" truncated={shouldTruncateText} variant={variant}>\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Flex>\n  );\n};\n","import { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\ninterface MenuToggleButtonsProps {\n  hasSelectedItems?: boolean;\n  groupName?: string;\n  onToggle: ({\n    groupName,\n    clear,\n  }: {\n    clear: boolean;\n    groupName?: string;\n  }) => void;\n}\n\nexport const MenuToggleButtons = ({\n  groupName,\n  hasSelectedItems = false,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  const isGrouped = !!groupName;\n  return (\n    <Box\n      className=\"Menu__ToggleButtons\"\n      data-testid=\"kibble-menu-toggle-buttons\"\n      {...(isGrouped ? { textAlign: \"right\", w: \"50%\" } : { mt: 2 })}\n    >\n      {isGrouped ? (\n        <>\n          {hasSelectedItems ? (\n            <ClearAllButton\n              hasSelectedItems={hasSelectedItems}\n              groupName={groupName}\n              onToggle={onToggle}\n            />\n          ) : (\n            <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          )}\n        </>\n      ) : (\n        <Flex justifyContent=\"space-between\">\n          <SelectAllButton groupName={groupName} onToggle={onToggle} />\n          <ClearAllButton\n            hasSelectedItems={hasSelectedItems}\n            groupName={groupName}\n            onToggle={onToggle}\n          />\n        </Flex>\n      )}\n    </Box>\n  );\n};\n\nconst SelectAllButton = ({\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"xs\"\n      onClick={(): void => onToggle({ groupName, clear: false })}\n    >\n      Select All\n    </Button>\n  );\n};\n\nconst ClearAllButton = ({\n  hasSelectedItems,\n  groupName,\n  onToggle,\n}: MenuToggleButtonsProps): React.JSX.Element => {\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      iconName=\"arrowCircle\"\n      size=\"xs\"\n      disabled={!hasSelectedItems}\n      onClick={(): void => onToggle({ groupName, clear: true })}\n    >\n      Clear All\n    </Button>\n  );\n};\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport { Menu as CMenu } from \"@chakra-ui/react/menu\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  MenuButton,\n  MenuButtonProps,\n} from \"./components/MenuButton/menuButton.components\";\nimport {\n  MenuItem,\n  MenuItemProps,\n} from \"./components/MenuItem/menuItem.component\";\nimport { useCheckboxGroup } from \"@chakra-ui/react/checkbox\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Text } from \"components/Text/text.component\";\nimport { TextInput } from \"components/TextInput/textInput.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { MenuToggleButtons } from \"./components/MenuToggleButtons/menuToggleButtons\";\n\nexport type MenuListOnSelect =\n  | ((selectedItem: string | undefined, allSelectedItems?: string[]) => void)\n  | ((\n      selectedItem: string | undefined,\n      allSelectedItems?: string[],\n    ) => Promise<void>);\n\nexport type MenuListOnSelectAll =\n  | ((selectedItems: string[]) => void)\n  | ((selectedItems: string[]) => Promise<void>);\n\nexport interface MenuListProps extends Omit<CMenu.ContentProps, \"onSelect\"> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  emptyStateText?: string;\n  loading?: boolean;\n  menuItems?: MenuItemProps[];\n  onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onSelect?: MenuListOnSelect;\n  onSelectAll?: MenuListOnSelectAll;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  shouldTruncateText?: boolean;\n}\n\nexport interface MenuProps extends Omit<CMenu.RootProps, \"children\"> {\n  buttonProps?: MenuButtonProps;\n  listProps?: MenuListProps;\n  portalled?: boolean;\n}\n\ninterface InternalMenuProps extends MenuProps {\n  submenuTrigger?: React.ReactNode;\n}\n\nexport const Menu = ({\n  buttonProps,\n  listProps,\n  portalled = false,\n  submenuTrigger,\n  ...rest\n}: InternalMenuProps): React.JSX.Element => {\n  const {\n    canSelectAll,\n    canSelectGroups,\n    emptyStateText = \"No results found\",\n    loading,\n    maxH = \"480px\",\n    menuItems = [],\n    minW = \"240px\",\n    onSearch,\n    onSelect,\n    onSelectAll,\n    searchable,\n    searchPlaceholder = \"Search...\",\n    shouldTruncateText,\n    ...restListProps\n  } = listProps || {};\n  const [searchText, setSearchText] = useState<string>(\"\");\n  const [filteredMenuItems, setFilteredMenuItems] =\n    useState<MenuItemProps[]>(menuItems);\n\n  // Menu Items\n  const groupedItems = useMemo(() => {\n    const groups: Record<string, Record<string, MenuItemProps[]>> = {};\n\n    filteredMenuItems?.forEach((item) => {\n      const group = item.groupLabel || \"default\";\n      // Default and submenu items are grouped under \"default\"\n      const type = item.type === \"checkbox\" ? \"checkbox\" : \"default\";\n\n      if (!groups[group]) {\n        groups[group] = {};\n      }\n\n      if (!groups[group][type]) {\n        groups[group][type] = [];\n      }\n\n      groups[group][type].push(item);\n    });\n\n    return groups;\n  }, [filteredMenuItems]);\n\n  const groups = useMemo(() => Object.entries(groupedItems), [groupedItems]);\n\n  // Checkbox State Management\n  const checkboxItems = useMemo(\n    () => menuItems?.filter((item) => item.type === \"checkbox\") || [],\n    [menuItems],\n  );\n\n  const defaultSelectedItems = useMemo(() => {\n    const selectedMenuItems =\n      checkboxItems?.filter((item) => item.checked) || [];\n    return selectedMenuItems.map((item) => item.value);\n  }, [checkboxItems]);\n\n  const selectedItems = useCheckboxGroup({\n    defaultValue: defaultSelectedItems,\n  });\n\n  // Search\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const searchInput = e.target.value;\n      setSearchText(searchInput);\n\n      if (onSearch) {\n        onSearch(e);\n      } else {\n        if (searchInput === \"\" || !searchInput) {\n          setFilteredMenuItems(menuItems);\n        } else {\n          const filterdItems = menuItems.filter((item): boolean => {\n            const labelText =\n              typeof item.label === \"string\" ? item.label : item.valueText;\n\n            return !!labelText\n              ?.toLowerCase()\n              .includes(searchInput.toLowerCase());\n          });\n          setFilteredMenuItems(filterdItems);\n        }\n      }\n    },\n    [menuItems, onSearch],\n  );\n\n  // Selection\n  const handleToggle = useCallback(\n    ({ groupName, clear }: { groupName?: string; clear: boolean }) => {\n      let newValues: string[] = [];\n      if (groupName) {\n        const groupItems = checkboxItems\n          .filter((item) => item.groupLabel === groupName)\n          .map((item) => item.value);\n        newValues = clear\n          ? selectedItems.value.filter((value) => !groupItems.includes(value))\n          : [...selectedItems.value, ...groupItems];\n      } else {\n        newValues = clear ? [] : checkboxItems.map((item) => item.value);\n      }\n      onSelectAll?.(newValues);\n      selectedItems.setValue(newValues);\n    },\n    [checkboxItems, onSelectAll, selectedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: MenuItemProps) => {\n      item.onSelect?.(item.value);\n      const currentSelection = selectedItems.value;\n      const isItemSelected = selectedItems.isChecked(item.value);\n      onSelect?.(\n        item.value,\n        isItemSelected\n          ? currentSelection.filter((value) => value !== item.value)\n          : [...currentSelection, item.value],\n      );\n      if (item.type === \"checkbox\") {\n        selectedItems.toggleValue(item.value);\n      }\n    },\n    [onSelect, selectedItems],\n  );\n\n  // Cleanup\n  const handleCleanup = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        setSearchText(\"\");\n        setFilteredMenuItems(menuItems);\n      }\n    },\n    [menuItems],\n  );\n\n  return (\n    <CMenu.Root\n      {...rest}\n      onOpenChange={(details) => {\n        handleCleanup(details.open);\n        rest.onOpenChange?.(details);\n      }}\n    >\n      {!submenuTrigger ? (\n        <CMenu.Trigger\n          asChild\n          className=\"Menu__Trigger\"\n          data-testid=\"kibble-menu-trigger\"\n        >\n          <MenuButton {...buttonProps} />\n        </CMenu.Trigger>\n      ) : (\n        submenuTrigger\n      )}\n      <Portal disabled={!portalled}>\n        <CMenu.Positioner className=\"Menu\" data-testid=\"kibble-menu\">\n          <CMenu.Content\n            className=\"Menu__Content\"\n            data-testid=\"kibble-menu-content\"\n            maxH={maxH}\n            minW={minW}\n            {...restListProps}\n          >\n            {(searchable || canSelectAll) && (\n              <Box\n                className=\"Menu__Header\"\n                data-testid=\"kibble-menu-header\"\n                m=\"0 12px 8px\"\n              >\n                {searchable && (\n                  <TextInput\n                    className=\"Menu__SearchBar\"\n                    data-testid=\"kibble-menu-search-bar\"\n                    placeholder={searchPlaceholder}\n                    onChange={handleSearch}\n                    size=\"sm\"\n                    value={searchText}\n                    clearable\n                    onClear={(): void => {\n                      setSearchText(\"\");\n                      handleSearch({\n                        target: { value: \"\" },\n                      } as React.ChangeEvent<HTMLInputElement>);\n                    }}\n                    formControlStyle={{ mt: 1 }}\n                  />\n                )}\n                {canSelectAll && !!checkboxItems.length && (\n                  <MenuToggleButtons\n                    onToggle={handleToggle}\n                    hasSelectedItems={!!selectedItems.value.length}\n                  />\n                )}\n              </Box>\n            )}\n            {!loading ? (\n              <Box className=\"Menu__List\" data-testid=\"kibble-menu-list\">\n                {groups.length ? (\n                  <>\n                    {groups.map(([groupLabel, types]) => {\n                      const isDefaultGroup = groupLabel === \"default\";\n                      const itemTypes = Object.keys(types);\n                      const MenuGroupContainer = !isDefaultGroup\n                        ? CMenu.ItemGroup\n                        : React.Fragment;\n                      const groupValues = types[\"checkbox\"]?.map(\n                        (item) => item.value,\n                      );\n                      const hasSelectedItems = groupValues?.some((value) =>\n                        selectedItems.value.includes(value),\n                      );\n                      return (\n                        <MenuGroupContainer key={groupLabel}>\n                          {!isDefaultGroup && (\n                            <CMenu.ItemGroupLabel>\n                              <Flex\n                                alignItems=\"center\"\n                                justifyContent=\"space-between\"\n                              >\n                                {groupLabel}\n                                {canSelectGroups &&\n                                  itemTypes.includes(\"checkbox\") && (\n                                    <MenuToggleButtons\n                                      groupName={groupLabel}\n                                      onToggle={handleToggle}\n                                      hasSelectedItems={hasSelectedItems}\n                                    />\n                                  )}\n                              </Flex>\n                            </CMenu.ItemGroupLabel>\n                          )}\n                          {Object.entries(types).map(([type, items]) =>\n                            items.map((item, index) => (\n                              <MenuItem\n                                key={`menu-item-${groupLabel}-${type}-${index}`}\n                                {...item}\n                                shouldTruncateText={shouldTruncateText}\n                                {...(item.type === \"checkbox\" && {\n                                  checked: selectedItems.isChecked(item.value),\n                                })}\n                                onSelect={() => handleSelect(item)}\n                              />\n                            )),\n                          )}\n                        </MenuGroupContainer>\n                      );\n                    })}\n                  </>\n                ) : (\n                  <>\n                    <Box textAlign=\"center\" p={3}>\n                      <Text size=\"sm\" variant=\"subtle\">\n                        {emptyStateText}\n                      </Text>\n                    </Box>\n                  </>\n                )}\n              </Box>\n            ) : (\n              <Flex justifyContent=\"center\" py={5}>\n                <Spinner />\n              </Flex>\n            )}\n          </CMenu.Content>\n        </CMenu.Positioner>\n      </Portal>\n    </CMenu.Root>\n  );\n};\n"],"names":["MenuButton","hideCaret","size","text","textProps","variant","rest","jsxs","Button","jsx","Text","Flex","Icon","MenuItem","label","leftElement","onSelect","shouldTruncateText","type","handleOnSelect","useCallback","Menu","CMenu.TriggerItem","MenuItemLabel","checked","value","checkboxRest","CMenu.CheckboxItem","Checkbox","selected","defaultRest","CMenu.Item","Fragment","MenuToggleButtons","groupName","hasSelectedItems","onToggle","isGrouped","Box","ClearAllButton","SelectAllButton","buttonProps","listProps","portalled","submenuTrigger","canSelectAll","canSelectGroups","emptyStateText","loading","maxH","menuItems","minW","onSearch","onSelectAll","searchable","searchPlaceholder","restListProps","searchText","setSearchText","useState","filteredMenuItems","setFilteredMenuItems","groupedItems","useMemo","groups","item","group","checkboxItems","defaultSelectedItems","selectedItems","useCheckboxGroup","handleSearch","e","searchInput","filterdItems","handleToggle","clear","newValues","groupItems","handleSelect","currentSelection","isItemSelected","handleCleanup","open","CMenu.Root","details","CMenu.Trigger","Portal","CMenu.Positioner","CMenu.Content","TextInput","Spinner","groupLabel","types","isDefaultGroup","itemTypes","MenuGroupContainer","React","CMenu.ItemGroup","CMenu.ItemGroupLabel","items","index"],"mappings":"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"}

package/dist/chunks/{modal.types-C7OrqSGs.js → modal.types-BqbUP2fq.js}

@@ -1,6 +1,6 @@
 import { x as a, ew as f } from "./vendor-CRIhG-7s.js";
 import { useState as _ } from "react";
-import { B as e } from "./button.component-BZEZZa7D.js";
+import { B as e } from "./button.component-914arWrg.js";
 import { b2 as k, F as M, b3 as N, a5 as C, b4 as D, b5 as B, b6 as y, b7 as v, b8 as S, b9 as w, ba as F, bb as T, bc as E } from "./chakra-DEgvQPwa.js";
 import { W as P } from "./heading.component-BrXfTzEU.js";
 const z = ({
@@ -143,4 +143,4 @@ export {
   J as c,
   V as m
 };
-//# sourceMappingURL=modal.types-C7OrqSGs.js.map
+//# sourceMappingURL=modal.types-BqbUP2fq.js.map

package/dist/chunks/{modal.types-C7OrqSGs.js.map → modal.types-BqbUP2fq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal.types-C7OrqSGs.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}
+{"version":3,"file":"modal.types-BqbUP2fq.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}

package/dist/chunks/{modal.types-Bhcd1P_H.js → modal.types-DbmIHymm.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),R=require("react"),a=require("./button.component-DnWrqGc4.js"),e=require("./chakra-BHjfByoV.js"),_=require("./heading.component-C92ZA4Md.js"),k=({children:o,destructive:i,disabled:l,hideCancel:s=!1,loading:n,loadingText:r,onCancel:d,onSubmit:c,submitText:m="Submit",...x})=>t.jsxRuntimeExports.jsx(e.DialogFooter,{className:"Modal__Footer","data-testid":"kibble-modal-footer",...x,children:o||t.jsxRuntimeExports.jsxs(e.Flex,{alignItems:"center",justifyContent:"space-between",w:"100%",children:[!s&&t.jsxRuntimeExports.jsx(e.DialogActionTrigger,{asChild:!0,className:"Modal__CancelButton","data-testid":"kibble-modal-cancel-button",children:t.jsxRuntimeExports.jsx(a.Button,{variant:"tertiary",onClick:d,children:"Cancel"})}),t.jsxRuntimeExports.jsx(a.Button,{className:"Modal__SubmitButton","data-testid":"kibble-modal-submit-button",onClick:c,loading:n,loadingText:r,disabled:l,variant:i?"primaryDestructive":"primary",children:m})]})}),B=({children:o,footerProps:i,fullScreenMobile:l=!0,header:s,headerProps:n,hideCloseButton:r=!1,hideFooter:d=!1,motionPreset:c="slide-in-bottom",placement:m="center",showExpandButton:x=!1,size:u="md",trigger:j,...b})=>{const[p,g]=R.useState(!1),h=e.useBreakpointValue({base:l?"full":u,md:u});return t.jsxRuntimeExports.jsxs(e.DialogRoot,{motionPreset:c,placement:m,size:h,...b,expanded:p,children:[j&&t.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:j}),t.jsxRuntimeExports.jsxs(t.Portal,{children:[t.jsxRuntimeExports.jsx(e.DialogBackdrop,{}),t.jsxRuntimeExports.jsx(e.DialogPositioner,{children:t.jsxRuntimeExports.jsxs(e.DialogContent,{className:"Modal","data-testid":"kibble-modal",children:[!r&&t.jsxRuntimeExports.jsx(e.DialogCloseTrigger,{asChild:!0,className:"Modal__CloseButton","data-testid":"kibble-modal-close-button",children:t.jsxRuntimeExports.jsx(a.Button,{iconName:"close",variant:"ghostNeutral"})}),x&&t.jsxRuntimeExports.jsx(a.Button,{className:"Modal__ExpandButton","data-testid":"kibble-modal-expand-button",variant:"ghostNeutral",iconName:p?"arrowsIn":"arrowsOut",position:"absolute",top:2,right:12,onClick:()=>g(E=>!E)}),t.jsxRuntimeExports.jsx(e.DialogHeader,{className:"Modal__Header","data-testid":"kibble-modal-header",children:s&&t.jsxRuntimeExports.jsx(e.DialogTitle,{className:"Modal__Title","data-testid":"kibble-modal-title",children:typeof s=="string"?t.jsxRuntimeExports.jsx(_.WrappedHeading,{size:"xl",...n,children:s}):s})}),t.jsxRuntimeExports.jsx(e.DialogBody,{className:"Modal__Body","data-testid":"kibble-modal-body",children:o}),!d&&t.jsxRuntimeExports.jsx(k,{...i})]})})]})]})},M=["xs","sm","md","lg","cover","full"],N=["center","top","bottom"],C=["inside","outside"],D=["scale","slide-in-bottom","slide-in-top","slide-in-left","slide-in-right","none"];exports.Modal=B;exports.modalMotionPresets=D;exports.modalPlacements=N;exports.modalScrollBehaviors=C;exports.modalSizes=M;
-//# sourceMappingURL=modal.types-Bhcd1P_H.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),R=require("react"),a=require("./button.component-a_ZvSZ2C.js"),e=require("./chakra-BHjfByoV.js"),_=require("./heading.component-C92ZA4Md.js"),k=({children:o,destructive:i,disabled:l,hideCancel:s=!1,loading:n,loadingText:r,onCancel:d,onSubmit:c,submitText:m="Submit",...x})=>t.jsxRuntimeExports.jsx(e.DialogFooter,{className:"Modal__Footer","data-testid":"kibble-modal-footer",...x,children:o||t.jsxRuntimeExports.jsxs(e.Flex,{alignItems:"center",justifyContent:"space-between",w:"100%",children:[!s&&t.jsxRuntimeExports.jsx(e.DialogActionTrigger,{asChild:!0,className:"Modal__CancelButton","data-testid":"kibble-modal-cancel-button",children:t.jsxRuntimeExports.jsx(a.Button,{variant:"tertiary",onClick:d,children:"Cancel"})}),t.jsxRuntimeExports.jsx(a.Button,{className:"Modal__SubmitButton","data-testid":"kibble-modal-submit-button",onClick:c,loading:n,loadingText:r,disabled:l,variant:i?"primaryDestructive":"primary",children:m})]})}),B=({children:o,footerProps:i,fullScreenMobile:l=!0,header:s,headerProps:n,hideCloseButton:r=!1,hideFooter:d=!1,motionPreset:c="slide-in-bottom",placement:m="center",showExpandButton:x=!1,size:u="md",trigger:j,...b})=>{const[p,g]=R.useState(!1),h=e.useBreakpointValue({base:l?"full":u,md:u});return t.jsxRuntimeExports.jsxs(e.DialogRoot,{motionPreset:c,placement:m,size:h,...b,expanded:p,children:[j&&t.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:j}),t.jsxRuntimeExports.jsxs(t.Portal,{children:[t.jsxRuntimeExports.jsx(e.DialogBackdrop,{}),t.jsxRuntimeExports.jsx(e.DialogPositioner,{children:t.jsxRuntimeExports.jsxs(e.DialogContent,{className:"Modal","data-testid":"kibble-modal",children:[!r&&t.jsxRuntimeExports.jsx(e.DialogCloseTrigger,{asChild:!0,className:"Modal__CloseButton","data-testid":"kibble-modal-close-button",children:t.jsxRuntimeExports.jsx(a.Button,{iconName:"close",variant:"ghostNeutral"})}),x&&t.jsxRuntimeExports.jsx(a.Button,{className:"Modal__ExpandButton","data-testid":"kibble-modal-expand-button",variant:"ghostNeutral",iconName:p?"arrowsIn":"arrowsOut",position:"absolute",top:2,right:12,onClick:()=>g(E=>!E)}),t.jsxRuntimeExports.jsx(e.DialogHeader,{className:"Modal__Header","data-testid":"kibble-modal-header",children:s&&t.jsxRuntimeExports.jsx(e.DialogTitle,{className:"Modal__Title","data-testid":"kibble-modal-title",children:typeof s=="string"?t.jsxRuntimeExports.jsx(_.WrappedHeading,{size:"xl",...n,children:s}):s})}),t.jsxRuntimeExports.jsx(e.DialogBody,{className:"Modal__Body","data-testid":"kibble-modal-body",children:o}),!d&&t.jsxRuntimeExports.jsx(k,{...i})]})})]})]})},M=["xs","sm","md","lg","cover","full"],N=["center","top","bottom"],C=["inside","outside"],D=["scale","slide-in-bottom","slide-in-top","slide-in-left","slide-in-right","none"];exports.Modal=B;exports.modalMotionPresets=D;exports.modalPlacements=N;exports.modalScrollBehaviors=C;exports.modalSizes=M;
+//# sourceMappingURL=modal.types-DbmIHymm.js.map

package/dist/chunks/{modal.types-Bhcd1P_H.js.map → modal.types-DbmIHymm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal.types-Bhcd1P_H.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}
+{"version":3,"file":"modal.types-DbmIHymm.js","sources":["../../src/components/Modal/components/ModalFooter/modalFooter.component.tsx","../../src/components/Modal/modal.component.tsx","../../src/components/Modal/modal.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Button } from \"components/Button/button.component\";\n\nexport interface ModalFooterProps extends Dialog.FooterProps {\n  children?: React.ReactNode;\n  destructive?: boolean;\n  disabled?: boolean;\n  hideCancel?: boolean;\n  loading?: boolean;\n  loadingText?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void | Promise<void>;\n  submitText?: string;\n}\n\nexport const ModalFooter = ({\n  children,\n  destructive,\n  disabled,\n  hideCancel = false,\n  loading,\n  loadingText,\n  onCancel,\n  onSubmit,\n  submitText = \"Submit\",\n  ...rest\n}: ModalFooterProps): React.JSX.Element => {\n  return (\n    <Dialog.Footer\n      className=\"Modal__Footer\"\n      data-testid=\"kibble-modal-footer\"\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex alignItems=\"center\" justifyContent=\"space-between\" w=\"100%\">\n          {!hideCancel && (\n            <Dialog.ActionTrigger\n              asChild\n              className=\"Modal__CancelButton\"\n              data-testid=\"kibble-modal-cancel-button\"\n            >\n              <Button variant=\"tertiary\" onClick={onCancel}>\n                Cancel\n              </Button>\n            </Dialog.ActionTrigger>\n          )}\n          <Button\n            className=\"Modal__SubmitButton\"\n            data-testid=\"kibble-modal-submit-button\"\n            onClick={onSubmit}\n            loading={loading}\n            loadingText={loadingText}\n            disabled={disabled}\n            variant={destructive ? \"primaryDestructive\" : \"primary\"}\n          >\n            {submitText}\n          </Button>\n        </Flex>\n      )}\n    </Dialog.Footer>\n  );\n};\n","import React, { useState } from \"react\";\nimport { Dialog } from \"@chakra-ui/react/dialog\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n  ModalFooter,\n  ModalFooterProps,\n} from \"./components/ModalFooter/modalFooter.component\";\nimport { Heading, HeadingProps } from \"components/Heading/heading.component\";\nimport { ModalMotionPreset, ModalPlacement, ModalSize } from \"./modal.types\";\nimport { Button } from \"components/Button/button.component\";\nimport { useBreakpointValue } from \"@chakra-ui/react\";\n\nexport interface ModalProps extends Dialog.RootProps {\n  footerProps?: ModalFooterProps;\n  fullScreenMobile?: boolean;\n  header?: React.ReactNode;\n  headerProps?: HeadingProps;\n  hideCloseButton?: boolean;\n  hideFooter?: boolean;\n  motionPreset?: ModalMotionPreset;\n  placement?: ModalPlacement;\n  showExpandButton?: boolean;\n  size?: ModalSize;\n  trigger?: React.ReactNode;\n}\n\nexport const Modal = ({\n  children,\n  footerProps,\n  fullScreenMobile = true,\n  header,\n  headerProps,\n  hideCloseButton = false,\n  hideFooter = false,\n  motionPreset = \"slide-in-bottom\",\n  placement = \"center\",\n  showExpandButton = false,\n  size = \"md\",\n  trigger,\n  ...rest\n}: ModalProps): React.JSX.Element => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const computedSize = useBreakpointValue({\n    base: fullScreenMobile ? \"full\" : size,\n    md: size,\n  });\n\n  return (\n    <Dialog.Root\n      motionPreset={motionPreset}\n      placement={placement}\n      size={computedSize}\n      {...rest}\n      expanded={isExpanded}\n    >\n      {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n      <Portal>\n        <Dialog.Backdrop />\n        <Dialog.Positioner>\n          <Dialog.Content className=\"Modal\" data-testid=\"kibble-modal\">\n            {!hideCloseButton && (\n              <Dialog.CloseTrigger\n                asChild\n                className=\"Modal__CloseButton\"\n                data-testid=\"kibble-modal-close-button\"\n              >\n                <Button iconName=\"close\" variant=\"ghostNeutral\" />\n              </Dialog.CloseTrigger>\n            )}\n            {showExpandButton && (\n              <Button\n                className=\"Modal__ExpandButton\"\n                data-testid=\"kibble-modal-expand-button\"\n                variant=\"ghostNeutral\"\n                iconName={isExpanded ? \"arrowsIn\" : \"arrowsOut\"}\n                position=\"absolute\"\n                top={2}\n                right={12}\n                onClick={() => setIsExpanded((prev) => !prev)}\n              />\n            )}\n            <Dialog.Header\n              className=\"Modal__Header\"\n              data-testid=\"kibble-modal-header\"\n            >\n              {header && (\n                <Dialog.Title\n                  className=\"Modal__Title\"\n                  data-testid=\"kibble-modal-title\"\n                >\n                  {typeof header === \"string\" ? (\n                    <Heading size=\"xl\" {...headerProps}>\n                      {header}\n                    </Heading>\n                  ) : (\n                    header\n                  )}\n                </Dialog.Title>\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              className=\"Modal__Body\"\n              data-testid=\"kibble-modal-body\"\n            >\n              {children}\n            </Dialog.Body>\n            {!hideFooter && <ModalFooter {...footerProps} />}\n          </Dialog.Content>\n        </Dialog.Positioner>\n      </Portal>\n    </Dialog.Root>\n  );\n};\n","export const modalSizes = [\"xs\", \"sm\", \"md\", \"lg\", \"cover\", \"full\"] as const;\nexport type ModalSize = (typeof modalSizes)[number];\n\nexport const modalPlacements = [\"center\", \"top\", \"bottom\"] as const;\nexport type ModalPlacement = (typeof modalPlacements)[number];\n\nexport const modalScrollBehaviors = [\"inside\", \"outside\"] as const;\nexport type ModalScrollBehavior = (typeof modalScrollBehaviors)[number];\n\nexport const modalMotionPresets = [\n  \"scale\",\n  \"slide-in-bottom\",\n  \"slide-in-top\",\n  \"slide-in-left\",\n  \"slide-in-right\",\n  \"none\",\n] as const;\nexport type ModalMotionPreset = (typeof modalMotionPresets)[number];\n"],"names":["ModalFooter","children","destructive","disabled","hideCancel","loading","loadingText","onCancel","onSubmit","submitText","rest","jsx","Dialog.Footer","jsxs","Flex","Dialog.ActionTrigger","Button","Modal","footerProps","fullScreenMobile","header","headerProps","hideCloseButton","hideFooter","motionPreset","placement","showExpandButton","size","trigger","isExpanded","setIsExpanded","useState","computedSize","useBreakpointValue","Dialog.Root","Dialog.Trigger","Portal","Dialog.Backdrop","Dialog.Positioner","Dialog.Content","Dialog.CloseTrigger","prev","Dialog.Header","Dialog.Title","Heading","Dialog.Body","modalSizes","modalPlacements","modalScrollBehaviors","modalMotionPresets"],"mappings":"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"}

package/dist/chunks/{pinInput.types-BFZZszU7.js → pinInput.types-BNw91BQv.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./vendor-DcKGwQlH.js"),l=require("react"),m=require("./withFormControl-BJIa-ZxM.js"),n=require("./chakra-BHjfByoV.js"),I=m.withFormControl(({count:i=6,pinInputRef:e,onContrast:r=!1,otp:u=!0,size:a="md",type:o="numeric",...c})=>{const d=r?"onContrast":"default";return t.jsxRuntimeExports.jsxs(n.PinInputRoot,{className:"PinInput","data-testid":"kibble-pin-input",ref:e,variant:d,size:a,type:o,otp:u,...c,children:[t.jsxRuntimeExports.jsx(n.PinInputHiddenInput,{className:"PinInput__HiddenInput","data-testid":"kibble-pin-input-hidden-input"}),t.jsxRuntimeExports.jsx(n.PinInputControl,{className:"PinInput__Control","data-testid":"kibble-pin-input-control",children:Array.from({length:i}).map((P,p)=>t.jsxRuntimeExports.jsx(n.PinInputInput,{index:p,className:"PinInput__Input","data-testid":`kibble-pin-input-input-${p}`},p))})]})}),s=l.forwardRef((i,e)=>t.jsxRuntimeExports.jsx(I,{pinInputRef:e,...i}));s.displayName="PinInput";const x=["numeric","alphabetic","alphanumeric"];exports.WrappedPinInput=s;exports.pinInputTypes=x;
-//# sourceMappingURL=pinInput.types-BFZZszU7.js.map
+"use strict";const t=require("./vendor-DcKGwQlH.js"),l=require("react"),m=require("./withFormControl-Cer0SZNr.js"),n=require("./chakra-BHjfByoV.js"),I=m.withFormControl(({count:i=6,pinInputRef:e,onContrast:r=!1,otp:u=!0,size:a="md",type:o="numeric",...c})=>{const d=r?"onContrast":"default";return t.jsxRuntimeExports.jsxs(n.PinInputRoot,{className:"PinInput","data-testid":"kibble-pin-input",ref:e,variant:d,size:a,type:o,otp:u,...c,children:[t.jsxRuntimeExports.jsx(n.PinInputHiddenInput,{className:"PinInput__HiddenInput","data-testid":"kibble-pin-input-hidden-input"}),t.jsxRuntimeExports.jsx(n.PinInputControl,{className:"PinInput__Control","data-testid":"kibble-pin-input-control",children:Array.from({length:i}).map((P,p)=>t.jsxRuntimeExports.jsx(n.PinInputInput,{index:p,className:"PinInput__Input","data-testid":`kibble-pin-input-input-${p}`},p))})]})}),s=l.forwardRef((i,e)=>t.jsxRuntimeExports.jsx(I,{pinInputRef:e,...i}));s.displayName="PinInput";const x=["numeric","alphabetic","alphanumeric"];exports.WrappedPinInput=s;exports.pinInputTypes=x;
+//# sourceMappingURL=pinInput.types-BNw91BQv.js.map

package/dist/chunks/{pinInput.types-BFZZszU7.js.map → pinInput.types-BNw91BQv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pinInput.types-BFZZszU7.js","sources":["../../src/components/PinInput/pinInput.component.tsx","../../src/components/PinInput/pinInput.types.ts"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { PinInput as CPinInput } from \"@chakra-ui/react/pin-input\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface PinInputProps\n  extends WithFormControlProps,\n    Omit<CPinInput.RootProps, \"size\"> {\n  count?: number;\n  onContrast?: boolean;\n  pinInputRef?: ForwardedRef<HTMLDivElement | null>;\n}\n\nconst PinInput = withFormControl(\n  ({\n    count = 6,\n    pinInputRef,\n    onContrast = false,\n    otp = true,\n    size = \"md\",\n    type = \"numeric\",\n    ...rest\n  }: PinInputProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    return (\n      <CPinInput.Root\n        className=\"PinInput\"\n        data-testid=\"kibble-pin-input\"\n        ref={pinInputRef}\n        variant={_computedVariant}\n        size={size}\n        type={type}\n        otp={otp}\n        {...rest}\n      >\n        <CPinInput.HiddenInput\n          className=\"PinInput__HiddenInput\"\n          data-testid=\"kibble-pin-input-hidden-input\"\n        />\n        <CPinInput.Control\n          className=\"PinInput__Control\"\n          data-testid=\"kibble-pin-input-control\"\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <CPinInput.Input\n              key={index}\n              index={index}\n              className=\"PinInput__Input\"\n              data-testid={`kibble-pin-input-input-${index}`}\n            />\n          ))}\n        </CPinInput.Control>\n      </CPinInput.Root>\n    );\n  },\n);\n\nconst WrappedPinInput = React.forwardRef(\n  (props: PinInputProps, ref: ForwardedRef<HTMLDivElement | null>) => (\n    <PinInput pinInputRef={ref} {...props} />\n  ),\n);\n\nWrappedPinInput.displayName = \"PinInput\";\n\nexport { WrappedPinInput as PinInput };\n","export const pinInputTypes = [\"numeric\", \"alphabetic\", \"alphanumeric\"] as const;\nexport type PinInputType = (typeof pinInputTypes)[number];\n"],"names":["PinInput","withFormControl","count","pinInputRef","onContrast","otp","size","type","rest","_computedVariant","jsxs","CPinInput.Root","jsx","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","React","props","ref","pinInputTypes"],"mappings":"qJAeMA,EAAWC,EAAA,gBACf,CAAC,CACC,MAAAC,EAAQ,EACR,YAAAC,EACA,WAAAC,EAAa,GACb,IAAAC,EAAM,GACN,KAAAC,EAAO,KACP,KAAAC,EAAO,UACP,GAAGC,CAAA,IACmC,CAChC,MAAAC,EAAmBL,EAAa,aAAe,UAGnD,OAAAM,EAAA,kBAAA,KAACC,EAAU,aAAV,CACC,UAAU,WACV,cAAY,mBACZ,IAAKR,EACL,QAASM,EACT,KAAAH,EACA,KAAAC,EACA,IAAAF,EACC,GAAGG,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAU,oBAAV,CACC,UAAU,wBACV,cAAY,+BAAA,CACd,EACAD,EAAA,kBAAA,IAACE,EAAU,gBAAV,CACC,UAAU,oBACV,cAAY,2BAEX,SAAA,MAAM,KAAK,CAAE,OAAQZ,EAAO,EAAE,IAAI,CAACa,EAAGC,IACrCJ,EAAA,kBAAA,IAACK,EAAU,cAAV,CAEC,MAAAD,EACA,UAAU,kBACV,cAAa,0BAA0BA,CAAK,EAAA,EAHvCA,CAKR,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAGN,EAEME,EAAkBC,EAAM,WAC5B,CAACC,EAAsBC,IACrBT,wBAACZ,GAAS,YAAaqB,EAAM,GAAGD,CAAO,CAAA,CAE3C,EAEAF,EAAgB,YAAc,WClEvB,MAAMI,EAAgB,CAAC,UAAW,aAAc,cAAc"}
+{"version":3,"file":"pinInput.types-BNw91BQv.js","sources":["../../src/components/PinInput/pinInput.component.tsx","../../src/components/PinInput/pinInput.types.ts"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { PinInput as CPinInput } from \"@chakra-ui/react/pin-input\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface PinInputProps\n  extends WithFormControlProps,\n    Omit<CPinInput.RootProps, \"size\"> {\n  count?: number;\n  onContrast?: boolean;\n  pinInputRef?: ForwardedRef<HTMLDivElement | null>;\n}\n\nconst PinInput = withFormControl(\n  ({\n    count = 6,\n    pinInputRef,\n    onContrast = false,\n    otp = true,\n    size = \"md\",\n    type = \"numeric\",\n    ...rest\n  }: PinInputProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    return (\n      <CPinInput.Root\n        className=\"PinInput\"\n        data-testid=\"kibble-pin-input\"\n        ref={pinInputRef}\n        variant={_computedVariant}\n        size={size}\n        type={type}\n        otp={otp}\n        {...rest}\n      >\n        <CPinInput.HiddenInput\n          className=\"PinInput__HiddenInput\"\n          data-testid=\"kibble-pin-input-hidden-input\"\n        />\n        <CPinInput.Control\n          className=\"PinInput__Control\"\n          data-testid=\"kibble-pin-input-control\"\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <CPinInput.Input\n              key={index}\n              index={index}\n              className=\"PinInput__Input\"\n              data-testid={`kibble-pin-input-input-${index}`}\n            />\n          ))}\n        </CPinInput.Control>\n      </CPinInput.Root>\n    );\n  },\n);\n\nconst WrappedPinInput = React.forwardRef(\n  (props: PinInputProps, ref: ForwardedRef<HTMLDivElement | null>) => (\n    <PinInput pinInputRef={ref} {...props} />\n  ),\n);\n\nWrappedPinInput.displayName = \"PinInput\";\n\nexport { WrappedPinInput as PinInput };\n","export const pinInputTypes = [\"numeric\", \"alphabetic\", \"alphanumeric\"] as const;\nexport type PinInputType = (typeof pinInputTypes)[number];\n"],"names":["PinInput","withFormControl","count","pinInputRef","onContrast","otp","size","type","rest","_computedVariant","jsxs","CPinInput.Root","jsx","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","React","props","ref","pinInputTypes"],"mappings":"qJAeMA,EAAWC,EAAA,gBACf,CAAC,CACC,MAAAC,EAAQ,EACR,YAAAC,EACA,WAAAC,EAAa,GACb,IAAAC,EAAM,GACN,KAAAC,EAAO,KACP,KAAAC,EAAO,UACP,GAAGC,CAAA,IACmC,CAChC,MAAAC,EAAmBL,EAAa,aAAe,UAGnD,OAAAM,EAAA,kBAAA,KAACC,EAAU,aAAV,CACC,UAAU,WACV,cAAY,mBACZ,IAAKR,EACL,QAASM,EACT,KAAAH,EACA,KAAAC,EACA,IAAAF,EACC,GAAGG,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAU,oBAAV,CACC,UAAU,wBACV,cAAY,+BAAA,CACd,EACAD,EAAA,kBAAA,IAACE,EAAU,gBAAV,CACC,UAAU,oBACV,cAAY,2BAEX,SAAA,MAAM,KAAK,CAAE,OAAQZ,EAAO,EAAE,IAAI,CAACa,EAAGC,IACrCJ,EAAA,kBAAA,IAACK,EAAU,cAAV,CAEC,MAAAD,EACA,UAAU,kBACV,cAAa,0BAA0BA,CAAK,EAAA,EAHvCA,CAKR,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAGN,EAEME,EAAkBC,EAAM,WAC5B,CAACC,EAAsBC,IACrBT,wBAACZ,GAAS,YAAaqB,EAAM,GAAGD,CAAO,CAAA,CAE3C,EAEAF,EAAgB,YAAc,WClEvB,MAAMI,EAAgB,CAAC,UAAW,aAAc,cAAc"}

package/dist/chunks/{pinInput.types-10zyeINr.js → pinInput.types-DSyDqeFg.js}

@@ -1,6 +1,6 @@
 import { x as t } from "./vendor-CRIhG-7s.js";
 import m from "react";
-import { w as d } from "./withFormControl-BCyb1yXC.js";
+import { w as d } from "./withFormControl-BCq_tW73.js";
 import { aA as l, aB as c, aC as I, aD as f } from "./chakra-DEgvQPwa.js";
 const P = d(
   ({
@@ -61,4 +61,4 @@ export {
   _ as W,
   N as p
 };
-//# sourceMappingURL=pinInput.types-10zyeINr.js.map
+//# sourceMappingURL=pinInput.types-DSyDqeFg.js.map

package/dist/chunks/{pinInput.types-10zyeINr.js.map → pinInput.types-DSyDqeFg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pinInput.types-10zyeINr.js","sources":["../../src/components/PinInput/pinInput.component.tsx","../../src/components/PinInput/pinInput.types.ts"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { PinInput as CPinInput } from \"@chakra-ui/react/pin-input\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface PinInputProps\n  extends WithFormControlProps,\n    Omit<CPinInput.RootProps, \"size\"> {\n  count?: number;\n  onContrast?: boolean;\n  pinInputRef?: ForwardedRef<HTMLDivElement | null>;\n}\n\nconst PinInput = withFormControl(\n  ({\n    count = 6,\n    pinInputRef,\n    onContrast = false,\n    otp = true,\n    size = \"md\",\n    type = \"numeric\",\n    ...rest\n  }: PinInputProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    return (\n      <CPinInput.Root\n        className=\"PinInput\"\n        data-testid=\"kibble-pin-input\"\n        ref={pinInputRef}\n        variant={_computedVariant}\n        size={size}\n        type={type}\n        otp={otp}\n        {...rest}\n      >\n        <CPinInput.HiddenInput\n          className=\"PinInput__HiddenInput\"\n          data-testid=\"kibble-pin-input-hidden-input\"\n        />\n        <CPinInput.Control\n          className=\"PinInput__Control\"\n          data-testid=\"kibble-pin-input-control\"\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <CPinInput.Input\n              key={index}\n              index={index}\n              className=\"PinInput__Input\"\n              data-testid={`kibble-pin-input-input-${index}`}\n            />\n          ))}\n        </CPinInput.Control>\n      </CPinInput.Root>\n    );\n  },\n);\n\nconst WrappedPinInput = React.forwardRef(\n  (props: PinInputProps, ref: ForwardedRef<HTMLDivElement | null>) => (\n    <PinInput pinInputRef={ref} {...props} />\n  ),\n);\n\nWrappedPinInput.displayName = \"PinInput\";\n\nexport { WrappedPinInput as PinInput };\n","export const pinInputTypes = [\"numeric\", \"alphabetic\", \"alphanumeric\"] as const;\nexport type PinInputType = (typeof pinInputTypes)[number];\n"],"names":["PinInput","withFormControl","count","pinInputRef","onContrast","otp","size","type","rest","_computedVariant","jsxs","CPinInput.Root","jsx","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","React","props","ref","pinInputTypes"],"mappings":";;;;AAeA,MAAMA,IAAWC;AAAA,EACf,CAAC;AAAA,IACC,OAAAC,IAAQ;AAAA,IACR,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,MACmC;AAChC,UAAAC,IAAmBL,IAAa,eAAe;AAGnD,WAAAM,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAKR;AAAA,QACL,SAASM;AAAA,QACT,MAAAH;AAAA,QACA,MAAAC;AAAA,QACA,KAAAF;AAAA,QACC,GAAGG;AAAA,QAEJ,UAAA;AAAA,UAAAI,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACAD,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA,MAAM,KAAK,EAAE,QAAQZ,GAAO,EAAE,IAAI,CAACa,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,gBAACK;AAAAA,gBAAA;AAAA,kBAEC,OAAAD;AAAA,kBACA,WAAU;AAAA,kBACV,eAAa,0BAA0BA,CAAK;AAAA,gBAAA;AAAA,gBAHvCA;AAAA,cAKR,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEME,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAsBC,MACrBT,gBAAAA,MAACZ,KAAS,aAAaqB,GAAM,GAAGD,EAAO,CAAA;AAE3C;AAEAF,EAAgB,cAAc;AClEvB,MAAMI,IAAgB,CAAC,WAAW,cAAc,cAAc;"}
+{"version":3,"file":"pinInput.types-DSyDqeFg.js","sources":["../../src/components/PinInput/pinInput.component.tsx","../../src/components/PinInput/pinInput.types.ts"],"sourcesContent":["import React, { ForwardedRef } from \"react\";\nimport { PinInput as CPinInput } from \"@chakra-ui/react/pin-input\";\nimport {\n  withFormControl,\n  WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\n\nexport interface PinInputProps\n  extends WithFormControlProps,\n    Omit<CPinInput.RootProps, \"size\"> {\n  count?: number;\n  onContrast?: boolean;\n  pinInputRef?: ForwardedRef<HTMLDivElement | null>;\n}\n\nconst PinInput = withFormControl(\n  ({\n    count = 6,\n    pinInputRef,\n    onContrast = false,\n    otp = true,\n    size = \"md\",\n    type = \"numeric\",\n    ...rest\n  }: PinInputProps): React.JSX.Element => {\n    const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n    return (\n      <CPinInput.Root\n        className=\"PinInput\"\n        data-testid=\"kibble-pin-input\"\n        ref={pinInputRef}\n        variant={_computedVariant}\n        size={size}\n        type={type}\n        otp={otp}\n        {...rest}\n      >\n        <CPinInput.HiddenInput\n          className=\"PinInput__HiddenInput\"\n          data-testid=\"kibble-pin-input-hidden-input\"\n        />\n        <CPinInput.Control\n          className=\"PinInput__Control\"\n          data-testid=\"kibble-pin-input-control\"\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <CPinInput.Input\n              key={index}\n              index={index}\n              className=\"PinInput__Input\"\n              data-testid={`kibble-pin-input-input-${index}`}\n            />\n          ))}\n        </CPinInput.Control>\n      </CPinInput.Root>\n    );\n  },\n);\n\nconst WrappedPinInput = React.forwardRef(\n  (props: PinInputProps, ref: ForwardedRef<HTMLDivElement | null>) => (\n    <PinInput pinInputRef={ref} {...props} />\n  ),\n);\n\nWrappedPinInput.displayName = \"PinInput\";\n\nexport { WrappedPinInput as PinInput };\n","export const pinInputTypes = [\"numeric\", \"alphabetic\", \"alphanumeric\"] as const;\nexport type PinInputType = (typeof pinInputTypes)[number];\n"],"names":["PinInput","withFormControl","count","pinInputRef","onContrast","otp","size","type","rest","_computedVariant","jsxs","CPinInput.Root","jsx","CPinInput.HiddenInput","CPinInput.Control","_","index","CPinInput.Input","WrappedPinInput","React","props","ref","pinInputTypes"],"mappings":";;;;AAeA,MAAMA,IAAWC;AAAA,EACf,CAAC;AAAA,IACC,OAAAC,IAAQ;AAAA,IACR,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,MACmC;AAChC,UAAAC,IAAmBL,IAAa,eAAe;AAGnD,WAAAM,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAKR;AAAA,QACL,SAASM;AAAA,QACT,MAAAH;AAAA,QACA,MAAAC;AAAA,QACA,KAAAF;AAAA,QACC,GAAGG;AAAA,QAEJ,UAAA;AAAA,UAAAI,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACAD,gBAAAA,EAAA;AAAA,YAACE;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cAEX,UAAA,MAAM,KAAK,EAAE,QAAQZ,GAAO,EAAE,IAAI,CAACa,GAAGC,MACrCJ,gBAAAA,EAAA;AAAA,gBAACK;AAAAA,gBAAA;AAAA,kBAEC,OAAAD;AAAA,kBACA,WAAU;AAAA,kBACV,eAAa,0BAA0BA,CAAK;AAAA,gBAAA;AAAA,gBAHvCA;AAAA,cAKR,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEME,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAsBC,MACrBT,gBAAAA,MAACZ,KAAS,aAAaqB,GAAM,GAAGD,EAAO,CAAA;AAE3C;AAEAF,EAAgB,cAAc;AClEvB,MAAMI,IAAgB,CAAC,WAAW,cAAc,cAAc;"}

package/dist/chunks/{popover.component-GcAhSDeI.js → popover.component-BtT7CSIT.js}

@@ -3,7 +3,7 @@ import w from "react";
 import { ay as _, F as j, bd as z, be as H, bf as R, a as B } from "./chakra-DEgvQPwa.js";
 import { W as F } from "./text.component-B1g7jaUt.js";
 import { W as O } from "./heading.component-BrXfTzEU.js";
-import { B as P } from "./button.component-BZEZZa7D.js";
+import { B as P } from "./button.component-914arWrg.js";
 import { p as g } from "./popover.recipe-E6-zKuvF.js";
 const W = ({
   children: p,
@@ -218,4 +218,4 @@ E.displayName = "Popover";
 export {
   E as P
 };
-//# sourceMappingURL=popover.component-GcAhSDeI.js.map
+//# sourceMappingURL=popover.component-BtT7CSIT.js.map

package/dist/chunks/{popover.component-GcAhSDeI.js.map → popover.component-BtT7CSIT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover.component-GcAhSDeI.js","sources":["../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["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 = \"contrast\",\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) return <></>;\n    if (disabled) return children;\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 />\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":["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","Spacer","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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"}
+{"version":3,"file":"popover.component-BtT7CSIT.js","sources":["../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["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 = \"contrast\",\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) return <></>;\n    if (disabled) return children;\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 />\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":["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","Spacer","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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"}

package/dist/chunks/{popover.component-BnvmpVHq.js → popover.component-Cme5pDPS.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-DcKGwQlH.js"),g=require("react"),o=require("./chakra-BHjfByoV.js"),C=require("./text.component-MDGpqA76.js"),k=require("./heading.component-C92ZA4Md.js"),E=require("./button.component-DnWrqGc4.js"),P=require("./popover.recipe-DDPfFy3l.js"),N=({children:a,color:c,hideCloseButton:n=!1,onContrast:l=!0,onClose:t,size:x="sm",trigger:s,...i})=>{const d=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:u}=s==="hover"?e.useHoverCardContext():e.usePopoverContext();return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:d.header,...i,children:[e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:x,color:c||"inherit",children:a}),!n&&e.jsxRuntimeExports.jsx(E.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:l,onClick:t||(()=>u(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},y=({children:a,disabled:c,hideButtons:n=!1,hideCancelButton:l=!1,destructive:t,loading:x,onCancel:s,onContrast:i=!0,onSubmit:v,submitText:d="Submit",trigger:u,...j})=>{const m=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:r}=u==="hover"?e.useHoverCardContext():e.usePopoverContext(),h=()=>{s&&s(),r(!1)};return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:m.footer,...j,children:[a,!n&&e.jsxRuntimeExports.jsxs(o.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(E.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),e.jsxRuntimeExports.jsx(o.Spacer,{}),e.jsxRuntimeExports.jsx(E.Button,{onClick:v,loading:x,disabled:c,size:"sm",onContrast:i,variant:t?"primaryDestructive":"primary",children:d})]})]})},_=g.forwardRef((a,c)=>{const{allowEscape:n=!0,anchor:l,children:t,contentProps:x,footerProps:s,headerProps:i,disabled:v=!1,portalled:d=!0,placement:u="bottom",positioning:j,size:R="sm",trigger:m="click",variant:r="contrast",...h}=a,p=m==="hover"?o.HoverCard:o.CPopover,f=o.useSlotRecipe({recipe:P.popoverRecipe})({variant:r,size:R});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(v)return t;const b=r==="contrast"||r==="contrastDestructive";return e.jsxRuntimeExports.jsxs(p.Root,{closeOnEscape:n,closeOnInteractOutside:n,positioning:{...j,placement:j?.placement||u},size:R,variant:r,...h,children:[e.jsxRuntimeExports.jsx(p.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:l}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!d,children:e.jsxRuntimeExports.jsx(p.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(p.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:c,p:0,...x,children:[e.jsxRuntimeExports.jsx(p.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(p.ArrowTip,{})}),i&&e.jsxRuntimeExports.jsx(N,{trigger:m,onContrast:b,...i}),e.jsxRuntimeExports.jsx(o.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:f.body,children:typeof t=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:t}):t}),s&&e.jsxRuntimeExports.jsx(y,{trigger:m,destructive:r==="contrastDestructive"||r==="defaultDestructive",onContrast:b,...s})]})})})]})});_.displayName="Popover";exports.Popover=_;
-//# sourceMappingURL=popover.component-BnvmpVHq.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),g=require("react"),o=require("./chakra-BHjfByoV.js"),C=require("./text.component-MDGpqA76.js"),k=require("./heading.component-C92ZA4Md.js"),E=require("./button.component-a_ZvSZ2C.js"),P=require("./popover.recipe-DDPfFy3l.js"),N=({children:a,color:c,hideCloseButton:n=!1,onContrast:l=!0,onClose:t,size:x="sm",trigger:s,...i})=>{const d=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:u}=s==="hover"?e.useHoverCardContext():e.usePopoverContext();return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:d.header,...i,children:[e.jsxRuntimeExports.jsx(k.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:x,color:c||"inherit",children:a}),!n&&e.jsxRuntimeExports.jsx(E.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:l,onClick:t||(()=>u(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},y=({children:a,disabled:c,hideButtons:n=!1,hideCancelButton:l=!1,destructive:t,loading:x,onCancel:s,onContrast:i=!0,onSubmit:v,submitText:d="Submit",trigger:u,...j})=>{const m=o.useSlotRecipe({recipe:P.popoverRecipe})(),{setOpen:r}=u==="hover"?e.useHoverCardContext():e.usePopoverContext(),h=()=>{s&&s(),r(!1)};return e.jsxRuntimeExports.jsxs(o.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:m.footer,...j,children:[a,!n&&e.jsxRuntimeExports.jsxs(o.Flex,{w:"100%",children:[!l&&e.jsxRuntimeExports.jsx(E.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),e.jsxRuntimeExports.jsx(o.Spacer,{}),e.jsxRuntimeExports.jsx(E.Button,{onClick:v,loading:x,disabled:c,size:"sm",onContrast:i,variant:t?"primaryDestructive":"primary",children:d})]})]})},_=g.forwardRef((a,c)=>{const{allowEscape:n=!0,anchor:l,children:t,contentProps:x,footerProps:s,headerProps:i,disabled:v=!1,portalled:d=!0,placement:u="bottom",positioning:j,size:R="sm",trigger:m="click",variant:r="contrast",...h}=a,p=m==="hover"?o.HoverCard:o.CPopover,f=o.useSlotRecipe({recipe:P.popoverRecipe})({variant:r,size:R});if(!t)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(v)return t;const b=r==="contrast"||r==="contrastDestructive";return e.jsxRuntimeExports.jsxs(p.Root,{closeOnEscape:n,closeOnInteractOutside:n,positioning:{...j,placement:j?.placement||u},size:R,variant:r,...h,children:[e.jsxRuntimeExports.jsx(p.Trigger,{className:"Popover__Trigger","data-testid":"kibble-popover-trigger",width:"max-content",asChild:!0,children:l}),e.jsxRuntimeExports.jsx(e.Portal,{disabled:!d,children:e.jsxRuntimeExports.jsx(p.Positioner,{className:"Popover","data-testid":"kibble-popover",children:e.jsxRuntimeExports.jsxs(p.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:c,p:0,...x,children:[e.jsxRuntimeExports.jsx(p.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",children:e.jsxRuntimeExports.jsx(p.ArrowTip,{})}),i&&e.jsxRuntimeExports.jsx(N,{trigger:m,onContrast:b,...i}),e.jsxRuntimeExports.jsx(o.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:f.body,children:typeof t=="string"?e.jsxRuntimeExports.jsx(C.WrappedText,{variant:b?"onContrast":"default",size:"sm",children:t}):t}),s&&e.jsxRuntimeExports.jsx(y,{trigger:m,destructive:r==="contrastDestructive"||r==="defaultDestructive",onContrast:b,...s})]})})})]})});_.displayName="Popover";exports.Popover=_;
+//# sourceMappingURL=popover.component-Cme5pDPS.js.map