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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/dist/components/Alert/Alert.d.ts +2 -2
  2. package/dist/components/Alert/Alert.types.d.ts +3 -1
  3. package/dist/components/AlertDialog/AlertDialog.d.ts +2 -2
  4. package/dist/components/AlertDialog/AlertDialog.js +1 -1
  5. package/dist/components/AlertDialog/AlertDialog.types.d.ts +5 -3
  6. package/dist/components/AlertDialog/components/AlertDialogTrigger.d.ts +2 -2
  7. package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
  8. package/dist/components/AlertDialog/components/AlertDialogTrigger.types.d.ts +4 -2
  9. package/dist/components/AlertDialog/components/index.js +1 -1
  10. package/dist/components/Autocomplete/Autocomplete.d.ts +2 -2
  11. package/dist/components/Autocomplete/Autocomplete.types.d.ts +3 -1
  12. package/dist/components/Badge/Badge.d.ts +2 -2
  13. package/dist/components/Badge/Badge.types.d.ts +3 -1
  14. package/dist/components/Breadcrumb/Breadcrumb.d.ts +2 -2
  15. package/dist/components/Breadcrumb/Breadcrumb.types.d.ts +3 -1
  16. package/dist/components/Breadcrumb/components/Item/Item.d.ts +2 -2
  17. package/dist/components/Breadcrumb/components/Item/Item.types.d.ts +3 -1
  18. package/dist/components/Button/Button.d.ts +2 -2
  19. package/dist/components/Button/Button.types.d.ts +3 -1
  20. package/dist/components/Card/Card.d.ts +2 -2
  21. package/dist/components/Card/Card.types.d.ts +3 -1
  22. package/dist/components/Checkbox/Checkbox.d.ts +2 -2
  23. package/dist/components/Checkbox/Checkbox.types.d.ts +3 -1
  24. package/dist/components/Command/Command.d.ts +2 -2
  25. package/dist/components/Command/Command.js +2 -2
  26. package/dist/components/Command/Command.types.d.ts +3 -1
  27. package/dist/components/Command/components/Command.js +1 -1
  28. package/dist/components/Command/components/CommandEmpty.js +1 -1
  29. package/dist/components/Command/components/CommandGroup.js +1 -1
  30. package/dist/components/Command/components/CommandInput.js +1 -1
  31. package/dist/components/Command/components/CommandItem.js +1 -1
  32. package/dist/components/Command/components/CommandList.js +1 -1
  33. package/dist/components/Command/components/CommandSeparator.js +1 -1
  34. package/dist/components/Command/components/DialogContent.js +1 -1
  35. package/dist/components/Command/components/DialogOverlay.js +1 -1
  36. package/dist/components/Counter/Counter.d.ts +2 -2
  37. package/dist/components/Counter/Counter.types.d.ts +3 -1
  38. package/dist/components/DateRangePicker/DateRangePicker.d.ts +2 -2
  39. package/dist/components/DateRangePicker/DateRangePicker.types.d.ts +3 -1
  40. package/dist/components/Datepicker/DatePicker.d.ts +2 -2
  41. package/dist/components/Datepicker/DatePicker.types.d.ts +3 -1
  42. package/dist/components/Filter/Filter.types.d.ts +5 -3
  43. package/dist/components/Filter/components/ResetButton/ResetButton.types.d.ts +1 -1
  44. package/dist/components/ImageUpload/ImageUpload.d.ts +2 -2
  45. package/dist/components/ImageUpload/ImageUpload.types.d.ts +3 -1
  46. package/dist/components/Input/Input.d.ts +2 -2
  47. package/dist/components/Input/Input.types.d.ts +3 -1
  48. package/dist/components/LineChart/LineChart.d.ts +2 -2
  49. package/dist/components/LineChart/LineChart.types.d.ts +4 -2
  50. package/dist/components/Loading/Loading.d.ts +2 -2
  51. package/dist/components/Loading/Loading.types.d.ts +3 -1
  52. package/dist/components/MultiSelectDropdown/MultiSelectDropdown.d.ts +2 -2
  53. package/dist/components/MultiSelectDropdown/MultiSelectDropdown.types.d.ts +3 -1
  54. package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.types.d.ts +1 -1
  55. package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js +1 -1
  56. package/dist/components/ProgressBar/ProgressBar.d.ts +2 -2
  57. package/dist/components/ProgressBar/ProgressBar.types.d.ts +3 -1
  58. package/dist/components/Radio/Radio.d.ts +2 -2
  59. package/dist/components/Radio/Radio.types.d.ts +3 -1
  60. package/dist/components/RadioCard/RadioCard.d.ts +2 -2
  61. package/dist/components/RadioCard/RadioCard.types.d.ts +5 -3
  62. package/dist/components/RadioCardGroup/RadioCardGroup.d.ts +2 -2
  63. package/dist/components/RadioCardGroup/RadioCardGroup.types.d.ts +4 -2
  64. package/dist/components/RadioGroup/RadioGroup.d.ts +2 -2
  65. package/dist/components/RadioGroup/RadioGroup.types.d.ts +4 -2
  66. package/dist/components/Range/Range.d.ts +2 -2
  67. package/dist/components/Range/Range.types.d.ts +3 -1
  68. package/dist/components/Select/Select.d.ts +2 -2
  69. package/dist/components/Select/Select.types.d.ts +3 -1
  70. package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.types.d.ts +1 -1
  71. package/dist/components/Select/components/List/List.types.d.ts +1 -1
  72. package/dist/components/Sidebar/Sidebar.d.ts +1 -1
  73. package/dist/components/Sidebar/Sidebar.types.d.ts +3 -1
  74. package/dist/components/Sidebar/components/Footer/Footer.d.ts +2 -2
  75. package/dist/components/Sidebar/components/Footer/Footer.types.d.ts +3 -1
  76. package/dist/components/Sidebar/components/Logo/Logo.d.ts +2 -2
  77. package/dist/components/Sidebar/components/Logo/Logo.types.d.ts +3 -1
  78. package/dist/components/Sidebar/components/Navigation/Navigation.d.ts +2 -2
  79. package/dist/components/Sidebar/components/Navigation/Navigation.types.d.ts +7 -5
  80. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.d.ts +2 -2
  81. package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.types.d.ts +3 -1
  82. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.d.ts +2 -2
  83. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.types.d.ts +3 -1
  84. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.d.ts +2 -2
  85. package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.d.ts +3 -1
  86. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.d.ts +2 -2
  87. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js +1 -5
  88. package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.types.d.ts +3 -1
  89. package/dist/components/Sidebar/components/index.d.ts +7 -7
  90. package/dist/components/Slider/Slider.d.ts +2 -2
  91. package/dist/components/Slider/Slider.types.d.ts +3 -1
  92. package/dist/components/Spinner/Spinner.d.ts +2 -2
  93. package/dist/components/Spinner/Spinner.types.d.ts +4 -2
  94. package/dist/components/Stepper/Stepper.d.ts +2 -2
  95. package/dist/components/Stepper/Stepper.types.d.ts +3 -1
  96. package/dist/components/Switch/Switch.d.ts +2 -2
  97. package/dist/components/Switch/Switch.types.d.ts +3 -1
  98. package/dist/components/Table/Table.types.d.ts +3 -1
  99. package/dist/components/Tabs/Tabs.d.ts +1 -1
  100. package/dist/components/Tabs/Tabs.types.d.ts +3 -1
  101. package/dist/components/Tag/Tag.d.ts +2 -2
  102. package/dist/components/Tag/Tag.types.d.ts +3 -1
  103. package/dist/components/TagSelect/TagSelect.d.ts +2 -2
  104. package/dist/components/TagSelect/TagSelect.js +3 -1
  105. package/dist/components/TagSelect/TagSelect.types.d.ts +4 -2
  106. package/dist/components/TagSelect/components/Item/Item.types.d.ts +1 -1
  107. package/dist/components/TagSelect/components/Wrapper/Wrapper.types.d.ts +1 -1
  108. package/dist/components/TagSelect/contexts/TagSelect.types.d.ts +1 -1
  109. package/dist/components/TextArea/TextArea.d.ts +2 -2
  110. package/dist/components/TextArea/TextArea.types.d.ts +3 -1
  111. package/dist/components/TimePicker/TimePicker.d.ts +2 -2
  112. package/dist/components/TimePicker/TimePicker.types.d.ts +3 -1
  113. package/dist/components/TimePicker/components/HoursList/HoursList.types.d.ts +1 -1
  114. package/dist/components/TimePicker/components/MeridianList/MeridianList.types.d.ts +1 -1
  115. package/dist/components/TimePicker/components/MinutesList/MinutesList.types.d.ts +1 -1
  116. package/dist/components/TimePicker/components/Wrapper/Wrapper.types.d.ts +1 -1
  117. package/dist/components/TimePicker/components/WrapperList/WrapperList.types.d.ts +1 -1
  118. package/dist/components/Toast/Toast.d.ts +2 -2
  119. package/dist/components/Toast/Toast.js +3 -4
  120. package/dist/components/Toast/Toast.types.d.ts +3 -1
  121. package/dist/components/Tooltip/Tooltip.d.ts +2 -2
  122. package/dist/components/Tooltip/Tooltip.js +20 -20
  123. package/dist/components/Tooltip/Tooltip.types.d.ts +3 -1
  124. package/dist/components/Typography/Typography.d.ts +2 -2
  125. package/dist/components/Typography/Typography.types.d.ts +3 -1
  126. package/dist/components/VirtualizedTable/VirtualizedTable.types.d.ts +1 -1
  127. package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.d.ts +1 -1
  128. package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js +55 -26
  129. package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts +4 -1
  130. package/dist/components/index.d.ts +2 -0
  131. package/dist/index-BvEpLnOv.js +144 -0
  132. package/dist/{index-Dd_ZmIqU.js → index-C7zAY3xv.js} +1 -1
  133. package/dist/{index-Dfq4O3b4.js → index-CrCTywU1.js} +1 -1
  134. package/dist/{index-9a-FL_6D.js → index-DWyM654o.js} +41 -42
  135. package/dist/{index-B7-5g1Sm.js → index-mPinF0Ho.js} +407 -401
  136. package/dist/package.json +1 -1
  137. package/dist/styles.css +1 -1
  138. package/package.json +1 -1
  139. package/dist/index-CESXsoMn.js +0 -14
  140. package/dist/index-URQGEGX7.js +0 -136
