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

package/dist/components/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AlertProps } from './Alert.types';
+import { Props } from './Alert.types';
 /**
  * An alert component for displaying feedback messages.
  * Supports success, info, warning, and danger variants with icon, title, and optional description.
@@ -18,4 +18,4 @@ import { AlertProps } from './Alert.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alert--docs Storybook}
  */
-export declare const Alert: FC<AlertProps>;
+export declare const Alert: FC<Props>;

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

@@ -31,11 +31,13 @@ type AlertBaseProps = VariantProps<typeof alertVariants> & {
  * <Alert type="warning" title="Warning" description={<span>Action <strong>required</strong></span>} />
  * ```
  */
-export type AlertProps = AlertBaseProps & ({
+export type Props = AlertBaseProps & ({
     title: string | ReactNode;
     description?: string | ReactNode;
 } | {
     title?: string | ReactNode;
     description: string | ReactNode;
 });
+/** @deprecated Use Props instead */
+export type AlertProps = Props;
 export {};

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AlertDialogProps } from './AlertDialog.types';
+import { Props } from './AlertDialog.types';
 /**
  * A confirmation dialog component built on Radix UI AlertDialog.
  * Includes a trigger button that opens a modal with title, description, and action buttons.
@@ -28,5 +28,5 @@ import { AlertDialogProps } from './AlertDialog.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alertdialog--docs Storybook}
  */
-declare const AlertDialog: FC<AlertDialogProps>;
+declare const AlertDialog: FC<Props>;
 export { AlertDialog };

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { R as K, A as P, P as z, O as B, C as E, T as S, D as q, a as F, b as G } from "../../index-Dd_ZmIqU.js";
+import { R as K, A as P, P as z, O as B, C as E, T as S, D as q, a as F, b as G } from "../../index-C7zAY3xv.js";
 import { useRef as H, useState as I, useEffect as J } from "react";
 import { Button as i } from "../Button/Button.js";
 import { cn as n } from "../../utils/index.js";

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

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { AlertDialogProps as AlertDialogPrimitiveProps } from '@radix-ui/react-alert-dialog';
 import { Theme } from '../../domain/theme';
-import { ButtonProps } from '../Button/Button.types';
+import { Props as ButtonProps } from '../Button/Button.types';
 type ButtonBaseProps = Partial<ButtonProps> & {
     className?: string;
     text?: string;
@@ -22,7 +22,7 @@ type ButtonConfirmProps = ButtonBaseProps;
  * />
  * ```
  */
-export interface AlertDialogProps extends PropsWithChildren, AlertDialogPrimitiveProps {
+export interface Props extends PropsWithChildren, AlertDialogPrimitiveProps {
     /** Cancel button props (className, text, etc.) */
     buttonCancel?: ButtonCancelProps;
     /** Confirm button props (className, text, etc.) */
@@ -52,7 +52,9 @@ export interface AlertDialogProps extends PropsWithChildren, AlertDialogPrimitiv
     /** Callback when the button is clicked */
     onClick?: VoidFunction;
 }
+/** @deprecated Use Props instead */
+export type AlertDialogProps = Props;
 export type UseAlertiDialogProps = {
-    onConfirm: AlertDialogProps['onConfirm'];
+    onConfirm: Props['onConfirm'];
 };
 export {};

package/dist/components/AlertDialog/components/AlertDialogTrigger.d.ts

@@ -1,2 +1,2 @@
-import { AlertDialogTriggerProps } from './AlertDialogTrigger.types';
-export declare const AlertDialogTrigger: import('react').ForwardRefExoticComponent<AlertDialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+import { Props } from './AlertDialogTrigger.types';
+export declare const AlertDialogTrigger: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as e } from "../../../index-Dd_ZmIqU.js";
+import { A as e } from "../../../index-C7zAY3xv.js";
 import "react";
 import "../../Button/Button.js";
 import "../../../utils/index.js";

package/dist/components/AlertDialog/components/AlertDialogTrigger.types.d.ts

@@ -1,6 +1,6 @@
-import { ButtonProps } from '../../Button/Button.types';
+import { Props as ButtonProps } from '../../Button/Button.types';
 import { Theme } from '../../../domain/theme';
-export interface AlertDialogTriggerProps {
+export interface Props {
     'data-theme'?: Theme;
     variant?: ButtonProps['variant'];
     className?: string;
@@ -8,3 +8,5 @@ export interface AlertDialogTriggerProps {
     onOpen: VoidFunction;
     onClick?: VoidFunction;
 }
+/** @deprecated Use Props instead */
+export type AlertDialogTriggerProps = Props;

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-Dd_ZmIqU.js";
+import { A as g } from "../../../index-C7zAY3xv.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { AutocompleteProps } from './Autocomplete.types';
+import { Props } from './Autocomplete.types';
 /**
  * An autocomplete/typeahead input component that suggests options as you type.
  *
@@ -27,5 +27,5 @@ import { AutocompleteProps } from './Autocomplete.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-autocomplete--docs Storybook}
  */
-declare const Autocomplete: import('react').ForwardRefExoticComponent<AutocompleteProps & import('react').RefAttributes<HTMLInputElement>>;
+declare const Autocomplete: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export { Autocomplete };

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

@@ -22,7 +22,7 @@ export type Option = {
  * />
  * ```
  */
-export interface AutocompleteProps extends VariantProps<typeof autocompleteVariants> {
+export interface Props extends VariantProps<typeof autocompleteVariants> {
     /** Disable browser autocomplete (default: 'off') */
     autoComplete?: 'off';
     /** Additional CSS classes */
@@ -48,3 +48,5 @@ export interface AutocompleteProps extends VariantProps<typeof autocompleteVaria
     /** Callback when a value is selected */
     onChange(value: string): void;
 }
+/** @deprecated Use Props instead */
+export type AutocompleteProps = Props;

package/dist/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BadgeProps } from './Badge.types';
+import { Props } from './Badge.types';
 /**
  * A badge/tag component for status indicators and labels.
  * Supports multiple variants, icons, loading state, and dismissible mode.
@@ -31,4 +31,4 @@ import { BadgeProps } from './Badge.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-badge--docs Storybook}
  */
-export declare const Badge: FC<BadgeProps>;
+export declare const Badge: FC<Props>;

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

@@ -12,7 +12,7 @@ import { badgeVariants } from './Badge.variants';
  * <Badge label="With Icon" leftIcon={<Icon />} />
  * ```
  */
-export type BadgeProps = VariantProps<typeof badgeVariants> & {
+export type Props = VariantProps<typeof badgeVariants> & {
     /** Additional CSS classes */
     className?: string;
     /** Show dismiss button */
@@ -32,3 +32,5 @@ export type BadgeProps = VariantProps<typeof badgeVariants> & {
     /** Callback when dismiss button clicked */
     onDismiss?: VoidFunction;
 };
+/** @deprecated Use Props instead */
+export type BadgeProps = Props;

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BreadcrumbProps } from './Breadcrumb.types';
+import { Props } from './Breadcrumb.types';
 /**
  * A breadcrumb navigation component showing the current location in a hierarchy.
  *
@@ -26,4 +26,4 @@ import { BreadcrumbProps } from './Breadcrumb.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-breadcrumb--docs Storybook}
  */
-export declare const Breadcrumb: FC<BreadcrumbProps>;
+export declare const Breadcrumb: FC<Props>;

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/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/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.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';
 /**
@@ -42,7 +42,7 @@ 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 */
@@ -50,10 +50,12 @@ export type FilterProps = VariantProps<typeof filterVariants> & PropsWithChildre
     /** 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/ResetButton/ResetButton.types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../../Button/Button.types';
+import { Props as ButtonProps } from '../../../Button/Button.types';
 export type ResetButtonProps = ButtonProps & {
     disabled?: boolean;
     onClick?: VoidFunction;

package/dist/components/ImageUpload/ImageUpload.d.ts

@@ -1,4 +1,4 @@
-import { ImageUploadProps } from './ImageUpload.types';
+import { Props } from './ImageUpload.types';
 /**
  * A file input component for uploading images with preview and validation.
  * Supports drag states, file type validation, size limits, and upload progress.
@@ -19,7 +19,7 @@ import { ImageUploadProps } from './ImageUpload.types';
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-imageupload--docs Storybook}
  */
 declare const ImageUpload: {
-    ({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, labelWrapperClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: ImageUploadProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, labelWrapperClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { ImageUpload };

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

@@ -29,7 +29,7 @@ export type ImageUploadStatusType = ImageUploadStatus;
  * />
  * ```
  */
-export interface ImageUploadProps extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
+export interface Props extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
     /** Additional CSS classes */
     className?: string;
     /** Error message to display */
@@ -67,3 +67,5 @@ export interface ImageUploadProps extends Omit<VariantProps<typeof imageUploadVa
     /** Maximum file size in bytes */
     maxSize?: number;
 }
+/** @deprecated Use Props instead */
+export type ImageUploadProps = Props;

package/dist/components/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from './Input.types';
+import { Props } from './Input.types';
 /**
  * A text input component with label, error handling, and helper text support.
  * Includes built-in password visibility toggle and search icon variant.
@@ -31,5 +31,5 @@ import { InputProps } from './Input.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-input--docs Storybook}
  */
-declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+declare const Input: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
 export { Input };