@kaizen/components 1.5.0 → 1.5.2

package/dist/FilterButton-e44e4bf8.d.ts

@@ -1,12 +0,0 @@
-import React__default from 'react';
-import { FilterTriggerRef } from './Filter/types.js';
-import { F as FilterButtonBaseProps } from './FilterButtonBase-4004361e.js';
-
-interface FilterButtonProps extends Omit<FilterButtonBaseProps, "children"> {
-    label: string;
-    selectedValue?: string | JSX.Element;
-    isOpen?: boolean;
-}
-declare const FilterButton: React__default.ForwardRefExoticComponent<FilterButtonProps & React__default.RefAttributes<FilterTriggerRef>>;
-
-export { FilterButtonProps as F, FilterButton as a };

package/dist/FilterButton.module-HA7A5HIZ.scss

@@ -1,22 +0,0 @@
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "~@kaizen/design-tokens/sass/typography";
-
-.filterButton {
-  gap: $spacing-xs;
-}
-
-.labelContainer {
-  display: inline-flex;
-}
-
-.hasSelectedValues {
-  font-weight: $typography-button-primary-font-weight;
-}
-
-.labelSeparator {
-  margin-inline-end: $spacing-xs;
-
-  [dir="ltr"] [dir="rtl"] & {
-    margin-right: 0;
-  }
-}

package/dist/FilterButtonBase-4004361e.d.ts

@@ -1,9 +0,0 @@
-import React__default, { ButtonHTMLAttributes } from 'react';
-import { OverrideClassName } from './types.js';
-
-interface FilterButtonBaseProps extends OverrideClassName<ButtonHTMLAttributes<HTMLButtonElement>> {
-    children: React__default.ReactNode;
-}
-declare const FilterButtonBase: React__default.ForwardRefExoticComponent<FilterButtonBaseProps & React__default.RefAttributes<HTMLButtonElement>>;
-
-export { FilterButtonBaseProps as F, FilterButtonBase as a };

package/dist/FilterButtonBase.module-KNRAMYSJ.scss

@@ -1,65 +0,0 @@
-@import "~@kaizen/design-tokens/sass/border";
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/typography";
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "../../../_mixins/button-reset";
-@import "./variables";
-
-.filterButtonBase {
-  @include button-reset;
-
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-
-  height: 3rem; // 48px
-  padding: $spacing-sm;
-
-  border-width: 0;
-  border-radius: $border-solid-border-radius;
-
-  background-color: $color-blue-100;
-
-  font-family: $typography-button-secondary-font-family;
-  font-weight: $typography-button-secondary-font-weight;
-  font-size: $typography-button-secondary-font-size;
-  line-height: $typography-button-secondary-line-height;
-  letter-spacing: $typography-button-secondary-letter-spacing;
-  color: $color-blue-500;
-  white-space: nowrap;
-
-  #{$selectors--filter-button-base--hover},
-  #{$selectors--filter-button-base--active} {
-    z-index: 2;
-  }
-
-  #{$selectors--filter-button-base--hover},
-  #{$selectors--filter-button-base--active},
-  #{$selectors--filter-button-base--focus} {
-    background-color: $color-blue-200;
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  #{$selectors--filter-button-base--focus} {
-    outline: none;
-
-    &::after {
-      content: "";
-      z-index: 3;
-      position: absolute;
-      top: $focus-ring-offset-outer;
-      bottom: $focus-ring-offset-outer;
-      left: $focus-ring-offset-outer;
-      right: $focus-ring-offset-outer;
-      border-radius: $border-focus-ring-border-radius;
-      border: $border-focus-ring-border-width $border-focus-ring-border-style
-        $color-blue-500;
-    }
-  }
-}

package/dist/FilterButtonRemovable-d3bc8f61.d.ts

