@kaizen/components 1.75.3 → 1.76.0

package/dist/styles.css

@@ -1878,11 +1878,123 @@
   background-color: var(--color-blue-100, #e6f6ff);
   color: var(--color-blue-500, #0168b3);
 }
+@property --gradient-angle {
+  syntax: '<angle>';
+  initial-value: 310deg;
+  inherits: false;
+}
+
+/* TODO: manually bumping the specificity to win out when applied to Card or Well. Once we have layers we can use a new layer to ensure styles are superseded */
+.AIMoment-module_aiMoment__uk-Kt.AIMoment-module_aiMoment__uk-Kt {
+  --clr-1: oklch(80.15% 0.101 199.35deg) 0%;
+  --clr-2: oklch(76.41% 0.098 175.22deg) 20%;
+  --clr-3: oklch(80.15% 0.101 199.35deg) 41%;
+  --clr-4: oklch(72.34% 0.143 315.73deg) 100%;
+  --animated-border-width: 2px;
+  --border-inner-radius: calc(var(--border-solid-border-radius) - var(--animated-border-width));
+  --container-background-color: var(--color-white);
+
+  background-color: transparent;
+  position: relative;
+  border: 1px solid transparent;
+  border-radius: var(--border-borderless-border-radius);
+}
+
+/* This absolute element is used to give the illusion of a gradient border without expanding the size of the Well/Card */
+.AIMoment-module_aiMomentBackground__43kd7 {
+  margin: var(--animated-border-width);
+  box-sizing: border-box;
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  display: block;
+  border-radius: var(--border-inner-radius);
+  border: 1px solid transparent;
+  background-color: var(--container-background-color);
+}
+
+.AIMoment-module_aiMoment__uk-Kt::before,
+.AIMoment-module_aiMoment__uk-Kt::after {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  z-index: -2;
+  background-image: linear-gradient(
+    var(--gradient-angle),
+    var(--clr-1),
+    var(--clr-2),
+    var(--clr-3),
+    var(--clr-4)
+  );
+  border-radius: var(--border-solid-border-radius);
+  background-size: 100% 100%;
+  background-position: 0 50%;
+  transition:
+    filter 1s ease-in,
+    opacity 1s ease-in;
+}
+
+.AIMoment-module_aiMoment__uk-Kt::before {
+  filter: blur(0);
+  opacity: 0;
+}
+
+.AIMoment-module_aiMoment__uk-Kt::after {
+  opacity: 1;
+}
+
+.AIMoment-module_aiMomentLoading__T-NLB::after,
+.AIMoment-module_aiMomentExiting__kuoGT::after {
+  animation: AIMoment-module_rotation-loop-after__-GUTq 2s linear infinite;
+}
+
+.AIMoment-module_aiMomentLoading__T-NLB::before,
+.AIMoment-module_aiMomentExiting__kuoGT::before {
+  animation: AIMoment-module_rotation-loop-before__7JT2u 2s linear infinite;
+  filter: blur(10px);
+  opacity: 0.7;
+}
+
+.AIMoment-module_aiMomentExiting__kuoGT::after,
+.AIMoment-module_aiMomentExiting__kuoGT::before {
+  animation-iteration-count: 1;
+}
+
+@keyframes AIMoment-module_rotation-loop-before__7JT2u {
+  0%,
+  100% {
+    background-size: 100% 100%;
+  }
+
+  50% {
+    --gradient-angle: 270deg;
+
+    background-position: 0% 20%;
+    background-size: 200% 300%;
+    opacity: 0.3;
+  }
+}
+
+@keyframes AIMoment-module_rotation-loop-after__-GUTq {
+  0%,
+  100% {
+    background-size: 100% 100%;
+  }
+
+  50% {
+    --gradient-angle: 270deg;
+
+    background-position: 0% 20%;
+    background-size: 110% 130%;
+    opacity: 0.7;
+  }
+}
+
 .Card-module_wrapper__Hriov {
   color: var(--color-purple-800);
   border: var(--border-width-1) solid var(--card-border-color);
   background-color: var(--card-background-color);
-  border-radius: var(--border-borderless-border-radius);
+  border-radius: var(--border-solid-border-radius);
   box-shadow: var(--card-box-shadow);
 
   --card-border-color: var(--color-gray-500);
@@ -11724,7 +11836,7 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
 .ToggleSwitchField-module_on__HQOkN label {
   font-weight: var(--typography-paragraph-bold-font-weight, 600);
 }
-.Well-module_container__pi8-W {
+.Well-module_container__Bu20U {
   background-color: var(--background-color);
   border-width: var(--border-width-1);
   border-radius: var(--border-solid-border-radius);
@@ -11734,97 +11846,103 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
   border-color: var(--border-color);
 }
 
-.Well-module_noMargin__xBvM9 {
+.Well-module_noMargin__HImc8 {
   margin: 0;
 }
 
-.Well-module_white__HEVrB {
+.Well-module_white__ov6XT {
   --background-color: var(--color-white);
   --border-color: var(--color-gray-500);
 }
 
-.Well-module_gray__ur3Fv {
+.Well-module_gray__sIKVK {
   --background-color: var(--color-gray-200);
   --border-color: var(--color-gray-500);
 }
 
-.Well-module_blue__H8M0Q {
+.Well-module_blue__mNOks {
   --background-color: var(--color-blue-100);
   --border-color: var(--color-blue-400);
 }
 
-.Well-module_yellow__DJAMr {
+.Well-module_yellow__cW5bY {
   --background-color: var(--color-yellow-100);
   --border-color: var(--color-yellow-700);
 }
 
-.Well-module_orange__F0FkU {
+.Well-module_orange__hp3q8 {
   --background-color: var(--color-orange-100);
   --border-color: var(--color-orange-600);
 }
 
-.Well-module_red__40n5z {
+.Well-module_red__jCJY6 {
   --background-color: var(--color-red-100);
   --border-color: var(--color-red-500);
 }
 
-.Well-module_green__R-zR1 {
+.Well-module_green__gOTVG {
   --background-color: var(--color-green-100);
   --border-color: var(--color-green-500);
 }
 
-.Well-module_purple__iXxT8 {
+.Well-module_purple__zgJJR {
   --background-color: var(--color-purple-100);
   --border-color: var(--color-purple-400);
 }
 
-.Well-module_positive__6ldUu {
+.Well-module_positive__Kee9e {
   --background-color: var(--color-green-100);
   --border-color: var(--color-green-500);
 }
 
-.Well-module_default__tSiHp {
+/* // These are @deprecated but must come after `color` so not everything will default to white
+// This will be @deprecated */
+.Well-module_default__VfatN {
   --background-color: var(--color-gray-200);
   --border-color: var(--color-gray-500);
 }
 
-.Well-module_negative__mVczy {
+.Well-module_negative__P2IpZ {
   --background-color: var(--color-red-100);
   --border-color: var(--color-red-500);
 }
 
-.Well-module_informative__81djJ {
+.Well-module_informative__pcsXe {
   --background-color: var(--color-blue-100);
   --border-color: var(--color-blue-400);
 }
 
-.Well-module_cautionary__MSYHT {
+.Well-module_cautionary__XLGMt {
   --background-color: var(--color-yellow-100);
   --border-color: var(--color-yellow-700);
 }
 
-.Well-module_assertive__Kl5ql {
+.Well-module_assertive__c2rNv {
   --background-color: var(--color-orange-100);
   --border-color: var(--color-orange-600);
 }
 
-.Well-module_prominent__wdpIQ {
+.Well-module_prominent__QqYi7 {
   --background-color: var(--color-purple-100);
   --border-color: var(--color-purple-400);
 }
 
-.Well-module_solid__ianzm {
+/* // @deprecated end
+
+// Border Style Variations */
+.Well-module_solid__iyAUm {
   --border-style: solid;
 }
 
-.Well-module_dashed__csujS {
+.Well-module_dashed__4I8h7 {
   --border-style: dashed;
 }
 
-.Well-module_none__rWwTB {
+.Well-module_none__nwqoe {
   --border-color: transparent;
   --border-style: none;
 }
+
 .FooterRoot-module_footerRoot__-osuZ {
   display: grid;
   grid-template-areas: 'prev stepper next';

package/dist/types/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type AvatarSizes = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
 type BaseAvatarProps = {
     /**

package/dist/types/AvatarGroup/AvatarGroup.d.ts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from 'react';
-import { type CompanyAvatarProps, type GenericAvatarProps } from "../Avatar";
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type CompanyAvatarProps, type GenericAvatarProps } from '~components/Avatar';
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type AvatarGroupAvatarProps = Omit<GenericAvatarProps, 'size'> | Omit<CompanyAvatarProps, 'size'>;
 export type AvatarGroupSize = 'small' | 'medium' | 'large';
 export type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]];

package/dist/types/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type PropsWithChildren } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 type BadgeCommonProps = PropsWithChildren<{
     /**
      * The "dark" variant is no longer in the UI kit

package/dist/types/Brand/Brand.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes, type SVGAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 type MeaningfulSVG = {
     'role': 'img';
     'aria-label': string;

package/dist/types/BrandMoment/BrandMoment.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
-import { type ButtonProps } from "../Button";
-import { type SceneProps } from "../Illustration";
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type ButtonProps } from '~components/Button';
+import { type SceneProps } from '~components/Illustration';
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 type DeprecatedMoodProps = {
     /** @deprecated Use `variant` instead */
     mood: 'informative' | 'positive' | 'negative';

package/dist/types/ButtonGroup/ButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
-import { type FilterButtonBaseProps } from "../Filter/FilterButton/subcomponents/FilterButtonBase";
-import { type TooltipProps } from "../Tooltip";
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type FilterButtonBaseProps } from '~components/Filter/FilterButton/subcomponents/FilterButtonBase';
+import { type TooltipProps } from '~components/Tooltip';
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type ButtonGroupProps = {
     children: React.ReactElement<FilterButtonBaseProps | TooltipProps> | React.ReactElement<FilterButtonBaseProps | TooltipProps>[];
 } & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, 'children'>;

package/dist/types/Calendar/CalendarPopover/CalendarPopover.d.ts

@@ -1,6 +1,6 @@
 import React, { type HTMLAttributes } from 'react';
 import { type UseFloatingOptions } from '@floating-ui/react-dom';
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type CalendarPopoverProps = {
     children: React.ReactNode;
     referenceElement: HTMLElement | null;

package/dist/types/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,5 +1,5 @@
 import { type DayPickerRangeProps } from 'react-day-picker';
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type CalendarRangeElement = HTMLDivElement;
 export type CalendarRangeProps = {
     id?: string;

package/dist/types/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -1,5 +1,5 @@
 import { type DayPickerSingleProps } from 'react-day-picker';
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type CalendarSingleElement = HTMLDivElement;
 export type CalendarSingleProps = {
     id?: string;

package/dist/types/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type CardVariants = 'default' | 'informative' | 'positive' | 'cautionary' | 'destructive' | 'assertive' | 'highlight';
 export type CardColors = 'blue' | 'green' | 'gray' | 'orange' | 'purple' | 'red' | 'white' | 'yellow';
 export type CardProps = {
@@ -28,12 +28,14 @@ export type CardProps = {
      * @deprecated Please use color instead
      */
     variant?: CardVariants;
+    /** Set the loading state for Card AI Moments. If `true` this will animate, if `false` this will render the static loaded state. */
+    isAiLoading?: boolean;
 } & OverrideClassName<Omit<HTMLAttributes<HTMLElement>, 'color'>>;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
  * {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
  */
 export declare const Card: {
-    ({ children, tag, variant, color, isElevated, classNameOverride, ...props }: CardProps): JSX.Element;
+    ({ children, tag, variant, color, isElevated, classNameOverride, isAiLoading, ...props }: CardProps): JSX.Element;
     displayName: string;
 };

package/dist/types/Checkbox/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React, { type InputHTMLAttributes } from 'react';
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type CheckedStatus = 'on' | 'off' | 'mixed';
 export type CheckboxProps = {
     checkedStatus?: CheckedStatus;

package/dist/types/Checkbox/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type CheckboxGroupProps = {
     children?: React.ReactNode;
     labelText: string | React.ReactNode;

package/dist/types/ClearButton/ClearButton.d.ts

@@ -1,5 +1,5 @@
 import { type ButtonHTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type ClearButtonProps = {
     isReversed?: boolean;
 } & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>>;

package/dist/types/Collapsible/Collapsible/Collapsible.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 import { type Sticky } from '../types';
 export type CollapsibleProps = {
     children: JSX.Element | JSX.Element[] | string;

package/dist/types/Collapsible/CollapsibleGroup/CollapsibleGroup.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
-import { type CollapsibleProps } from "../Collapsible";
-import { type Sticky } from "../types";
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type CollapsibleProps } from '~components/Collapsible/Collapsible';
+import { type Sticky } from '~components/Collapsible/types';
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type CollapsibleGroupProps = {
     children: React.ReactElement<CollapsibleProps>[];
     separated?: boolean;

package/dist/types/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.d.ts

@@ -1,4 +1,4 @@
-import { type CollapsibleProps } from "../Collapsible";
+import { type CollapsibleProps } from '~components/Collapsible/Collapsible';
 export type ExpertAdviceCollapsibleProps = Omit<CollapsibleProps, 'renderHeader' | 'variant' | 'group' | 'separated'>;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |

package/dist/types/Content/Content.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type ContentProps = {
     children?: React.ReactNode;
     /**

package/dist/types/DateInput/DateInput/DateInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type InputProps } from "../../Input";
+import { type InputProps } from '~components/Input';
 type OmittedInputProps = 'reversed' | 'type' | 'inputRef';
 export type DateInputProps = {
     labelText: React.ReactNode;

package/dist/types/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import { type CalendarSingleProps, type DisabledDayMatchers } from "../Calendar";
+import { type CalendarSingleProps, type DisabledDayMatchers } from '~components/Calendar';
 import { type DateInputFieldProps } from './subcomponents/DateInputField';
 import type { ValidationResponse } from './types';
 import { type DatePickerSupportedLocales } from './utils/getLocale';

package/dist/types/DatePicker/subcomponents/DateInputField/DateInputField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Locale } from 'date-fns';
-import { type DateInputDescriptionProps, type DateInputWithIconButtonProps, type DateInputWithIconButtonRefs } from "../../../DateInput";
-import { type FieldMessageStatus } from "../../../FieldMessage";
+import { type DateInputDescriptionProps, type DateInputWithIconButtonProps, type DateInputWithIconButtonRefs } from '~components/DateInput';
+import { type FieldMessageStatus } from '~components/FieldMessage';
 export type DateInputFieldProps = {
     /**
      * A description that provides context for the text field
@@ -33,4 +33,4 @@ export declare const DateInputField: React.ForwardRefExoticComponent<{
     locale?: Locale;
 } & {
     onButtonClick: React.MouseEventHandler<HTMLButtonElement>;
-} & Omit<import("../../../DateInput").DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;
+} & Omit<import("~components/DateInput").DateInputProps, "startIconAdornment" | "endIconAdornment"> & React.RefAttributes<DateInputWithIconButtonRefs>>;

package/dist/types/DatePicker/types.d.ts

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import { type FieldMessageStatus } from "../FieldMessage";
+import { type FieldMessageStatus } from '~components/FieldMessage';
 export type ValidationResponse = {
     date: Date | undefined;
     inputValue: string | undefined;

package/dist/types/DatePicker/utils/validateDate.d.ts

@@ -1,4 +1,4 @@
-import { type DisabledDays } from "../../Calendar";
+import { type DisabledDays } from '~components/Calendar';
 import { type ValidationResponse } from '../types';
 export type ValidateDateArgs = {
     date: Date | undefined;

package/dist/types/DateRangePicker/DateRangePicker.d.ts

@@ -1,7 +1,7 @@
 import { type RefObject } from 'react';
 import { type DateRange } from 'react-day-picker';
-import { type DisabledDayMatchers } from "../Calendar";
-import { type LegacyCalendarRangeProps } from "../Calendar/LegacyCalendarRange";
+import { type DisabledDayMatchers } from '~components/Calendar';
+import { type LegacyCalendarRangeProps } from '~components/Calendar/LegacyCalendarRange';
 export type DateRangePickerProps = {
     id?: string;
     classNameOverride?: string;

package/dist/types/DateRangePicker/utils/formatDateRangeValue.d.ts

@@ -1,2 +1,2 @@
-import { type DateRange } from "../../Calendar";
+import { type DateRange } from '~components/Calendar';
 export declare const formatDateRangeValue: (dateRange: DateRange) => string;

package/dist/types/Divider/Divider.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type DividerProps = {
     variant: 'content' | 'canvas' | 'menuSeparator';
     isReversed?: boolean;

package/dist/types/EmptyState/EmptyState.d.ts

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes } from 'react';
-import { type HeadingProps } from "../Heading";
-import { type AnimatedSceneProps } from "../Illustration";
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type HeadingProps } from '~components/Heading';
+import { type AnimatedSceneProps } from '~components/Illustration';
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type EmptyStateProps = {
     children?: React.ReactNode;
     id?: string;

package/dist/types/ErrorPage/ErrorPage.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 import { type ErrorStatuses } from './hooks';
 export type ErrorPageProps = {
     code: ErrorStatuses;

package/dist/types/FieldGroup/FieldGroup.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type FieldGroupProps = {
     children?: React.ReactNode;
     inline?: boolean;

package/dist/types/FieldMessage/FieldMessage.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type FieldMessageStatus = 'default' | 'success' | 'error' | 'caution';
 export type FieldMessageProps = {
     message?: React.ReactNode;

package/dist/types/Filter/Filter/Filter.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 import { type FilterTriggerRef } from './types';
 export type FilterProps = {
     children: React.ReactNode;

package/dist/types/Filter/Filter/subcomponents/FilterContents/FilterContents.d.ts

@@ -1,5 +1,5 @@
 import React, { type HTMLAttributes } from 'react';
-import { type OverrideClassName } from "../../../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type FilterContentsProps = {
     children: React.ReactNode;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;

package/dist/types/Filter/Filter/subcomponents/FilterPopover/FilterPopover.d.ts

@@ -1,6 +1,6 @@
 import React, { type HTMLAttributes } from 'react';
 import { type Options } from '@popperjs/core';
-import { type OverrideClassName } from "../../../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 export type FilterPopoverProps = {
     children: React.ReactNode;
     referenceElement: HTMLElement | null;

package/dist/types/Filter/FilterBar/FilterBar.d.ts

@@ -1,4 +1,4 @@
-import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type OverrideClassName } from '~components/types/OverrideClassName';
 import { type FilterBarProviderProps } from './context/FilterBarContext';
 import { type FiltersValues } from './types';
 export type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<Omit<FilterBarProviderProps<ValuesMap>, 'children'>>;

package/dist/types/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type FilterTriggerRef } from "../../../Filter";
-import { type FilterButtonProps } from "../../../FilterButton";
+import { type FilterTriggerRef } from '~components/Filter/Filter';
+import { type FilterButtonProps } from '~components/Filter/FilterButton';
 export type FilterBarButtonProps = FilterButtonProps & {
     filterId: string;
     isRemovable: boolean | undefined;
@@ -9,7 +9,7 @@ export declare const FilterBarButton: React.ForwardRefExoticComponent<{
     label: string;
     selectedValue?: string | JSX.Element;
     isOpen?: boolean;
-} & Omit<import("../../../FilterButton").FilterButtonBaseProps, "children"> & {
+} & Omit<import("~components/Filter/FilterButton").FilterButtonBaseProps, "children"> & {
     filterId: string;
     isRemovable: boolean | undefined;
 } & React.RefAttributes<FilterTriggerRef>>;

package/dist/types/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.d.ts

@@ -1,4 +1,4 @@
-import { type FilterDatePickerProps } from "../../../FilterDatePicker";
+import { type FilterDatePickerProps } from '~components/Filter/FilterDatePicker';
 export type FilterBarDatePickerProps = Omit<FilterDatePickerProps, 'id' | 'label' | 'renderTrigger' | 'isOpen' | 'setIsOpen' | 'selectedDate' | 'onDateChange' | 'locale'> & {
     id?: string;
     locale?: FilterDatePickerProps['locale'];

package/dist/types/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.d.ts

@@ -1,4 +1,4 @@
-import { type FilterDateRangePickerProps } from "../../../FilterDateRangePicker";
+import { type FilterDateRangePickerProps } from '~components/Filter/FilterDateRangePicker';
 export type FilterBarDateRangePickerProps = Omit<FilterDateRangePickerProps, 'id' | 'label' | 'renderTrigger' | 'isOpen' | 'setIsOpen' | 'selectedRange' | 'onRangeChange' | 'locale'> & {
     id?: string;
     onRangeChange?: FilterDateRangePickerProps['onRangeChange'];

package/dist/types/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.d.ts

@@ -1,5 +1,5 @@
 import { type Key } from '@react-types/shared';
-import { type FilterMultiSelectProps } from "../../../FilterMultiSelect";
+import { type FilterMultiSelectProps } from '~components/Filter/FilterMultiSelect';
 export type FilterBarMultiSelectProps = Omit<FilterMultiSelectProps, 'label' | 'trigger'> & {
     id?: string;
     label?: FilterMultiSelectProps['label'];

package/dist/types/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.d.ts

@@ -1,4 +1,4 @@
-import { type FilterSelectProps, type SelectOption } from "../../../FilterSelect";
+import { type FilterSelectProps, type SelectOption } from '~components/Filter/FilterSelect';
 export type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, 'isOpen' | 'setIsOpen' | 'renderTrigger' | 'label' | 'selectedKey'> & {
     id?: string;
 };

package/dist/types/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type ButtonGroupProps } from "../../../ButtonGroup";
-import { type FilterTriggerRef } from "../../Filter";
-import { type DataAttributes } from "../../../types/DataAttributes";
+import { type ButtonGroupProps } from '~components/ButtonGroup';
+import { type FilterTriggerRef } from '~components/Filter/Filter';
+import { type DataAttributes } from '~components/types/DataAttributes';
 import { type FilterButtonProps } from '../FilterButton';
 import { type FilterButtonBaseProps } from '../subcomponents/FilterButtonBase';
 export type FilterButtonRemovableProps = {