@konstructio/ui 0.1.2-alpha.74 → 0.1.2-alpha.76

package/dist/components/Breadcrumb/Breadcrumb.types.d.ts

@@ -31,7 +31,7 @@ export type Step = {
  * />
  * ```
  */
-export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
+export interface Props extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
     /** Array of breadcrumb steps */
     steps: Step[];
     /** CSS classes for the nav wrapper */
@@ -39,3 +39,5 @@ export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type BreadcrumbProps = Props;

package/dist/components/Breadcrumb/components/Item/Item.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { ItemProps } from './Item.types';
-export declare const Item: FC<ItemProps>;
+import { Props } from './Item.types';
+export declare const Item: FC<Props>;

package/dist/components/Breadcrumb/components/Item/Item.types.d.ts

@@ -1,6 +1,8 @@
 import { Theme } from '../../../../domain/theme';
 import { Step } from '../../Breadcrumb.types';
-export interface ItemProps extends Step {
+export interface Props extends Step {
     isLast: boolean;
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type ItemProps = Props;

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ButtonProps } from './Button.types';
+import { Props } from './Button.types';
 /**
  * A customizable button component with multiple variants and styles.
  *
@@ -29,5 +29,5 @@ import { ButtonProps } from './Button.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-button--docs Storybook}
  */
-declare const Button: FC<ButtonProps>;
+declare const Button: FC<Props>;
 export { Button };

package/dist/components/Button/Button.types.d.ts

@@ -12,7 +12,7 @@ import { buttonVariants } from './Button.variants';
  * <Button variant="danger" shape="circle"><TrashIcon /></Button>
  * ```
  */
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>, VariantProps<typeof buttonVariants> {
+export interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>, VariantProps<typeof buttonVariants> {
     /** Ref to the underlying button element */
     ref?: Ref<HTMLButtonElement>;
     /** Merge props onto child element instead of rendering a button */
@@ -22,3 +22,5 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type ButtonProps = Props;

package/dist/components/Button/Button.variants.js

@@ -154,12 +154,11 @@ const a = r(
           "hover:border-transparent",
           "dark:bg-transparent",
           "dark:text-metal-100",
-          "dark:border-transparent",
+          "dark:border-metal-100",
           "dark:focus-visible:bg-green-400/15",
           "dark:hover:bg-green-400/15",
-          "dark:hover:border-transparent",
-          "dark:hover:text-metal-100",
-          "dark:focus-visible:hover:bg-green-400/15"
+          "dark:hover:border-metal-100",
+          "dark:hover:text-metal-100"
         ]
       },
       {
@@ -171,7 +170,7 @@ const a = r(
           "text-slate-700",
           "opacity-45",
           "dark:bg-transparent",
-          "dark:border-transparent",
+          "dark:border-metal-100",
           "dark:text-metal-100"
         ]
       },

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -4,7 +4,7 @@ import { cn as n } from "../../utils/index.js";
 import { buttonGroupPillVariants as z, buttonGroupVariants as A, buttonGroupWrapperVariants as E } from "./ButtonGroup.variants.js";
 import { useButtonGroup as H } from "./hooks/useButtonGroup.js";
 import { ButtonGroupLabel as J } from "./components/ButtonGroupLabel/ButtonGroupLabel.js";
-import { m as Q } from "../../proxy-0sbyKj-k.js";
+import { m as Q } from "../../proxy-BvdTb_6B.js";
 import { ButtonGroupItem as T } from "./components/ButtonGroupItem/ButtonGroupItem.js";
 import { ButtonGroupMessage as U } from "./components/ButtonGroupMessage/ButtonGroupMessage.js";
 const X = ({

package/dist/components/ButtonGroup/components/ButtonGroupItem/ButtonGroupItem.js

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import { memo as L } from "react";
 import { cn as t } from "../../../../utils/index.js";
 import { buttonGroupLabelVariants as u, buttonGroupDescriptionVariants as V, buttonGroupItemContentVariants as g, buttonGroupItemVariants as w } from "./ButtonGroupItem.variants.js";
-import { m as j } from "../../../../proxy-0sbyKj-k.js";
+import { m as j } from "../../../../proxy-BvdTb_6B.js";
 const k = (r, n) => n === "none" ? r ? "inset(0 0 0 0)" : "inset(0 100% 0 0)" : r ? "inset(0 0 0 0)" : n === "right" ? "inset(0 0 0 100%)" : "inset(0 100% 0 0)", B = L(
   ({
     animationDirection: r,

package/dist/components/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { CardProps } from './Card.types';
+import { Props } from './Card.types';
 /**
  * A container card component with optional hover and active states.
  *
@@ -24,5 +24,5 @@ import { CardProps } from './Card.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-card--docs Storybook}
  */
-declare const Card: FC<CardProps>;
+declare const Card: FC<Props>;
 export { Card };

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

@@ -12,7 +12,7 @@ import { cardVariants } from './Card.variants';
  * <Card isActive>Active/selected card</Card>
  * ```
  */
-export interface CardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants>, PropsWithChildren {
+export interface Props extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants>, PropsWithChildren {
     /** Enable hover effect */
     canHover?: boolean;
     /** Show active/selected state */
@@ -22,3 +22,5 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<
     /** CSS classes for the outer wrapper */
     wrapperClassName?: string;
 }
+/** @deprecated Use Props instead */
+export type CardProps = Props;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { CheckboxProps } from './Checkbox.types';
+import { Props } from './Checkbox.types';
 /**
  * A checkbox component built on Radix UI primitives.
  * Supports controlled and uncontrolled modes with label support.
@@ -22,5 +22,5 @@ import { CheckboxProps } from './Checkbox.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-checkbox--docs Storybook}
  */
-declare const Checkbox: FC<CheckboxProps>;
+declare const Checkbox: FC<Props>;
 export { Checkbox };

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

@@ -12,7 +12,7 @@ import { checkboxVariants } from './Checkbox.variants';
  * <Checkbox label="Disabled option" disabled />
  * ```
  */
-export interface CheckboxProps extends Omit<CheckboxPropsPrimitive, 'onChange'>, Omit<VariantProps<typeof checkboxVariants>, 'checked'> {
+export interface Props extends Omit<CheckboxPropsPrimitive, 'onChange'>, Omit<VariantProps<typeof checkboxVariants>, 'checked'> {
     /** ID of element that labels the checkbox for accessibility */
     ariaLabelledBy?: string;
     /** Additional CSS classes */
@@ -36,3 +36,5 @@ export interface CheckboxProps extends Omit<CheckboxPropsPrimitive, 'onChange'>,
     /** Callback when checked state changes */
     onChange?: (checked: boolean) => void;
 }
+/** @deprecated Use Props instead */
+export type CheckboxProps = Props;

package/dist/components/Command/Command.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { CommandProps } from './Command.types';
+import { Props } from './Command.types';
 import { CommandGroup, CommandItem, CommandSeparator } from './components';
 /**
  * A command palette dialog for keyboard-driven navigation and actions.
@@ -23,5 +23,5 @@ import { CommandGroup, CommandItem, CommandSeparator } from './components';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-command--docs Storybook}
  */
-declare const Command: FC<CommandProps>;
+declare const Command: FC<Props>;
 export { Command, CommandGroup, CommandItem, CommandSeparator };

package/dist/components/Command/Command.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-9a-FL_6D.js";
+import { R as s, D as p } from "../../index-DWyM654o.js";
 import { V as l } from "../../index-BKjcReYh.js";
 import { cn as m } from "../../utils/index.js";
 import { wrapperVariants as f } from "./Command.variants.js";
@@ -18,7 +18,7 @@ const j = ({
 }) => /* @__PURE__ */ o(s, { ...d, children: /* @__PURE__ */ i(
   c,
   {
-    className: "overflow-hidden p-0 border-0 !rounded-none",
+    className: "overflow-hidden p-0 border-0 rounded-none!",
     "data-theme": t,
     children: [
       /* @__PURE__ */ o(p, { className: m("hidden", e), children: /* @__PURE__ */ o(l, { children: a }) }),

package/dist/components/Command/Command.types.d.ts

@@ -15,7 +15,7 @@ import { PropsWithChildren } from 'react';
  * </Command>
  * ```
  */
-export interface CommandProps extends PropsWithChildren<DialogProps> {
+export interface Props extends PropsWithChildren<DialogProps> {
     /** Text shown when no results match the search */
     emptyResults?: string;
     /** Placeholder text for the search input */
@@ -29,3 +29,5 @@ export interface CommandProps extends PropsWithChildren<DialogProps> {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type CommandProps = Props;

package/dist/components/Command/components/Command.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-Dfq4O3b4.js";
+import { _ as o } from "../../../index-CrCTywU1.js";
 const s = p(({ className: r, children: a, ...e }, i) => /* @__PURE__ */ m(o, { ref: i, className: r, ...e, children: /* @__PURE__ */ m("div", { className: "w-[500px]", children: a }) }));
 s.displayName = o.displayName;
 export {

package/dist/components/Command/components/CommandEmpty.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-Dfq4O3b4.js";
+import { _ as m } from "../../../index-CrCTywU1.js";
 const r = p((t, e) => /* @__PURE__ */ o(
   m.Empty,
   {

package/dist/components/Command/components/CommandGroup.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-Dfq4O3b4.js";
+import { _ as o } from "../../../index-CrCTywU1.js";
 import { cn as a } from "../../../utils/index.js";
 const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
   o.Group,

package/dist/components/Command/components/CommandInput.js

@@ -1,5 +1,5 @@
 import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-Dfq4O3b4.js";
+import { _ as m } from "../../../index-CrCTywU1.js";
 import s, { forwardRef as u } from "react";
 import { cn as f } from "../../../utils/index.js";
 import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";

package/dist/components/Command/components/CommandItem.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as i, useContext as c, useCallback as l } from "react";
-import { _ as o } from "../../../index-Dfq4O3b4.js";
+import { _ as o } from "../../../index-CrCTywU1.js";
 import { cn as p } from "../../../utils/index.js";
 import { CommandContext as u } from "../contexts/Command.context.js";
 const f = i(({ className: n, onSelect: e, ...r }, a) => {

package/dist/components/Command/components/CommandList.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-Dfq4O3b4.js";
+import { _ as o } from "../../../index-CrCTywU1.js";
 import { cn as t } from "../../../utils/index.js";
 const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
   o.List,

package/dist/components/Command/components/CommandSeparator.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-Dfq4O3b4.js";
+import { _ as r } from "../../../index-CrCTywU1.js";
 import { cn as t } from "../../../utils/index.js";
 const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
   r.Separator,

package/dist/components/Command/components/DialogContent.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { a as r, C as o, b as l } from "../../../index-9a-FL_6D.js";
+import { a as r, C as o, b as l } from "../../../index-DWyM654o.js";
 import { cn as m } from "../../../utils/index.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { X as c } from "../../../x-Eoa9FJjA.js";

package/dist/components/Command/components/DialogOverlay.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { O as a } from "../../../index-9a-FL_6D.js";
+import { O as a } from "../../../index-DWyM654o.js";
 import { cn as i } from "../../../utils/index.js";
 const m = d(({ className: t, ...e }, o) => /* @__PURE__ */ s(
   a,

package/dist/components/Counter/Counter.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { CounterProps } from './Counter.types';
+import { Props } from './Counter.types';
 /**
  * A numeric input component with increment/decrement buttons.
  * Also exported as `NumberInput` for convenience.
@@ -33,4 +33,4 @@ import { CounterProps } from './Counter.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-counter--docs Storybook}
  */
-export declare const Counter: FC<CounterProps>;
+export declare const Counter: FC<Props>;

package/dist/components/Counter/Counter.types.d.ts

@@ -15,7 +15,7 @@ import { counterVariants } from './Counter.variants';
  * />
  * ```
  */
-export interface CounterProps extends VariantProps<typeof counterVariants> {
+export interface Props extends VariantProps<typeof counterVariants> {
     /** Allow decrement button to be clicked */
     canDecrement?: boolean;
     /** Allow increment button to be clicked */
@@ -51,3 +51,5 @@ export interface CounterProps extends VariantProps<typeof counterVariants> {
         };
     }) => void;
 }
+/** @deprecated Use Props instead */
+export type CounterProps = Props;

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangePickerProps } from './DateRangePicker.types';
+import { Props } from './DateRangePicker.types';
 /**
  * A date range picker component that allows selecting a range of dates
  * with optional time inputs and preset options.
@@ -27,5 +27,5 @@ import { DateRangePickerProps } from './DateRangePicker.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-daterangepicker--docs Storybook}
  */
-declare const DateRangePicker: FC<DateRangePickerProps>;
+declare const DateRangePicker: FC<Props>;
 export { DateRangePicker };

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

@@ -18,7 +18,7 @@ export type { CalendarPanelClassNames, DateTimeInputsClassNames, DayPickerClassN
  * />
  * ```
  */
-export type DateRangePickerProps = VariantProps<typeof dateRangePickerVariants> & {
+export type Props = VariantProps<typeof dateRangePickerVariants> & {
     /** Initial date range */
     defaultRange?: DateRange;
     /** Initial time range */
@@ -110,6 +110,8 @@ export type DateRangePickerProps = VariantProps<typeof dateRangePickerVariants>
     /** Custom class names for different parts of the component */
     classNames?: DateRangePickerClassNames;
 };
+/** @deprecated Use Props instead */
+export type DateRangePickerProps = Props;
 /** Custom class names for different parts of the DateRangePicker component */
 export type DateRangePickerClassNames = {
     /** Class name for the main container */

package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js

@@ -7,7 +7,7 @@ import { CalendarDivider as tt } from "../CalendarDivider/CalendarDivider.js";
 import { CalendarMonth as d } from "../CalendarMonth/CalendarMonth.js";
 import { NavigationButton as g } from "../NavigationButton/NavigationButton.js";
 import { useIndependentCarousel as nt } from "../../hooks/useIndependentCarousel.js";
-import { m as et } from "../../../../../../proxy-0sbyKj-k.js";
+import { m as et } from "../../../../../../proxy-BvdTb_6B.js";
 const at = ({
   className: b,
   calendarWidth: x = 550,

package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js

@@ -6,7 +6,7 @@ import { CalendarDivider as F } from "../CalendarDivider/CalendarDivider.js";
 import { CalendarMonth as G } from "../CalendarMonth/CalendarMonth.js";
 import { NavigationButton as m } from "../NavigationButton/NavigationButton.js";
 import { useTogetherCarousel as H } from "../../hooks/useTogetherCarousel.js";
-import { m as R } from "../../../../../../proxy-0sbyKj-k.js";
+import { m as R } from "../../../../../../proxy-BvdTb_6B.js";
 const S = ({
   className: s,
   calendarWidth: h = 550,

package/dist/components/Datepicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DatePickerProps } from './DatePicker.types';
+import { Props } from './DatePicker.types';
 /**
  * A date picker component built on react-day-picker.
  * Allows single date selection with calendar navigation.
@@ -22,5 +22,5 @@ import { DatePickerProps } from './DatePicker.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-datepicker--docs Storybook}
  */
-declare const DatePicker: FC<DatePickerProps>;
+declare const DatePicker: FC<Props>;
 export { DatePicker };

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

@@ -14,7 +14,7 @@ type TimeZone = keyof ReturnType<typeof getAllTimezones>;
  * />
  * ```
  */
-export type DatePickerProps = Omit<DayPickerPrimitiveProps, 'mode'> & VariantProps<typeof datePickerVariants> & {
+export type Props = Omit<DayPickerPrimitiveProps, 'mode'> & VariantProps<typeof datePickerVariants> & {
     /** CSS classes for the navigation arrows */
     arrowClassName?: string;
     /** CSS classes for the months container */
@@ -26,4 +26,6 @@ export type DatePickerProps = Omit<DayPickerPrimitiveProps, 'mode'> & VariantPro
     /** Callback when a date is selected */
     onSelect?: (date: Date) => void;
 };
+/** @deprecated Use Props instead */
+export type DatePickerProps = Props;
 export {};

package/dist/components/Filter/Filter.js

@@ -1,29 +1,31 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as m } from "../../utils/index.js";
-import { filterVariants as l } from "./Filter.variants.js";
-import { BadgeMultiSelect as p } from "./components/BadgeDropdown/BadgeMultiSelect.js";
-import { TextMultiSelect as a } from "./components/TextMultiSelect/TextMultiSelect.js";
-import { DateFilterDropdown as n } from "./components/DateFilterDropdown/DateFilterDropdown.js";
-import { DateRangeFilterDropdown as d } from "./components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { TimeFilterDropdown as f } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
-import { ResetButton as D } from "./components/ResetButton/ResetButton.js";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as l } from "../../utils/index.js";
+import { filterVariants as p } from "./Filter.variants.js";
+import { FilterProvider as a } from "./contexts/filter.provider.js";
+import { BadgeMultiSelect as n } from "./components/BadgeDropdown/BadgeMultiSelect.js";
+import { TextMultiSelect as d } from "./components/TextMultiSelect/TextMultiSelect.js";
+import { DateFilterDropdown as f } from "./components/DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as c } from "./components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { TimeFilterDropdown as D } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
+import { ResetButton as s } from "./components/ResetButton/ResetButton.js";
 const t = ({
   className: e,
   theme: o = "civo",
-  children: r
-}) => /* @__PURE__ */ i("div", { className: m(l({ className: e })), "data-theme": o, children: r });
+  children: i,
+  closeOnApply: m = !0
+}) => /* @__PURE__ */ r(a, { closeOnApply: m, children: /* @__PURE__ */ r("div", { className: l(p({ className: e })), "data-theme": o, children: i }) });
 t.displayName = "KonstructFilter";
-t.BadgeMultiSelect = p;
-t.TextMultiSelect = a;
-t.DateFilterDropdown = n;
-t.DateRangeFilterDropdown = d;
-t.TimeFilterDropdown = f;
-t.ResetButton = D;
+t.BadgeMultiSelect = n;
+t.TextMultiSelect = d;
+t.DateFilterDropdown = f;
+t.DateRangeFilterDropdown = c;
+t.TimeFilterDropdown = D;
+t.ResetButton = s;
 export {
-  p as BadgeMultiSelect,
-  n as DateFilterDropdown,
-  d as DateRangeFilterDropdown,
+  n as BadgeMultiSelect,
+  f as DateFilterDropdown,
+  c as DateRangeFilterDropdown,
   t as Filter,
-  a as TextMultiSelect,
-  f as TimeFilterDropdown
+  d as TextMultiSelect,
+  D as TimeFilterDropdown
 };

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { FC, PropsWithChildren } from 'react';
 import { Theme } from '../../domain/theme';
-import { BadgeProps } from '../Badge/Badge.types';
+import { Props as BadgeProps } from '../Badge/Badge.types';
 import { filterVariants } from './Filter.variants';
 import { BadgeMultiSelectProps, DateFilterDropdownProps, DateRangeFilterDropdownProps, ResetButtonProps, TextMultiSelectProps, TimeFilterDropdownProps } from './components';
 /**
@@ -14,6 +14,12 @@ export type Option = {
     label: string;
     /** Visual variant for the badge */
     variant?: BadgeProps['variant'];
+    /** Icon displayed on the left of the badge */
+    leftIcon?: BadgeProps['leftIcon'];
+    /** Icon displayed on the right of the badge */
+    rightIcon?: BadgeProps['rightIcon'];
+    /** Show loading spinner in the badge */
+    loading?: BadgeProps['loading'];
 };
 /**
  * Props for the Filter component.
@@ -36,16 +42,20 @@ export type Option = {
  * </Filter>
  * ```
  */
-export type FilterProps = VariantProps<typeof filterVariants> & PropsWithChildren & {
+export type Props = VariantProps<typeof filterVariants> & PropsWithChildren & {
     /** Additional CSS classes for the filter wrapper */
     className?: string;
     /** Theme override for this component */
     theme?: Theme;
+    /** Whether to close the filter dropdown automatically when Apply is clicked. Defaults to true. */
+    closeOnApply?: boolean;
 };
+/** @deprecated Use Props instead */
+export type FilterProps = Props;
 /**
  * Filter compound component type with sub-components.
  */
-export type FilterComponentProps = FC<FilterProps> & {
+export type FilterComponentProps = FC<Props> & {
     BadgeMultiSelect: FC<BadgeMultiSelectProps>;
     TextMultiSelect: FC<TextMultiSelectProps>;
     DateFilterDropdown: FC<DateFilterDropdownProps>;

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.d.ts

@@ -1,12 +1,14 @@
 import { Option } from '../../Filter.types';
 import { BadgeMultiSelectProps, SelectedOptions } from './BadgeMultiSelect.types';
-export declare const useBadgeMultiSelect: ({ onApply, }: Pick<BadgeMultiSelectProps, "onApply">) => {
+export declare const useBadgeMultiSelect: ({ onApply, options, }: Pick<BadgeMultiSelectProps, "onApply" | "options">) => {
     isOpen: boolean;
+    isAllSelected: boolean;
     selectedCount: SelectedOptions[];
     selectedOptions: SelectedOptions[];
     wrapperRef: import('react').RefObject<HTMLDivElement | null>;
     handleApplyOptions: () => void;
     handleOpen: () => void;
     handleResetOptions: () => void;
+    handleSelectAll: (allOptions: Option[], checked: boolean) => void;
     handleSelectOption: (option: Option, checked: boolean) => void;
 };