npm - @televet/kibble-ui - Versions diffs - 4.0.0-beta.38 → 4.0.0-beta.39 - Mend

@televet/kibble-ui 4.0.0-beta.38 → 4.0.0-beta.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (181) hide show

package/dist/chunks/{checkbox.component-Cn7zfMpA.js → checkbox.component-WA8Y2Cfq.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),$=require("./withFormControl--_8HmXJB.js"),P=require("./card.component-nehAyK91.js"),m=require("./checkbox.records-jwUqoHaK.js"),H=require("./create-slot-recipe-context-D-pJ8fgs.js"),f=require("./factory-CkTX_WOU.js"),W=require("./attr-BMs6szZx.js"),D=require("./empty-B5_AO6Pg.js"),T=require("./use-recipe-N0abcau6.js"),i=require("./use-locale-context-BdqHZ8L8.js"),y=require("./use-field-context--wBJQY1R.js"),p=require("./index-CZ42b9rT.js"),Y=o=>o&&o.__esModule?o:{default:o},E=Y(u),[_,j]=i.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),w=u.forwardRef((o,e)=>{const t=j(),s=p.mergeProps(t.getControlProps(),o);return n.jsxRuntimeExports.jsx(i.ark.div,{...s,ref:e})});w.displayName="CheckboxControl";function B(o){const{value:e,onChange:t,defaultValue:s}=o,[r,a]=u.useState(s),c=e!==void 0,d=c?e:r,x=u.useCallback(h=>(c||a(h),t?.(h)),[c,t]);return[d,x]}function N(o={}){const{defaultValue:e,value:t,onValueChange:s,disabled:r,readOnly:a,name:c,invalid:d}=o,x=!(r||a),h=i.useEvent(s,{sync:!0}),[k,C]=B({value:t,defaultValue:e||[],onChange:h}),b=l=>k.some(R=>String(R)===String(l)),v=l=>{b(l)?O(l):g(l)},g=l=>{x&&(b(l)||C(k.concat(l)))},O=l=>{x&&C(k.filter(R=>String(R)!==String(l)))};return{isChecked:b,value:k,name:c,disabled:!!r,readOnly:!!a,invalid:!!d,setValue:C,addValue:g,toggleValue:v,getItemProps:l=>({checked:l.value!=null?b(l.value):void 0,onCheckedChange(){l.value!=null&&v(l.value)},name:c,disabled:r,readOnly:a,invalid:d})}}const[U,J]=i.createContext({name:"CheckboxGroupContext",hookName:"useCheckboxGroupContext",providerName:"<CheckboxGroupProvider />",strict:!1}),S=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),r=N(t);return n.jsxRuntimeExports.jsx(U,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.div,{ref:e,role:"group",...s,...m.checkboxAnatomy.build().group.attrs})})});S.displayName="CheckboxGroup";const V=u.forwardRef((o,e)=>{const t=j(),s=p.mergeProps(t.getHiddenInputProps(),o),r=y.useFieldContext();return n.jsxRuntimeExports.jsx(i.ark.input,{"aria-describedby":r?.ariaDescribedby,...s,ref:e})});V.displayName="CheckboxHiddenInput";const q=u.forwardRef((o,e)=>{const t=j(),s=p.mergeProps(t.getLabelProps(),o);return n.jsxRuntimeExports.jsx(i.ark.span,{...s,ref:e})});q.displayName="CheckboxLabel";const K=(o={})=>{const e=J(),t=y.useFieldContext(),s=u.useMemo(()=>p.mergeProps(o,e?.getItemProps({value:o.value})??{}),[o,e]),r=u.useId(),{getRootNode:a}=i.useEnvironmentContext(),{dir:c}=i.useLocaleContext(),d={id:r,ids:{label:t?.ids.label,hiddenInput:t?.ids.control},dir:c,disabled:t?.disabled,readOnly:t?.readOnly,invalid:t?.invalid,required:t?.required,getRootNode:a,...s},x=i.useMachine(m.machine,d);return m.connect(x,i.normalizeProps)},G=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["checked","defaultChecked","disabled","form","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),r=K(t),a=p.mergeProps(r.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.label,{...a,ref:e})})});G.displayName="CheckboxRoot";const I=u.forwardRef((o,e)=>{const[{value:t},s]=i.createSplitProps()(o,["value"]),r=p.mergeProps(t.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:t,children:n.jsxRuntimeExports.jsx(i.ark.label,{...r,ref:e})})});I.displayName="CheckboxRootProvider";const Q=u.forwardRef(function(e,t){const s=T.useRecipe({key:"checkmark",recipe:e.recipe}),[r,a]=s.splitVariantProps(e),{checked:c,indeterminate:d,disabled:x,unstyled:h,children:k,...C}=a,b=h?D.EMPTY_STYLES:s(r);return n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3px",strokeLinecap:"round",strokeLinejoin:"round","data-state":d?"indeterminate":c?"checked":"unchecked","data-disabled":W.dataAttr(x),css:[b,e.css],...C,children:d?n.jsxRuntimeExports.jsx("path",{d:"M5 12h14"}):c?n.jsxRuntimeExports.jsx("polyline",{points:"20 6 9 17 4 12"}):null})}),{withProvider:L,withContext:A,useStyles:X}=H.createSlotRecipeContext({key:"checkbox"});L(I,"root",{forwardAsChild:!0});const Z=L(G,"root",{forwardAsChild:!0}),z=A(q,"label",{forwardAsChild:!0}),M=u.forwardRef(function(e,t){const{checked:s,indeterminate:r,...a}=e,c=j(),d=X();return s&&c.checked?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:s}):r&&c.indeterminate?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:r}):n.jsxRuntimeExports.jsx(Q,{ref:t,checked:c.checked,indeterminate:c.indeterminate,disabled:c.disabled,unstyled:!0,...a,css:[d.indicator,e.css]})}),ee=A(w,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(M,{})}}),te=f.chakra(S,{base:{display:"flex",flexDirection:"column",gap:"1.5"}},{forwardAsChild:!0}),oe=V,re=$.withFormControl(({checkboxRef:o,children:e,indeterminate:t=!1,onContrast:s,size:r="md",withCard:a=!1,...c})=>{const d=s?"onContrast":"default",x=a?({children:h})=>{const k=(m.CheckboxSizeMap[r]+m.CheckboxLabelSpacing[r]+P.CardPaddingMap[r])*4;return n.jsxRuntimeExports.jsx(P.Card,{className:"Checkbox__Card","data-testid":"kibble-checkbox-card",...!c.disabled&&{interactive:!0,active:!!c.checked},onContrast:s,size:r,fullWidth:!0,display:"flex",alignItems:"baseline",width:"inherit",pr:`${k}px`,children:h})}:E.default.Fragment;return n.jsxRuntimeExports.jsx(Z,{className:"Checkbox","data-testid":"kibble-checkbox",checked:t?"indeterminate":c.checked,ref:o,variant:d,size:r,...c,children:n.jsxRuntimeExports.jsxs(x,{children:[n.jsxRuntimeExports.jsx(oe,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input"}),n.jsxRuntimeExports.jsx(ee,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:n.jsxRuntimeExports.jsx(M,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!e&&n.jsxRuntimeExports.jsx(z,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",children:e})]})})}),F=E.default.forwardRef((o,e)=>n.jsxRuntimeExports.jsx(re,{checkboxRef:e,...o}));F.displayName="Checkbox";exports.CheckboxGroup=te;exports.WrappedCheckbox=F;exports.useCheckboxGroup=N;
-//# sourceMappingURL=checkbox.component-Cn7zfMpA.js.map
+"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),$=require("./withFormControl-C35JkDEH.js"),P=require("./card.component-nehAyK91.js"),m=require("./checkbox.records-jwUqoHaK.js"),H=require("./create-slot-recipe-context-D-pJ8fgs.js"),f=require("./factory-CkTX_WOU.js"),W=require("./attr-BMs6szZx.js"),D=require("./empty-B5_AO6Pg.js"),T=require("./use-recipe-N0abcau6.js"),i=require("./use-locale-context-BdqHZ8L8.js"),y=require("./use-field-context--wBJQY1R.js"),p=require("./index-CZ42b9rT.js"),Y=o=>o&&o.__esModule?o:{default:o},E=Y(u),[_,j]=i.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),w=u.forwardRef((o,e)=>{const t=j(),s=p.mergeProps(t.getControlProps(),o);return n.jsxRuntimeExports.jsx(i.ark.div,{...s,ref:e})});w.displayName="CheckboxControl";function B(o){const{value:e,onChange:t,defaultValue:s}=o,[r,a]=u.useState(s),c=e!==void 0,d=c?e:r,x=u.useCallback(h=>(c||a(h),t?.(h)),[c,t]);return[d,x]}function N(o={}){const{defaultValue:e,value:t,onValueChange:s,disabled:r,readOnly:a,name:c,invalid:d}=o,x=!(r||a),h=i.useEvent(s,{sync:!0}),[k,C]=B({value:t,defaultValue:e||[],onChange:h}),b=l=>k.some(R=>String(R)===String(l)),v=l=>{b(l)?O(l):g(l)},g=l=>{x&&(b(l)||C(k.concat(l)))},O=l=>{x&&C(k.filter(R=>String(R)!==String(l)))};return{isChecked:b,value:k,name:c,disabled:!!r,readOnly:!!a,invalid:!!d,setValue:C,addValue:g,toggleValue:v,getItemProps:l=>({checked:l.value!=null?b(l.value):void 0,onCheckedChange(){l.value!=null&&v(l.value)},name:c,disabled:r,readOnly:a,invalid:d})}}const[U,J]=i.createContext({name:"CheckboxGroupContext",hookName:"useCheckboxGroupContext",providerName:"<CheckboxGroupProvider />",strict:!1}),S=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),r=N(t);return n.jsxRuntimeExports.jsx(U,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.div,{ref:e,role:"group",...s,...m.checkboxAnatomy.build().group.attrs})})});S.displayName="CheckboxGroup";const V=u.forwardRef((o,e)=>{const t=j(),s=p.mergeProps(t.getHiddenInputProps(),o),r=y.useFieldContext();return n.jsxRuntimeExports.jsx(i.ark.input,{"aria-describedby":r?.ariaDescribedby,...s,ref:e})});V.displayName="CheckboxHiddenInput";const q=u.forwardRef((o,e)=>{const t=j(),s=p.mergeProps(t.getLabelProps(),o);return n.jsxRuntimeExports.jsx(i.ark.span,{...s,ref:e})});q.displayName="CheckboxLabel";const K=(o={})=>{const e=J(),t=y.useFieldContext(),s=u.useMemo(()=>p.mergeProps(o,e?.getItemProps({value:o.value})??{}),[o,e]),r=u.useId(),{getRootNode:a}=i.useEnvironmentContext(),{dir:c}=i.useLocaleContext(),d={id:r,ids:{label:t?.ids.label,hiddenInput:t?.ids.control},dir:c,disabled:t?.disabled,readOnly:t?.readOnly,invalid:t?.invalid,required:t?.required,getRootNode:a,...s},x=i.useMachine(m.machine,d);return m.connect(x,i.normalizeProps)},G=u.forwardRef((o,e)=>{const[t,s]=i.createSplitProps()(o,["checked","defaultChecked","disabled","form","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),r=K(t),a=p.mergeProps(r.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:r,children:n.jsxRuntimeExports.jsx(i.ark.label,{...a,ref:e})})});G.displayName="CheckboxRoot";const I=u.forwardRef((o,e)=>{const[{value:t},s]=i.createSplitProps()(o,["value"]),r=p.mergeProps(t.getRootProps(),s);return n.jsxRuntimeExports.jsx(_,{value:t,children:n.jsxRuntimeExports.jsx(i.ark.label,{...r,ref:e})})});I.displayName="CheckboxRootProvider";const Q=u.forwardRef(function(e,t){const s=T.useRecipe({key:"checkmark",recipe:e.recipe}),[r,a]=s.splitVariantProps(e),{checked:c,indeterminate:d,disabled:x,unstyled:h,children:k,...C}=a,b=h?D.EMPTY_STYLES:s(r);return n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3px",strokeLinecap:"round",strokeLinejoin:"round","data-state":d?"indeterminate":c?"checked":"unchecked","data-disabled":W.dataAttr(x),css:[b,e.css],...C,children:d?n.jsxRuntimeExports.jsx("path",{d:"M5 12h14"}):c?n.jsxRuntimeExports.jsx("polyline",{points:"20 6 9 17 4 12"}):null})}),{withProvider:L,withContext:A,useStyles:X}=H.createSlotRecipeContext({key:"checkbox"});L(I,"root",{forwardAsChild:!0});const Z=L(G,"root",{forwardAsChild:!0}),z=A(q,"label",{forwardAsChild:!0}),M=u.forwardRef(function(e,t){const{checked:s,indeterminate:r,...a}=e,c=j(),d=X();return s&&c.checked?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:s}):r&&c.indeterminate?n.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...a,css:[d.indicator,e.css],children:r}):n.jsxRuntimeExports.jsx(Q,{ref:t,checked:c.checked,indeterminate:c.indeterminate,disabled:c.disabled,unstyled:!0,...a,css:[d.indicator,e.css]})}),ee=A(w,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(M,{})}}),te=f.chakra(S,{base:{display:"flex",flexDirection:"column",gap:"1.5"}},{forwardAsChild:!0}),oe=V,re=$.withFormControl(({checkboxRef:o,children:e,indeterminate:t=!1,onContrast:s,size:r="md",withCard:a=!1,...c})=>{const d=s?"onContrast":"default",x=a?({children:h})=>{const k=(m.CheckboxSizeMap[r]+m.CheckboxLabelSpacing[r]+P.CardPaddingMap[r])*4;return n.jsxRuntimeExports.jsx(P.Card,{className:"Checkbox__Card","data-testid":"kibble-checkbox-card",...!c.disabled&&{interactive:!0,active:!!c.checked},onContrast:s,size:r,fullWidth:!0,display:"flex",alignItems:"baseline",width:"inherit",pr:`${k}px`,children:h})}:E.default.Fragment;return n.jsxRuntimeExports.jsx(Z,{className:"Checkbox","data-testid":"kibble-checkbox",checked:t?"indeterminate":c.checked,ref:o,variant:d,size:r,...c,children:n.jsxRuntimeExports.jsxs(x,{children:[n.jsxRuntimeExports.jsx(oe,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input"}),n.jsxRuntimeExports.jsx(ee,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:n.jsxRuntimeExports.jsx(M,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!e&&n.jsxRuntimeExports.jsx(z,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",children:e})]})})}),F=E.default.forwardRef((o,e)=>n.jsxRuntimeExports.jsx(re,{checkboxRef:e,...o}));F.displayName="Checkbox";exports.CheckboxGroup=te;exports.WrappedCheckbox=F;exports.useCheckboxGroup=N;
+//# sourceMappingURL=checkbox.component-WA8Y2Cfq.js.map

package/dist/chunks/{checkbox.component-Cn7zfMpA.js.map → checkbox.component-WA8Y2Cfq.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.component-Cn7zfMpA.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n name: \"CheckboxContext\",\n hookName: \"useCheckboxContext\",\n providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getControlProps(), props);\n return /* @__PURE__ / jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n const { value, onChange, defaultValue } = props;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const controlled = value !== void 0;\n const currentValue = controlled ? value : uncontrolledValue;\n const setValue = useCallback(\n (value2) => {\n if (controlled) {\n return onChange?.(value2);\n }\n setUncontrolledValue(value2);\n return onChange?.(value2);\n },\n [controlled, onChange]\n );\n return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n const interactive = !(disabled \|\| readOnly);\n const onChangeProp = useEvent(onValueChange, { sync: true });\n const [value, setValue] = useControllableState({\n value: controlledValue,\n defaultValue: defaultValue \|\| [],\n onChange: onChangeProp\n });\n const isChecked = (val) => {\n return value.some((v) => String(v) === String(val));\n };\n const toggleValue = (val) => {\n isChecked(val) ? removeValue(val) : addValue(val);\n };\n const addValue = (val) => {\n if (!interactive) return;\n if (isChecked(val)) return;\n setValue(value.concat(val));\n };\n const removeValue = (val) => {\n if (!interactive) return;\n setValue(value.filter((v) => String(v) !== String(val)));\n };\n const getItemProps = (props2) => {\n return {\n checked: props2.value != null ? isChecked(props2.value) : void 0,\n onCheckedChange() {\n if (props2.value != null) {\n toggleValue(props2.value);\n }\n },\n name,\n disabled,\n readOnly,\n invalid\n };\n };\n return {\n isChecked,\n value,\n name,\n disabled: !!disabled,\n readOnly: !!readOnly,\n invalid: !!invalid,\n setValue,\n addValue,\n toggleValue,\n getItemProps\n };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n name: \"CheckboxGroupContext\",\n hookName: \"useCheckboxGroupContext\",\n providerName: \"<CheckboxGroupProvider />\",\n strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n \"defaultValue\",\n \"value\",\n \"onValueChange\",\n \"disabled\",\n \"invalid\",\n \"readOnly\",\n \"name\"\n ]);\n const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n return / @__PURE__ / jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: / @__PURE__ / jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n const field = useFieldContext();\n return / @__PURE__ / jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n return / @__PURE__ / jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n const checkboxGroup = useCheckboxGroupContext();\n const field = useFieldContext();\n const props = useMemo(() => {\n return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n }, [ownProps, checkboxGroup]);\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n ids: {\n label: field?.ids.label,\n hiddenInput: field?.ids.control\n },\n dir,\n disabled: field?.disabled,\n readOnly: field?.readOnly,\n invalid: field?.invalid,\n required: field?.required,\n getRootNode,\n ...props\n };\n const service = useMachine(checkbox.machine, machineProps);\n return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n const [useCheckboxProps, localProps] = createSplitProps()(props, [\n \"checked\",\n \"defaultChecked\",\n \"disabled\",\n \"form\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n ]);\n const checkbox = useCheckbox(useCheckboxProps);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ / jsx(CheckboxProvider, { value: checkbox, children: / @__PURE__ / jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return / @__PURE__ / jsx(CheckboxProvider, { value: checkbox, children: / @__PURE__ / jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n function Checkmark2(props, ref) {\n const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n const [variantProps, restProps] = recipe.splitVariantProps(props);\n const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n return / @__PURE__ / jsx(\n chakra.svg,\n {\n ref,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"3px\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-disabled\": dataAttr(disabled),\n css: [styles, props.css],\n ...rest,\n children: indeterminate ? / @__PURE__ / jsx(\"path\", { d: \"M5 12h14\" }) : checked ? / @__PURE__ / jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n }\n );\n }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useCheckboxStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n Checkbox.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n Checkbox.Label,\n \"label\",\n { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n const { checked, indeterminate, ...rest } = props;\n const api = useCheckboxContext();\n const styles = useCheckboxStyles();\n if (checked && api.checked) {\n return / @__PURE__ / jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: checked\n }\n );\n }\n if (indeterminate && api.indeterminate) {\n return / @__PURE__ / jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: indeterminate\n }\n );\n }\n return / @__PURE__ / jsx(\n Checkmark,\n {\n ref,\n checked: api.checked,\n indeterminate: api.indeterminate,\n disabled: api.disabled,\n unstyled: true,\n ...rest,\n css: [styles.indicator, props.css]\n }\n );\n});\nconst CheckboxControl = withContext(\n Checkbox.Control,\n \"control\",\n {\n forwardAsChild: true,\n defaultProps: { children: / @__PURE__ / jsx(CheckboxIndicator, {}) }\n }\n);\nconst CheckboxGroup = chakra(\n Checkbox.Group,\n {\n base: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1.5\"\n }\n },\n { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","import React, { ForwardedRef } from \"react\";\nimport { Checkbox as CCheckbox } from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CheckboxLabelSpacing, CheckboxSizeMap } from \"./checkbox.records\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\n\nexport interface CheckboxProps\n extends WithFormControlProps,\n CCheckbox.RootProps {\n checkboxRef?: ForwardedRef<HTMLLabelElement>;\n indeterminate?: boolean;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Checkbox = withFormControl(\n ({\n checkboxRef,\n children,\n indeterminate = false,\n onContrast,\n size = \"md\",\n withCard = false,\n ...rest\n }: CheckboxProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n const CheckboxCard: React.FC<CardProps> = withCard\n ? ({ children }): React.JSX.Element => {\n const pr =\n (CheckboxSizeMap[size] +\n CheckboxLabelSpacing[size] +\n CardPaddingMap[size]) \n 4;\n return (\n <Card\n className=\"Checkbox__Card\"\n data-testid=\"kibble-checkbox-card\"\n {...(!rest.disabled && {\n interactive: true,\n active: !!rest.checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n alignItems=\"baseline\"\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <CCheckbox.Root\n className=\"Checkbox\"\n data-testid=\"kibble-checkbox\"\n checked={indeterminate ? \"indeterminate\" : rest.checked}\n ref={checkboxRef}\n variant={_computedVariant}\n size={size}\n {...rest}\n >\n <CheckboxCard>\n <CCheckbox.HiddenInput\n className=\"Checkbox__Input\"\n data-testid=\"kibble-checkbox-input\"\n />\n <CCheckbox.Control\n className=\"Checkbox__Control\"\n data-testid=\"kibble-checkbox-control\"\n >\n <CCheckbox.Indicator\n className=\"Checkbox__Indicator\"\n data-testid=\"kibble-checkbox-indicator\"\n />\n </CCheckbox.Control>\n {!!children && (\n <CCheckbox.Label\n className=\"Checkbox__Label\"\n data-testid=\"kibble-checkbox-label\"\n >\n {children}\n </CCheckbox.Label>\n )}\n </CheckboxCard>\n </CCheckbox.Root>\n );\n },\n);\n\nconst WrappedCheckbox = React.forwardRef(\n (props: CheckboxProps, ref: ForwardedRef<HTMLLabelElement>) => (\n <Checkbox checkboxRef={ref} {...props} />\n ),\n);\n\nWrappedCheckbox.displayName = \"Checkbox\";\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","v","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","withFormControl","checkboxRef","onContrast","size","withCard","_computedVariant","CheckboxCard","pr","CheckboxSizeMap","CheckboxLabelSpacing","CardPaddingMap","Card","React","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","WrappedCheckbox"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
1	+ {"version":3,"file":"checkbox.component-WA8Y2Cfq.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n name: \"CheckboxContext\",\n hookName: \"useCheckboxContext\",\n providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getControlProps(), props);\n return /* @__PURE__ / jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n const { value, onChange, defaultValue } = props;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const controlled = value !== void 0;\n const currentValue = controlled ? value : uncontrolledValue;\n const setValue = useCallback(\n (value2) => {\n if (controlled) {\n return onChange?.(value2);\n }\n setUncontrolledValue(value2);\n return onChange?.(value2);\n },\n [controlled, onChange]\n );\n return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n const interactive = !(disabled \|\| readOnly);\n const onChangeProp = useEvent(onValueChange, { sync: true });\n const [value, setValue] = useControllableState({\n value: controlledValue,\n defaultValue: defaultValue \|\| [],\n onChange: onChangeProp\n });\n const isChecked = (val) => {\n return value.some((v) => String(v) === String(val));\n };\n const toggleValue = (val) => {\n isChecked(val) ? removeValue(val) : addValue(val);\n };\n const addValue = (val) => {\n if (!interactive) return;\n if (isChecked(val)) return;\n setValue(value.concat(val));\n };\n const removeValue = (val) => {\n if (!interactive) return;\n setValue(value.filter((v) => String(v) !== String(val)));\n };\n const getItemProps = (props2) => {\n return {\n checked: props2.value != null ? isChecked(props2.value) : void 0,\n onCheckedChange() {\n if (props2.value != null) {\n toggleValue(props2.value);\n }\n },\n name,\n disabled,\n readOnly,\n invalid\n };\n };\n return {\n isChecked,\n value,\n name,\n disabled: !!disabled,\n readOnly: !!readOnly,\n invalid: !!invalid,\n setValue,\n addValue,\n toggleValue,\n getItemProps\n };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n name: \"CheckboxGroupContext\",\n hookName: \"useCheckboxGroupContext\",\n providerName: \"<CheckboxGroupProvider />\",\n strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n \"defaultValue\",\n \"value\",\n \"onValueChange\",\n \"disabled\",\n \"invalid\",\n \"readOnly\",\n \"name\"\n ]);\n const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n return / @__PURE__ / jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: / @__PURE__ / jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n const field = useFieldContext();\n return / @__PURE__ / jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n return / @__PURE__ / jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n const checkboxGroup = useCheckboxGroupContext();\n const field = useFieldContext();\n const props = useMemo(() => {\n return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n }, [ownProps, checkboxGroup]);\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n ids: {\n label: field?.ids.label,\n hiddenInput: field?.ids.control\n },\n dir,\n disabled: field?.disabled,\n readOnly: field?.readOnly,\n invalid: field?.invalid,\n required: field?.required,\n getRootNode,\n ...props\n };\n const service = useMachine(checkbox.machine, machineProps);\n return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n const [useCheckboxProps, localProps] = createSplitProps()(props, [\n \"checked\",\n \"defaultChecked\",\n \"disabled\",\n \"form\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n ]);\n const checkbox = useCheckbox(useCheckboxProps);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ / jsx(CheckboxProvider, { value: checkbox, children: / @__PURE__ / jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return / @__PURE__ / jsx(CheckboxProvider, { value: checkbox, children: / @__PURE__ / jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n function Checkmark2(props, ref) {\n const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n const [variantProps, restProps] = recipe.splitVariantProps(props);\n const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n return / @__PURE__ / jsx(\n chakra.svg,\n {\n ref,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"3px\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-disabled\": dataAttr(disabled),\n css: [styles, props.css],\n ...rest,\n children: indeterminate ? / @__PURE__ / jsx(\"path\", { d: \"M5 12h14\" }) : checked ? / @__PURE__ / jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n }\n );\n }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useCheckboxStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n Checkbox.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n Checkbox.Label,\n \"label\",\n { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n const { checked, indeterminate, ...rest } = props;\n const api = useCheckboxContext();\n const styles = useCheckboxStyles();\n if (checked && api.checked) {\n return / @__PURE__ / jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: checked\n }\n );\n }\n if (indeterminate && api.indeterminate) {\n return / @__PURE__ / jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: indeterminate\n }\n );\n }\n return / @__PURE__ / jsx(\n Checkmark,\n {\n ref,\n checked: api.checked,\n indeterminate: api.indeterminate,\n disabled: api.disabled,\n unstyled: true,\n ...rest,\n css: [styles.indicator, props.css]\n }\n );\n});\nconst CheckboxControl = withContext(\n Checkbox.Control,\n \"control\",\n {\n forwardAsChild: true,\n defaultProps: { children: / @__PURE__ / jsx(CheckboxIndicator, {}) }\n }\n);\nconst CheckboxGroup = chakra(\n Checkbox.Group,\n {\n base: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1.5\"\n }\n },\n { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","import React, { ForwardedRef } from \"react\";\nimport { Checkbox as CCheckbox } from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { Card, CardProps } from \"components/Card/card.component\";\nimport { CheckboxLabelSpacing, CheckboxSizeMap } from \"./checkbox.records\";\nimport { CardPaddingMap } from \"components/Card/card.records\";\n\nexport interface CheckboxProps\n extends WithFormControlProps,\n CCheckbox.RootProps {\n checkboxRef?: ForwardedRef<HTMLLabelElement>;\n indeterminate?: boolean;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Checkbox = withFormControl(\n ({\n checkboxRef,\n children,\n indeterminate = false,\n onContrast,\n size = \"md\",\n withCard = false,\n ...rest\n }: CheckboxProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n\n const CheckboxCard: React.FC<CardProps> = withCard\n ? ({ children }): React.JSX.Element => {\n const pr =\n (CheckboxSizeMap[size] +\n CheckboxLabelSpacing[size] +\n CardPaddingMap[size]) \n 4;\n return (\n <Card\n className=\"Checkbox__Card\"\n data-testid=\"kibble-checkbox-card\"\n {...(!rest.disabled && {\n interactive: true,\n active: !!rest.checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n alignItems=\"baseline\"\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <CCheckbox.Root\n className=\"Checkbox\"\n data-testid=\"kibble-checkbox\"\n checked={indeterminate ? \"indeterminate\" : rest.checked}\n ref={checkboxRef}\n variant={_computedVariant}\n size={size}\n {...rest}\n >\n <CheckboxCard>\n <CCheckbox.HiddenInput\n className=\"Checkbox__Input\"\n data-testid=\"kibble-checkbox-input\"\n />\n <CCheckbox.Control\n className=\"Checkbox__Control\"\n data-testid=\"kibble-checkbox-control\"\n >\n <CCheckbox.Indicator\n className=\"Checkbox__Indicator\"\n data-testid=\"kibble-checkbox-indicator\"\n />\n </CCheckbox.Control>\n {!!children && (\n <CCheckbox.Label\n className=\"Checkbox__Label\"\n data-testid=\"kibble-checkbox-label\"\n >\n {children}\n </CCheckbox.Label>\n )}\n </CheckboxCard>\n </CCheckbox.Root>\n );\n },\n);\n\nconst WrappedCheckbox = React.forwardRef(\n (props: CheckboxProps, ref: ForwardedRef<HTMLLabelElement>) => (\n <Checkbox checkboxRef={ref} {...props} />\n ),\n);\n\nWrappedCheckbox.displayName = \"Checkbox\";\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","v","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","withFormControl","checkboxRef","onContrast","size","withCard","_computedVariant","CheckboxCard","pr","CheckboxSizeMap","CheckboxLabelSpacing","CardPaddingMap","Card","React","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","WrappedCheckbox"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}

package/dist/chunks/{checkboxGroup.component-B5UKDlty.js → checkboxGroup.component-CoUMqdnh.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { w as b } from "./withFormControl-IvahwTqo.js";
-import { C as j, W as G } from "./checkbox.component-H78vY8fD.js";
+import { w as b } from "./withFormControl-BldbKXiV.js";
+import { C as j, W as G } from "./checkbox.component-BTG2oHN_.js";
 import { S as W } from "./stack-B6Qs7bq9.js";
 const p = ({
   checkboxes: a,
@@ -48,4 +48,4 @@ const N = b(p);
 export {
   N as W
 };
-//# sourceMappingURL=checkboxGroup.component-B5UKDlty.js.map
+//# sourceMappingURL=checkboxGroup.component-CoUMqdnh.js.map

package/dist/chunks/{checkboxGroup.component-B5UKDlty.js.map → checkboxGroup.component-CoUMqdnh.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkboxGroup.component-~~B5UKDlty~~.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked \|\|\n defaultValue?.includes(`${checkbox?.value}`) \|\|\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAAZ;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,cAAAP;AAAA,IACA,OAAAU;AAAA,IACA,eAAeF;AAAA,IACf,OAAM;AAAA,IAEN,UAAAK,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAd,GAAsB,KAAAU,GAAW,GAAGC,GACxC,UAAWb,EAAA,IAAI,CAACiB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAd;AAAA,QAEA,SACEY,EAAS,WACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,KAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE;AAAA,QAEtC,MAAAP;AAAA,QACA,UAAAH;AAAA,QACA,UAAAD;AAAA,QACC,GAAGW;AAAA,MAAA;AAAA,MATC,YAAYC,CAAK;AAAA,IAAA,CAWzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJnB,EAAc,cAAc;AAEtB,MAAAqB,IAAuBC,EAAgBtB,CAAa;"}
1	+ {"version":3,"file":"checkboxGroup.component-CoUMqdnh.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked \|\|\n defaultValue?.includes(`${checkbox?.value}`) \|\|\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAAZ;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,cAAAP;AAAA,IACA,OAAAU;AAAA,IACA,eAAeF;AAAA,IACf,OAAM;AAAA,IAEN,UAAAK,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAd,GAAsB,KAAAU,GAAW,GAAGC,GACxC,UAAWb,EAAA,IAAI,CAACiB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAd;AAAA,QAEA,SACEY,EAAS,WACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,KAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE;AAAA,QAEtC,MAAAP;AAAA,QACA,UAAAH;AAAA,QACA,UAAAD;AAAA,QACC,GAAGW;AAAA,MAAA;AAAA,MATC,YAAYC,CAAK;AAAA,IAAA,CAWzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJnB,EAAc,cAAc;AAEtB,MAAAqB,IAAuBC,EAAgBtB,CAAa;"}

package/dist/chunks/{checkboxGroup.component-N8ONlv_2.js → checkboxGroup.component-DMSg9Hzt.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),j=require("./withFormControl--_8HmXJB.js"),t=require("./checkbox.component-Cn7zfMpA.js"),G=require("./stack-CtSNpuJq.js"),s=({checkboxes:n,defaultValue:r,direction:i="column",disabled:u,invalid:p,onContrast:x,readOnly:h,required:a,name:d,onChange:k,size:m="md",value:c,gap:l=2,...C})=>o.jsxRuntimeExports.jsx(t.CheckboxGroup,{className:"CheckboxGroup","data-testid":"kibble-checkbox-group",disabled:u,invalid:p,name:d,defaultValue:r,value:c,onValueChange:k,width:"inherit",children:o.jsxRuntimeExports.jsx(G.Stack,{direction:i,gap:l,...C,children:n.map((e,b)=>o.jsxRuntimeExports.jsx(t.WrappedCheckbox,{onContrast:x,checked:e.checked||r?.includes(`${e?.value}`)||c?.includes(`${e?.value}`),size:m,required:a,readOnly:h,...e},`checkbox-${b}`))})});s.displayName="CheckboxGroup";const q=j.withFormControl(s);exports.WrappedCheckboxGroup=q;
-//# sourceMappingURL=checkboxGroup.component-N8ONlv_2.js.map
+"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),j=require("./withFormControl-C35JkDEH.js"),t=require("./checkbox.component-WA8Y2Cfq.js"),G=require("./stack-CtSNpuJq.js"),s=({checkboxes:n,defaultValue:r,direction:i="column",disabled:u,invalid:p,onContrast:x,readOnly:h,required:a,name:d,onChange:k,size:m="md",value:c,gap:l=2,...C})=>o.jsxRuntimeExports.jsx(t.CheckboxGroup,{className:"CheckboxGroup","data-testid":"kibble-checkbox-group",disabled:u,invalid:p,name:d,defaultValue:r,value:c,onValueChange:k,width:"inherit",children:o.jsxRuntimeExports.jsx(G.Stack,{direction:i,gap:l,...C,children:n.map((e,b)=>o.jsxRuntimeExports.jsx(t.WrappedCheckbox,{onContrast:x,checked:e.checked||r?.includes(`${e?.value}`)||c?.includes(`${e?.value}`),size:m,required:a,readOnly:h,...e},`checkbox-${b}`))})});s.displayName="CheckboxGroup";const q=j.withFormControl(s);exports.WrappedCheckboxGroup=q;
+//# sourceMappingURL=checkboxGroup.component-DMSg9Hzt.js.map

package/dist/chunks/{checkboxGroup.component-N8ONlv_2.js.map → checkboxGroup.component-DMSg9Hzt.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkboxGroup.component-~~N8ONlv_2~~.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked \|\|\n defaultValue?.includes(`${checkbox?.value}`) \|\|\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":"oLA0BMA,EAAgB,CAAC,CACrB,WAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,IAAAC,EAAM,EACN,GAAGC,CACL,IAEIC,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,UAAU,gBACV,cAAY,wBACZ,SAAAZ,EACA,QAAAC,EACA,KAAAI,EACA,aAAAP,EACA,MAAAU,EACA,cAAeF,EACf,MAAM,UAEN,SAAAK,EAAAA,kBAAAA,IAACE,EAAAA,MAAM,CAAA,UAAAd,EAAsB,IAAAU,EAAW,GAAGC,EACxC,SAAWb,EAAA,IAAI,CAACiB,EAAUC,IACzBJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CACC,WAAAd,EAEA,QACEY,EAAS,SACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,GAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE,EAEtC,KAAAP,EACA,SAAAH,EACA,SAAAD,EACC,GAAGW,CAAA,EATC,YAAYC,CAAK,EAAA,CAWzB,CACH,CAAA,CAAA,CACF,EAIJnB,EAAc,YAAc,gBAEtB,MAAAqB,EAAuBC,kBAAgBtB,CAAa"}
1	+ {"version":3,"file":"checkboxGroup.component-DMSg9Hzt.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked \|\|\n defaultValue?.includes(`${checkbox?.value}`) \|\|\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":"oLA0BMA,EAAgB,CAAC,CACrB,WAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,IAAAC,EAAM,EACN,GAAGC,CACL,IAEIC,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,UAAU,gBACV,cAAY,wBACZ,SAAAZ,EACA,QAAAC,EACA,KAAAI,EACA,aAAAP,EACA,MAAAU,EACA,cAAeF,EACf,MAAM,UAEN,SAAAK,EAAAA,kBAAAA,IAACE,EAAAA,MAAM,CAAA,UAAAd,EAAsB,IAAAU,EAAW,GAAGC,EACxC,SAAWb,EAAA,IAAI,CAACiB,EAAUC,IACzBJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CACC,WAAAd,EAEA,QACEY,EAAS,SACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,GAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE,EAEtC,KAAAP,EACA,SAAAH,EACA,SAAAD,EACC,GAAGW,CAAA,EATC,YAAYC,CAAK,EAAA,CAWzB,CACH,CAAA,CAAA,CACF,EAIJnB,EAAc,YAAc,gBAEtB,MAAAqB,EAAuBC,kBAAgBtB,CAAa"}

package/dist/chunks/{conversationCard.component-DAHw_xas.js → conversationCard.component-CMudlOxC.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),z=require("./card.component-nehAyK91.js"),T=require("./timestamp.component-Bw8TF_DO.js"),y=require("./notificationCounter.component-Bm528kQ-.js"),C=require("./icon.component-4aaCABoX.js"),H=require("./heading.component--ic7O4CR.js"),v=require("./text.component-nwRL3NcQ.js"),I=require("./avatar.component-t2R4IrZb.js"),f=require("./tooltip.component-HHJpC9zD.js"),b=require("./flex-DKWxn8hO.js"),l=require("./h-stack-DxezNoY3.js"),B=require("./v-stack-Cx_7x3kH.js"),u=require("./box-ca2FvcWF.js"),E=require("./button.component-ytAmAAJg.js"),F=require("./menu.component-BRw4MdLq.js"),W=require("./tag.component-C5MszzTM.js"),h=require("./wrap-Bm3JnXyR.js"),O=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:r})=>e.jsxRuntimeExports.jsx(f.Tooltip,{label:r||"",disabled:!r?.length,children:e.jsxRuntimeExports.jsx(b.Flex,{className:"ConversationCard__AvatarGroup",alignItems:"flex-start",justifyContent:"flex-start",children:n&&t.length>n?e.jsxRuntimeExports.jsx(I.Avatar,{onClick:a=>{a.stopPropagation(),s&&s(a)},cursor:"pointer",name:t.length.toString(),showTooltip:!1}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.map(a=>a)})})}),w=({avatarGroupProps:t,timestampProps:n,isHoveringCard:s,isCardPinned:r,title:a,showNotificationIndicator:d,subtitle:i})=>e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header","data-testid":"kibble-conversation-card-header",justify:"space-between",align:"flex-start",children:[e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Left","data-testid":"kibble-conversation-card-header-left",cursor:"pointer",children:[t&&e.jsxRuntimeExports.jsx(O,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(B.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),i&&e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__HeaderText--Subtitle","data-testid":"kibble-conversation-card-header-subtitle",as:"p",size:"sm",variant:"subtle",truncated:!0,children:i})]})]}),e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Right","data-testid":"kibble-conversation-card-header-right",visibility:s?"hidden":"visible",align:"center",gap:1,children:[e.jsxRuntimeExports.jsx(T.Timestamp,{...n}),d&&e.jsxRuntimeExports.jsx(u.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator",children:e.jsxRuntimeExports.jsx(y.NotificationCounter,{size:"xs"})}),r&&e.jsxRuntimeExports.jsx(b.Flex,{"data-testid":"conversation-card-pinned-icon",children:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:"info",name:"pin"})})]})]}),M=({overlayProps:t,pinProps:n,headerMenuProps:s,isHovering:r,setIsHovering:a})=>{const{isOpenInOverlay:d,onOpenInOverlay:i}=t||{},{isPinned:o,onTogglePin:c}=n||{},{listProps:x}=s||{},m=o?"pinCancel":"pin";return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Menu","data-testid":"kibble-conversation-card-menu",gap:1,children:[t&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__OverlayButton","data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",...d&&{active:!0},onClick:()=>{i&&i(),r&&a(!1)},iconName:"popup",size:"sm"}),n&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__PinButton","data-testid":"conversation-card-pin-toggle-icon-button",variant:o?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{c&&c(!o),r&&a(!1)},iconName:m,size:"sm"}),s&&e.jsxRuntimeExports.jsx(F.Menu,{buttonProps:s.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",iconName:"dotsVertical",hideCaret:!0,padding:0},closeOnSelect:!1,lazyMount:!0,...s,listProps:{...x,menuItems:[...n?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:`${o?"Unpin":"Pin"} Conversation`,value:"PinConversation",variant:o?"danger":"default",leftElement:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:o?"danger":"default",name:m}),onSelect:()=>{c&&c(!o)}}]:[],...x?.menuItems||[]]}})]})},A=({tags:t})=>e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Tags",mt:3,children:e.jsxRuntimeExports.jsx(h.Wrap,{gap:"6px",children:t.map(n=>{const{tooltipContent:s,...r}=n;let a=e.jsxRuntimeExports.jsx(W.Tag,{...r,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(f.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(u.Box,{children:a})})),e.jsxRuntimeExports.jsx(h.WrapItem,{children:a},n.label)})})}),L=({iconProps:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__FooterMessage","data-testid":"kibble-conversation-card-footer-message",as:"p",size:"sm",variant:"subtle",...s,...t&&{ml:1},children:n}):n;return e.jsxRuntimeExports.jsxs(b.Flex,{className:"ConversationCard__Footer","data-testid":"kibble-conversation-card-footer",mt:3,alignItems:"center",children:[t&&e.jsxRuntimeExports.jsx(C.Icon,{size:"sm",variant:"subtle",...t}),r]})},V=({contentMenu:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__Content","data-testid":"kibble-conversation-card-content",truncated:!0,size:"sm",...s,children:n}):n;return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__ContentContainer","data-testid":"kibble-conversation-card-content-container",mt:3,justifyContent:"space-between",alignItems:"center",children:[r,t&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__ContentMenu","data-testid":"kibble-conversation-card-content-menu",ml:"auto",children:t})]})},D=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:r,contentMenu:a,footerProps:d,headerMenuProps:i,headerProps:o,active:c,onClick:x,overlayProps:m,pinProps:_,shouldPreservePosition:k=!1,showNotificationIndicator:R,tags:g})=>{const{isPinned:N}=_||{},[p,j]=S.useState(!1);return e.jsxRuntimeExports.jsxs(z.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:c,size:"sm",fullWidth:!0,onClick:()=>{x&&x()},bg:R||c||p?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{t&&j(!0)},onMouseLeave:()=>j(!1),pos:"relative",css:{overflowAnchor:k?"auto":"none"},children:[p&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Menu--Container","data-testid":"kibble-conversation-card-menu-container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background",borderRadius:"md",onClick:q=>q.stopPropagation(),children:e.jsxRuntimeExports.jsx(M,{overlayProps:m,pinProps:_,headerMenuProps:i,isHovering:p,setIsHovering:j})}),e.jsxRuntimeExports.jsx(w,{avatarGroupProps:n,isHoveringCard:p,isCardPinned:N,showNotificationIndicator:R,...o}),e.jsxRuntimeExports.jsx(V,{content:s,contentProps:r,contentMenu:a}),!!g?.length&&e.jsxRuntimeExports.jsx(A,{tags:g}),d&&e.jsxRuntimeExports.jsx(L,{...d})]})};exports.ConversationCard=D;
-//# sourceMappingURL=conversationCard.component-DAHw_xas.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),z=require("./card.component-nehAyK91.js"),T=require("./timestamp.component-p5tMHeq4.js"),y=require("./notificationCounter.component-Bm528kQ-.js"),C=require("./icon.component-4aaCABoX.js"),H=require("./heading.component--ic7O4CR.js"),v=require("./text.component-C_Zg4dMh.js"),I=require("./avatar.component-_Mqnl3-P.js"),f=require("./tooltip.component-HHJpC9zD.js"),b=require("./flex-DKWxn8hO.js"),l=require("./h-stack-DxezNoY3.js"),B=require("./v-stack-Cx_7x3kH.js"),u=require("./box-ca2FvcWF.js"),E=require("./button.component-ytAmAAJg.js"),F=require("./menu.component-BsPmuH77.js"),W=require("./tag.component-C5MszzTM.js"),h=require("./wrap-Bm3JnXyR.js"),O=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:r})=>e.jsxRuntimeExports.jsx(f.Tooltip,{label:r||"",disabled:!r?.length,children:e.jsxRuntimeExports.jsx(b.Flex,{className:"ConversationCard__AvatarGroup",alignItems:"flex-start",justifyContent:"flex-start",children:n&&t.length>n?e.jsxRuntimeExports.jsx(I.Avatar,{onClick:a=>{a.stopPropagation(),s&&s(a)},cursor:"pointer",name:t.length.toString(),showTooltip:!1}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.map(a=>a)})})}),w=({avatarGroupProps:t,timestampProps:n,isHoveringCard:s,isCardPinned:r,title:a,showNotificationIndicator:d,subtitle:i})=>e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header","data-testid":"kibble-conversation-card-header",justify:"space-between",align:"flex-start",children:[e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Left","data-testid":"kibble-conversation-card-header-left",cursor:"pointer",children:[t&&e.jsxRuntimeExports.jsx(O,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(B.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),i&&e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__HeaderText--Subtitle","data-testid":"kibble-conversation-card-header-subtitle",as:"p",size:"sm",variant:"subtle",truncated:!0,children:i})]})]}),e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Right","data-testid":"kibble-conversation-card-header-right",visibility:s?"hidden":"visible",align:"center",gap:1,children:[e.jsxRuntimeExports.jsx(T.Timestamp,{...n}),d&&e.jsxRuntimeExports.jsx(u.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator",children:e.jsxRuntimeExports.jsx(y.NotificationCounter,{size:"xs"})}),r&&e.jsxRuntimeExports.jsx(b.Flex,{"data-testid":"conversation-card-pinned-icon",children:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:"info",name:"pin"})})]})]}),M=({overlayProps:t,pinProps:n,headerMenuProps:s,isHovering:r,setIsHovering:a})=>{const{isOpenInOverlay:d,onOpenInOverlay:i}=t||{},{isPinned:o,onTogglePin:c}=n||{},{listProps:x}=s||{},m=o?"pinCancel":"pin";return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Menu","data-testid":"kibble-conversation-card-menu",gap:1,children:[t&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__OverlayButton","data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",...d&&{active:!0},onClick:()=>{i&&i(),r&&a(!1)},iconName:"popup",size:"sm"}),n&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__PinButton","data-testid":"conversation-card-pin-toggle-icon-button",variant:o?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{c&&c(!o),r&&a(!1)},iconName:m,size:"sm"}),s&&e.jsxRuntimeExports.jsx(F.Menu,{buttonProps:s.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",iconName:"dotsVertical",hideCaret:!0,padding:0},closeOnSelect:!1,lazyMount:!0,...s,listProps:{...x,menuItems:[...n?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:`${o?"Unpin":"Pin"} Conversation`,value:"PinConversation",variant:o?"danger":"default",leftElement:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:o?"danger":"default",name:m}),onSelect:()=>{c&&c(!o)}}]:[],...x?.menuItems||[]]}})]})},A=({tags:t})=>e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Tags",mt:3,children:e.jsxRuntimeExports.jsx(h.Wrap,{gap:"6px",children:t.map(n=>{const{tooltipContent:s,...r}=n;let a=e.jsxRuntimeExports.jsx(W.Tag,{...r,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(f.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(u.Box,{children:a})})),e.jsxRuntimeExports.jsx(h.WrapItem,{children:a},n.label)})})}),L=({iconProps:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__FooterMessage","data-testid":"kibble-conversation-card-footer-message",as:"p",size:"sm",variant:"subtle",...s,...t&&{ml:1},children:n}):n;return e.jsxRuntimeExports.jsxs(b.Flex,{className:"ConversationCard__Footer","data-testid":"kibble-conversation-card-footer",mt:3,alignItems:"center",children:[t&&e.jsxRuntimeExports.jsx(C.Icon,{size:"sm",variant:"subtle",...t}),r]})},V=({contentMenu:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__Content","data-testid":"kibble-conversation-card-content",truncated:!0,size:"sm",...s,children:n}):n;return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__ContentContainer","data-testid":"kibble-conversation-card-content-container",mt:3,justifyContent:"space-between",alignItems:"center",children:[r,t&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__ContentMenu","data-testid":"kibble-conversation-card-content-menu",ml:"auto",children:t})]})},D=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:r,contentMenu:a,footerProps:d,headerMenuProps:i,headerProps:o,active:c,onClick:x,overlayProps:m,pinProps:_,shouldPreservePosition:k=!1,showNotificationIndicator:R,tags:g})=>{const{isPinned:N}=_||{},[p,j]=S.useState(!1);return e.jsxRuntimeExports.jsxs(z.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:c,size:"sm",fullWidth:!0,onClick:()=>{x&&x()},bg:R||c||p?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{t&&j(!0)},onMouseLeave:()=>j(!1),pos:"relative",css:{overflowAnchor:k?"auto":"none"},children:[p&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Menu--Container","data-testid":"kibble-conversation-card-menu-container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background",borderRadius:"md",onClick:q=>q.stopPropagation(),children:e.jsxRuntimeExports.jsx(M,{overlayProps:m,pinProps:_,headerMenuProps:i,isHovering:p,setIsHovering:j})}),e.jsxRuntimeExports.jsx(w,{avatarGroupProps:n,isHoveringCard:p,isCardPinned:N,showNotificationIndicator:R,...o}),e.jsxRuntimeExports.jsx(V,{content:s,contentProps:r,contentMenu:a}),!!g?.length&&e.jsxRuntimeExports.jsx(A,{tags:g}),d&&e.jsxRuntimeExports.jsx(L,{...d})]})};exports.ConversationCard=D;
+//# sourceMappingURL=conversationCard.component-CMudlOxC.js.map

package/dist/chunks/{conversationCard.component-DAHw_xas.js.map → conversationCard.component-CMudlOxC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversationCard.component-DAHw_xas.js","sources":["../../src/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/components/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: React.ReactNode[];\n max?: number;\n onAvatarGroupClick?: (\n e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n ) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n return (\n <Tooltip label={tooltipLabel \|\| \"\"} disabled={!tooltipLabel?.length}>\n <Flex\n className=\"ConversationCard__AvatarGroup\"\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n Timestamp,\n TimestampProps,\n} from \"components/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n ConversationCardAvatarGroup,\n ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): React.JSX.Element => {\n return (\n <HStack\n className=\"ConversationCard__Header\"\n data-testid=\"kibble-conversation-card-header\"\n justify=\"space-between\"\n align=\"flex-start\"\n >\n <HStack\n className=\"ConversationCard__Header--Left\"\n data-testid=\"kibble-conversation-card-header-left\"\n cursor=\"pointer\"\n >\n {avatarGroupProps && (\n <ConversationCardAvatarGroup\n {...avatarGroupProps}\n tooltipLabel={avatarGroupProps?.tooltipLabel \|\| title}\n />\n )}\n <VStack\n className=\"ConversationCard__HeaderText\"\n data-testid=\"kibble-conversation-card-header-text\"\n justify=\"center\"\n align=\"left\"\n gap=\"0\"\n >\n <Heading\n className=\"ConversationCard__HeaderText--Title\"\n data-testid=\"kibble-conversation-card-header-title\"\n size=\"sm\"\n truncated\n >\n {title}\n </Heading>\n {subtitle && (\n <Text\n className=\"ConversationCard__HeaderText--Subtitle\"\n data-testid=\"kibble-conversation-card-header-subtitle\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n truncated\n >\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n data-testid=\"kibble-conversation-card-header-right\"\n visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n align=\"center\"\n gap={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n const { isOpenInOverlay, onOpenInOverlay } = overlayProps \|\| {};\n const { isPinned, onTogglePin } = pinProps \|\| {};\n const { listProps } = headerMenuProps \|\| {};\n const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n return (\n <HStack\n className=\"ConversationCard__Menu\"\n data-testid=\"kibble-conversation-card-menu\"\n gap={1}\n >\n {overlayProps && (\n <Button\n className=\"ConversationCard__OverlayButton\"\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n {...(isOpenInOverlay && { active: true })}\n onClick={(): void => {\n if (onOpenInOverlay) {\n onOpenInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n className=\"ConversationCard__PinButton\"\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps \|\| {\n variant: \"secondarySubtle\",\n size: \"sm\",\n borderRadius: \"sm\",\n iconName: \"dotsVertical\",\n hideCaret: true,\n padding: 0,\n }\n }\n closeOnSelect={false}\n lazyMount\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n \"data-testid\":\n \"conversation-card-pin-toggle-dropdown-button\",\n label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n value: \"PinConversation\",\n variant: isPinned ? \"danger\" : \"default\",\n leftElement: (\n <Icon\n size=\"md\"\n variant={isPinned ? \"danger\" : \"default\"}\n name={pinIconName}\n />\n ),\n onSelect: (): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems \|\| []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap gap=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = (\n <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n );\n\n if (tooltipContent) {\n tagElement = (\n <Tooltip label={tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__FooterMessage\"\n data-testid=\"kibble-conversation-card-footer-message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex\n className=\"ConversationCard__Footer\"\n data-testid=\"kibble-conversation-card-footer\"\n mt={3}\n alignItems=\"center\"\n >\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n content?: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__Content\"\n data-testid=\"kibble-conversation-card-content\"\n truncated\n size=\"sm\"\n {...contentProps}\n >\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack\n className=\"ConversationCard__ContentContainer\"\n data-testid=\"kibble-conversation-card-content-container\"\n mt={3}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {_content}\n {contentMenu && (\n <Box\n className=\"ConversationCard__ContentMenu\"\n data-testid=\"kibble-conversation-card-content-menu\"\n ml=\"auto\"\n >\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n ConversationCardHeader,\n ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n ConversationCardTag,\n ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n ConversationCardFooter,\n ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n ConversationCardContent,\n ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n active?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n active,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition = false,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): React.JSX.Element => {\n const { isPinned } = pinProps \|\| {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"kibble-conversation-card\"\n interactive\n active={active}\n size=\"sm\"\n fullWidth\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator \|\| active \|\| isHovering\n ? \"background.default\"\n : \"background.alphaContrast.pressed\"\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n data-testid=\"kibble-conversation-card-menu-container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent\n content={content}\n contentProps={contentProps}\n contentMenu={contentMenu}\n />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}
1	+ {"version":3,"file":"conversationCard.component-CMudlOxC.js","sources":["../../src/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/components/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: React.ReactNode[];\n max?: number;\n onAvatarGroupClick?: (\n e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n ) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n return (\n <Tooltip label={tooltipLabel \|\| \"\"} disabled={!tooltipLabel?.length}>\n <Flex\n className=\"ConversationCard__AvatarGroup\"\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n Timestamp,\n TimestampProps,\n} from \"components/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n ConversationCardAvatarGroup,\n ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): React.JSX.Element => {\n return (\n <HStack\n className=\"ConversationCard__Header\"\n data-testid=\"kibble-conversation-card-header\"\n justify=\"space-between\"\n align=\"flex-start\"\n >\n <HStack\n className=\"ConversationCard__Header--Left\"\n data-testid=\"kibble-conversation-card-header-left\"\n cursor=\"pointer\"\n >\n {avatarGroupProps && (\n <ConversationCardAvatarGroup\n {...avatarGroupProps}\n tooltipLabel={avatarGroupProps?.tooltipLabel \|\| title}\n />\n )}\n <VStack\n className=\"ConversationCard__HeaderText\"\n data-testid=\"kibble-conversation-card-header-text\"\n justify=\"center\"\n align=\"left\"\n gap=\"0\"\n >\n <Heading\n className=\"ConversationCard__HeaderText--Title\"\n data-testid=\"kibble-conversation-card-header-title\"\n size=\"sm\"\n truncated\n >\n {title}\n </Heading>\n {subtitle && (\n <Text\n className=\"ConversationCard__HeaderText--Subtitle\"\n data-testid=\"kibble-conversation-card-header-subtitle\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n truncated\n >\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n data-testid=\"kibble-conversation-card-header-right\"\n visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n align=\"center\"\n gap={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n const { isOpenInOverlay, onOpenInOverlay } = overlayProps \|\| {};\n const { isPinned, onTogglePin } = pinProps \|\| {};\n const { listProps } = headerMenuProps \|\| {};\n const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n return (\n <HStack\n className=\"ConversationCard__Menu\"\n data-testid=\"kibble-conversation-card-menu\"\n gap={1}\n >\n {overlayProps && (\n <Button\n className=\"ConversationCard__OverlayButton\"\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n {...(isOpenInOverlay && { active: true })}\n onClick={(): void => {\n if (onOpenInOverlay) {\n onOpenInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n className=\"ConversationCard__PinButton\"\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps \|\| {\n variant: \"secondarySubtle\",\n size: \"sm\",\n borderRadius: \"sm\",\n iconName: \"dotsVertical\",\n hideCaret: true,\n padding: 0,\n }\n }\n closeOnSelect={false}\n lazyMount\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n \"data-testid\":\n \"conversation-card-pin-toggle-dropdown-button\",\n label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n value: \"PinConversation\",\n variant: isPinned ? \"danger\" : \"default\",\n leftElement: (\n <Icon\n size=\"md\"\n variant={isPinned ? \"danger\" : \"default\"}\n name={pinIconName}\n />\n ),\n onSelect: (): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems \|\| []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap gap=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = (\n <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n );\n\n if (tooltipContent) {\n tagElement = (\n <Tooltip label={tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__FooterMessage\"\n data-testid=\"kibble-conversation-card-footer-message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex\n className=\"ConversationCard__Footer\"\n data-testid=\"kibble-conversation-card-footer\"\n mt={3}\n alignItems=\"center\"\n >\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n content?: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__Content\"\n data-testid=\"kibble-conversation-card-content\"\n truncated\n size=\"sm\"\n {...contentProps}\n >\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack\n className=\"ConversationCard__ContentContainer\"\n data-testid=\"kibble-conversation-card-content-container\"\n mt={3}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {_content}\n {contentMenu && (\n <Box\n className=\"ConversationCard__ContentMenu\"\n data-testid=\"kibble-conversation-card-content-menu\"\n ml=\"auto\"\n >\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n ConversationCardHeader,\n ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n ConversationCardTag,\n ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n ConversationCardFooter,\n ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n ConversationCardContent,\n ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n active?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n active,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition = false,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): React.JSX.Element => {\n const { isPinned } = pinProps \|\| {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"kibble-conversation-card\"\n interactive\n active={active}\n size=\"sm\"\n fullWidth\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator \|\| active \|\| isHovering\n ? \"background.default\"\n : \"background.alphaContrast.pressed\"\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n data-testid=\"kibble-conversation-card-menu-container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent\n content={content}\n contentProps={contentProps}\n contentMenu={contentMenu}\n />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"6tBAcaA,EAA8B,CAAC,CAC1C,QAAAC,EACA,IAAAC,EAAM,EACN,mBAAAC,EACA,aAAAC,CACF,IAEIC,wBAACC,EAAAA,SAAQ,MAAOF,GAAgB,GAAI,SAAU,CAACA,GAAc,OAC3D,SAAAC,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,UAAU,gCACV,WAAW,aACX,eAAe,aAEd,SAAAL,GAAOD,EAAQ,OAASC,EACvBG,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAUC,GAAY,CACpBA,EAAE,gBAAgB,EACdN,GACFA,EAAmBM,CAAC,CAExB,EACA,OAAO,UACP,KAAMR,EAAQ,OAAO,SAAS,EAC9B,YAAa,EAAA,CAAA,EAGZI,EAAA,kBAAA,IAAAK,EAAA,kBAAA,SAAA,CAAA,SAAAT,EAAQ,IAAKU,GAAWA,CAAM,CAAE,CAAA,CAAA,CAAA,EAGzC,EChBSC,EAAyB,CAAC,CACrC,iBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,aAAAC,EACA,MAAAC,EACA,0BAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,2BACV,cAAY,kCACZ,QAAQ,gBACR,MAAM,aAEN,SAAA,CAAAD,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,iCACV,cAAY,uCACZ,OAAO,UAEN,SAAA,CACCR,GAAAR,EAAA,kBAAA,IAACL,EAAA,CACE,GAAGa,EACJ,aAAcA,GAAkB,cAAgBI,CAAA,CAClD,EAEFG,EAAA,kBAAA,KAACE,EAAA,OAAA,CACC,UAAU,+BACV,cAAY,uCACZ,QAAQ,SACR,MAAM,OACN,IAAI,IAEJ,SAAA,CAAAjB,EAAA,kBAAA,IAACkB,EAAA,eAAA,CACC,UAAU,sCACV,cAAY,wCACZ,KAAK,KACL,UAAS,GAER,SAAAN,CAAA,CACH,EACCE,GACCd,EAAA,kBAAA,IAACmB,EAAA,YAAA,CACC,UAAU,yCACV,cAAY,2CACZ,GAAG,IACH,KAAK,KACL,QAAQ,SACR,UAAS,GAER,SAAAL,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CACF,EACAC,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,kCACV,cAAY,wCACZ,WAAYN,EAAiB,SAAW,UACxC,MAAM,SACN,IAAK,EAEL,SAAA,CAACV,EAAAA,kBAAAA,IAAAoB,EAAA,UAAA,CAAW,GAAGX,EAAgB,EAC9BI,GACCb,EAAA,kBAAA,IAACqB,EAAA,IAAA,CACC,GAAG,OACH,UAAU,8CACV,cAAY,qCAEZ,SAAArB,EAAAA,kBAAAA,IAACsB,EAAAA,oBAAoB,CAAA,KAAK,IAAK,CAAA,CAAA,CACjC,EAEDX,GACCX,EAAA,kBAAA,IAACE,EAAK,KAAA,CAAA,cAAY,gCAChB,SAAAF,EAAA,kBAAA,IAACuB,EAAK,KAAA,CAAA,KAAK,KAAK,QAAQ,OAAO,KAAK,MAAM,CAC5C,CAAA,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF,EC9ESC,EAA0B,CAAC,CACtC,aAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,cAAAC,CACF,IAAgE,CAC9D,KAAM,CAAE,gBAAAC,EAAiB,gBAAAC,CAAgB,EAAIN,GAAgB,CAAC,EACxD,CAAE,SAAAO,EAAU,YAAAC,CAAY,EAAIP,GAAY,CAAC,EACzC,CAAE,UAAAQ,GAAcP,GAAmB,CAAC,EACpCQ,EAAcH,EAAW,YAAc,MAG3C,OAAAjB,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,yBACV,cAAY,gCACZ,IAAK,EAEJ,SAAA,CACCS,GAAAzB,EAAA,kBAAA,IAACoC,EAAA,OAAA,CACC,UAAU,kCACV,cAAY,wCACZ,QAAQ,kBACR,aAAa,KACZ,GAAIN,GAAmB,CAAE,OAAQ,EAAK,EACvC,QAAS,IAAY,CACfC,GACcA,EAAA,EAGdH,GACFC,EAAc,EAAK,CAEvB,EACA,SAAS,QACT,KAAK,IAAA,CACP,EAEDH,GACC1B,EAAA,kBAAA,IAACoC,EAAA,OAAA,CACC,UAAU,8BACV,cAAY,2CACZ,QAASJ,EAAW,6BAA+B,kBACnD,aAAa,KACb,QAAS,IAAY,CACfC,GACFA,EAAY,CAACD,CAAQ,EAGnBJ,GACFC,EAAc,EAAK,CAEvB,EACA,SAAUM,EACV,KAAK,IAAA,CACP,EAEDR,GACC3B,EAAA,kBAAA,IAACqC,EAAA,KAAA,CACC,YACEV,EAAgB,aAAe,CAC7B,QAAS,kBACT,KAAM,KACN,aAAc,KACd,SAAU,eACV,UAAW,GACX,QAAS,CACX,EAEF,cAAe,GACf,UAAS,GACR,GAAGA,EACJ,UAAW,CACT,GAAGO,EACH,UAAW,CACT,GAAIR,EACA,CACE,CACE,cACE,+CACF,MAAO,GAAGM,EAAW,QAAU,KAAK,gBACpC,MAAO,kBACP,QAASA,EAAW,SAAW,UAC/B,YACEhC,EAAA,kBAAA,IAACuB,EAAA,KAAA,CACC,KAAK,KACL,QAASS,EAAW,SAAW,UAC/B,KAAMG,CAAA,CACR,EAEF,SAAU,IAAY,CAChBF,GACFA,EAAY,CAACD,CAAQ,CACvB,CACF,CACF,EAEF,CAAC,EACL,GAAIE,GAAW,WAAa,CAAA,CAAC,CAC/B,CACF,CAAA,CACF,CAAA,CAEJ,CAEJ,ECvHaI,EAAuB,CAAC,CACnC,KAAAC,CACF,IAEKvC,EAAAA,kBAAAA,IAAAqB,EAAAA,IAAA,CAAI,UAAU,yBAAyB,GAAI,EAC1C,SAACrB,EAAA,kBAAA,IAAAwC,EAAA,KAAA,CAAK,IAAI,MACP,SAAKD,EAAA,IAAKE,GAAQ,CACjB,KAAM,CAAE,eAAAC,EAAgB,GAAGC,CAAA,EAASF,EAChC,IAAAG,0BACDC,EAAAA,IAAK,CAAA,GAAGF,EAAM,KAAK,KAAK,cAAc,aAAa,EAGtD,OAAID,IAEAE,EAAA5C,EAAA,kBAAA,IAACC,WAAQ,MAAOyC,EAAgB,UAAU,MACxC,SAAA1C,EAAAA,kBAAAA,IAACqB,EAAAA,IAAK,CAAA,SAAAuB,CAAA,CAAW,CACnB,CAAA,GAII5C,EAAAA,kBAAAA,IAAA8C,EAAAA,SAAA,CAA0B,SAAZF,CAAA,EAAAH,EAAI,KAAmB,CAAA,CAC9C,EACH,CACF,CAAA,EC1BSM,EAAyB,CAAC,CACrC,UAAAC,EACA,QAAAC,EACA,aAAAC,CACF,IAAsD,CAC9C,MAAAC,EACJ,OAAOF,GAAY,SACjBjD,EAAA,kBAAA,IAACmB,EAAA,YAAA,CACC,UAAU,kCACV,cAAY,0CACZ,GAAG,IACH,KAAK,KACL,QAAQ,SACP,GAAG+B,EACH,GAAIF,GAAa,CAAE,GAAI,CAAE,EAEzB,SAAAC,CAAA,CAAA,EAGHA,EAGF,OAAAlC,EAAA,kBAAA,KAACb,EAAA,KAAA,CACC,UAAU,2BACV,cAAY,kCACZ,GAAI,EACJ,WAAW,SAEV,SAAA,CAAA8C,2BAAczB,EAAK,KAAA,CAAA,KAAK,KAAK,QAAQ,SAAU,GAAGyB,EAAW,EAC7DG,CAAA,CAAA,CACH,CAEJ,EChCaC,EAA0B,CAAC,CACtC,YAAAC,EACA,QAAAJ,EACA,aAAAC,CACF,IAAuD,CAC/C,MAAAC,EACJ,OAAOF,GAAY,SACjBjD,EAAA,kBAAA,IAACmB,EAAA,YAAA,CACC,UAAU,4BACV,cAAY,mCACZ,UAAS,GACT,KAAK,KACJ,GAAG+B,EAEH,SAAAD,CAAA,CAAA,EAGHA,EAIF,OAAAlC,EAAA,kBAAA,KAACC,EAAA,OAAA,CACC,UAAU,qCACV,cAAY,6CACZ,GAAI,EACJ,eAAe,gBACf,WAAW,SAEV,SAAA,CAAAmC,EACAE,GACCrD,EAAA,kBAAA,IAACqB,EAAA,IAAA,CACC,UAAU,gCACV,cAAY,wCACZ,GAAG,OAEF,SAAAgC,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ,ECTaC,EAAmB,CAAC,CAC/B,kBAAAC,EAAoB,GACpB,iBAAA/C,EACA,QAAAyC,EACA,aAAAC,EACA,YAAAG,EACA,YAAAG,EACA,gBAAA7B,EACA,YAAA8B,EACA,OAAAC,EACA,QAAAC,EACA,aAAAlC,EACA,SAAAC,EACA,uBAAAkC,EAAyB,GACzB,0BAAA/C,EACA,KAAA0B,CACF,IAAgD,CAC9C,KAAM,CAAE,SAAAP,GAAaN,GAAY,CAAC,EAC5B,CAACE,EAAYC,CAAa,EAAIgC,EAAAA,SAAS,EAAK,EAGhD,OAAA9C,EAAA,kBAAA,KAAC+C,EAAA,KAAA,CACC,UAAU,mBACV,GAAG,yBACH,cAAY,2BACZ,YAAW,GACX,OAAAJ,EACA,KAAK,KACL,UAAS,GACT,QAAS,IAAY,CACfC,GACMA,EAAA,CAEZ,EACA,GACE9C,GAA6B6C,GAAU9B,EACnC,qBACA,mCAEN,aAAc,IAAY,CACpB2B,GACF1B,EAAc,EAAI,CAEtB,EACA,aAAc,IAAYA,EAAc,EAAK,EAC7C,IAAI,WACJ,IAAK,CAAE,eAAgB+B,EAAyB,OAAS,MAAO,EAE/D,SAAA,CACChC,GAAA5B,EAAA,kBAAA,IAACqB,EAAA,IAAA,CACC,UAAU,oCACV,cAAY,0CACZ,IAAI,WACJ,IAAK,EACL,OAAO,SACP,MAAO,EACP,GAAG,aACH,aAAa,KACb,QAAUjB,GAAYA,EAAE,gBAAgB,EAExC,SAAAJ,EAAA,kBAAA,IAACwB,EAAA,CACC,aAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,cAAAC,CAAA,CAAA,CACF,CACF,EAEF7B,EAAA,kBAAA,IAACO,EAAA,CACC,iBAAAC,EACA,eAAgBoB,EAChB,aAAcI,EACd,0BAAAnB,EACC,GAAG4C,CAAA,CACN,EACAzD,EAAA,kBAAA,IAACoD,EAAA,CACC,QAAAH,EACA,aAAAC,EACA,YAAAG,CAAA,CACF,EACC,CAAC,CAACd,GAAM,QAAUvC,EAAA,kBAAA,IAACsC,GAAqB,KAAAC,EAAY,EACpDiB,GAAexD,EAAA,kBAAA,IAAC+C,EAAwB,CAAA,GAAGS,CAAa,CAAA,CAAA,CAAA,CAC3D,CAEJ"}

package/dist/chunks/{conversationCard.component-BqVI0A5M.js → conversationCard.component-D2k7g7wc.js} RENAMED Viewed

@@ -1,19 +1,19 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
 import { useState as y } from "react";
 import { C as H } from "./card.component-6TV04UQT.js";
-import { T as I } from "./timestamp.component-BpaULUVT.js";
+import { T as I } from "./timestamp.component-C51FWMrY.js";
 import { N as S } from "./notificationCounter.component-CG5067PO.js";
 import { I as p } from "./icon.component-BmcWaysM.js";
 import { W } from "./heading.component-E5shs3Uo.js";
-import { W as f } from "./text.component-DHUP6rVA.js";
-import { A as B } from "./avatar.component-X8DAz-8Y.js";
+import { W as f } from "./text.component-DZkwd4C0.js";
+import { A as B } from "./avatar.component-Bh0DFMwE.js";
 import { T as N } from "./tooltip.component-DsowDvmZ.js";
 import { F as x } from "./flex-C2d2LH-K.js";
 import { H as m } from "./h-stack-iIc7vTB3.js";
 import { V as F } from "./v-stack-IBysx2n3.js";
 import { B as C } from "./box-y05hq0PT.js";
 import { B as _ } from "./button.component-BWlRjD5a.js";
-import { M as O } from "./menu.component-BQ-ffGbb.js";
+import { M as O } from "./menu.component-B5OYYpa8.js";
 import { T as R } from "./tag.component-D_8Wr2wv.js";
 import { W as M, a as w } from "./wrap-DrLrXdlw.js";
 const A = ({
@@ -384,4 +384,4 @@ const A = ({
 export {
   de as C
 };
-//# sourceMappingURL=conversationCard.component-BqVI0A5M.js.map
+//# sourceMappingURL=conversationCard.component-D2k7g7wc.js.map