@televet/kibble-ui 5.0.13 → 5.0.14

package/dist/chunks/{checkbox.component-C0XdgZkr.js.map → checkbox.component-DDsVfE4a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox.component-C0XdgZkr.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 from 'react';\nimport { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Text } from 'components/Text/text.component';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\nimport { CheckedChangeDetails, CheckedState } from './checkbox.types';\n\nexport interface CheckboxProps extends WithFormControlProps, Omit<CCheckbox.RootProps, 'onChange'> {\n  /** Ref to the hidden input element. */\n  checkboxRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the checkbox component. */\n  rootRef?: React.Ref<HTMLLabelElement | null>;\n  /** Size of the checkbox.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * If true, the checkbox will be wrapped in a Card component.\n   * @default false\n   */\n  withCard?: boolean;\n  /** Callback function when the checkbox value changes. */\n  onCheckedChange?: (details: CheckedChangeDetails) => void;\n  /** If true, the checkbox will be checked. Use `indeterminate` to show a checkbox with a dash in the middle. */\n  checked?: CheckedState;\n  /** Tooltip text to show when hovering over the checkbox input or label. */\n  tooltipLabel?: string;\n  /** Data test id for the checkbox.\n   * @default kibble-checkbox\n   */\n  'data-testid'?: string;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checkboxRef,\n      children,\n      onContrast,\n      rootRef,\n      size = 'md',\n      withCard = false,\n      tooltipLabel,\n      ['data-testid']: dataTestId = 'kibble-checkbox',\n      ...rest\n    },\n    ref,\n  ): React.ReactNode => {\n    const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n    const checkboxContent = (\n      <CCheckbox.Root\n        className=\"Checkbox\"\n        checked={rest.checked}\n        data-testid={dataTestId}\n        ref={rootRef}\n        variant={_computedVariant}\n        size={size}\n        withCard={withCard}\n        {...rest}\n      >\n        <CCheckbox.HiddenInput\n          className=\"Checkbox__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={checkboxRef || ref}\n        />\n        <CCheckbox.Control className=\"Checkbox__Control\" data-testid={`${dataTestId}-control`}>\n          <CCheckbox.Indicator className=\"Checkbox__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        </CCheckbox.Control>\n        {!!children && (\n          <CCheckbox.Label\n            className=\"Checkbox__Label\"\n            data-testid={`${dataTestId}-label`}\n            {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </CCheckbox.Label>\n        )}\n      </CCheckbox.Root>\n    );\n\n    if (tooltipLabel) {\n      return (\n        <Tooltip label={tooltipLabel} onContrast={onContrast} data-testid={`${dataTestId}-tooltip`}>\n          {checkboxContent}\n        </Tooltip>\n      );\n    }\n\n    return checkboxContent;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\nconst WrappedCheckbox = withFormControl<CheckboxProps>(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","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","React","checkboxRef","onContrast","rootRef","size","withCard","tooltipLabel","dataTestId","_computedVariant","checkboxContent","jsxs","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","Tooltip","WrappedCheckbox","withFormControl"],"mappings":";;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAkB,IAAIC,EAAc;AAAA,EAC3D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GCAKC,IAAkBC,EAAW,CAACC,GAAOC,MAAQ;AACjD,QAAMC,IAAWN,EAAoB,GAC/BO,IAAcC,EAAWF,EAAS,gBAAe,GAAIF,CAAK;AAChE,SAAuBK,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAC7D,CAAC;AACDH,EAAgB,cAAc;ACT9B,SAASS,GAAqBP,GAAO;AACnC,QAAM,EAAE,OAAAQ,GAAO,UAAAC,GAAU,cAAAC,EAAc,IAAGV,GACpC,CAACW,GAAmBC,CAAoB,IAAIC,EAASH,CAAY,GACjEI,IAAaN,MAAU,QACvBO,IAAeD,IAAaN,IAAQG,GACpCK,IAAWC;AAAA,IACf,CAACC,OACKJ,KAGJF,EAAqBM,CAAM,GACpBT,IAAWS,CAAM;AAAA,IAE1B,CAACJ,GAAYL,CAAQ;AAAA,EACtB;AACD,SAAO,CAACM,GAAcC,CAAQ;AAChC;ACfA,SAASG,GAAiBnB,IAAQ,IAAI;AACpC,QAAM,EAAE,cAAAU,GAAc,OAAOU,GAAiB,eAAAC,GAAe,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,SAAAC,EAAO,IAAKzB,GAC7F0B,IAAc,EAAEJ,KAAYC,IAC5BI,IAAeC,GAASP,GAAe,EAAE,MAAM,GAAI,CAAE,GACrD,CAACb,GAAOQ,CAAQ,IAAIT,GAAqB;AAAA,IAC7C,OAAOa;AAAA,IACP,cAAcV,KAAgB,CAAE;AAAA,IAChC,UAAUiB;AAAA,EACd,CAAG,GACKE,IAAY,CAACC,MACVtB,EAAM,KAAK,CAAC,MAAM,OAAO,CAAC,MAAM,OAAOsB,CAAG,CAAC,GAE9CC,IAAc,CAACD,MAAQ;AAC3B,IAAAD,EAAUC,CAAG,IAAIE,EAAYF,CAAG,IAAIG,EAASH,CAAG;AAAA,EACjD,GACKG,IAAW,CAACH,MAAQ;AACxB,IAAKJ,MACDG,EAAUC,CAAG,KACjBd,EAASR,EAAM,OAAOsB,CAAG,CAAC;AAAA,EAC3B,GACKE,IAAc,CAACF,MAAQ;AAC3B,IAAKJ,KACLV,EAASR,EAAM,OAAO,CAAC,MAAM,OAAO,CAAC,MAAM,OAAOsB,CAAG,CAAC,CAAC;AAAA,EACxD;AAeD,SAAO;AAAA,IACL,WAAAD;AAAA,IACA,OAAArB;AAAA,IACA,MAAAgB;AAAA,IACA,UAAU,CAAC,CAACF;AAAA,IACZ,UAAU,CAAC,CAACC;AAAA,IACZ,SAAS,CAAC,CAACE;AAAA,IACX,UAAAT;AAAA,IACA,UAAAiB;AAAA,IACA,aAAAF;AAAA,IACA,cAxBmB,CAACG,OACb;AAAA,MACL,SAASA,EAAO,SAAS,OAAOL,EAAUK,EAAO,KAAK,IAAI;AAAA,MAC1D,kBAAkB;AAChB,QAAIA,EAAO,SAAS,QAClBH,EAAYG,EAAO,KAAK;AAAA,MAE3B;AAAA,MACD,MAAAV;AAAA,MACA,UAAAF;AAAA,MACA,UAAAC;AAAA,MACA,SAAAE;AAAA,IACD;AAAA,EAaF;AACH;ACnDA,MAAM,CAACU,IAA8BC,EAAuB,IAAIvC,EAAc;AAAA,EAC5E,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AACV,CAAC,GCCKwC,IAAgBtC,EAAW,CAACC,GAAOC,MAAQ;AAC/C,QAAM,CAACqC,GAAoBC,CAAU,IAAIC,EAAgB,EAAGxC,GAAO;AAAA,IACjE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAG,GACKyC,IAAgBtB,GAAiBmB,CAAkB;AACzD,SAAuBjC,gBAAAA,EAAG,IAAC8B,IAA8B,EAAE,OAAOM,GAAe,UAA0BpC,gBAAAA,EAAG,IAACC,EAAI,KAAK,EAAE,KAAAL,GAAK,MAAM,SAAS,GAAGsC,GAAY,GAAGG,GAAgB,MAAK,EAAG,MAAM,MAAO,CAAA,GAAG;AAC1M,CAAC;AACDL,EAAc,cAAc;ACd5B,MAAMM,IAAsB5C,EAAW,CAACC,GAAOC,MAAQ;AACrD,QAAMC,IAAWN,EAAoB,GAC/BO,IAAcC,EAAWF,EAAS,oBAAmB,GAAIF,CAAK,GAC9D4C,IAAQC,EAAiB;AAC/B,SAAuBxC,gBAAAA,EAAG,IAACC,EAAI,OAAO,EAAE,oBAAoBsC,GAAO,iBAAiB,GAAGzC,GAAa,KAAAF,GAAK;AAC3G,CAAC;AACD0C,EAAoB,cAAc;ACPlC,MAAMG,IAAgB/C,EAAW,CAACC,GAAOC,MAAQ;AAC/C,QAAMC,IAAWN,EAAoB,GAC/BO,IAAcC,EAAWF,EAAS,cAAa,GAAIF,CAAK;AAC9D,SAAuBK,gBAAAA,EAAAA,IAAIC,EAAI,MAAM,EAAE,GAAGH,GAAa,KAAAF,GAAK;AAC9D,CAAC;AACD6C,EAAc,cAAc;ACH5B,MAAMC,KAAc,CAACC,IAAW,OAAO;AACrC,QAAMP,IAAgBL,GAAyB,GACzCQ,IAAQC,EAAiB,GACzB7C,IAAQiD,EAAQ,MACb7C,EAAW4C,GAAUP,GAAe,aAAa,EAAE,OAAOO,EAAS,OAAO,KAAK,EAAE,GACvF,CAACA,GAAUP,CAAa,CAAC,GACtBS,IAAKC,EAAO,GACZ,EAAE,aAAAC,EAAa,IAAGC,EAAuB,GACzC,EAAE,KAAAC,EAAK,IAAGC,EAAkB,GAC5BC,IAAe;AAAA,IACnB,IAAAN;AAAA,IACA,KAAK;AAAA,MACH,OAAON,GAAO,IAAI;AAAA,MAClB,aAAaA,GAAO,IAAI;AAAA,IACzB;AAAA,IACD,KAAAU;AAAA,IACA,UAAUV,GAAO;AAAA,IACjB,UAAUA,GAAO;AAAA,IACjB,SAASA,GAAO;AAAA,IAChB,UAAUA,GAAO;AAAA,IACjB,aAAAQ;AAAA,IACA,GAAGpD;AAAA,EACJ,GACKyD,IAAUC,EAAWC,IAAkBH,CAAY;AACzD,SAAOI,GAAiBH,GAASI,CAAc;AACjD,GCzBMC,IAAe/D,EAAW,CAACC,GAAOC,MAAQ;AAC9C,QAAM,CAAC8D,GAAkBxB,CAAU,IAAIC,EAAgB,EAAGxC,GAAO;AAAA,IAC/D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAG,GACKE,IAAW6C,GAAYgB,CAAgB,GACvC5D,IAAcC,EAAWF,EAAS,aAAY,GAAIqC,CAAU;AAClE,SAAuBlC,gBAAAA,EAAG,IAACV,GAAkB,EAAE,OAAOO,GAAU,UAA0BG,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGH,GAAa,KAAAF,EAAG,CAAE,EAAC,CAAE;AACrI,CAAC;AACD6D,EAAa,cAAc;ACpB3B,MAAME,IAAuBjE,EAAW,CAACC,GAAOC,MAAQ;AACtD,QAAM,CAAC,EAAE,OAAOC,KAAYqC,CAAU,IAAIC,IAAmBxC,GAAO,CAAC,OAAO,CAAC,GACvEG,IAAcC,EAAWF,EAAS,aAAY,GAAIqC,CAAU;AAClE,SAAuBlC,gBAAAA,EAAG,IAACV,GAAkB,EAAE,OAAOO,GAAU,UAA0BG,gBAAAA,EAAAA,IAAIC,EAAI,OAAO,EAAE,GAAGH,GAAa,KAAAF,EAAG,CAAE,EAAC,CAAE;AACrI,CAAC;AACD+D,EAAqB,cAAc;ACJnC,MAAMC,KAAYlE;AAAA,EAChB,SAAoBC,GAAOC,GAAK;AAC9B,UAAMiE,IAASC,EAAU,EAAE,KAAK,aAAa,QAAQnE,EAAM,QAAQ,GAC7D,CAACoE,GAAcC,CAAS,IAAIH,EAAO,kBAAkBlE,CAAK,GAC1D,EAAE,SAAAsE,GAAS,eAAAC,GAAe,UAAAjD,GAAU,UAAAkD,GAAU,UAAAC,GAAU,GAAGC,EAAI,IAAKL,GACpEM,IAASH,IAAWI,IAAeV,EAAOE,CAAY;AAC5D,WAAuB/D,gBAAAA,EAAG;AAAA,MACxBwE,EAAO;AAAA,MACP;AAAA,QACE,KAAA5E;AAAA,QACA,SAAS;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,cAAcsE,IAAgB,kBAAkBD,IAAU,YAAY;AAAA,QACtE,iBAAiBQ,EAASxD,CAAQ;AAAA,QAClC,KAAK,CAACqD,GAAQ3E,EAAM,GAAG;AAAA,QACvB,GAAG0E;AAAA,QACH,UAAUH,IAAgClE,gBAAAA,EAAAA,IAAI,QAAQ,EAAE,GAAG,WAAU,CAAE,IAAIiE,IAA0BjE,gBAAAA,EAAG,IAAC,YAAY,EAAE,QAAQ,iBAAkB,CAAA,IAAI;AAAA,MAC7J;AAAA,IACK;AAAA,EACL;AACA,GCxBM;AAAA,EACJ,cAAA0E;AAAA,EACA,aAAAC;AAAA,EACA,WAAWC;AAEb,IAAIC,EAAwB,EAAE,KAAK,WAAU,CAAE;AAClBH,EAAaI,GAAuB,QAAQ,EAAE,gBAAgB,GAAM,CAAA;AACjG,MAAMrB,KAAeiB;AAAA,EACnBK;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GAEMtC,KAAgBkC;AAAA,EACpBK;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMC,IAAoBvF,EAAW,SAA4BC,GAAOC,GAAK;AAC3E,QAAM,EAAE,SAAAqE,GAAS,eAAAC,GAAe,GAAGG,EAAM,IAAG1E,GACtCuF,IAAM3F,EAAoB,GAC1B+E,IAASM,GAAmB;AAClC,SAAIX,KAAWiB,EAAI,UACMlF,gBAAAA,EAAG;AAAA,IACxBwE,EAAO;AAAA,IACP;AAAA,MACE,KAAA5E;AAAA,MACA,SAAS;AAAA,MACT,GAAGyE;AAAA,MACH,KAAK,CAACC,EAAO,WAAW3E,EAAM,GAAG;AAAA,MACjC,UAAUsE;AAAA,IAClB;AAAA,EACK,IAECC,KAAiBgB,EAAI,gBACAlF,gBAAAA,EAAG;AAAA,IACxBwE,EAAO;AAAA,IACP;AAAA,MACE,KAAA5E;AAAA,MACA,SAAS;AAAA,MACT,GAAGyE;AAAA,MACH,KAAK,CAACC,EAAO,WAAW3E,EAAM,GAAG;AAAA,MACjC,UAAUuE;AAAA,IAClB;AAAA,EACK,IAEoBlE,gBAAAA,EAAG;AAAA,IACxB4D;AAAA,IACA;AAAA,MACE,KAAAhE;AAAA,MACA,SAASsF,EAAI;AAAA,MACb,eAAeA,EAAI;AAAA,MACnB,UAAUA,EAAI;AAAA,MACd,UAAU;AAAA,MACV,GAAGb;AAAA,MACH,KAAK,CAACC,EAAO,WAAW3E,EAAM,GAAG;AAAA,IACvC;AAAA,EACG;AACH,CAAC,GACKF,KAAkBkF;AAAA,EACtBQ;AAAAA,EACA;AAAA,EACA;AAAA,IACE,gBAAgB;AAAA,IAChB,cAAc,EAAE,UAA0BnF,gBAAAA,MAAIiF,GAAmB,CAAA,CAAE,EAAC;AAAA,EACxE;AACA,GACMjD,KAAgBwC;AAAA,EACpBY;AAAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,IACX;AAAA,EACG;AAAA,EACD,EAAE,gBAAgB,GAAI;AACxB,GAEM9C,KAAsB+C,GCtDtBC,IAAWC,EAAM;AAAA,EACrB,CACE;AAAA,IACE,aAAAC;AAAA,IACA,UAAApB;AAAA,IACA,YAAAqB;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,GAAGzB;AAAA,KAELzE,MACoB;AACd,UAAAmG,IAAmBN,IAAa,eAAe,WAE/CO,IACJC,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS7B,EAAK;AAAA,QACd,eAAayB;AAAA,QACb,KAAKJ;AAAA,QACL,SAASK;AAAA,QACT,MAAAJ;AAAA,QACA,UAAAC;AAAA,QACC,GAAGvB;AAAA,QAEJ,UAAA;AAAA,UAAArE,gBAAAA,EAAA;AAAA,YAACmG;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAa,GAAGL,CAAU;AAAA,cAC1B,KAAKN,KAAe5F;AAAA,YAAA;AAAA,UACtB;AAAA,UACAI,gBAAAA,MAACoG,IAAA,EAAkB,WAAU,qBAAoB,eAAa,GAAGN,CAAU,YACzE,gCAACO,GAAA,EAAoB,WAAU,uBAAsB,eAAa,GAAGP,CAAU,aAAc,CAAA,GAC/F;AAAA,UACC,CAAC,CAAC1B,KACDpE,gBAAAA,EAAA;AAAA,YAACsG;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAa,GAAGR,CAAU;AAAA,cACzB,GAAIF,KAAY,OAAOxB,KAAa,YAAY,EAAE,IAAI,OAAO;AAAA,cAE7D,UAAO,OAAAA,KAAa,WACnBpE,gBAAAA,EAAAA,IAACuG,GAAK,EAAA,MAAAZ,GAAY,YAAW,SAAQ,SAASF,IAAa,eAAe,WACvE,UAAArB,GACH,IAEAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAEJ;AAGF,WAAIyB,IAEA7F,gBAAAA,EAAA,IAACwG,KAAQ,OAAOX,GAAc,YAAAJ,GAAwB,eAAa,GAAGK,CAAU,YAC7E,UACHE,EAAA,CAAA,IAIGA;AAAA,EAAA;AAEX;AAEAV,EAAS,cAAc;AACjB,MAAAmB,KAAkBC,EAA+BpB,CAAQ;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
+{"version":3,"file":"checkbox.component-DDsVfE4a.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 from 'react';\nimport { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Text } from 'components/Text/text.component';\nimport { Tooltip } from 'components/Tooltip/tooltip.component';\nimport { CheckedChangeDetails, CheckedState } from './checkbox.types';\n\nexport interface CheckboxProps extends WithFormControlProps, Omit<CCheckbox.RootProps, 'onChange'> {\n  /** Ref to the hidden input element. */\n  checkboxRef?: React.Ref<HTMLInputElement | null>;\n  /** Ref to the checkbox component. */\n  rootRef?: React.Ref<HTMLLabelElement | null>;\n  /** Size of the checkbox.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * If true, the checkbox will be wrapped in a Card component.\n   * @default false\n   */\n  withCard?: boolean;\n  /** Callback function when the checkbox value changes. */\n  onCheckedChange?: (details: CheckedChangeDetails) => void;\n  /** If true, the checkbox will be checked. Use `indeterminate` to show a checkbox with a dash in the middle. */\n  checked?: CheckedState;\n  /** Tooltip text to show when hovering over the checkbox input or label. */\n  tooltipLabel?: string;\n  /** Data test id for the checkbox.\n   * @default kibble-checkbox\n   */\n  'data-testid'?: string;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checkboxRef,\n      children,\n      onContrast,\n      rootRef,\n      size = 'md',\n      withCard = false,\n      tooltipLabel,\n      ['data-testid']: dataTestId = 'kibble-checkbox',\n      ...rest\n    },\n    ref,\n  ): React.ReactNode => {\n    const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n    const checkboxContent = (\n      <CCheckbox.Root\n        className=\"Checkbox\"\n        checked={rest.checked}\n        data-testid={dataTestId}\n        ref={rootRef}\n        variant={_computedVariant}\n        size={size}\n        withCard={withCard}\n        {...rest}\n      >\n        <CCheckbox.HiddenInput\n          className=\"Checkbox__Input\"\n          data-testid={`${dataTestId}-input`}\n          ref={checkboxRef || ref}\n        />\n        <CCheckbox.Control className=\"Checkbox__Control\" data-testid={`${dataTestId}-control`}>\n          <CCheckbox.Indicator className=\"Checkbox__Indicator\" data-testid={`${dataTestId}-indicator`} />\n        </CCheckbox.Control>\n        {!!children && (\n          <CCheckbox.Label\n            className=\"Checkbox__Label\"\n            data-testid={`${dataTestId}-label`}\n            {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n          >\n            {typeof children === 'string' ? (\n              <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n                {children}\n              </Text>\n            ) : (\n              children\n            )}\n          </CCheckbox.Label>\n        )}\n      </CCheckbox.Root>\n    );\n\n    if (tooltipLabel) {\n      return (\n        <Tooltip label={tooltipLabel} onContrast={onContrast} data-testid={`${dataTestId}-tooltip`}>\n          {checkboxContent}\n        </Tooltip>\n      );\n    }\n\n    return checkboxContent;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\nconst WrappedCheckbox = withFormControl<CheckboxProps>(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","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","React","checkboxRef","onContrast","rootRef","size","withCard","tooltipLabel","dataTestId","_computedVariant","checkboxContent","jsxs","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","Tooltip","WrappedCheckbox","withFormControl"],"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-lxNvlmd_.js → checkboxGroup.component-Cx2Gvii5.js}

@@ -1,6 +1,6 @@
 import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { w as f } from "./withFormControl-lDkIqkED.js";
-import { C as j, W as G } from "./checkbox.component-C0XdgZkr.js";
+import { w as f } from "./withFormControl-08PrhcOk.js";
+import { C as j, W as G } from "./checkbox.component-DDsVfE4a.js";
 import { S as W } from "./stack-rvdA8MI9.js";
 const a = ({
   checkboxes: p,
@@ -50,4 +50,4 @@ const g = f(a);
 export {
   g as W
 };
-//# sourceMappingURL=checkboxGroup.component-lxNvlmd_.js.map
+//# sourceMappingURL=checkboxGroup.component-Cx2Gvii5.js.map

package/dist/chunks/{checkboxGroup.component-lxNvlmd_.js.map → checkboxGroup.component-Cx2Gvii5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.component-lxNvlmd_.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } 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  /** An array of Checkbox props to be rendered inside the group. */\n  checkboxes: CheckboxProps[];\n  /**\n   * The direction to stack the checkboxes.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /** Callback function triggered when the value changes. */\n  onValueChange?: (value: string[]) => void;\n  /** Data test id for the checkbox group.\n   * @default kibble-checkbox-group\n   */\n  'data-testid'?: string;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps & Omit<CCheckboxGroupProps, 'onChange'>;\n\nconst CheckboxGroup = ({\n  checkboxes,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onValueChange,\n  readOnly,\n  required,\n  name,\n  size = 'md',\n  value,\n  gap = 2,\n  ['data-testid']: dataTestId = 'kibble-checkbox-group',\n  ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n  return (\n    <CCheckboxGroup\n      className=\"CheckboxGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onValueChange}\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 || defaultValue?.includes(`${checkbox?.value}`) || value?.includes(`${checkbox?.value}`)\n            }\n            size={size}\n            required={required}\n            readOnly={readOnly}\n            {...(direction === 'row' && { fullWidth: false })}\n            {...checkbox}\n          />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","onValueChange","readOnly","required","name","size","value","gap","dataTestId","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,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAaH;AAAA,IACb,UAAAV;AAAA,IACA,SAAAC;AAAA,IACA,MAAAK;AAAA,IACA,cAAAR;AAAA,IACA,OAAAU;AAAA,IACA,eAAAL;AAAA,IACA,OAAM;AAAA,IAEN,UAAAS,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAf,GAAsB,KAAAU,GAAW,GAAGE,GACxC,UAAWd,EAAA,IAAI,CAACkB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAf;AAAA,QAEA,SACEa,EAAS,WAAWjB,GAAc,SAAS,GAAGiB,GAAU,KAAK,EAAE,KAAKP,GAAO,SAAS,GAAGO,GAAU,KAAK,EAAE;AAAA,QAE1G,MAAAR;AAAA,QACA,UAAAF;AAAA,QACA,UAAAD;AAAA,QACC,GAAIL,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,QAC9C,GAAGgB;AAAA,MAAA;AAAA,MARC,YAAYC,CAAK;AAAA,IAAA,CAUzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJpB,EAAc,cAAc;AACtB,MAAAsB,IAAuBC,EAAgBvB,CAAa;"}
+{"version":3,"file":"checkboxGroup.component-Cx2Gvii5.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } 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  /** An array of Checkbox props to be rendered inside the group. */\n  checkboxes: CheckboxProps[];\n  /**\n   * The direction to stack the checkboxes.\n   * @default column\n   */\n  direction?: ConditionalValue<FlexDirection>;\n  /** Callback function triggered when the value changes. */\n  onValueChange?: (value: string[]) => void;\n  /** Data test id for the checkbox group.\n   * @default kibble-checkbox-group\n   */\n  'data-testid'?: string;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps & Omit<CCheckboxGroupProps, 'onChange'>;\n\nconst CheckboxGroup = ({\n  checkboxes,\n  defaultValue,\n  direction = 'column',\n  disabled,\n  invalid,\n  onContrast,\n  onValueChange,\n  readOnly,\n  required,\n  name,\n  size = 'md',\n  value,\n  gap = 2,\n  ['data-testid']: dataTestId = 'kibble-checkbox-group',\n  ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n  return (\n    <CCheckboxGroup\n      className=\"CheckboxGroup\"\n      data-testid={dataTestId}\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      defaultValue={defaultValue}\n      value={value}\n      onValueChange={onValueChange}\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 || defaultValue?.includes(`${checkbox?.value}`) || value?.includes(`${checkbox?.value}`)\n            }\n            size={size}\n            required={required}\n            readOnly={readOnly}\n            {...(direction === 'row' && { fullWidth: false })}\n            {...checkbox}\n          />\n        ))}\n      </Stack>\n    </CCheckboxGroup>\n  );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","onValueChange","readOnly","required","name","size","value","gap","dataTestId","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,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAaH;AAAA,IACb,UAAAV;AAAA,IACA,SAAAC;AAAA,IACA,MAAAK;AAAA,IACA,cAAAR;AAAA,IACA,OAAAU;AAAA,IACA,eAAAL;AAAA,IACA,OAAM;AAAA,IAEN,UAAAS,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAf,GAAsB,KAAAU,GAAW,GAAGE,GACxC,UAAWd,EAAA,IAAI,CAACkB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAf;AAAA,QAEA,SACEa,EAAS,WAAWjB,GAAc,SAAS,GAAGiB,GAAU,KAAK,EAAE,KAAKP,GAAO,SAAS,GAAGO,GAAU,KAAK,EAAE;AAAA,QAE1G,MAAAR;AAAA,QACA,UAAAF;AAAA,QACA,UAAAD;AAAA,QACC,GAAIL,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,QAC9C,GAAGgB;AAAA,MAAA;AAAA,MARC,YAAYC,CAAK;AAAA,IAAA,CAUzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJpB,EAAc,cAAc;AACtB,MAAAsB,IAAuBC,EAAgBvB,CAAa;"}

package/dist/chunks/{conversationCard.component-B_XSYd1p.js → conversationCard.component-D7hpX-QG.js}

@@ -2,18 +2,18 @@ import { j as t } from "./jsx-runtime-C5mzlN2N.js";
 import { useState as H } from "react";
 import { B as f } from "./index-9BerxEcw.js";
 import { C as S } from "./card.component-B1AznjWF.js";
-import { T as B } from "./timestamp.component-IfjfMFXl.js";
-import { N as W } from "./notificationCounter.component-BlGSd37B.js";
+import { T as B } from "./timestamp.component-DkLjxUsy.js";
+import { N as W } from "./notificationCounter.component-6Q3q8jWj.js";
 import { I as g } from "./icon.component-PV_nHBId.js";
-import { W as F } from "./heading.component-PFNpLFT7.js";
-import { W as _ } from "./text.component-IjomJyJY.js";
-import { A as O } from "./avatar.component-CzutRWy6.js";
-import { T as z } from "./tooltip.component-DFsQNG1q.js";
+import { W as F } from "./heading.component-CpSAN3cv.js";
+import { W as _ } from "./text.component-DhuUgP3j.js";
+import { A as O } from "./avatar.component-BL6D6Lw_.js";
+import { T as z } from "./tooltip.component-CHohp2qn.js";
 import { F as h } from "./flex-CX-8gE9T.js";
 import { H as v } from "./h-stack-8q5nAOg0.js";
 import { V as R } from "./v-stack-BKftVfdJ.js";
 import { B as y } from "./button.component-BO6oee_V.js";
-import { M } from "./menu.component-Cq9sPsTJ.js";
+import { M } from "./menu.component-BEDMybmZ.js";
 import { T } from "./tag.component-B7V76XfM.js";
 import { W as A, a as D } from "./wrap-Cu5ZEseD.js";
 const E = ({
@@ -328,4 +328,4 @@ const E = ({
 export {
   lt as C
 };
-//# sourceMappingURL=conversationCard.component-B_XSYd1p.js.map
+//# sourceMappingURL=conversationCard.component-D7hpX-QG.js.map

package/dist/chunks/{conversationCard.component-B_XSYd1p.js.map → conversationCard.component-D7hpX-QG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"conversationCard.component-B_XSYd1p.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 to display in the group. */\n  avatars: React.ReactNode[];\n  /** Maximum number of avatars to display.\n   * @default 1\n   */\n  max?: number;\n  /** Callback function to be called when the avatar group is clicked. */\n  onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  /** Label for the tooltip. */\n  tooltipLabel?: string;\n  /** Data test id for the avatar group.\n   * @default kibble-conversation-card-avatar-group\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n  avatars,\n  max = 1,\n  onAvatarGroupClick,\n  tooltipLabel,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-avatar-group',\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n  return (\n    <Tooltip label={tooltipLabel || ''} disabled={!tooltipLabel?.length}>\n      <Flex\n        className=\"ConversationCard__AvatarGroup\"\n        data-testid={dataTestId}\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 { Timestamp, TimestampProps } 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  /** Props for the avatar group. */\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  /** If true, the notification indicator will be displayed. */\n  showNotificationIndicator?: boolean;\n  /** Determines if the card is pinned. */\n  isCardPinned?: boolean;\n  /** Determines if the card is being hovered. */\n  isHoveringCard?: boolean;\n  /** Subtitle of the card. */\n  subtitle?: string;\n  /** Props for the timestamp. */\n  timestampProps: TimestampProps;\n  /** Title of the card. */\n  title: string;\n  /** Data test id for the header.\n   * @default kibble-conversation-card-header\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardHeader = ({\n  avatarGroupProps,\n  timestampProps,\n  isHoveringCard,\n  isCardPinned,\n  title,\n  showNotificationIndicator,\n  subtitle,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-header',\n}: ConversationCardHeaderProps): React.JSX.Element => {\n  return (\n    <HStack className=\"ConversationCard__Header\" data-testid={dataTestId} justify=\"space-between\" align=\"flex-start\">\n      <HStack className=\"ConversationCard__Header--Left\" data-testid={`${dataTestId}-left`} cursor=\"pointer\">\n        {avatarGroupProps && (\n          <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n        )}\n        <VStack\n          className=\"ConversationCard__HeaderText\"\n          data-testid={`${dataTestId}-text`}\n          justify=\"center\"\n          align=\"left\"\n          gap=\"0\"\n        >\n          <Heading\n            className=\"ConversationCard__HeaderText--Title\"\n            data-testid={`${dataTestId}-title`}\n            size=\"sm\"\n            truncated\n          >\n            {title}\n          </Heading>\n          {subtitle && (\n            <Text\n              className=\"ConversationCard__HeaderText--Subtitle\"\n              data-testid={`${dataTestId}-subtitle`}\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={`${dataTestId}-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={`${dataTestId}-unread-indicator`}\n          >\n            <NotificationCounter size=\"xs\" />\n          </Box>\n        )}\n        {isCardPinned && (\n          <Flex data-testid={`${dataTestId}-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  /** Determines if the conversation is open in an overlay. */\n  isOpenInOverlay?: boolean;\n  /** Callback function to be called when the conversation is opened in an overlay. */\n  onOpenInOverlay: () => void;\n  /** Data test id for the overlay button. */\n  'data-testid'?: string;\n}\n\nexport interface ConversationCardPinProps {\n  /** Determines if the conversation is pinned. */\n  isPinned?: boolean;\n  /** Callback function to called when the conversation is pinned. */\n  onTogglePin: (isPinned: boolean) => void;\n  /** Data test id for the pin button. */\n  'data-testid'?: string;\n}\n\nexport interface ConversationCardButtonsProps {\n  /** Props for the overlay button. */\n  overlayProps?: ConversationCardOverlayProps;\n  /** Props for the pin button. */\n  pinProps?: ConversationCardPinProps;\n  /** Props for the header Menu. */\n  headerMenuProps?: MenuProps;\n  /** Data test id for the buttons.\n   * @default kibble-conversation-card-buttons\n   */\n  'data-testid'?: string;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n  /** Determines if the conversation is being hovered.\n   * @internal\n   */\n  isHovering: boolean;\n  /** Callback function to set the hover state.\n   * @internal\n   */\n  setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n  overlayProps,\n  pinProps,\n  headerMenuProps,\n  isHovering,\n  setIsHovering,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-buttons',\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n  const { isOpenInOverlay, onOpenInOverlay, ['data-testid']: overlayDataTestId } = overlayProps || {};\n  const { isPinned, onTogglePin, ['data-testid']: pinDataTestId } = pinProps || {};\n  const { listProps, ['data-testid']: headerMenuDataTestId } = headerMenuProps || {};\n  const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n  return (\n    <HStack className=\"ConversationCard__Menu\" data-testid={dataTestId} gap={1}>\n      {overlayProps && (\n        <Button\n          className=\"ConversationCard__OverlayButton\"\n          data-testid={overlayDataTestId ? overlayDataTestId : `${dataTestId}-overlay-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={pinDataTestId ? pinDataTestId : `${dataTestId}-pin-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          data-testid={headerMenuDataTestId ? headerMenuDataTestId : `${dataTestId}-menu`}\n          {...headerMenuProps}\n          listProps={{\n            ...listProps,\n            menuItems: [\n              ...(pinProps\n                ? [\n                    {\n                      label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n                      value: 'PinConversation',\n                      variant: isPinned ? 'danger' : 'default',\n                      leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\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  /** Content to display in the tooltip. */\n  tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n  /** Tags to display in the ConversationCard. */\n  tags: ConversationCardTag[];\n  /** Data test id for the tags.\n   * @default kibble-conversation-card-tags\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardTags = ({\n  tags,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-tags',\n}: ConversationCardTagsProps): React.JSX.Element => {\n  return (\n    <Box className=\"ConversationCard__Tags\" mt={3} data-testid={dataTestId}>\n      <Wrap gap={2}>\n        {tags.map((tag) => {\n          const { tooltipContent, ...rest } = tag;\n          let tagElement = <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />;\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  /** Props for the Icon component. */\n  iconProps?: IconProps;\n  /** Content of the footer. */\n  content: React.ReactNode;\n  /** Props to customize the content styling. */\n  contentProps?: Omit<TextProps, 'children'>;\n  /** Data test id for the footer.\n   * @default kibble-conversation-card-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardFooter = ({\n  iconProps,\n  content,\n  contentProps,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-footer',\n}: ConversationCardFooterProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__FooterMessage\"\n        data-testid={`${dataTestId}-message`}\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 className=\"ConversationCard__Footer\" data-testid={dataTestId} mt={3} alignItems=\"center\">\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 of the card. */\n  content?: React.ReactNode;\n  /** Props to customize the content styling. */\n  contentProps?: Omit<TextProps, 'children'>;\n  /** Optional Menu for the card. */\n  contentMenu?: React.ReactNode;\n  /** Data test id for the content.\n   * @default kibble-conversation-card-content\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardContent = ({\n  contentMenu,\n  content,\n  contentProps,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-content',\n}: ConversationCardContentProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__Content\"\n        data-testid={`${dataTestId}-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={`${dataTestId}-container`}\n      mt={3}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      {_content}\n      {contentMenu && (\n        <Box className=\"ConversationCard__ContentMenu\" data-testid={`${dataTestId}-menu`} ml=\"auto\">\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  /**\n   * Used to enable hover actions on the ConversationCard.\n   * @default true\n   */\n  allowHoverActions?: boolean;\n  /** Props for the `AvatarGroup` component. */\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  /** Props for the ConversationCard footer. */\n  footerProps?: ConversationCardFooterProps;\n  /** Props for the Menu component. See the `Menu` for more details. This component provides a default menu button if none is provided. If menuProps and pinProps are passed together, the component automatically adds a menuItem to control the pinned state. */\n  headerMenuProps?: MenuProps;\n  /** Props for the ConversationCard header. */\n  headerProps: ConversationCardHeaderProps;\n  /**\n   * Used to set the active state of the ConversationCard.\n   * @default false\n   */\n  active?: boolean;\n  /** Callback function for clicking the ConversationCard. */\n  onClick?: () => void;\n  /** Props to show and configure the conversation overlay button. If not passed, the overlay button won't be shown. */\n  overlayProps?: ConversationCardOverlayProps;\n  /** Props for the pin functionality. If not passed, pin functionality won't be shown. */\n  pinProps?: ConversationCardPinProps;\n  /**\n   * Used to preserve the position of the ConversationCard in a list with infinite scrolling.\n   * @default false\n   */\n  shouldPreservePosition?: boolean;\n  /**\n   * Used to show the unread messages indicator.\n   * @default false\n   */\n  showNotificationIndicator?: boolean;\n  /** The tags to be displayed in the ConversationCard. See the `Tag` for more information. Additionally, you can pass in a tooltipContent to customize what is shown in the tooltip. */\n  tags?: ConversationCardTag[];\n  /** Data test id for the conversation card.\n   * @default kibble-conversation-card\n   */\n  'data-testid'?: string;\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  ['data-testid']: dataTestId = 'kibble-conversation-card',\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={dataTestId}\n      interactive\n      active={active}\n      size=\"sm\"\n      fullWidth\n      onClick={(): void => {\n        if (onClick) {\n          onClick();\n        }\n      }}\n      bg={showNotificationIndicator || active || isHovering ? 'background.default' : 'background.subtle'}\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__Button--Container\"\n          data-testid={`${dataTestId}-button-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 content={content} contentProps={contentProps} contentMenu={contentMenu} />\n      {!!tags?.length && <ConversationCardTags tags={tags} />}\n      {footerProps && <ConversationCardFooter {...footerProps} />}\n    </Card>\n  );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","dataTestId","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","overlayDataTestId","isPinned","onTogglePin","pinDataTestId","listProps","headerMenuDataTestId","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":";;;;;;;;;;;;;;;;;;AAsBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAChC,MAEIC,gBAAAA,MAACC,KAAQ,OAAOH,KAAgB,IAAI,UAAU,CAACA,GAAc,QAC3D,UAAAE,gBAAAA,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAaH;AAAA,IACb,YAAW;AAAA,IACX,gBAAe;AAAA,IAEd,UAAAH,KAAOD,EAAQ,SAASC,IACvBI,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAS,CAACC,MAAY;AACpB,UAAAA,EAAE,gBAAgB,GACdP,KACFA,EAAmBO,CAAC;AAAA,QAExB;AAAA,QACA,QAAO;AAAA,QACP,MAAMT,EAAQ,OAAO,SAAS;AAAA,QAC9B,aAAa;AAAA,MAAA;AAAA,IAAA,IAGZK,gBAAAA,EAAA,IAAAK,EAAA,UAAA,EAAA,UAAAV,EAAQ,IAAI,CAACW,MAAWA,CAAM,EAAE,CAAA;AAAA,EAAA;AAAA,GAGzC,GClBSC,IAAyB,CAAC;AAAA,EACrC,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,UAAAC;AAAA,EACA,CAAC,gBAAgBf,IAAa;AAChC,MAEIgB,gBAAAA,OAACC,KAAO,WAAU,4BAA2B,eAAajB,GAAY,SAAQ,iBAAgB,OAAM,cAClG,UAAA;AAAA,EAACgB,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,WAAU,kCAAiC,eAAa,GAAGjB,CAAU,SAAS,QAAO,WAC1F,UAAA;AAAA,IAAAS,2BACEd,GAA6B,EAAA,GAAGc,GAAkB,cAAcA,GAAkB,gBAAgBI,GAAO;AAAA,IAE5GG,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAGlB,CAAU;AAAA,QAC1B,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,KAAI;AAAA,QAEJ,UAAA;AAAA,UAAAC,gBAAAA,EAAA;AAAA,YAACkB;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAa,GAAGnB,CAAU;AAAA,cAC1B,MAAK;AAAA,cACL,WAAS;AAAA,cAER,UAAAa;AAAA,YAAA;AAAA,UACH;AAAA,UACCE,KACCd,gBAAAA,EAAA;AAAA,YAACmB;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAa,GAAGpB,CAAU;AAAA,cAC1B,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAS;AAAA,cAER,UAAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAAA,EACAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,GAAGjB,CAAU;AAAA,MAC1B,YAAYW,IAAiB,WAAW;AAAA,MACxC,OAAM;AAAA,MACN,KAAK;AAAA,MAEL,UAAA;AAAA,QAACV,gBAAAA,EAAAA,IAAAoB,GAAA,EAAW,GAAGX,GAAgB;AAAA,QAC9BI,KACCb,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YACV,eAAa,GAAGtB,CAAU;AAAA,YAE1B,UAAAC,gBAAAA,EAAAA,IAACsB,GAAoB,EAAA,MAAK,KAAK,CAAA;AAAA,UAAA;AAAA,QACjC;AAAA,QAEDX,KACCX,gBAAAA,EAAAA,IAACE,GAAK,EAAA,eAAa,GAAGH,CAAU,gBAC9B,UAACC,gBAAAA,EAAA,IAAAuB,GAAA,EAAK,MAAK,MAAK,SAAQ,QAAO,MAAK,OAAM,EAC5C,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF,GCtDSC,IAA0B,CAAC;AAAA,EACtC,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,CAAC,gBAAgB9B,IAAa;AAChC,MAAgE;AACxD,QAAA,EAAE,iBAAA+B,GAAiB,iBAAAC,GAAiB,CAAC,aAAa,GAAGC,EAAA,IAAsBP,KAAgB,CAAC,GAC5F,EAAE,UAAAQ,GAAU,aAAAC,GAAa,CAAC,aAAa,GAAGC,EAAA,IAAkBT,KAAY,CAAC,GACzE,EAAE,WAAAU,GAAW,CAAC,aAAa,GAAGC,EAAqB,IAAIV,KAAmB,CAAC,GAC3EW,IAAcL,IAAW,cAAc;AAE7C,gCACGjB,GAAO,EAAA,WAAU,0BAAyB,eAAajB,GAAY,KAAK,GACtE,UAAA;AAAA,IACC0B,KAAAzB,gBAAAA,EAAA;AAAA,MAACuC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAaP,KAAwC,GAAGjC,CAAU;AAAA,QAClE,SAAQ;AAAA,QACR,cAAa;AAAA,QACZ,GAAI+B,KAAmB,EAAE,QAAQ,GAAK;AAAA,QACvC,SAAS,MAAY;AACnB,UAAIC,KACcA,EAAA,GAGdH,KACFC,EAAc,EAAK;AAAA,QAEvB;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAEDH,KACC1B,gBAAAA,EAAA;AAAA,MAACuC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAaJ,KAAgC,GAAGpC,CAAU;AAAA,QAC1D,SAASkC,IAAW,+BAA+B;AAAA,QACnD,cAAa;AAAA,QACb,SAAS,MAAY;AACnB,UAAIC,KACFA,EAAY,CAACD,CAAQ,GAGnBL,KACFC,EAAc,EAAK;AAAA,QAEvB;AAAA,QACA,UAAUS;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAEDX,KACC3B,gBAAAA,EAAA;AAAA,MAACwC;AAAA,MAAA;AAAA,QACC,aACEb,EAAgB,eAAe;AAAA,UAC7B,SAAS;AAAA,UACT,MAAM;AAAA,UACN,cAAc;AAAA,UACd,UAAU;AAAA,UACV,WAAW;AAAA,UACX,SAAS;AAAA,QACX;AAAA,QAEF,eAAe;AAAA,QACf,WAAS;AAAA,QACT,eAAaU,KAA8C,GAAGtC,CAAU;AAAA,QACvE,GAAG4B;AAAA,QACJ,WAAW;AAAA,UACT,GAAGS;AAAA,UACH,WAAW;AAAA,YACT,GAAIV,IACA;AAAA,cACE;AAAA,gBACE,OAAO,GAAGO,IAAW,UAAU,KAAK;AAAA,gBACpC,OAAO;AAAA,gBACP,SAASA,IAAW,WAAW;AAAA,gBAC/B,aAAcjC,gBAAAA,EAAA,IAAAuB,GAAA,EAAK,MAAK,MAAK,SAASU,IAAW,WAAW,WAAW,MAAMK,EAAa,CAAA;AAAA,gBAC1F,UAAU,MAAY;AACpB,kBAAIJ,KACFA,EAAY,CAACD,CAAQ;AAAA,gBACvB;AAAA,cACF;AAAA,YACF,IAEF,CAAC;AAAA,YACL,GAAIG,GAAW,aAAa,CAAA;AAAA,UAAC;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ,GC3HaK,IAAuB,CAAC;AAAA,EACnC,MAAAC;AAAA,EACA,CAAC,gBAAgB3C,IAAa;AAChC,MAEKC,gBAAAA,EAAA,IAAAqB,GAAA,EAAI,WAAU,0BAAyB,IAAI,GAAG,eAAatB,GAC1D,UAAAC,gBAAAA,MAAC2C,KAAK,KAAK,GACR,UAAKD,EAAA,IAAI,CAACE,MAAQ;AACjB,QAAM,EAAE,gBAAAC,GAAgB,GAAGC,EAAA,IAASF;AAChC,MAAAG,0BAAcC,GAAK,EAAA,GAAGF,GAAM,MAAK,MAAK,eAAc,cAAa;AAErE,SAAID,MAEAE,IAAA/C,gBAAAA,EAAA,IAACC,KAAQ,OAAO4C,GAAgB,WAAU,OACxC,UAAA7C,gBAAAA,EAAAA,IAACqB,GAAK,EAAA,UAAA0B,EAAA,CAAW,EACnB,CAAA,IAII/C,gBAAAA,EAAAA,IAAAiD,GAAA,EAA0B,UAAZF,EAAA,GAAAH,EAAI,KAAmB;AAAA,CAC9C,GACH,EACF,CAAA,GCxBSM,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,CAAC,gBAAgBtD,IAAa;AAChC,MAAsD;AAC9C,QAAAuD,IACJ,OAAOF,KAAY,WACjBpD,gBAAAA,EAAA;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,GAAGpB,CAAU;AAAA,MAC1B,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAGsD;AAAA,MACH,GAAIF,KAAa,EAAE,IAAI,EAAE;AAAA,MAEzB,UAAAC;AAAA,IAAA;AAAA,EAAA,IAGHA;AAGF,SAAArC,gBAAAA,OAACb,KAAK,WAAU,4BAA2B,eAAaH,GAAY,IAAI,GAAG,YAAW,UACnF,UAAA;AAAA,IAAAoD,2BAAc5B,GAAK,EAAA,MAAK,MAAK,SAAQ,UAAU,GAAG4B,GAAW;AAAA,IAC7DG;AAAA,EAAA,GACH;AAEJ,GC3BaC,IAA0B,CAAC;AAAA,EACtC,aAAAC;AAAA,EACA,SAAAJ;AAAA,EACA,cAAAC;AAAA,EACA,CAAC,gBAAgBtD,IAAa;AAChC,MAAuD;AAC/C,QAAAuD,IACJ,OAAOF,KAAY,WACjBpD,gBAAAA,EAAA;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,GAAGpB,CAAU;AAAA,MAC1B,WAAS;AAAA,MACT,MAAK;AAAA,MACJ,GAAGsD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA,IAGHA;AAIF,SAAArC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,GAAGjB,CAAU;AAAA,MAC1B,IAAI;AAAA,MACJ,gBAAe;AAAA,MACf,YAAW;AAAA,MAEV,UAAA;AAAA,QAAAuD;AAAA,QACAE,KACExD,gBAAAA,EAAAA,IAAAqB,GAAA,EAAI,WAAU,iCAAgC,eAAa,GAAGtB,CAAU,SAAS,IAAG,QAClF,UACHyD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,GCeaC,KAAmB,CAAC;AAAA,EAC/B,mBAAAC,IAAoB;AAAA,EACpB,kBAAAlD;AAAA,EACA,SAAA4C;AAAA,EACA,cAAAC;AAAA,EACA,aAAAG;AAAA,EACA,aAAAG;AAAA,EACA,iBAAAhC;AAAA,EACA,aAAAiC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAArC;AAAA,EACA,UAAAC;AAAA,EACA,wBAAAqC,IAAyB;AAAA,EACzB,2BAAAlD;AAAA,EACA,MAAA6B;AAAA,EACA,CAAC,gBAAgB3C,IAAa;AAChC,MAAgD;AAC9C,QAAM,EAAE,UAAAkC,MAAaP,KAAY,CAAC,GAC5B,CAACE,GAAYC,CAAa,IAAImC,EAAS,EAAK;AAGhD,SAAAjD,gBAAAA,EAAA;AAAA,IAACkD;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,eAAalE;AAAA,MACb,aAAW;AAAA,MACX,QAAA8D;AAAA,MACA,MAAK;AAAA,MACL,WAAS;AAAA,MACT,SAAS,MAAY;AACnB,QAAIC,KACMA,EAAA;AAAA,MAEZ;AAAA,MACA,IAAIjD,KAA6BgD,KAAUjC,IAAa,uBAAuB;AAAA,MAC/E,cAAc,MAAY;AACxB,QAAI8B,KACF7B,EAAc,EAAI;AAAA,MAEtB;AAAA,MACA,cAAc,MAAYA,EAAc,EAAK;AAAA,MAC7C,KAAI;AAAA,MACJ,KAAK,EAAE,gBAAgBkC,IAAyB,SAAS,OAAO;AAAA,MAE/D,UAAA;AAAA,QACCnC,KAAA5B,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGtB,CAAU;AAAA,YAC1B,KAAI;AAAA,YACJ,KAAK;AAAA,YACL,QAAO;AAAA,YACP,OAAO;AAAA,YACP,IAAG;AAAA,YACH,cAAa;AAAA,YACb,SAAS,CAACK,MAAYA,EAAE,gBAAgB;AAAA,YAExC,UAAAJ,gBAAAA,EAAA;AAAA,cAACwB;AAAA,cAAA;AAAA,gBACC,cAAAC;AAAA,gBACA,UAAAC;AAAA,gBACA,iBAAAC;AAAA,gBACA,YAAAC;AAAA,gBACA,eAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QACF;AAAA,QAEF7B,gBAAAA,EAAA;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,kBAAAC;AAAA,YACA,gBAAgBoB;AAAA,YAChB,cAAcK;AAAA,YACd,2BAAApB;AAAA,YACC,GAAG+C;AAAA,UAAA;AAAA,QACN;AAAA,QACC5D,gBAAAA,EAAAA,IAAAuD,GAAA,EAAwB,SAAAH,GAAkB,cAAAC,GAA4B,aAAAG,EAA0B,CAAA;AAAA,QAChG,CAAC,CAACd,GAAM,UAAU1C,gBAAAA,EAAA,IAACyC,KAAqB,MAAAC,GAAY;AAAA,QACpDiB,KAAe3D,gBAAAA,EAAA,IAACkD,GAAwB,EAAA,GAAGS,EAAa,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3D;AAEJ;"}
+{"version":3,"file":"conversationCard.component-D7hpX-QG.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 to display in the group. */\n  avatars: React.ReactNode[];\n  /** Maximum number of avatars to display.\n   * @default 1\n   */\n  max?: number;\n  /** Callback function to be called when the avatar group is clicked. */\n  onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  /** Label for the tooltip. */\n  tooltipLabel?: string;\n  /** Data test id for the avatar group.\n   * @default kibble-conversation-card-avatar-group\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n  avatars,\n  max = 1,\n  onAvatarGroupClick,\n  tooltipLabel,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-avatar-group',\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n  return (\n    <Tooltip label={tooltipLabel || ''} disabled={!tooltipLabel?.length}>\n      <Flex\n        className=\"ConversationCard__AvatarGroup\"\n        data-testid={dataTestId}\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 { Timestamp, TimestampProps } 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  /** Props for the avatar group. */\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  /** If true, the notification indicator will be displayed. */\n  showNotificationIndicator?: boolean;\n  /** Determines if the card is pinned. */\n  isCardPinned?: boolean;\n  /** Determines if the card is being hovered. */\n  isHoveringCard?: boolean;\n  /** Subtitle of the card. */\n  subtitle?: string;\n  /** Props for the timestamp. */\n  timestampProps: TimestampProps;\n  /** Title of the card. */\n  title: string;\n  /** Data test id for the header.\n   * @default kibble-conversation-card-header\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardHeader = ({\n  avatarGroupProps,\n  timestampProps,\n  isHoveringCard,\n  isCardPinned,\n  title,\n  showNotificationIndicator,\n  subtitle,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-header',\n}: ConversationCardHeaderProps): React.JSX.Element => {\n  return (\n    <HStack className=\"ConversationCard__Header\" data-testid={dataTestId} justify=\"space-between\" align=\"flex-start\">\n      <HStack className=\"ConversationCard__Header--Left\" data-testid={`${dataTestId}-left`} cursor=\"pointer\">\n        {avatarGroupProps && (\n          <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n        )}\n        <VStack\n          className=\"ConversationCard__HeaderText\"\n          data-testid={`${dataTestId}-text`}\n          justify=\"center\"\n          align=\"left\"\n          gap=\"0\"\n        >\n          <Heading\n            className=\"ConversationCard__HeaderText--Title\"\n            data-testid={`${dataTestId}-title`}\n            size=\"sm\"\n            truncated\n          >\n            {title}\n          </Heading>\n          {subtitle && (\n            <Text\n              className=\"ConversationCard__HeaderText--Subtitle\"\n              data-testid={`${dataTestId}-subtitle`}\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={`${dataTestId}-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={`${dataTestId}-unread-indicator`}\n          >\n            <NotificationCounter size=\"xs\" />\n          </Box>\n        )}\n        {isCardPinned && (\n          <Flex data-testid={`${dataTestId}-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  /** Determines if the conversation is open in an overlay. */\n  isOpenInOverlay?: boolean;\n  /** Callback function to be called when the conversation is opened in an overlay. */\n  onOpenInOverlay: () => void;\n  /** Data test id for the overlay button. */\n  'data-testid'?: string;\n}\n\nexport interface ConversationCardPinProps {\n  /** Determines if the conversation is pinned. */\n  isPinned?: boolean;\n  /** Callback function to called when the conversation is pinned. */\n  onTogglePin: (isPinned: boolean) => void;\n  /** Data test id for the pin button. */\n  'data-testid'?: string;\n}\n\nexport interface ConversationCardButtonsProps {\n  /** Props for the overlay button. */\n  overlayProps?: ConversationCardOverlayProps;\n  /** Props for the pin button. */\n  pinProps?: ConversationCardPinProps;\n  /** Props for the header Menu. */\n  headerMenuProps?: MenuProps;\n  /** Data test id for the buttons.\n   * @default kibble-conversation-card-buttons\n   */\n  'data-testid'?: string;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n  /** Determines if the conversation is being hovered.\n   * @internal\n   */\n  isHovering: boolean;\n  /** Callback function to set the hover state.\n   * @internal\n   */\n  setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n  overlayProps,\n  pinProps,\n  headerMenuProps,\n  isHovering,\n  setIsHovering,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-buttons',\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n  const { isOpenInOverlay, onOpenInOverlay, ['data-testid']: overlayDataTestId } = overlayProps || {};\n  const { isPinned, onTogglePin, ['data-testid']: pinDataTestId } = pinProps || {};\n  const { listProps, ['data-testid']: headerMenuDataTestId } = headerMenuProps || {};\n  const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n  return (\n    <HStack className=\"ConversationCard__Menu\" data-testid={dataTestId} gap={1}>\n      {overlayProps && (\n        <Button\n          className=\"ConversationCard__OverlayButton\"\n          data-testid={overlayDataTestId ? overlayDataTestId : `${dataTestId}-overlay-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={pinDataTestId ? pinDataTestId : `${dataTestId}-pin-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          data-testid={headerMenuDataTestId ? headerMenuDataTestId : `${dataTestId}-menu`}\n          {...headerMenuProps}\n          listProps={{\n            ...listProps,\n            menuItems: [\n              ...(pinProps\n                ? [\n                    {\n                      label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n                      value: 'PinConversation',\n                      variant: isPinned ? 'danger' : 'default',\n                      leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\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  /** Content to display in the tooltip. */\n  tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n  /** Tags to display in the ConversationCard. */\n  tags: ConversationCardTag[];\n  /** Data test id for the tags.\n   * @default kibble-conversation-card-tags\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardTags = ({\n  tags,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-tags',\n}: ConversationCardTagsProps): React.JSX.Element => {\n  return (\n    <Box className=\"ConversationCard__Tags\" mt={3} data-testid={dataTestId}>\n      <Wrap gap={2}>\n        {tags.map((tag) => {\n          const { tooltipContent, ...rest } = tag;\n          let tagElement = <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />;\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  /** Props for the Icon component. */\n  iconProps?: IconProps;\n  /** Content of the footer. */\n  content: React.ReactNode;\n  /** Props to customize the content styling. */\n  contentProps?: Omit<TextProps, 'children'>;\n  /** Data test id for the footer.\n   * @default kibble-conversation-card-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardFooter = ({\n  iconProps,\n  content,\n  contentProps,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-footer',\n}: ConversationCardFooterProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__FooterMessage\"\n        data-testid={`${dataTestId}-message`}\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 className=\"ConversationCard__Footer\" data-testid={dataTestId} mt={3} alignItems=\"center\">\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 of the card. */\n  content?: React.ReactNode;\n  /** Props to customize the content styling. */\n  contentProps?: Omit<TextProps, 'children'>;\n  /** Optional Menu for the card. */\n  contentMenu?: React.ReactNode;\n  /** Data test id for the content.\n   * @default kibble-conversation-card-content\n   */\n  'data-testid'?: string;\n}\n\nexport const ConversationCardContent = ({\n  contentMenu,\n  content,\n  contentProps,\n  ['data-testid']: dataTestId = 'kibble-conversation-card-content',\n}: ConversationCardContentProps): React.JSX.Element => {\n  const _content =\n    typeof content === 'string' ? (\n      <Text\n        className=\"ConversationCard__Content\"\n        data-testid={`${dataTestId}-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={`${dataTestId}-container`}\n      mt={3}\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n    >\n      {_content}\n      {contentMenu && (\n        <Box className=\"ConversationCard__ContentMenu\" data-testid={`${dataTestId}-menu`} ml=\"auto\">\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  /**\n   * Used to enable hover actions on the ConversationCard.\n   * @default true\n   */\n  allowHoverActions?: boolean;\n  /** Props for the `AvatarGroup` component. */\n  avatarGroupProps?: ConversationCardAvatarGroupProps;\n  /** Props for the ConversationCard footer. */\n  footerProps?: ConversationCardFooterProps;\n  /** Props for the Menu component. See the `Menu` for more details. This component provides a default menu button if none is provided. If menuProps and pinProps are passed together, the component automatically adds a menuItem to control the pinned state. */\n  headerMenuProps?: MenuProps;\n  /** Props for the ConversationCard header. */\n  headerProps: ConversationCardHeaderProps;\n  /**\n   * Used to set the active state of the ConversationCard.\n   * @default false\n   */\n  active?: boolean;\n  /** Callback function for clicking the ConversationCard. */\n  onClick?: () => void;\n  /** Props to show and configure the conversation overlay button. If not passed, the overlay button won't be shown. */\n  overlayProps?: ConversationCardOverlayProps;\n  /** Props for the pin functionality. If not passed, pin functionality won't be shown. */\n  pinProps?: ConversationCardPinProps;\n  /**\n   * Used to preserve the position of the ConversationCard in a list with infinite scrolling.\n   * @default false\n   */\n  shouldPreservePosition?: boolean;\n  /**\n   * Used to show the unread messages indicator.\n   * @default false\n   */\n  showNotificationIndicator?: boolean;\n  /** The tags to be displayed in the ConversationCard. See the `Tag` for more information. Additionally, you can pass in a tooltipContent to customize what is shown in the tooltip. */\n  tags?: ConversationCardTag[];\n  /** Data test id for the conversation card.\n   * @default kibble-conversation-card\n   */\n  'data-testid'?: string;\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  ['data-testid']: dataTestId = 'kibble-conversation-card',\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={dataTestId}\n      interactive\n      active={active}\n      size=\"sm\"\n      fullWidth\n      onClick={(): void => {\n        if (onClick) {\n          onClick();\n        }\n      }}\n      bg={showNotificationIndicator || active || isHovering ? 'background.default' : 'background.subtle'}\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__Button--Container\"\n          data-testid={`${dataTestId}-button-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 content={content} contentProps={contentProps} contentMenu={contentMenu} />\n      {!!tags?.length && <ConversationCardTags tags={tags} />}\n      {footerProps && <ConversationCardFooter {...footerProps} />}\n    </Card>\n  );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","dataTestId","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","overlayDataTestId","isPinned","onTogglePin","pinDataTestId","listProps","headerMenuDataTestId","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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"}

package/dist/chunks/{datePicker.component-BAaIqF1O.js → datePicker.component-BotAJpXU.js}

@@ -1,20 +1,20 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { i as R, u as y, U as k, F as c, x as W, t as D, a as B, b as T, c as A } from "./datePicker.provider-DEN8clnz.js";
-import { W as P } from "./textInput.component-BMy6cEdV.js";
+import { i as R, u as y, U as k, F as c, x as W, t as D, a as B, b as T, c as A } from "./datePicker.provider-xtYFjWKI.js";
+import { W as P } from "./textInput.component-C7kdQ8hF.js";
 import { I as C } from "./icon.component-PV_nHBId.js";
-import { W as H } from "./text.component-IjomJyJY.js";
+import { W as H } from "./text.component-DhuUgP3j.js";
 import { t as b, f as v, i as O } from "./format-CqTHHSak.js";
-import { u as I } from "./popover-root-provider-DR0Iuda1.js";
+import { u as I } from "./popover-root-provider-CFn2dthZ.js";
 import { H as _ } from "./h-stack-8q5nAOg0.js";
 import { F } from "./flex-CX-8gE9T.js";
 import { useCallback as $ } from "react";
 import { B as S } from "./button.component-BO6oee_V.js";
-import { p as M } from "./popover.recipe-BAl0q_IZ.js";
+import { p as M } from "./popover.recipe-DPwwsWLb.js";
 import { u as U } from "./usePortalContentRef-DO_jc4W9.js";
 import { D as K } from "./divider.component-CFOh4Nw3.js";
 import { u as V } from "./create-slot-recipe-context-D_FXDJGp.js";
-import { P as q } from "./index-C9UYIjEB.js";
-import { P as G, a as J, b as L, c as Q } from "./popover-pd70xkY_.js";
+import { P as q } from "./index-DcmJgLUo.js";
+import { P as G, a as J, b as L, c as Q } from "./popover-Gb1fXSR7.js";
 function X(t, a) {
   return +b(t) < +b(a);
 }
@@ -163,4 +163,4 @@ const ge = (t) => {
 export {
   ge as D
 };
-//# sourceMappingURL=datePicker.component-BAaIqF1O.js.map
+//# sourceMappingURL=datePicker.component-BotAJpXU.js.map

package/dist/chunks/{datePicker.component-BAaIqF1O.js.map → datePicker.component-BotAJpXU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"datePicker.component-BAaIqF1O.js","sources":["../../node_modules/date-fns/isBefore.js","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.utils.ts","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.component.tsx","../../src/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.tsx","../../src/components/DatePicker/datePicker.component.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param date - The date that should be before the other one to return true\n * @param dateToCompare - The date to compare with\n *\n * @returns The first date is before the second date\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport function isBefore(date, dateToCompare) {\n  return +toDate(date) < +toDate(dateToCompare);\n}\n\n// Fallback for modularized imports:\nexport default isBefore;\n","import isAfter from 'date-fns/isAfter';\nimport isBefore from 'date-fns/isBefore';\n\nexport const isDateAfterMin = (date: Date, minDate?: Date): boolean => (minDate ? isAfter(date, minDate) : true);\nexport const isDateBeforeMax = (date: Date, maxDate?: Date): boolean => (maxDate ? isBefore(date, maxDate) : true);\n","import React, { ChangeEvent } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { TextInput, TextInputProps } from 'components/TextInput/textInput.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Text } from 'components/Text/text.component';\nimport isDate from 'date-fns/isDate';\nimport { getInputValue, parseDate } from '@datepicker-react/hooks';\nimport { isDateAfterMin, isDateBeforeMax } from './datePickerInput.utils';\nimport { FocusedInput, today, useDatePickerContext } from '../../context/datePicker.context';\nimport format from 'date-fns/format';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\ninterface DatePickerInputProps {\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /** Data test id for the input.\n   * @default kibble-datepicker-input\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerInput({\n  inputProps,\n  ['data-testid']: dataTestId = 'kibble-datepicker-input',\n}: DatePickerInputProps): React.JSX.Element {\n  const {\n    setFocusedInput,\n    startDate,\n    endDate,\n    focusedInput,\n    dateFormat,\n    withDateRange,\n    minDate,\n    maxDate,\n    onDateChange,\n    onDateSelect,\n    onClose,\n  } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n  const iconSize = inputProps?.size || 'md';\n\n  const onKeyDown = (e: React.KeyboardEvent): void => {\n    if (e.key === 'Enter' && open) {\n      setOpen(false);\n      onClose();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const dateValue = e.target.value;\n    const parsedDate = parseDate(dateValue, dateFormat, today);\n\n    if (\n      dateValue.length === dateFormat.length &&\n      isDate(parsedDate) &&\n      isDateAfterMin(parsedDate, minDate) &&\n      isDateBeforeMax(parsedDate, maxDate)\n    ) {\n      onDateSelect(parsedDate);\n    }\n\n    // Trigger change when input is empty\n    if (!dateValue.length && onDateChange) {\n      onDateChange({ startDate: null, endDate: null });\n    }\n  };\n\n  return (\n    <HStack w=\"100%\" className=\"DatePicker__Trigger\" data-testid={dataTestId}>\n      <TextInput\n        className=\"DatePicker__Input--Start\"\n        data-testid={`${dataTestId}-start`}\n        autoComplete=\"off\"\n        rightElement={\n          <Flex\n            {...(!inputProps?.disabled && {\n              onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n            })}\n            h=\"100%\"\n            align=\"center\"\n          >\n            <Icon name=\"calendarDate\" size={iconSize} />\n          </Flex>\n        }\n        value={getInputValue(startDate, dateFormat, '')}\n        onChange={onInputChange}\n        onKeyDown={onKeyDown}\n        {...(!inputProps?.disabled && {\n          onFocus: (): void => {\n            setFocusedInput(FocusedInput.StartDate);\n          },\n        })}\n        placeholder={format(today, dateFormat).toString()}\n        {...(focusedInput === FocusedInput.StartDate && {\n          'data-focus': true,\n        })}\n        {...inputProps}\n      />\n      {withDateRange && (\n        <>\n          <Text> - </Text>\n          <TextInput\n            className=\"DatePicker__Input--End\"\n            data-testid={`${dataTestId}-end`}\n            rightElement={\n              <Flex\n                {...(!inputProps?.disabled && {\n                  onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n                })}\n                h=\"100%\"\n                align=\"center\"\n              >\n                <Icon name=\"calendarDate\" size={iconSize} />\n              </Flex>\n            }\n            value={getInputValue(endDate, dateFormat, '')}\n            onChange={onInputChange}\n            {...(!inputProps?.disabled && {\n              onFocus: (): void => setFocusedInput(FocusedInput.EndDate),\n            })}\n            onKeyDown={onKeyDown}\n            placeholder={format(today, dateFormat).toString()}\n            {...(focusedInput === FocusedInput.EndDate && {\n              'data-focus': true,\n            })}\n            {...inputProps}\n          />\n        </>\n      )}\n    </HStack>\n  );\n}\n","import React, { useCallback } from 'react';\nimport { Button } from 'components/Button/button.component';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { DateRange } from '../../datePicker.types';\nimport { useDatePickerContext } from '../../context/datePicker.context';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\nexport interface DatePickerFooterProps {\n  /** Text to display in the submit button.\n   * @default Apply\n   */\n  buttonText?: string;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: ({ startDate, endDate }: DateRange) => void;\n  /** If true, the reset button will be hidden. */\n  hideResetButton?: boolean;\n  /** Data test id for the footer.\n   * @default kibble-datepicker-footer\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerFooter({\n  buttonText = 'Apply',\n  onSubmit,\n  hideResetButton,\n}: DatePickerFooterProps): React.JSX.Element {\n  const { startDate, endDate, clearDates, standalone } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n\n  const handleSubmit = useCallback((): void => {\n    if (!standalone) {\n      setOpen(false);\n    }\n\n    if (onSubmit) {\n      onSubmit({ startDate, endDate });\n    }\n  }, [standalone, setOpen, onSubmit, startDate, endDate]);\n\n  return (\n    <HStack\n      w=\"100%\"\n      justify={hideResetButton ? 'end' : 'space-between'}\n      align=\"center\"\n      borderTop=\"1px\"\n      borderColor=\"border.default\"\n      px={3}\n      py={2}\n    >\n      {!hideResetButton && (\n        <Button size=\"sm\" variant=\"ghostNeutral\" onClick={() => clearDates({ open })}>\n          Clear Dates\n        </Button>\n      )}\n      <Button size=\"sm\" onClick={handleSubmit}>\n        {buttonText}\n      </Button>\n    </HStack>\n  );\n}\n","import React from 'react';\nimport { DateProps } from './datePicker.types';\nimport { TextInputProps } from 'components/TextInput/textInput.component';\nimport { Placement } from 'shared/types/placement';\nimport { DatePickerProvider } from './context/datePicker.provider';\nimport { DatePickerInput } from './components/DatePickerInput/datePickerInput.component';\nimport { DatePickerFooter, DatePickerFooterProps } from './components/DatePickerFooter/datePickerFooter.component';\nimport { DatePickerHeader } from './components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from './components/DatePickerCalendar/datePickerCalendar.component';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Divider } from 'components/Divider';\n\nexport interface DatePickerProps extends DateProps {\n  /** Props to customize the calendar footer. Only applicable when `withDateRange` is true. */\n  footerProps?: DatePickerFooterProps;\n  /**\n   * Hides the calendar footer with the submit button. Only applicable when `withDateRange` is true.\n   * @default false\n   */\n  hideFooter?: boolean;\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * If true, the date picker will render two input fields that control both the start and end date for a range selection.\n   * @default false\n   */\n  withDateRange?: boolean;\n  /** Data test id for the date picker.\n   * @default kibble-datepicker\n   */\n  'data-testid'?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps): React.JSX.Element => {\n  const {\n    footerProps,\n    hideFooter = false,\n    inputProps,\n    portalled = true,\n    withDateRange = false,\n    ['data-testid']: dataTestId = 'kibble-datepicker',\n  } = props;\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n\n  return (\n    <DatePickerProvider {...props}>\n      <CPopover.Trigger w=\"100%\">\n        <DatePickerInput inputProps={{ ...inputProps, readOnly: true }} />\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DatePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DatePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{ ...styles.content, minW: '340px' }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <DatePickerHeader />\n              <Divider />\n              <DatePickerCalendar />\n              {withDateRange && !hideFooter && <DatePickerFooter {...footerProps} />}\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["isBefore","date","dateToCompare","toDate","isDateAfterMin","minDate","isAfter","isDateBeforeMax","maxDate","DatePickerInput","inputProps","dataTestId","setFocusedInput","startDate","endDate","focusedInput","dateFormat","withDateRange","onDateChange","onDateSelect","onClose","useDatePickerContext","open","setOpen","usePopoverContext","iconSize","onKeyDown","e","onInputChange","dateValue","parsedDate","parseDate","today","isDate","HStack","jsx","TextInput","Flex","FocusedInput","Icon","getInputValue","format","jsxs","Fragment","Text","DatePickerFooter","buttonText","onSubmit","hideResetButton","clearDates","standalone","handleSubmit","useCallback","Button","DatePicker","props","footerProps","hideFooter","portalled","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"datePicker.component-BotAJpXU.js","sources":["../../node_modules/date-fns/isBefore.js","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.utils.ts","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.component.tsx","../../src/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.tsx","../../src/components/DatePicker/datePicker.component.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param date - The date that should be before the other one to return true\n * @param dateToCompare - The date to compare with\n *\n * @returns The first date is before the second date\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport function isBefore(date, dateToCompare) {\n  return +toDate(date) < +toDate(dateToCompare);\n}\n\n// Fallback for modularized imports:\nexport default isBefore;\n","import isAfter from 'date-fns/isAfter';\nimport isBefore from 'date-fns/isBefore';\n\nexport const isDateAfterMin = (date: Date, minDate?: Date): boolean => (minDate ? isAfter(date, minDate) : true);\nexport const isDateBeforeMax = (date: Date, maxDate?: Date): boolean => (maxDate ? isBefore(date, maxDate) : true);\n","import React, { ChangeEvent } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { TextInput, TextInputProps } from 'components/TextInput/textInput.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Text } from 'components/Text/text.component';\nimport isDate from 'date-fns/isDate';\nimport { getInputValue, parseDate } from '@datepicker-react/hooks';\nimport { isDateAfterMin, isDateBeforeMax } from './datePickerInput.utils';\nimport { FocusedInput, today, useDatePickerContext } from '../../context/datePicker.context';\nimport format from 'date-fns/format';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\ninterface DatePickerInputProps {\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /** Data test id for the input.\n   * @default kibble-datepicker-input\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerInput({\n  inputProps,\n  ['data-testid']: dataTestId = 'kibble-datepicker-input',\n}: DatePickerInputProps): React.JSX.Element {\n  const {\n    setFocusedInput,\n    startDate,\n    endDate,\n    focusedInput,\n    dateFormat,\n    withDateRange,\n    minDate,\n    maxDate,\n    onDateChange,\n    onDateSelect,\n    onClose,\n  } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n  const iconSize = inputProps?.size || 'md';\n\n  const onKeyDown = (e: React.KeyboardEvent): void => {\n    if (e.key === 'Enter' && open) {\n      setOpen(false);\n      onClose();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const dateValue = e.target.value;\n    const parsedDate = parseDate(dateValue, dateFormat, today);\n\n    if (\n      dateValue.length === dateFormat.length &&\n      isDate(parsedDate) &&\n      isDateAfterMin(parsedDate, minDate) &&\n      isDateBeforeMax(parsedDate, maxDate)\n    ) {\n      onDateSelect(parsedDate);\n    }\n\n    // Trigger change when input is empty\n    if (!dateValue.length && onDateChange) {\n      onDateChange({ startDate: null, endDate: null });\n    }\n  };\n\n  return (\n    <HStack w=\"100%\" className=\"DatePicker__Trigger\" data-testid={dataTestId}>\n      <TextInput\n        className=\"DatePicker__Input--Start\"\n        data-testid={`${dataTestId}-start`}\n        autoComplete=\"off\"\n        rightElement={\n          <Flex\n            {...(!inputProps?.disabled && {\n              onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n            })}\n            h=\"100%\"\n            align=\"center\"\n          >\n            <Icon name=\"calendarDate\" size={iconSize} />\n          </Flex>\n        }\n        value={getInputValue(startDate, dateFormat, '')}\n        onChange={onInputChange}\n        onKeyDown={onKeyDown}\n        {...(!inputProps?.disabled && {\n          onFocus: (): void => {\n            setFocusedInput(FocusedInput.StartDate);\n          },\n        })}\n        placeholder={format(today, dateFormat).toString()}\n        {...(focusedInput === FocusedInput.StartDate && {\n          'data-focus': true,\n        })}\n        {...inputProps}\n      />\n      {withDateRange && (\n        <>\n          <Text> - </Text>\n          <TextInput\n            className=\"DatePicker__Input--End\"\n            data-testid={`${dataTestId}-end`}\n            rightElement={\n              <Flex\n                {...(!inputProps?.disabled && {\n                  onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n                })}\n                h=\"100%\"\n                align=\"center\"\n              >\n                <Icon name=\"calendarDate\" size={iconSize} />\n              </Flex>\n            }\n            value={getInputValue(endDate, dateFormat, '')}\n            onChange={onInputChange}\n            {...(!inputProps?.disabled && {\n              onFocus: (): void => setFocusedInput(FocusedInput.EndDate),\n            })}\n            onKeyDown={onKeyDown}\n            placeholder={format(today, dateFormat).toString()}\n            {...(focusedInput === FocusedInput.EndDate && {\n              'data-focus': true,\n            })}\n            {...inputProps}\n          />\n        </>\n      )}\n    </HStack>\n  );\n}\n","import React, { useCallback } from 'react';\nimport { Button } from 'components/Button/button.component';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { DateRange } from '../../datePicker.types';\nimport { useDatePickerContext } from '../../context/datePicker.context';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\nexport interface DatePickerFooterProps {\n  /** Text to display in the submit button.\n   * @default Apply\n   */\n  buttonText?: string;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: ({ startDate, endDate }: DateRange) => void;\n  /** If true, the reset button will be hidden. */\n  hideResetButton?: boolean;\n  /** Data test id for the footer.\n   * @default kibble-datepicker-footer\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerFooter({\n  buttonText = 'Apply',\n  onSubmit,\n  hideResetButton,\n}: DatePickerFooterProps): React.JSX.Element {\n  const { startDate, endDate, clearDates, standalone } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n\n  const handleSubmit = useCallback((): void => {\n    if (!standalone) {\n      setOpen(false);\n    }\n\n    if (onSubmit) {\n      onSubmit({ startDate, endDate });\n    }\n  }, [standalone, setOpen, onSubmit, startDate, endDate]);\n\n  return (\n    <HStack\n      w=\"100%\"\n      justify={hideResetButton ? 'end' : 'space-between'}\n      align=\"center\"\n      borderTop=\"1px\"\n      borderColor=\"border.default\"\n      px={3}\n      py={2}\n    >\n      {!hideResetButton && (\n        <Button size=\"sm\" variant=\"ghostNeutral\" onClick={() => clearDates({ open })}>\n          Clear Dates\n        </Button>\n      )}\n      <Button size=\"sm\" onClick={handleSubmit}>\n        {buttonText}\n      </Button>\n    </HStack>\n  );\n}\n","import React from 'react';\nimport { DateProps } from './datePicker.types';\nimport { TextInputProps } from 'components/TextInput/textInput.component';\nimport { Placement } from 'shared/types/placement';\nimport { DatePickerProvider } from './context/datePicker.provider';\nimport { DatePickerInput } from './components/DatePickerInput/datePickerInput.component';\nimport { DatePickerFooter, DatePickerFooterProps } from './components/DatePickerFooter/datePickerFooter.component';\nimport { DatePickerHeader } from './components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from './components/DatePickerCalendar/datePickerCalendar.component';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Divider } from 'components/Divider';\n\nexport interface DatePickerProps extends DateProps {\n  /** Props to customize the calendar footer. Only applicable when `withDateRange` is true. */\n  footerProps?: DatePickerFooterProps;\n  /**\n   * Hides the calendar footer with the submit button. Only applicable when `withDateRange` is true.\n   * @default false\n   */\n  hideFooter?: boolean;\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * If true, the date picker will render two input fields that control both the start and end date for a range selection.\n   * @default false\n   */\n  withDateRange?: boolean;\n  /** Data test id for the date picker.\n   * @default kibble-datepicker\n   */\n  'data-testid'?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps): React.JSX.Element => {\n  const {\n    footerProps,\n    hideFooter = false,\n    inputProps,\n    portalled = true,\n    withDateRange = false,\n    ['data-testid']: dataTestId = 'kibble-datepicker',\n  } = props;\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n\n  return (\n    <DatePickerProvider {...props}>\n      <CPopover.Trigger w=\"100%\">\n        <DatePickerInput inputProps={{ ...inputProps, readOnly: true }} />\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DatePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DatePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{ ...styles.content, minW: '340px' }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <DatePickerHeader />\n              <Divider />\n              <DatePickerCalendar />\n              {withDateRange && !hideFooter && <DatePickerFooter {...footerProps} />}\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["isBefore","date","dateToCompare","toDate","isDateAfterMin","minDate","isAfter","isDateBeforeMax","maxDate","DatePickerInput","inputProps","dataTestId","setFocusedInput","startDate","endDate","focusedInput","dateFormat","withDateRange","onDateChange","onDateSelect","onClose","useDatePickerContext","open","setOpen","usePopoverContext","iconSize","onKeyDown","e","onInputChange","dateValue","parsedDate","parseDate","today","isDate","HStack","jsx","TextInput","Flex","FocusedInput","Icon","getInputValue","format","jsxs","Fragment","Text","DatePickerFooter","buttonText","onSubmit","hideResetButton","clearDates","standalone","handleSubmit","useCallback","Button","DatePicker","props","footerProps","hideFooter","portalled","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{datePicker.component-mE9U6yIL.js → datePicker.component-Cx76pUPS.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),n=require("./datePicker.provider-J59sC_GD.js"),k=require("./textInput.component-DzUKTy1w.js"),g=require("./icon.component-B1hr5lLa.js"),S=require("./text.component-BDDz5KQP.js"),l=require("./format-CK7Imh-5.js"),v=require("./popover-root-provider-CZDbUJ2K.js"),q=require("./h-stack-D4MnHHRc.js"),P=require("./flex-BOU6tYUd.js"),y=require("react"),C=require("./button.component-DjdgBXDC.js"),w=require("./popover.recipe-NDvOfG9X.js"),z=require("./usePortalContentRef-CTrvBQ7I.js"),N=require("./divider.component-BX3zyB7O.js"),T=require("./create-slot-recipe-context-HXE1VazG.js"),B=require("./index-Ts8g8jZd.js"),m=require("./popover-C7aj8Iwj.js");function W(t,r){return+l.toDate(t)<+l.toDate(r)}const A=(t,r)=>r?n.isAfter(t,r):!0,H=(t,r)=>r?W(t,r):!0;function O({inputProps:t,["data-testid"]:r="kibble-datepicker-input"}){const{setFocusedInput:o,startDate:a,endDate:i,focusedInput:c,dateFormat:s,withDateRange:u,minDate:d,maxDate:x,onDateChange:R,onDateSelect:I,onClose:F}=n.useDatePickerContext(),{open:_,setOpen:b}=v.usePopoverContext(),f=t?.size||"md",h=p=>{p.key==="Enter"&&_&&(b(!1),F(),p.preventDefault(),p.stopPropagation())},E=p=>{const D=p.target.value,j=n.xt(D,s,n.today);D.length===s.length&&l.isDate(j)&&A(j,d)&&H(j,x)&&I(j),!D.length&&R&&R({startDate:null,endDate:null})};return e.jsxRuntimeExports.jsxs(q.HStack,{w:"100%",className:"DatePicker__Trigger","data-testid":r,children:[e.jsxRuntimeExports.jsx(k.WrappedTextInput,{className:"DatePicker__Input--Start","data-testid":`${r}-start`,autoComplete:"off",rightElement:e.jsxRuntimeExports.jsx(P.Flex,{...!t?.disabled&&{onClick:()=>o(n.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(g.Icon,{name:"calendarDate",size:f})}),value:n.Ue(a,s,""),onChange:E,onKeyDown:h,...!t?.disabled&&{onFocus:()=>{o(n.FocusedInput.StartDate)}},placeholder:l.format(n.today,s).toString(),...c===n.FocusedInput.StartDate&&{"data-focus":!0},...t}),u&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(S.WrappedText,{children:" - "}),e.jsxRuntimeExports.jsx(k.WrappedTextInput,{className:"DatePicker__Input--End","data-testid":`${r}-end`,rightElement:e.jsxRuntimeExports.jsx(P.Flex,{...!t?.disabled&&{onClick:()=>o(n.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(g.Icon,{name:"calendarDate",size:f})}),value:n.Ue(i,s,""),onChange:E,...!t?.disabled&&{onFocus:()=>o(n.FocusedInput.EndDate)},onKeyDown:h,placeholder:l.format(n.today,s).toString(),...c===n.FocusedInput.EndDate&&{"data-focus":!0},...t})]})]})}function $({buttonText:t="Apply",onSubmit:r,hideResetButton:o}){const{startDate:a,endDate:i,clearDates:c,standalone:s}=n.useDatePickerContext(),{open:u,setOpen:d}=v.usePopoverContext(),x=y.useCallback(()=>{s||d(!1),r&&r({startDate:a,endDate:i})},[s,d,r,a,i]);return e.jsxRuntimeExports.jsxs(q.HStack,{w:"100%",justify:o?"end":"space-between",align:"center",borderTop:"1px",borderColor:"border.default",px:3,py:2,children:[!o&&e.jsxRuntimeExports.jsx(C.Button,{size:"sm",variant:"ghostNeutral",onClick:()=>c({open:u}),children:"Clear Dates"}),e.jsxRuntimeExports.jsx(C.Button,{size:"sm",onClick:x,children:t})]})}const M=t=>{const{footerProps:r,hideFooter:o=!1,inputProps:a,portalled:i=!0,withDateRange:c=!1,["data-testid"]:s="kibble-datepicker"}=t,{contentRef:u}=z.usePortalContentRef(),x=T.useSlotRecipe({recipe:w.popoverRecipe})();return e.jsxRuntimeExports.jsxs(n.DatePickerProvider,{...t,children:[e.jsxRuntimeExports.jsx(m.PopoverTrigger,{w:"100%",children:e.jsxRuntimeExports.jsx(O,{inputProps:{...a,readOnly:!0}})}),e.jsxRuntimeExports.jsx(B.Portal,{container:u||void 0,disabled:!i,children:e.jsxRuntimeExports.jsx(m.PopoverPositioner,{className:"DatePicker","data-testid":s,children:e.jsxRuntimeExports.jsx(m.PopoverContent,{className:"DatePicker__Content","data-testid":`${s}-content`,css:{...x.content,minW:"340px"},children:e.jsxRuntimeExports.jsxs(m.PopoverBody,{css:{"--popover-padding":0},children:[e.jsxRuntimeExports.jsx(n.DatePickerHeader,{}),e.jsxRuntimeExports.jsx(N.Divider,{}),e.jsxRuntimeExports.jsx(n.DatePickerCalendar,{}),c&&!o&&e.jsxRuntimeExports.jsx($,{...r})]})})})})]})};exports.DatePicker=M;
-//# sourceMappingURL=datePicker.component-mE9U6yIL.js.map
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),n=require("./datePicker.provider-J59sC_GD.js"),k=require("./textInput.component-DzUKTy1w.js"),g=require("./icon.component-B1hr5lLa.js"),S=require("./text.component-BDDz5KQP.js"),l=require("./format-CK7Imh-5.js"),v=require("./popover-root-provider-CZDbUJ2K.js"),q=require("./h-stack-D4MnHHRc.js"),P=require("./flex-BOU6tYUd.js"),y=require("react"),C=require("./button.component-DjdgBXDC.js"),w=require("./popover.recipe-CtptsJg6.js"),z=require("./usePortalContentRef-CTrvBQ7I.js"),N=require("./divider.component-BX3zyB7O.js"),T=require("./create-slot-recipe-context-HXE1VazG.js"),B=require("./index-Ts8g8jZd.js"),m=require("./popover-C7aj8Iwj.js");function W(t,r){return+l.toDate(t)<+l.toDate(r)}const A=(t,r)=>r?n.isAfter(t,r):!0,H=(t,r)=>r?W(t,r):!0;function O({inputProps:t,["data-testid"]:r="kibble-datepicker-input"}){const{setFocusedInput:o,startDate:a,endDate:i,focusedInput:c,dateFormat:s,withDateRange:u,minDate:d,maxDate:x,onDateChange:R,onDateSelect:I,onClose:F}=n.useDatePickerContext(),{open:_,setOpen:b}=v.usePopoverContext(),f=t?.size||"md",h=p=>{p.key==="Enter"&&_&&(b(!1),F(),p.preventDefault(),p.stopPropagation())},E=p=>{const D=p.target.value,j=n.xt(D,s,n.today);D.length===s.length&&l.isDate(j)&&A(j,d)&&H(j,x)&&I(j),!D.length&&R&&R({startDate:null,endDate:null})};return e.jsxRuntimeExports.jsxs(q.HStack,{w:"100%",className:"DatePicker__Trigger","data-testid":r,children:[e.jsxRuntimeExports.jsx(k.WrappedTextInput,{className:"DatePicker__Input--Start","data-testid":`${r}-start`,autoComplete:"off",rightElement:e.jsxRuntimeExports.jsx(P.Flex,{...!t?.disabled&&{onClick:()=>o(n.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(g.Icon,{name:"calendarDate",size:f})}),value:n.Ue(a,s,""),onChange:E,onKeyDown:h,...!t?.disabled&&{onFocus:()=>{o(n.FocusedInput.StartDate)}},placeholder:l.format(n.today,s).toString(),...c===n.FocusedInput.StartDate&&{"data-focus":!0},...t}),u&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(S.WrappedText,{children:" - "}),e.jsxRuntimeExports.jsx(k.WrappedTextInput,{className:"DatePicker__Input--End","data-testid":`${r}-end`,rightElement:e.jsxRuntimeExports.jsx(P.Flex,{...!t?.disabled&&{onClick:()=>o(n.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(g.Icon,{name:"calendarDate",size:f})}),value:n.Ue(i,s,""),onChange:E,...!t?.disabled&&{onFocus:()=>o(n.FocusedInput.EndDate)},onKeyDown:h,placeholder:l.format(n.today,s).toString(),...c===n.FocusedInput.EndDate&&{"data-focus":!0},...t})]})]})}function $({buttonText:t="Apply",onSubmit:r,hideResetButton:o}){const{startDate:a,endDate:i,clearDates:c,standalone:s}=n.useDatePickerContext(),{open:u,setOpen:d}=v.usePopoverContext(),x=y.useCallback(()=>{s||d(!1),r&&r({startDate:a,endDate:i})},[s,d,r,a,i]);return e.jsxRuntimeExports.jsxs(q.HStack,{w:"100%",justify:o?"end":"space-between",align:"center",borderTop:"1px",borderColor:"border.default",px:3,py:2,children:[!o&&e.jsxRuntimeExports.jsx(C.Button,{size:"sm",variant:"ghostNeutral",onClick:()=>c({open:u}),children:"Clear Dates"}),e.jsxRuntimeExports.jsx(C.Button,{size:"sm",onClick:x,children:t})]})}const M=t=>{const{footerProps:r,hideFooter:o=!1,inputProps:a,portalled:i=!0,withDateRange:c=!1,["data-testid"]:s="kibble-datepicker"}=t,{contentRef:u}=z.usePortalContentRef(),x=T.useSlotRecipe({recipe:w.popoverRecipe})();return e.jsxRuntimeExports.jsxs(n.DatePickerProvider,{...t,children:[e.jsxRuntimeExports.jsx(m.PopoverTrigger,{w:"100%",children:e.jsxRuntimeExports.jsx(O,{inputProps:{...a,readOnly:!0}})}),e.jsxRuntimeExports.jsx(B.Portal,{container:u||void 0,disabled:!i,children:e.jsxRuntimeExports.jsx(m.PopoverPositioner,{className:"DatePicker","data-testid":s,children:e.jsxRuntimeExports.jsx(m.PopoverContent,{className:"DatePicker__Content","data-testid":`${s}-content`,css:{...x.content,minW:"340px"},children:e.jsxRuntimeExports.jsxs(m.PopoverBody,{css:{"--popover-padding":0},children:[e.jsxRuntimeExports.jsx(n.DatePickerHeader,{}),e.jsxRuntimeExports.jsx(N.Divider,{}),e.jsxRuntimeExports.jsx(n.DatePickerCalendar,{}),c&&!o&&e.jsxRuntimeExports.jsx($,{...r})]})})})})]})};exports.DatePicker=M;
+//# sourceMappingURL=datePicker.component-Cx76pUPS.js.map