@@ -1,19 +0,0 @@
-import React__default from 'react';
-import { B as ButtonGroupProps } from './ButtonGroup-b1e541fe.js';
-import { DataAttributes } from './types.js';
-import { FilterTriggerRef } from './Filter/types.js';
-import { F as FilterButtonBaseProps } from './FilterButtonBase-4004361e.js';
-import { F as FilterButtonProps } from './FilterButton-e44e4bf8.js';
-
-interface FilterButtonRemovableProps extends Omit<ButtonGroupProps, "children"> {
-    triggerButtonProps: FilterButtonProps & DataAttributes;
-    removeButtonProps: Partial<Omit<FilterButtonBaseProps, "children">> & DataAttributes & {
-        tooltipText?: string;
-    };
-}
-type FilterButtonRemovableRefs = FilterTriggerRef & {
-    removeButtonRef?: React__default.RefObject<HTMLButtonElement>;
-};
-declare const FilterButtonRemovable: React__default.ForwardRefExoticComponent<FilterButtonRemovableProps & React__default.RefAttributes<FilterButtonRemovableRefs>>;
-
-export { FilterButtonRemovableProps as F, FilterButtonRemovableRefs as a, FilterButtonRemovable as b };

package/dist/FilterContents-8d959c14.d.ts

@@ -1,12 +0,0 @@
-import React__default, { HTMLAttributes } from 'react';
-import { OverrideClassName } from './types.js';
-
-interface FilterContentsProps extends OverrideClassName<HTMLAttributes<HTMLDivElement>> {
-    children: React__default.ReactNode;
-}
-declare const FilterContents: {
-    ({ children, classNameOverride, ...restProps }: FilterContentsProps): JSX.Element;
-    displayName: string;
-};
-
-export { FilterContentsProps as F, FilterContents as a };

package/dist/FilterContents.module-VKPAJKDG.scss

@@ -1,5 +0,0 @@
-@import "~@kaizen/design-tokens/sass/spacing";
-
-.filterContents {
-  padding: $spacing-md;
-}

package/dist/FilterPopover.module-2NVOPVIT.scss

@@ -1,11 +0,0 @@
-@import "~@kaizen/design-tokens/sass/border";
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/shadow";
-
-.filterPopover {
-  background-color: $color-white;
-  z-index: 1010;
-  box-shadow: $shadow-large-box-shadow;
-  border-radius: $border-borderless-border-radius;
-  display: inline-flex;
-}

package/dist/KaizenProvider/ThemeProvider/ThemeManager.d.ts

@@ -1,28 +0,0 @@
-import { Theme } from '@kaizen/design-tokens';
-
-/**
- * Use this class to set and apply themes, and to access or subscribe to the currently active one.
- * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
- * and the ability to update them in JavaScript - a framework agnostic method.
- *
- * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
- */
-declare class ThemeManager<Theme extends Theme = Theme> {
-    private themeChangeListeners;
-    private theme;
-    private rootElement;
-    private rootElementId;
-    constructor(theme: Theme, rootElementId?: string, apply?: boolean);
-    getRootElement: () => HTMLElement | null;
-    getRootElementId: () => string;
-    getCurrentTheme: () => Theme;
-    setRootElement: (element: HTMLElement) => void;
-    setRootElementId: (rootElementId: string) => string;
-    setAndApplyTheme: (theme: Theme, force?: boolean) => void;
-    addThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    removeThemeChangeListener: (listener: (theme: Theme) => void) => void;
-    applyCurrentTheme: () => void;
-    private notifyThemeChangeListeners;
-}
-
-export { ThemeManager };

package/dist/KaizenProvider/ThemeProvider/ThemeManager.js

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
-
-
-exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager;

package/dist/KaizenProvider/ThemeProvider/ThemeManager.spec.d.ts

@@ -1,2 +0,0 @@
-
-export { }

package/dist/KaizenProvider/ThemeProvider/ThemeManager.spec.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
-
-// src/KaizenProvider/ThemeProvider/ThemeManager.spec.ts
-
-
-
-var _designtokens = require('@kaizen/design-tokens');
-var assertThemeIsActive = (theme, rootElement) => {
-  const variables = _designtokens.makeCssVariableDefinitionsMap.call(void 0, theme);
-  Object.entries(variables).forEach(([key, value]) => {
-    expect(rootElement == null ? void 0 : rootElement.style.getPropertyValue(key)).toBe(value);
-  });
-};
-describe(_chunkJ42JQYBYjs.ThemeManager.name, () => {
-  test.skip("activates initial theme on construction", () => {
-    const themeManager = new (0, _chunkJ42JQYBYjs.ThemeManager)(_designtokens.heartTheme);
-    assertThemeIsActive(_designtokens.heartTheme, themeManager.getRootElement());
-  });
-});

package/dist/KaizenProvider/ThemeProvider/index.d.ts

