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

package/dist/components/Select/components/Wrapper.js

@@ -1,18 +1,18 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { forwardRef as ae, useId as re, useRef as w, useMemo as ne, useImperativeHandle as le, useEffect as se } from "react";
-import { Typography as oe } from "../../Typography/Typography.js";
+import { forwardRef as re, useId as ne, useRef as w, useMemo as le, useImperativeHandle as se, useEffect as oe } from "react";
+import { Typography as ce } from "../../Typography/Typography.js";
 import { cn as n } from "../../../utils/index.js";
-import { labelVariants as ce, inputVariants as ie, selectVariants as me } from "../Select.variants.js";
-import { useSelect as pe } from "../hooks/useSelect.js";
-import { List as ue } from "./List/List.js";
-import { c as fe } from "../../../createLucideIcon-CP-mMPfa.js";
-import { LoaderIcon as de } from "../../../assets/icons/components/Loader.js";
-import { C as xe } from "../../../chevron-up-IlDPxR7j.js";
-import { useSelectContext as he } from "../contexts/select.hook.js";
-const ve = [
+import { labelVariants as ie, inputVariants as me, selectVariants as pe } from "../Select.variants.js";
+import { useSelect as ue } from "../hooks/useSelect.js";
+import { List as fe } from "./List/List.js";
+import { c as de } from "../../../createLucideIcon-CP-mMPfa.js";
+import { LoaderIcon as xe } from "../../../assets/icons/components/Loader.js";
+import { C as he } from "../../../chevron-up-IlDPxR7j.js";
+import { useSelectContext as ve } from "../contexts/select.hook.js";
+const Ne = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Ne = fe("search", ve), Oe = ae(
+], Ce = de("search", Ne), Re = re(
   ({
     additionalOptions: z,
     className: O,
@@ -38,47 +38,48 @@ const ve = [
     searchable: k = !1,
     showSearchIcon: C,
     theme: U,
-    wrapperClassName: q,
-    onFetchMoreOptions: A,
-    onBlur: B,
-    onSearchChange: D,
+    visibleItems: q,
+    wrapperClassName: A,
+    onFetchMoreOptions: B,
+    onBlur: D,
+    onSearchChange: G,
     ...y
-  }, G) => {
-    const I = re(), c = w(null), j = w(null), J = w(0), {
+  }, J) => {
+    const I = ne(), c = w(null), j = w(null), K = w(0), {
       isOpen: i,
       options: l,
-      searchTerm: K,
+      searchTerm: Q,
       value: s,
-      setCanFilter: Q,
-      setSearchTerm: X,
+      setCanFilter: X,
+      setSearchTerm: Y,
       setValue: m,
-      toggleOpen: Y
-    } = he(), e = ne(() => l.find(({ value: a }) => a === s), [l, s]), { wrapperRef: Z, wrapperInputRef: L, handleOpen: V } = pe({
+      toggleOpen: Z
+    } = ve(), e = le(() => l.find(({ value: a }) => a === s), [l, s]), { wrapperRef: ee, wrapperInputRef: L, handleOpen: V } = ue({
       ulRef: j,
       inputRef: c,
       disabled: t,
       internalValue: e,
-      onBlur: B
+      onBlur: D
     }), p = d ? `${I}-${d}` : I;
-    le(G, () => c.current, [c]), se(() => {
+    se(J, () => c.current, [c]), oe(() => {
       if (x && !s) {
         const a = l && l.find((u) => u.value === x);
         a && m(a.value);
       }
     }, [x, l, m, s]);
-    const ee = (a) => {
+    const te = (a) => {
       const u = a.target.value;
-      Q(!0), m(""), X(u ?? ""), D?.(u);
+      X(!0), m(""), Y(u ?? ""), G?.(u);
       const b = l.find(
-        (te) => te.value.toLocaleLowerCase() === u.toLocaleLowerCase()
+        (ae) => ae.value.toLocaleLowerCase() === u.toLocaleLowerCase()
       );
       m(b ? b.value : e?.value ?? "");
     };
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: Z,
-        className: n("flex flex-col gap-2 w-full relative", q),
+        ref: ee,
+        className: n("flex flex-col gap-2 w-full relative", A),
         "data-theme": U,
         children: [
           v ? /* @__PURE__ */ o(
@@ -93,7 +94,7 @@ const ve = [
                   "label",
                   {
                     id: p,
-                    className: n(ce({ className: M })),
+                    className: n(ie({ className: M })),
                     htmlFor: p,
                     onClick: () => !t && V(),
                     children: [
@@ -112,18 +113,18 @@ const ve = [
               ref: L,
               id: p,
               className: n(
-                me({ className: O, hasError: !!f, disabled: t })
+                pe({ className: O, hasError: !!f, disabled: t })
               ),
               role: "combobox",
-              onClick: () => !t && Y(!i),
+              onClick: () => !t && Z(!i),
               "aria-expanded": i,
-              tabIndex: J.current,
+              tabIndex: K.current,
               "aria-labelledby": p,
               children: [
                 /* @__PURE__ */ o("div", { className: "flex gap-2.5 items-center flex-1", children: [
                   e?.leftIcon && !C && /* @__PURE__ */ r("span", { className: "w-4 h-4 flex justify-center items-center dark:text-metal-50", children: e.leftIcon }),
                   C && /* @__PURE__ */ r(
-                    Ne,
+                    Ce,
                     {
                       className: n(
                         "w-4",
@@ -141,10 +142,10 @@ const ve = [
                     "input",
                     {
                       type: "text",
-                      value: i ? K : e?.label ?? s ?? "",
-                      onChange: ee,
+                      value: i ? Q : e?.label ?? s ?? "",
+                      onChange: te,
                       placeholder: N,
-                      className: n(ie({ className: S }), {
+                      className: n(me({ className: S }), {
                         "text-red-700 placeholder:text-red-700": !!f
                       }),
                       onClick: (a) => {
@@ -160,7 +161,7 @@ const ve = [
                       ...y
                     }
                   ) : /* @__PURE__ */ o(
-                    oe,
+                    ce,
                     {
                       variant: "body2",
                       className: n(
@@ -182,13 +183,13 @@ const ve = [
                   )
                 ] }),
                 g ? /* @__PURE__ */ r(
-                  de,
+                  xe,
                   {
                     size: 16,
                     className: "text-metal-400 animate-spin select-none"
                   }
                 ) : !C && /* @__PURE__ */ r(
-                  xe,
+                  he,
                   {
                     "data-state": i ? "open" : "closed",
                     className: n(
@@ -219,7 +220,7 @@ const ve = [
             }
           ),
           i && /* @__PURE__ */ r(
-            ue,
+            fe,
             {
               ref: j,
               additionalOptions: z,
@@ -234,8 +235,9 @@ const ve = [
               searchable: k,
               listItemSecondRowClassName: H,
               isInfiniteScrollEnabled: T,
-              onFetchMoreOptions: A,
-              noOptionsText: P
+              onFetchMoreOptions: B,
+              noOptionsText: P,
+              visibleItems: q
             }
           )
         ]
@@ -244,5 +246,5 @@ const ve = [
   }
 );
 export {
-  Oe as Wrapper
+  Re as Wrapper
 };

package/dist/components/Select/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './pagination';
+export * from './list';

package/dist/components/Select/constants/index.js

@@ -1,4 +1,6 @@
 import { DEFAULT_LIST_SIZE as E } from "./pagination.js";
+import { ITEM_HEIGHT_PX as T } from "./list.js";
 export {
-  E as DEFAULT_LIST_SIZE
+  E as DEFAULT_LIST_SIZE,
+  T as ITEM_HEIGHT_PX
 };

package/dist/components/Select/constants/list.d.ts

@@ -0,0 +1 @@
+export declare const ITEM_HEIGHT_PX = 40;

package/dist/components/Select/constants/list.js

@@ -0,0 +1,4 @@
+const o = 40;
+export {
+  o as ITEM_HEIGHT_PX
+};

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { Footer, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator } from './components';
-import { SidebarChildrenProps, SidebarProps } from './Sidebar.types';
+import { SidebarChildrenProps, Props as SidebarProps } from './Sidebar.types';
 /**
  * A compound component for building application sidebars.
  * Includes sub-components for logo, navigation, groups, options, and footer.

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

@@ -27,7 +27,7 @@ import { FooterProps, LogoProps, NavigationGroupProps, NavigationOptionProps, Na
  * </Sidebar>
  * ```
  */
-export interface SidebarProps extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
+export interface Props extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
     /** Whether the sidebar can be resized by dragging */
     canResize?: boolean;
     /** Additional CSS classes for the divider */
@@ -41,6 +41,8 @@ export interface SidebarProps extends VariantProps<typeof wrapperSiderbarVariant
     /** Additional CSS classes for the wrapper */
     wrapperClassName?: string;
 }
+/** @deprecated Use Props instead */
+export type SidebarProps = Props;
 /**
  * Sidebar compound component type with sub-components.
  */

package/dist/components/Sidebar/components/Footer/Footer.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { FooterProps } from './Footer.types';
-declare const Footer: FC<FooterProps>;
+import { Props } from './Footer.types';
+declare const Footer: FC<Props>;
 export { Footer };

package/dist/components/Sidebar/components/Footer/Footer.types.d.ts

@@ -1,6 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
 import { footerVariants } from './Footer.variants';
-export interface FooterProps extends PropsWithChildren, VariantProps<typeof footerVariants> {
+export interface Props extends PropsWithChildren, VariantProps<typeof footerVariants> {
     className?: string;
 }
+/** @deprecated Use Props instead */
+export type FooterProps = Props;

package/dist/components/Sidebar/components/Logo/Logo.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { LogoProps } from './Logo.types';
-declare const Logo: FC<LogoProps>;
+import { Props } from './Logo.types';
+declare const Logo: FC<Props>;
 export { Logo };

package/dist/components/Sidebar/components/Logo/Logo.types.d.ts

@@ -1,6 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import { PropsWithChildren } from 'react';
 import { logoVariants } from './Logo.variants';
-export interface LogoProps extends PropsWithChildren, VariantProps<typeof logoVariants> {
+export interface Props extends PropsWithChildren, VariantProps<typeof logoVariants> {
     className?: string;
 }
+/** @deprecated Use Props instead */
+export type LogoProps = Props;

package/dist/components/Sidebar/components/Navigation/Navigation.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationChildrenProps, NavigationProps } from './Navigation.types';
-declare const Navigation: FC<NavigationProps> & NavigationChildrenProps;
+import { NavigationChildrenProps, Props } from './Navigation.types';
+declare const Navigation: FC<Props> & NavigationChildrenProps;
 export { Navigation };

package/dist/components/Sidebar/components/Navigation/Navigation.types.d.ts

@@ -1,13 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
 import { FC, PropsWithChildren } from 'react';
-import { NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
-import { NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
-import { NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
-import { NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
+import { Props as NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
+import { Props as NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
+import { Props as NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
+import { Props as NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
 import { navigationVariants } from './Navigation.variants';
-export interface NavigationProps extends PropsWithChildren, VariantProps<typeof navigationVariants> {
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationVariants> {
     className?: string;
 }
+/** @deprecated Use Props instead */
+export type NavigationProps = Props;
 export type NavigationChildrenProps = {
     NavigationGroup: FC<NavigationGroupProps>;
     NavigationOption: FC<NavigationOptionProps>;

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationGroupProps } from './NavigationGroup.types';
-declare const NavigationGroup: FC<NavigationGroupProps>;
+import { Props } from './NavigationGroup.types';
+declare const NavigationGroup: FC<Props>;
 export { NavigationGroup };

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.types.d.ts

@@ -1,8 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
 import { navigationGroupsVariants } from './NavigationGroup.variants';
-export interface NavigationGroupProps extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+export interface Props extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
     title?: string;
     titleClassName?: string;
     isVisible?: boolean;
 }
+/** @deprecated Use Props instead */
+export type NavigationGroupProps = Props;

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationOptionProps } from './NavigationOption.types';
-declare const NavigationOption: FC<NavigationOptionProps>;
+import { Props } from './NavigationOption.types';
+declare const NavigationOption: FC<Props>;
 export { NavigationOption };

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.types.d.ts

@@ -6,7 +6,7 @@ type NavigationOption = VariantProps<typeof navigationOptionVariants> & {
     isVisible?: boolean;
     isActive?: boolean;
 };
-export type NavigationOptionProps = NavigationOption & ({
+export type Props = NavigationOption & ({
     role: 'button';
     children: ReactNode;
     onClick: VoidFunction;
@@ -14,4 +14,6 @@ export type NavigationOptionProps = NavigationOption & ({
     role?: never;
     children: ReactNode;
 });
+/** @deprecated Use Props instead */
+export type NavigationOptionProps = Props;
 export {};

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationSeparatorProps } from './NavigationSeparator.types';
-declare const NavigationSeparator: FC<NavigationSeparatorProps>;
+import { Props } from './NavigationSeparator.types';
+declare const NavigationSeparator: FC<Props>;
 export { NavigationSeparator };

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.d.ts

@@ -1,5 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes } from 'react';
 import { navigationSeparatorVariant } from './NavigationSeparator.variants';
-export interface NavigationSeparatorProps extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
+export interface Props extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
 }
+/** @deprecated Use Props instead */
+export type NavigationSeparatorProps = Props;

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { NavigationTitleProps } from './NavigationTitle.types';
-declare const NavigationTitle: FC<NavigationTitleProps>;
+import { Props } from './NavigationTitle.types';
+declare const NavigationTitle: FC<Props>;
 export { NavigationTitle };

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js

@@ -1,11 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cn as n } from "../../../../utils/index.js";
 import { navigationTitleVariants as o } from "./NavigationTitle.variants.js";
-const e = ({
-  title: i,
-  className: t,
-  isVisible: r = !0
-}) => r ? /* @__PURE__ */ a("h2", { className: n(o({ className: t })), children: i }) : null;
+const e = ({ title: i, className: t, isVisible: r = !0 }) => r ? /* @__PURE__ */ a("h2", { className: n(o({ className: t })), children: i }) : null;
 e.displayName = "KonstructSidebarNavigationTitle";
 export {
   e as NavigationTitle

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.types.d.ts

@@ -1,8 +1,10 @@
 import { VariantProps } from 'class-variance-authority';
 import { HtmlHTMLAttributes } from 'react';
 import { navigationTitleVariants } from './NavigationTitle.variants';
-export interface NavigationTitleProps extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
+export interface Props extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
     title: string;
     className?: string;
     isVisible?: boolean;
 }
+/** @deprecated Use Props instead */
+export type NavigationTitleProps = Props;

package/dist/components/Sidebar/components/index.d.ts

@@ -1,15 +1,15 @@
 export * from './Footer/Footer';
-export type * from './Footer/Footer.types';
+export type { FooterProps } from './Footer/Footer.types';
 export * from './Logo/Logo';
-export type * from './Logo/Logo.types';
+export type { LogoProps } from './Logo/Logo.types';
 export * from './Navigation/Navigation';
-export type * from './Navigation/Navigation.types';
+export type { NavigationProps, NavigationChildrenProps, } from './Navigation/Navigation.types';
 export * from './NavigationGroup/NavigationGroup';
-export type * from './NavigationGroup/NavigationGroup.types';
+export type { NavigationGroupProps } from './NavigationGroup/NavigationGroup.types';
 export * from './NavigationOption/NavigationOption';
-export type * from './NavigationOption/NavigationOption.types';
+export type { NavigationOptionProps } from './NavigationOption/NavigationOption.types';
 export * from './NavigationSeparator/NavigationSeparator';
-export type * from './NavigationSeparator/NavigationSeparator.types';
+export type { NavigationSeparatorProps } from './NavigationSeparator/NavigationSeparator.types';
 export * from './NavigationTitle/NavigationTitle';
-export type * from './NavigationTitle/NavigationTitle.types';
+export type { NavigationTitleProps } from './NavigationTitle/NavigationTitle.types';
 export * from './Wrapper/Wrapper';

package/dist/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { SliderProps } from './Slider.types';
+import { Props } from './Slider.types';
 /**
  * A single-thumb slider component for selecting a value.
  * Built on Radix UI Slider for accessibility.
@@ -18,4 +18,4 @@ import { SliderProps } from './Slider.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-slider--docs Storybook}
  */
-export declare const Slider: FC<SliderProps>;
+export declare const Slider: FC<Props>;

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

@@ -18,7 +18,7 @@ import { sliderVariants } from './Slider.variants';
  * />
  * ```
  */
-export interface SliderProps extends VariantProps<typeof sliderVariants> {
+export interface Props extends VariantProps<typeof sliderVariants> {
     /** Additional CSS classes */
     className?: string;
     /** Initial value as single-element array */
@@ -40,3 +40,5 @@ export interface SliderProps extends VariantProps<typeof sliderVariants> {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type SliderProps = Props;

package/dist/components/Spinner/Spinner.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { SpinnerProps } from './Spinner.types';
-declare const Spinner: FC<SpinnerProps>;
+import { Props } from './Spinner.types';
+declare const Spinner: FC<Props>;
 export { Spinner };

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

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
-import { TypographyProps } from '../Typography/Typography.types';
+import { Props as TypographyProps } from '../Typography/Typography.types';
 import { Theme } from '../../domain/theme';
 import { spinnerVariants } from './Spinner.variants';
-export type SpinnerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
+export type Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
     spinnerClassName?: string;
     textClassName?: string;
     textVariant?: TypographyProps['variant'];
@@ -11,3 +11,5 @@ export type SpinnerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof
     srLabel?: string;
     theme?: Theme;
 };
+/** @deprecated Use Props instead */
+export type SpinnerProps = Props;

package/dist/components/Stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { StepperProps } from './Stepper.types';
+import { Props } from './Stepper.types';
 /**
  * A stepper component for displaying multi-step processes.
  * Supports vertical and horizontal orientations with various step states.
@@ -48,4 +48,4 @@ import { StepperProps } from './Stepper.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-stepper--docs Storybook}
  */
-export declare const Stepper: FC<StepperProps>;
+export declare const Stepper: FC<Props>;

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

@@ -47,7 +47,7 @@ export type StepperIcons = {
     /** Custom icon for error status */
     error?: ReactNode;
 };
-export type StepperProps = VariantProps<typeof stepperVariants> & {
+export type Props = VariantProps<typeof stepperVariants> & {
     /** Additional CSS classes for the wrapper */
     className?: string;
     /** Custom class names for each element */
@@ -71,3 +71,5 @@ export type StepperProps = VariantProps<typeof stepperVariants> & {
     /** Callback when a step is clicked */
     onStepClick?: (step: Step, index: number) => void;
 };
+/** @deprecated Use Props instead */
+export type StepperProps = Props;

package/dist/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { SwitchProps } from './Switch.types';
+import { Props } from './Switch.types';
 /**
  * A toggle switch component built on Radix UI primitives.
  * Supports horizontal and vertical layouts with label and helper text.
@@ -26,4 +26,4 @@ import { SwitchProps } from './Switch.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-switch--docs Storybook}
  */
-export declare const Switch: FC<SwitchProps>;
+export declare const Switch: FC<Props>;

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

@@ -11,7 +11,7 @@ import { switchVariants } from './Switch.variants';
  * <Switch label="Feature" helperText="Enable experimental features" alignment="vertical" />
  * ```
  */
-export interface SwitchProps extends VariantProps<typeof switchVariants> {
+export interface Props extends VariantProps<typeof switchVariants> {
     /** Layout direction: horizontal (default) or vertical */
     alignment?: 'horizontal' | 'vertical';
     /** Additional CSS classes */
@@ -41,3 +41,5 @@ export interface SwitchProps extends VariantProps<typeof switchVariants> {
     /** Callback when checked state changes */
     onChange?: (e: boolean) => void;
 }
+/** @deprecated Use Props instead */
+export type SwitchProps = Props;

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

@@ -23,10 +23,12 @@ import { bodyVariants, headVariants, rowVariants, tableVariants } from './Table.
  * </Table>
  * ```
  */
-export interface TableProps extends React.HTMLAttributes<HTMLTableElement>, PropsWithChildren, VariantProps<typeof tableVariants> {
+export interface Props extends React.HTMLAttributes<HTMLTableElement>, PropsWithChildren, VariantProps<typeof tableVariants> {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type TableProps = Props;
 /**
  * Props for Table.Row component.
  */

package/dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ListProps, TabsProps, TriggerProps } from './Tabs.types';
+import { ListProps, Props as TabsProps, TriggerProps } from './Tabs.types';
 import { Content, List, Trigger } from './components';
 import * as ReactTabs from '@radix-ui/react-tabs';
 /**

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

@@ -18,10 +18,12 @@ import * as ReactTabs from '@radix-ui/react-tabs';
  * </Tabs>
  * ```
  */
-export interface TabsProps extends ReactTabs.TabsProps, PropsWithChildren {
+export interface Props extends ReactTabs.TabsProps, PropsWithChildren {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type TabsProps = Props;
 /**
  * Props for Tabs.Trigger component.
  */

package/dist/components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TagProps } from './Tag.types';
+import { Props } from './Tag.types';
 /**
  * A small label component for categorization, status display, or filtering.
  * Supports multiple color variants and optional icons.
@@ -13,4 +13,4 @@ import { TagProps } from './Tag.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-tag--docs Storybook}
  */
-export declare const Tag: FC<TagProps>;
+export declare const Tag: FC<Props>;

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

@@ -13,7 +13,7 @@ import { ReactNode } from 'react';
  * />
  * ```
  */
-export type TagProps = {
+export type Props = {
     /** Color variant for the tag */
     color?: 'gray' | 'gray-800' | 'cyan' | 'gold' | 'green' | 'light blue' | 'lime' | 'pink' | 'purple' | 'emerald' | 'fuscia' | 'indigo' | 'light-orange' | 'dark-sky-blue' | 'mistery';
     /** Unique identifier for the tag */
@@ -31,3 +31,5 @@ export type TagProps = {
     /** Whether the tag is in a selected state */
     isSelected?: boolean;
 };
+/** @deprecated Use Props instead */
+export type TagProps = Props;

package/dist/components/TagSelect/TagSelect.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TagSelectProps } from './TagSelect.types';
+import { Props } from './TagSelect.types';
 /**
  * An input component for selecting from a list of tag options.
  * Supports single and multi-selection modes.
@@ -20,4 +20,4 @@ import { TagSelectProps } from './TagSelect.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-tagselect--docs Storybook}
  */
-export declare const TagSelect: FC<TagSelectProps>;
+export declare const TagSelect: FC<Props>;