@@ -12,7 +12,7 @@ import { inputVariants } from './Input.variants';
12
12
  * <Input error="Invalid email" helperText="We'll never share your email" />
13
13
  * ```
14
14
  */
15
- export interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
15
+ export interface Props extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
16
16
  /** Error message to display below the input */
17
17
  error?: string;
18
18
  /** Helper text displayed below the input when no error */
@@ -34,3 +34,5 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement>, Varia
34
34
  /** Theme override for this component */
35
35
  theme?: Theme;
36
36
  }
37
+ /** @deprecated Use Props instead */
38
+ export type InputProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { LineChartProps } from './LineChart.types';
2
+ import { Props } from './LineChart.types';
3
3
  /**
4
4
  * A line chart component for time-series data visualization.
5
5
  * Built on Chart.js with support for single and multi-line datasets.
@@ -14,4 +14,4 @@ import { LineChartProps } from './LineChart.types';
14
14
  * />
15
15
  * ```
16
16
  */
17
- export declare const LineChart: FC<LineChartProps>;
17
+ export declare const LineChart: FC<Props>;
@@ -1,4 +1,4 @@
1
- import { TypographyProps } from '../Typography/Typography.types';
1
+ import { Props as TypographyProps } from '../Typography/Typography.types';
2
2
  export interface LineChartDataset {
3
3
  /** Dataset label (used in legend) */
4
4
  label: string;
@@ -22,7 +22,7 @@ export interface LineChartDataset {
22
22
  * />
23
23
  * ```
24
24
  */
25
- export interface LineChartProps {
25
+ export interface Props {
26
26
  /** Chart title text */
27
27
  title?: string;
28
28
  /** Props passed to the Typography component used for the title */
@@ -54,3 +54,5 @@ export interface LineChartProps {
54
54
  /** Additional className for wrapper */
55
55
  className?: string;
56
56
  }
57
+ /** @deprecated Use Props instead */
58
+ export type LineChartProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { LoadingProps } from './Loading.types';
2
+ import { Props } from './Loading.types';
3
3
  /**
4
4
  * A spinning loading indicator.
5
5
  *
@@ -20,5 +20,5 @@ import { LoadingProps } from './Loading.types';
20
20
  *
21
21
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-loading--docs Storybook}
22
22
  */
23
- declare const Loading: FC<LoadingProps>;
23
+ declare const Loading: FC<Props>;
24
24
  export { Loading };
@@ -11,7 +11,9 @@ import { loadingVariants } from './Loading.variants';
11
11
  * <Loading className="w-8 h-8" />
12
12
  * ```
13
13
  */
14
- export type LoadingProps = InputHTMLAttributes<SVGSVGElement> & VariantProps<typeof loadingVariants> & {
14
+ export type Props = InputHTMLAttributes<SVGSVGElement> & VariantProps<typeof loadingVariants> & {
15
15
  /** Theme override for this component */
16
16
  theme?: Theme;
17
17
  };
18
+ /** @deprecated Use Props instead */
19
+ export type LoadingProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { MultiSelectDropdownProps } from './MultiSelectDropdown.types';
2
+ import { Props } from './MultiSelectDropdown.types';
3
3
  /**
4
4
  * A dropdown component for selecting one or multiple options with search functionality.
5
5
  * Displays selected items as badges and supports loading states.
@@ -20,4 +20,4 @@ import { MultiSelectDropdownProps } from './MultiSelectDropdown.types';
20
20
  *
21
21
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-multiselectdropdown--docs Storybook}
22
22
  */
23
- export declare const MultiSelectDropdown: FC<MultiSelectDropdownProps>;
23
+ export declare const MultiSelectDropdown: FC<Props>;
@@ -43,7 +43,7 @@ type OnBlurFn = (event: {
43
43
  * />
44
44
  * ```
45
45
  */
46
- export interface MultiSelectDropdownProps extends VariantProps<typeof multiSelectDropdownVariants>, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onBlur'> {
46
+ export interface Props extends VariantProps<typeof multiSelectDropdownVariants>, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'onBlur'> {
47
47
  /** Whether the dropdown is in a loading state */
48
48
  isLoading?: boolean;
49
49
  /** Whether the field is required */
@@ -73,4 +73,6 @@ export interface MultiSelectDropdownProps extends VariantProps<typeof multiSelec
73
73
  /** Callback fired when the input loses focus */
74
74
  onBlur?: OnBlurFn;
75
75
  }
76
+ /** @deprecated Use Props instead */
77
+ export type MultiSelectDropdownProps = Props;
76
78
  export {};
@@ -1,6 +1,6 @@
1
1
  import { ForwardedRef } from 'react';
2
2
  import { Theme } from '../../../../domain/theme';
3
- import { MultiSelectDropdownProps } from '../../MultiSelectDropdown.types';
3
+ import { Props as MultiSelectDropdownProps } from '../../MultiSelectDropdown.types';
4
4
  export type WrapperProps = Omit<MultiSelectDropdownProps, 'options' | 'multiselect'> & {
5
5
  ref?: ForwardedRef<HTMLInputElement>;
6
6
  theme?: Theme;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, jsx as o } from "react/jsx-runtime";
2
- import { P as f, R as u, T as b, C as m } from "../../../../index-B7-5g1Sm.js";
2
+ import { P as f, R as u, T as b, C as m } from "../../../../index-mPinF0Ho.js";
3
3
  import { d as h } from "../../../../debounce-DJveWHr_.js";
4
4
  import { useRef as p, useState as w, useCallback as g, useEffect as i } from "react";
5
5
  const C = ({ text: r, prefix: n }) => {
@@ -1,3 +1,3 @@
1
1
  import { FC } from 'react';
2
- import { ProgressBarProps } from './ProgressBar.types';
3
- export declare const ProgressBar: FC<ProgressBarProps>;
2
+ import { Props } from './ProgressBar.types';
3
+ export declare const ProgressBar: FC<Props>;
@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
2
2
  import { VariantProps } from 'class-variance-authority';
3
3
  import { Theme } from '../../domain/theme';
4
4
  import { progressBarFillVariants } from './ProgressBar.variants';
5
- export interface ProgressBarProps extends VariantProps<typeof progressBarFillVariants> {
5
+ export interface Props extends VariantProps<typeof progressBarFillVariants> {
6
6
  /** Additional CSS classes for the outer wrapper */
7
7
  className?: string;
8
8
  /** Custom CSS class for the progress bar fill (e.g., "bg-purple-500") */
@@ -18,3 +18,5 @@ export interface ProgressBarProps extends VariantProps<typeof progressBarFillVar
18
18
  /** Custom CSS class for the track background (e.g., "bg-gray-200") */
19
19
  trackClassName?: string;
20
20
  }
21
+ /** @deprecated Use Props instead */
22
+ export type ProgressBarProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { RadioProps } from './Radio.types';
2
+ import { Props } from './Radio.types';
3
3
  /**
4
4
  * A radio button component with label and optional description.
5
5
  * Use RadioGroup to manage a group of radio buttons.
@@ -18,5 +18,5 @@ import { RadioProps } from './Radio.types';
18
18
  *
19
19
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-radio--docs Storybook}
20
20
  */
21
- declare const Radio: FC<RadioProps>;
21
+ declare const Radio: FC<Props>;
22
22
  export { Radio };
@@ -16,7 +16,7 @@ import { radioVariants } from './Radio.variants';
16
16
  * />
17
17
  * ```
18
18
  */
19
- export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'disabled'>, VariantProps<typeof radioVariants> {
19
+ export interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'disabled'>, VariantProps<typeof radioVariants> {
20
20
  /** Whether the radio is checked */
21
21
  checked?: boolean;
22
22
  /** Initial checked state (uncontrolled) */
@@ -42,3 +42,5 @@ export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
42
42
  /** Callback when selected */
43
43
  onChange?: (value: string) => void;
44
44
  }
45
+ /** @deprecated Use Props instead */
46
+ export type RadioProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { RadioCardProps } from './RadioCard.types';
2
+ import { Props } from './RadioCard.types';
3
3
  /**
4
4
  * A card-style radio button for visually prominent selection options.
5
5
  * Use RadioCardGroup to manage a group of radio cards.
@@ -18,5 +18,5 @@ import { RadioCardProps } from './RadioCard.types';
18
18
  *
19
19
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-radiocard--docs Storybook}
20
20
  */
21
- declare const RadioCard: FC<RadioCardProps>;
21
+ declare const RadioCard: FC<Props>;
22
22
  export { RadioCard };
@@ -1,6 +1,6 @@
1
1
  import { Theme } from '../../domain/theme';
2
- import { CardProps } from '../Card/Card.types';
3
- import { RadioProps } from '../Radio/Radio.types';
2
+ import { Props as CardProps } from '../Card/Card.types';
3
+ import { Props as RadioProps } from '../Radio/Radio.types';
4
4
  /**
5
5
  * Props for the RadioCard component.
6
6
  * Combines Card styling with Radio functionality.
@@ -17,7 +17,9 @@ import { RadioProps } from '../Radio/Radio.types';
17
17
  * />
18
18
  * ```
19
19
  */
20
- export type RadioCardProps = Omit<CardProps, 'canHover' | 'isActive'> & Pick<RadioProps, 'name' | 'value' | 'checked' | 'onChange' | 'label' | 'disabled' | 'defaultChecked' | 'labelTextClassName' | 'description' | 'descriptionClassName'> & {
20
+ export type Props = Omit<CardProps, 'canHover' | 'isActive'> & Pick<RadioProps, 'name' | 'value' | 'checked' | 'onChange' | 'label' | 'disabled' | 'defaultChecked' | 'labelTextClassName' | 'description' | 'descriptionClassName'> & {
21
21
  labelWrapperClassName?: string;
22
22
  theme?: Theme;
23
23
  };
24
+ /** @deprecated Use Props instead */
25
+ export type RadioCardProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { RadioCardGroupProps } from './RadioCardGroup.types';
2
+ import { Props } from './RadioCardGroup.types';
3
3
  /**
4
4
  * A group of card-style radio buttons with shared state management.
5
5
  *
@@ -20,4 +20,4 @@ import { RadioCardGroupProps } from './RadioCardGroup.types';
20
20
  *
21
21
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-radiocardgroup--docs Storybook}
22
22
  */
23
- export declare const RadioCardGroup: FC<RadioCardGroupProps>;
23
+ export declare const RadioCardGroup: FC<Props>;
@@ -1,5 +1,5 @@
1
1
  import { Theme } from '../../domain/theme';
2
- import { RadioCardProps } from '../RadioCard/RadioCard.types';
2
+ import { Props as RadioCardProps } from '../RadioCard/RadioCard.types';
3
3
  /**
4
4
  * Props for the RadioCardGroup component.
5
5
  *
@@ -17,7 +17,7 @@ import { RadioCardProps } from '../RadioCard/RadioCard.types';
17
17
  * />
18
18
  * ```
19
19
  */
20
- export type RadioCardGroupProps = {
20
+ export type Props = {
21
21
  asChild?: boolean;
22
22
  className?: string;
23
23
  defaultChecked?: string;
@@ -28,3 +28,5 @@ export type RadioCardGroupProps = {
28
28
  wrapperClassName?: string;
29
29
  onValueChange?: (value: string) => void;
30
30
  };
31
+ /** @deprecated Use Props instead */
32
+ export type RadioCardGroupProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { RadioGroupProps } from './RadioGroup.types';
2
+ import { Props } from './RadioGroup.types';
3
3
  /**
4
4
  * A group of radio buttons with shared state management.
5
5
  *
@@ -31,4 +31,4 @@ import { RadioGroupProps } from './RadioGroup.types';
31
31
  *
32
32
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-radiogroup--docs Storybook}
33
33
  */
34
- export declare const RadioGroup: FC<RadioGroupProps>;
34
+ export declare const RadioGroup: FC<Props>;
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { Theme } from '../../domain/theme';
3
- import { RadioProps } from '../Radio/Radio.types';
3
+ import { Props as RadioProps } from '../Radio/Radio.types';
4
4
  /**
5
5
  * Props for the RadioGroup component.
6
6
  *
@@ -18,7 +18,7 @@ import { RadioProps } from '../Radio/Radio.types';
18
18
  * />
19
19
  * ```
20
20
  */
21
- export interface RadioGroupProps {
21
+ export interface Props {
22
22
  /** Merge props onto child element */
23
23
  asChild?: boolean;
24
24
  /** CSS classes for each radio option */
@@ -42,3 +42,5 @@ export interface RadioGroupProps {
42
42
  /** Callback when selection changes */
43
43
  onValueChange?: (value: string) => void;
44
44
  }
45
+ /** @deprecated Use Props instead */
46
+ export type RadioGroupProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { RangeProps } from './Range.types';
2
+ import { Props } from './Range.types';
3
3
  /**
4
4
  * A dual-thumb slider component for selecting a value range.
5
5
  * Built on Radix UI Slider for accessibility.
@@ -18,4 +18,4 @@ import { RangeProps } from './Range.types';
18
18
  *
19
19
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-range--docs Storybook}
20
20
  */
21
- export declare const Range: FC<RangeProps>;
21
+ export declare const Range: FC<Props>;
@@ -18,7 +18,7 @@ import { rangeVariants } from './Range.variants';
18
18
  * />
19
19
  * ```
20
20
  */
21
- export interface RangeProps extends VariantProps<typeof rangeVariants> {
21
+ export interface Props extends VariantProps<typeof rangeVariants> {
22
22
  /** Additional CSS classes */
23
23
  className?: string;
24
24
  /** Initial range values [min, max] */
@@ -40,3 +40,5 @@ export interface RangeProps extends VariantProps<typeof rangeVariants> {
40
40
  /** Theme override for this component */
41
41
  theme?: Theme;
42
42
  }
43
+ /** @deprecated Use Props instead */
44
+ export type RangeProps = Props;
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { SelectProps } from './Select.types';
2
+ import { Props } from './Select.types';
3
3
  export type { OptionGroup, AdditionalOptionGroup } from './Select.types';
4
4
  /**
5
5
  * A dropdown select component with search, icons, and infinite scroll support.
@@ -34,4 +34,4 @@ export type { OptionGroup, AdditionalOptionGroup } from './Select.types';
34
34
  *
35
35
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-select--docs Storybook}
36
36
  */
37
- export declare const Select: FC<SelectProps>;
37
+ export declare const Select: FC<Props>;
@@ -89,7 +89,7 @@ type OnChangeFn = (params: {
89
89
  *
90
90
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-select--docs Storybook}
91
91
  */
92
- export type SelectProps = VariantProps<typeof selectVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
92
+ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> & {
93
93
  additionalOptions?: ReactNode[] | string[] | AdditionalOptionGroup[];
94
94
  className?: string;
95
95
  disabled?: boolean;
@@ -135,4 +135,6 @@ export type SelectProps = VariantProps<typeof selectVariants> & Omit<InputHTMLAt
135
135
  isInfiniteScrollEnabled?: false | undefined;
136
136
  onFetchMoreOptions?: never;
137
137
  });
138
+ /** @deprecated Use Props instead */
139
+ export type SelectProps = Props;
138
140
  export {};
@@ -1,4 +1,4 @@
1
- import { SelectProps } from '../../Select.types';
1
+ import { Props as SelectProps } from '../../Select.types';
2
2
  export type Props = {
3
3
  additionalOptions?: SelectProps['additionalOptions'];
4
4
  };
@@ -1,5 +1,5 @@
1
1
  import { ComponentRef, RefObject } from 'react';
2
- import { SelectProps } from '../../Select.types';
2
+ import { Props as SelectProps } from '../../Select.types';
3
3
  export type ListProps = Pick<SelectProps, 'name' | 'options' | 'theme' | 'additionalOptions'> & {
4
4
  className?: string;
5
5
  groupedOptions: SelectProps['options'];
@@ -1,6 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  import { Footer, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator } from './components';
3
- import { SidebarChildrenProps, SidebarProps } from './Sidebar.types';
3
+ import { SidebarChildrenProps, Props as SidebarProps } from './Sidebar.types';
4
4
  /**
5
5
  * A compound component for building application sidebars.
6
6
  * Includes sub-components for logo, navigation, groups, options, and footer.
@@ -27,7 +27,7 @@ import { FooterProps, LogoProps, NavigationGroupProps, NavigationOptionProps, Na
27
27
  * </Sidebar>
28
28
  * ```
29
29
  */
30
- export interface SidebarProps extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
30
+ export interface Props extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
31
31
  /** Whether the sidebar can be resized by dragging */
32
32
  canResize?: boolean;
33
33
  /** Additional CSS classes for the divider */
@@ -41,6 +41,8 @@ export interface SidebarProps extends VariantProps<typeof wrapperSiderbarVariant
41
41
  /** Additional CSS classes for the wrapper */
42
42
  wrapperClassName?: string;
43
43
  }
44
+ /** @deprecated Use Props instead */
45
+ export type SidebarProps = Props;
44
46
  /**
45
47
  * Sidebar compound component type with sub-components.
46
48
  */
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { FooterProps } from './Footer.types';
3
- declare const Footer: FC<FooterProps>;
2
+ import { Props } from './Footer.types';
3
+ declare const Footer: FC<Props>;
4
4
  export { Footer };
@@ -1,6 +1,8 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { footerVariants } from './Footer.variants';
4
- export interface FooterProps extends PropsWithChildren, VariantProps<typeof footerVariants> {
4
+ export interface Props extends PropsWithChildren, VariantProps<typeof footerVariants> {
5
5
  className?: string;
6
6
  }
7
+ /** @deprecated Use Props instead */
8
+ export type FooterProps = Props;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { LogoProps } from './Logo.types';
3
- declare const Logo: FC<LogoProps>;
2
+ import { Props } from './Logo.types';
3
+ declare const Logo: FC<Props>;
4
4
  export { Logo };
@@ -1,6 +1,8 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { logoVariants } from './Logo.variants';
4
- export interface LogoProps extends PropsWithChildren, VariantProps<typeof logoVariants> {
4
+ export interface Props extends PropsWithChildren, VariantProps<typeof logoVariants> {
5
5
  className?: string;
6
6
  }
7
+ /** @deprecated Use Props instead */
8
+ export type LogoProps = Props;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { NavigationChildrenProps, NavigationProps } from './Navigation.types';
3
- declare const Navigation: FC<NavigationProps> & NavigationChildrenProps;
2
+ import { NavigationChildrenProps, Props } from './Navigation.types';
3
+ declare const Navigation: FC<Props> & NavigationChildrenProps;
4
4
  export { Navigation };
@@ -1,13 +1,15 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { FC, PropsWithChildren } from 'react';
3
- import { NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
4
- import { NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
5
- import { NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
6
- import { NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
3
+ import { Props as NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
4
+ import { Props as NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
5
+ import { Props as NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
6
+ import { Props as NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
7
7
  import { navigationVariants } from './Navigation.variants';
8
- export interface NavigationProps extends PropsWithChildren, VariantProps<typeof navigationVariants> {
8
+ export interface Props extends PropsWithChildren, VariantProps<typeof navigationVariants> {
9
9
  className?: string;
10
10
  }
11
+ /** @deprecated Use Props instead */
12
+ export type NavigationProps = Props;
11
13
  export type NavigationChildrenProps = {
12
14
  NavigationGroup: FC<NavigationGroupProps>;
13
15
  NavigationOption: FC<NavigationOptionProps>;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { NavigationGroupProps } from './NavigationGroup.types';
3
- declare const NavigationGroup: FC<NavigationGroupProps>;
2
+ import { Props } from './NavigationGroup.types';
3
+ declare const NavigationGroup: FC<Props>;
4
4
  export { NavigationGroup };
@@ -1,8 +1,10 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
3
3
  import { navigationGroupsVariants } from './NavigationGroup.variants';
4
- export interface NavigationGroupProps extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
4
+ export interface Props extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
5
5
  title?: string;
6
6
  titleClassName?: string;
7
7
  isVisible?: boolean;
8
8
  }
9
+ /** @deprecated Use Props instead */
10
+ export type NavigationGroupProps = Props;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { NavigationOptionProps } from './NavigationOption.types';
3
- declare const NavigationOption: FC<NavigationOptionProps>;
2
+ import { Props } from './NavigationOption.types';
3
+ declare const NavigationOption: FC<Props>;
4
4
  export { NavigationOption };
@@ -6,7 +6,7 @@ type NavigationOption = VariantProps<typeof navigationOptionVariants> & {
6
6
  isVisible?: boolean;
7
7
  isActive?: boolean;
8
8
  };
9
- export type NavigationOptionProps = NavigationOption & ({
9
+ export type Props = NavigationOption & ({
10
10
  role: 'button';
11
11
  children: ReactNode;
12
12
  onClick: VoidFunction;
@@ -14,4 +14,6 @@ export type NavigationOptionProps = NavigationOption & ({
14
14
  role?: never;
15
15
  children: ReactNode;
16
16
  });
17
+ /** @deprecated Use Props instead */
18
+ export type NavigationOptionProps = Props;
17
19
  export {};
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { NavigationSeparatorProps } from './NavigationSeparator.types';
3
- declare const NavigationSeparator: FC<NavigationSeparatorProps>;
2
+ import { Props } from './NavigationSeparator.types';
3
+ declare const NavigationSeparator: FC<Props>;
4
4
  export { NavigationSeparator };
@@ -1,5 +1,7 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { HTMLAttributes } from 'react';
3
3
  import { navigationSeparatorVariant } from './NavigationSeparator.variants';
4
- export interface NavigationSeparatorProps extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
4
+ export interface Props extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
5
5
  }
6
+ /** @deprecated Use Props instead */
7
+ export type NavigationSeparatorProps = Props;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { NavigationTitleProps } from './NavigationTitle.types';
3
- declare const NavigationTitle: FC<NavigationTitleProps>;
2
+ import { Props } from './NavigationTitle.types';
3
+ declare const NavigationTitle: FC<Props>;
4
4
  export { NavigationTitle };
@@ -1,11 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { cn as n } from "../../../../utils/index.js";
3
3
  import { navigationTitleVariants as o } from "./NavigationTitle.variants.js";
4
- const e = ({
5
- title: i,
6
- className: t,
7
- isVisible: r = !0
8
- }) => r ? /* @__PURE__ */ a("h2", { className: n(o({ className: t })), children: i }) : null;
4
+ const e = ({ title: i, className: t, isVisible: r = !0 }) => r ? /* @__PURE__ */ a("h2", { className: n(o({ className: t })), children: i }) : null;
9
5
  e.displayName = "KonstructSidebarNavigationTitle";
10
6
  export {
11
7
  e as NavigationTitle
@@ -1,8 +1,10 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import { HtmlHTMLAttributes } from 'react';
3
3
  import { navigationTitleVariants } from './NavigationTitle.variants';
4
- export interface NavigationTitleProps extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
4
+ export interface Props extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
5
5
  title: string;
6
6
  className?: string;
7
7
  isVisible?: boolean;
8
8
  }
9
+ /** @deprecated Use Props instead */
10
+ export type NavigationTitleProps = Props;
@@ -1,15 +1,15 @@
1
1
  export * from './Footer/Footer';
2
- export type * from './Footer/Footer.types';
2
+ export type { FooterProps } from './Footer/Footer.types';
3
3
  export * from './Logo/Logo';
4
- export type * from './Logo/Logo.types';
4
+ export type { LogoProps } from './Logo/Logo.types';
5
5
  export * from './Navigation/Navigation';
6
- export type * from './Navigation/Navigation.types';
6
+ export type { NavigationProps, NavigationChildrenProps, } from './Navigation/Navigation.types';
7
7
  export * from './NavigationGroup/NavigationGroup';
8
- export type * from './NavigationGroup/NavigationGroup.types';
8
+ export type { NavigationGroupProps } from './NavigationGroup/NavigationGroup.types';
9
9
  export * from './NavigationOption/NavigationOption';
10
- export type * from './NavigationOption/NavigationOption.types';
10
+ export type { NavigationOptionProps } from './NavigationOption/NavigationOption.types';
11
11
  export * from './NavigationSeparator/NavigationSeparator';
12
- export type * from './NavigationSeparator/NavigationSeparator.types';
12
+ export type { NavigationSeparatorProps } from './NavigationSeparator/NavigationSeparator.types';
13
13
  export * from './NavigationTitle/NavigationTitle';
14
- export type * from './NavigationTitle/NavigationTitle.types';
14
+ export type { NavigationTitleProps } from './NavigationTitle/NavigationTitle.types';
15
15
  export * from './Wrapper/Wrapper';
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { SliderProps } from './Slider.types';
2
+ import { Props } from './Slider.types';
3
3
  /**
4
4
  * A single-thumb slider component for selecting a value.
5
5
  * Built on Radix UI Slider for accessibility.
@@ -18,4 +18,4 @@ import { SliderProps } from './Slider.types';
18
18
  *
19
19
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-slider--docs Storybook}
20
20
  */
21
- export declare const Slider: FC<SliderProps>;
21
+ export declare const Slider: FC<Props>;
@@ -18,7 +18,7 @@ import { sliderVariants } from './Slider.variants';
18
18
  * />
19
19
  * ```
20
20
  */
21
- export interface SliderProps extends VariantProps<typeof sliderVariants> {
21
+ export interface Props extends VariantProps<typeof sliderVariants> {
22
22
  /** Additional CSS classes */
23
23
  className?: string;
24
24
  /** Initial value as single-element array */
@@ -40,3 +40,5 @@ export interface SliderProps extends VariantProps<typeof sliderVariants> {
40
40
  /** Theme override for this component */
41
41
  theme?: Theme;
42
42
  }
43
+ /** @deprecated Use Props instead */
44
+ export type SliderProps = Props;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { SpinnerProps } from './Spinner.types';
3
- declare const Spinner: FC<SpinnerProps>;
2
+ import { Props } from './Spinner.types';
3
+ declare const Spinner: FC<Props>;
4
4
  export { Spinner };