@@ -1,7 +0,0 @@
-export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../../ThemeProvider-9852214a.js';
-export { ThemeManager } from './ThemeManager.js';
-export { defaultTheme } from './themes/index.js';
-export { default as heartTheme } from './themes/heart.js';
-export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont } from './themes/types.js';
-import '@kaizen/design-tokens';
-import 'react';

package/dist/KaizenProvider/ThemeProvider/index.js

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-var _chunkMXW3YHBEjs = require('../../chunk-MXW3YHBE.js');
-
-
-var _chunkWDAFEOSVjs = require('../../chunk-WDAFEOSV.js');
-
-
-var _chunk7T4E5A7Mjs = require('../../chunk-7T4E5A7M.js');
-require('../../chunk-FBL47PXS.js');
-
-
-var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
-
-
-
-
-
-
-
-exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.useTheme = _chunkMXW3YHBEjs.useTheme;

package/dist/KaizenProvider/ThemeProvider/themes/heart.d.ts

@@ -1,6 +0,0 @@
-import { Theme } from './types.js';
-import 'react';
-
-declare const heartTheme: Theme;
-
-export { heartTheme as default, heartTheme };

package/dist/KaizenProvider/ThemeProvider/themes/heart.js

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunk7T4E5A7Mjs = require('../../../chunk-7T4E5A7M.js');
-
-
-
-exports.default = _chunk7T4E5A7Mjs.heart_default; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme;

package/dist/KaizenProvider/ThemeProvider/themes/index.d.ts

@@ -1,8 +0,0 @@
-import { Theme } from './types.js';
-export { CSSVariableTheme, DeepMapObjectLeafs, ThemeKey, TypographyFont } from './types.js';
-export { default as heartTheme } from './heart.js';
-import 'react';
-
-declare const defaultTheme: Theme;
-
-export { Theme, defaultTheme };

package/dist/KaizenProvider/ThemeProvider/themes/index.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkWDAFEOSVjs = require('../../../chunk-WDAFEOSV.js');
-
-
-var _chunk7T4E5A7Mjs = require('../../../chunk-7T4E5A7M.js');
-require('../../../chunk-FBL47PXS.js');
-
-
-
-exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme;

package/dist/KaizenProvider/ThemeProvider/themes/types.d.ts

@@ -1,231 +0,0 @@
-import { CSSProperties } from 'react';
-
-/**
- * Use a custom type for CSS properties becauase we should eventually write a more strongly typed version using template literal types.
- * This could definitely be contributed back to the community too. An example starting point here https://github.com/ghoullier/awesome-template-literal-types#css-parser
- * For example:
- * ```ts
- * type Font = {
- *   fontSize: `${number}rem`,
- *
- *  }
- * type HexDigit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F ;
- * type Color = `rgba(${number}, ${number}, ${number}, ${number}) | #${HexDigit}${HexDigit}${HexDigit}` // You get the point
- *
- * ```
- * */
-type KaizenCSSProperties = CSSProperties;
-type Hex = string;
-type TypographyFont = {
-    fontFamily: KaizenCSSProperties["fontFamily"];
-    fontWeight: KaizenCSSProperties["fontWeight"];
-    fontSize: KaizenCSSProperties["fontSize"];
-    lineHeight: KaizenCSSProperties["lineHeight"];
-    letterSpacing: KaizenCSSProperties["letterSpacing"];
-};
-type ThemeKey = "heart" | "custom";
-type Theme = {
-    themeKey: ThemeKey;
-    border: {
-        solid: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        dashed: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-        borderless: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-            borderColor: KaizenCSSProperties["borderColor"];
-        };
-        focusRing: {
-            borderWidth: KaizenCSSProperties["borderWidth"];
-            borderRadius: KaizenCSSProperties["borderRadius"];
-            borderStyle: KaizenCSSProperties["borderStyle"];
-        };
-    };
-    animation: {
-        easingFunction: {
-            easeInOut: string;
-            easeIn: string;
-            easeOut: string;
-            linear: string;
-            bounceIn: string;
-            bounceOut: string;
-            bounceInOut: string;
-        };
-        duration: {
-            instant: string;
-            immediate: string;
-            rapid: string;
-            fast: string;
-            slow: string;
-            deliberate: string;
-        };
-    };
-    color: {
-        purple: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-            "800": Hex;
-        };
-        blue: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        green: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        yellow: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        red: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        orange: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-            "700": Hex;
-        };
-        gray: {
-            "100": Hex;
-            "200": Hex;
-            "300": Hex;
-            "400": Hex;
-            "500": Hex;
-            "600": Hex;
-        };
-        white: Hex;
-    };
-    dataViz: {
-        favorable: Hex;
-        unfavorable: Hex;
-    };
-    layout: {
-        contentMaxWidth: string;
-        contentMaxWidthWithSidebar: string;
-        contentSideMargin: string;
-        mobileActionsDrawerHeight: string;
-        navigationBarHeight: string;
-        breakpoints: {
-            medium: string;
-            large: string;
-        };
-    };
-    shadow: {
-        small: {
-            boxShadow: string;
-        };
-        large: {
-            boxShadow: string;
-        };
-    };
-    spacing: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        xxl: string;
-        xxxl: string;
-        xxxxl: string;
-        xxxxxl: string;
-        0: string;
-        1: string;
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-        32: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-        112: string;
-        128: string;
-        160: string;
-        200: string;
-        240: string;
-        280: string;
-        320: string;
-    };
-    typography: {
-        dataLarge: TypographyFont;
-        dataLargeUnits: TypographyFont;
-        dataMedium: TypographyFont;
-        dataMediumUnits: TypographyFont;
-        dataSmall: TypographyFont;
-        dataSmallUnits: TypographyFont;
-        display0: TypographyFont;
-        heading1: TypographyFont;
-        heading2: TypographyFont;
-        heading3: TypographyFont;
-        heading4: TypographyFont;
-        heading5: TypographyFont;
-        heading6: TypographyFont;
-        paragraphIntroLede: TypographyFont;
-        paragraphBody: TypographyFont;
-        paragraphSmall: TypographyFont;
-        paragraphExtraSmall: TypographyFont;
-        paragraphBold: {
-            fontWeight: KaizenCSSProperties["fontWeight"];
-        };
-        buttonPrimary: TypographyFont;
-        buttonSecondary: TypographyFont;
-    };
-};
-type DeepMapObjectLeafs<T, LeafType> = T extends string | number | bigint | boolean | symbol | null | undefined | ((...params: any[]) => any) ? LeafType : T extends Record<any, any> ? {
-    [Key in keyof T]: DeepMapObjectLeafs<T[Key], LeafType>;
-} : T;
-/**
- * Apologies for the complex types.
- * This type represents the Theme type but with every leaf value in the tree mapped strictly to a string, rather than a number or a more complex type such as a string union.
- * The reason for this is to have a more accurate type for the generated hierarchy of design tokens which are represented as CSS custom properties, e.g. `var(--color-purple-800)`.
- */
-type CSSVariableTheme = DeepMapObjectLeafs<Theme, string>;
-
-export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont };

package/dist/KaizenProvider/ThemeProvider/themes/types.js

@@ -1 +0,0 @@
-"use strict";require('../../../chunk-FBL47PXS.js');

package/dist/KaizenProvider/index.d.ts

@@ -1,8 +0,0 @@
-export { a as KaizenProvider, K as KaizenProviderProps } from '../KaizenProvider-44a90581.js';
-export { T as ThemeContext, a as ThemeProvider, u as useTheme } from '../ThemeProvider-9852214a.js';
-export { ThemeManager } from './ThemeProvider/ThemeManager.js';
-export { defaultTheme } from './ThemeProvider/themes/index.js';
-export { default as heartTheme } from './ThemeProvider/themes/heart.js';
-export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont } from './ThemeProvider/themes/types.js';
-import 'react';
-import '@kaizen/design-tokens';

package/dist/KaizenProvider/index.js

@@ -1,27 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk7ZAJ7755js = require('../chunk-7ZAJ7755.js');
-
-
-
-
-var _chunkMXW3YHBEjs = require('../chunk-MXW3YHBE.js');
-
-
-var _chunkWDAFEOSVjs = require('../chunk-WDAFEOSV.js');
-
-
-var _chunk7T4E5A7Mjs = require('../chunk-7T4E5A7M.js');
-require('../chunk-FBL47PXS.js');
-
-
-var _chunkJ42JQYBYjs = require('../chunk-J42JQYBY.js');
-
-
-
-
-
-
-
-
-exports.KaizenProvider = _chunk7ZAJ7755js.KaizenProvider; exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.useTheme = _chunkMXW3YHBEjs.useTheme;

package/dist/KaizenProvider-44a90581.d.ts

@@ -1,13 +0,0 @@
-import React__default from 'react';
-import { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
-
-interface KaizenProviderProps {
-    children: React__default.ReactNode;
-    themeManager?: ThemeManager;
-}
-declare const KaizenProvider: {
-    ({ children, themeManager, }: KaizenProviderProps): JSX.Element;
-    displayName: string;
-};
-
-export { KaizenProviderProps as K, KaizenProvider as a };

package/dist/ThemeProvider-9852214a.d.ts

@@ -1,17 +0,0 @@
-import * as _kaizen_design_tokens from '@kaizen/design-tokens';
-import React__default, { Context } from 'react';
-import { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
-import { Theme } from './KaizenProvider/ThemeProvider/themes/types.js';
-
-declare const ThemeContext: Context<Theme>;
-/**
- * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
- * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
- */
-declare const ThemeProvider: ({ themeManager, ...props }: {
-    themeManager?: ThemeManager<_kaizen_design_tokens.Theme> | undefined;
-    children: React__default.ReactNode;
-}) => JSX.Element;
-declare const useTheme: () => Theme;
-
-export { ThemeContext as T, ThemeProvider as a, useTheme as u };

package/dist/__future__/ExampleComponent/index.d.ts

@@ -1 +0,0 @@
-export { E as ExampleComponent } from '../../ExampleComponent-9afabffa.js';

package/dist/__future__/ExampleComponent/index.js

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkGOA67MI6js = require('../../chunk-GOA67MI6.js');
-
-
-exports.ExampleComponent = _chunkGOA67MI6js.ExampleComponent;

package/dist/__future__/index.d.ts

@@ -1 +0,0 @@
-export { E as ExampleComponent } from '../ExampleComponent-9afabffa.js';

package/dist/__future__/index.js

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkGOA67MI6js = require('../chunk-GOA67MI6.js');
-
-
-exports.ExampleComponent = _chunkGOA67MI6js.ExampleComponent;

package/dist/chunk-24HHXM6U.js

@@ -1,29 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkDR7ZJ6Z3js = require('./chunk-DR7ZJ6Z3.js');
-
-
-var _chunk3VEH3HNRjs = require('./chunk-3VEH3HNR.js');
-
-
-var _chunkGTXIOS6Djs = require('./chunk-GTXIOS6D.js');
-
-
-var _chunkSBUK4XZMjs = require('./chunk-SBUK4XZM.js');
-
-// src/FilterButton/FilterButtonRemovable/FilterButtonRemovable.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _componentlibrary = require('@kaizen/component-library');
-var _cleariconsvg = require('@kaizen/component-library/icons/clear.icon.svg'); var _cleariconsvg2 = _interopRequireDefault(_cleariconsvg);
-var _drafttooltip = require('@kaizen/draft-tooltip');
-var FilterButtonRemovable = _react.forwardRef.call(void 0, ({ triggerButtonProps, removeButtonProps, ...restProps }, ref) => {
-  const customRefObject = _chunk3VEH3HNRjs.isRefObject.call(void 0, ref) ? ref.current : null;
-  const removeButtonRef = customRefObject == null ? void 0 : customRefObject.removeButtonRef;
-  const removeButtonLabel = _nullishCoalesce((removeButtonProps == null ? void 0 : removeButtonProps.tooltipText), () => ( `Remove filter - ${triggerButtonProps == null ? void 0 : triggerButtonProps.label}`));
-  return /* @__PURE__ */ _react2.default.createElement(_chunkGTXIOS6Djs.ButtonGroup, { ...restProps }, /* @__PURE__ */ _react2.default.createElement(_chunkDR7ZJ6Z3js.FilterButton, { ref, ...triggerButtonProps }), /* @__PURE__ */ _react2.default.createElement(_drafttooltip.Tooltip, { text: removeButtonLabel, display: "inline-block", position: "below" }, /* @__PURE__ */ _react2.default.createElement(_chunkSBUK4XZMjs.FilterButtonBase, { ref: removeButtonRef, ...removeButtonProps }, /* @__PURE__ */ _react2.default.createElement(_componentlibrary.Icon, { icon: _cleariconsvg2.default, title: removeButtonLabel }))));
-});
-FilterButtonRemovable.displayName = "FilterButtonRemovable";
-
-
-
-exports.FilterButtonRemovable = FilterButtonRemovable;