@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/lib/assets/icons/components/InfoCircle.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const InfoCircleIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default InfoCircleIcon;

package/dist/lib/assets/icons/components/InformationOutline.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const InformationOutlineIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default InformationOutlineIcon;

package/dist/lib/assets/icons/components/InvoiceList.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const InvoiceListIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default InvoiceListIcon;

package/dist/lib/assets/icons/components/Key.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const KeyIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default KeyIcon;

package/dist/lib/assets/icons/components/Konstruct.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const KonstructIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default KonstructIcon;

package/dist/lib/assets/icons/components/Kubernetes.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const KubernetesIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default KubernetesIcon;

package/dist/lib/assets/icons/components/LightBulb.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const LightBulbIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default LightBulbIcon;

package/dist/lib/assets/icons/components/LoadBalancer.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const LoadBalancerIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default LoadBalancerIcon;

package/dist/lib/assets/icons/components/Loader.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const LoaderIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default LoaderIcon;

package/dist/lib/assets/icons/components/Network.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const NetworkIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default NetworkIcon;

package/dist/lib/assets/icons/components/ObjectStorage.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const ObjectStorageIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default ObjectStorageIcon;

package/dist/lib/assets/icons/components/Organization.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const OrganizationIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default OrganizationIcon;

package/dist/lib/assets/icons/components/PagesStack.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PagesStackIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PagesStackIcon;

package/dist/lib/assets/icons/components/Pageview.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PageviewIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PageviewIcon;

package/dist/lib/assets/icons/components/People.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PeopleIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PeopleIcon;

package/dist/lib/assets/icons/components/PhotoLibrary.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PhotoLibraryIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PhotoLibraryIcon;

package/dist/lib/assets/icons/components/Pipeline.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PipelineIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PipelineIcon;

package/dist/lib/assets/icons/components/Plus.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PlusIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PlusIcon;

package/dist/lib/assets/icons/components/PowerSettings.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PowerSettingsIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PowerSettingsIcon;

package/dist/lib/assets/icons/components/Preview.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PreviewIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PreviewIcon;

package/dist/lib/assets/icons/components/PrivateRegion.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const PrivateRegionIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default PrivateRegionIcon;

package/dist/lib/assets/icons/components/Quota.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const QuotaIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default QuotaIcon;

package/dist/lib/assets/icons/components/ReceiptLong.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const ReceiptLongIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default ReceiptLongIcon;

package/dist/lib/assets/icons/components/Refresh.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const RefreshIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default RefreshIcon;

package/dist/lib/assets/icons/components/ReservedIp.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const ReservedIpIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default ReservedIpIcon;

package/dist/lib/assets/icons/components/ScatterPlot.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const ScatterPlotIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default ScatterPlotIcon;

package/dist/lib/assets/icons/components/Search.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const SearchIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default SearchIcon;

package/dist/lib/assets/icons/components/Server.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const ServerIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default ServerIcon;

package/dist/lib/assets/icons/components/SshKey.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const SshKeyIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default SshKeyIcon;

package/dist/lib/assets/icons/components/Start.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const StartIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default StartIcon;

package/dist/lib/assets/icons/components/TabNew.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const TabNewIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default TabNewIcon;

package/dist/lib/assets/icons/components/TeamMembers.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const TeamMembersIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default TeamMembersIcon;

package/dist/lib/assets/icons/components/Teams.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const TeamsIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default TeamsIcon;

package/dist/lib/assets/icons/components/Upload.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const UploadIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default UploadIcon;

package/dist/lib/assets/icons/components/Volume.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const VolumeIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default VolumeIcon;

package/dist/lib/assets/icons/components/Warning.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const WarningIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default WarningIcon;

package/dist/lib/assets/icons/components/WarningTriangle.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const WarningTriangleIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default WarningTriangleIcon;

package/dist/lib/assets/icons/components/Webhook.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const WebhookIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default WebhookIcon;

package/dist/lib/assets/icons/components/X.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const XIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default XIcon;

package/dist/lib/assets/icons/components/index.d.ts

@@ -0,0 +1,92 @@
+export { AccountsIcon } from './Accounts';
+export { ActivityIcon } from './Activity';
+export { AddChartIcon } from './AddChart';
+export { AlertOutlineIcon } from './AlertOutline';
+export { AppRepoIcon } from './AppRepo';
+export { AppsIcon } from './Apps';
+export { ArchivesIcon } from './Archives';
+export { ArrowDownIcon } from './ArrowDown';
+export { ArrowLeftIcon } from './ArrowLeft';
+export { ArrowRightIcon } from './ArrowRight';
+export { ArrowUpIcon } from './ArrowUp';
+export { BarChartIcon } from './BarChart';
+export { BillingIcon } from './Billing';
+export { BookOpenIcon } from './BookOpen';
+export { CalendarMonthIcon } from './CalendarMonth';
+export { CheckboxMarkedCircleOutlineIcon } from './CheckboxMarkedCircleOutline';
+export { CheckCircleFilledIcon } from './CheckCircleFilled';
+export { CheckCircleOutlineIcon } from './CheckCircleOutline';
+export { CheckIcon } from './Check';
+export { ClockAlertIcon } from './ClockAlert';
+export { ClockOutlineIcon } from './ClockOutline';
+export { CloseIcon } from './Close';
+export { CloudIcon } from './Cloud';
+export { CloudLockOutlineIcon } from './CloudLockOutline';
+export { ClustersIcon } from './Clusters';
+export { CogOutlineIcon } from './CogOutline';
+export { ComputeIcon } from './Compute';
+export { CopyIcon } from './Copy';
+export { CpuIcon } from './Cpu';
+export { CubeIcon } from './Cube';
+export { DashboardIcon } from './Dashboard';
+export { DatabaseIcon } from './Database';
+export { DatacenterIcon } from './Datacenter';
+export { DeleteIcon } from './Delete';
+export { DnsIcon } from './Dns';
+export { DollarSignIcon } from './DollarSign';
+export { DownloadIcon } from './Download';
+export { EditIcon } from './Edit';
+export { EllipsesIcon } from './Ellipses';
+export { EnvironmentsIcon } from './Environments';
+export { ErrorIcon } from './Error';
+export { ErrorOutlineIcon } from './ErrorOutline';
+export { ExclamationIcon } from './Exclamation';
+export { FirewallIcon } from './Firewall';
+export { GitIcon } from './Git';
+export { GitOpsCatalogIcon } from './GitOpsCatalog';
+export { GridViewIcon } from './GridView';
+export { HelpIcon } from './Help';
+export { HideOutlineIcon } from './HideOutline';
+export { Home2Icon } from './Home2';
+export { HomeIcon } from './Home';
+export { IdIcon } from './Id';
+export { InfoCircleIcon } from './InfoCircle';
+export { InformationOutlineIcon } from './InformationOutline';
+export { InvoiceListIcon } from './InvoiceList';
+export { KeyIcon } from './Key';
+export { KonstructIcon } from './Konstruct';
+export { KubernetesIcon } from './Kubernetes';
+export { LoadBalancerIcon } from './LoadBalancer';
+export { LoaderIcon } from './Loader';
+export { LightBulbIcon } from './LightBulb';
+export { NetworkIcon } from './Network';
+export { ObjectStorageIcon } from './ObjectStorage';
+export { OrganizationIcon } from './Organization';
+export { PagesStackIcon } from './PagesStack';
+export { PageviewIcon } from './Pageview';
+export { PeopleIcon } from './People';
+export { PhotoLibraryIcon } from './PhotoLibrary';
+export { PipelineIcon } from './Pipeline';
+export { PlusIcon } from './Plus';
+export { PowerSettingsIcon } from './PowerSettings';
+export { PreviewIcon } from './Preview';
+export { PrivateRegionIcon } from './PrivateRegion';
+export { QuotaIcon } from './Quota';
+export { ReceiptLongIcon } from './ReceiptLong';
+export { RefreshIcon } from './Refresh';
+export { ReservedIpIcon } from './ReservedIp';
+export { ScatterPlotIcon } from './ScatterPlot';
+export { SearchIcon } from './Search';
+export { ServerIcon } from './Server';
+export { SshKeyIcon } from './SshKey';
+export { StartIcon } from './Start';
+export { TabNewIcon } from './TabNew';
+export { TeamMembersIcon } from './TeamMembers';
+export { TeamsIcon } from './Teams';
+export { UploadIcon } from './Upload';
+export { VolumeIcon } from './Volume';
+export { WarningIcon } from './Warning';
+export { WarningTriangleIcon } from './WarningTriangle';
+export { WebhookIcon } from './Webhook';
+export { XIcon } from './X';
+export type { IconProps, IconComponent } from './types';

package/dist/lib/assets/icons/components/types.d.ts

@@ -0,0 +1,5 @@
+import { SVGProps, RefAttributes, ForwardRefExoticComponent } from 'react';
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    size?: string | number;
+}
+export type IconComponent = ForwardRefExoticComponent<Omit<IconProps, 'ref'> & RefAttributes<SVGSVGElement>>;

package/dist/lib/assets/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

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

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+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.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="success" title="Changes saved successfully!" />
+ *
+ * <Alert
+ *   type="danger"
+ *   title="Error"
+ *   description="Failed to save changes. Please try again."
+ *   showCloseButton
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alert--docs Storybook}
+ */
+export declare const Alert: FC<Props>;

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

@@ -0,0 +1,43 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { Theme } from '../../../domain/theme';
+import { alertVariants } from './Alert.variants';
+/**
+ * Props for the Alert component.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="success" title="Operation completed!" />
+ * <Alert type="danger" title="Error" description="Something went wrong" showCloseButton />
+ * <Alert type="warning" title="Warning" description={<span>Action <strong>required</strong></span>} />
+ * ```
+ */
+type AlertBaseProps = VariantProps<typeof alertVariants> & {
+    /** Whether the alert is visible */
+    isVisible?: boolean;
+    /** Show close button to dismiss alert */
+    showCloseButton?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+};
+/**
+ * Props for the Alert component.
+ * At least one of `title` or `description` must be provided.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="success" title="Operation completed!" />
+ * <Alert type="danger" description="Something went wrong" />
+ * <Alert type="warning" title="Warning" description={<span>Action <strong>required</strong></span>} />
+ * ```
+ */
+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/lib/components/Alert/Alert.variants.d.ts

@@ -0,0 +1,16 @@
+export declare const alertVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+    isVisible?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const titleVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const descriptionVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const iconVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const closeButtonVariants: (props?: ({
+    type?: "success" | "info" | "warning" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,32 @@
+import { FC } from 'react';
+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.
+ *
+ * @example
+ * ```tsx
+ * // Basic confirmation dialog
+ * <AlertDialog
+ *   buttonTriggerText="Delete Item"
+ *   title="Confirm Deletion"
+ *   description="This action cannot be undone."
+ *   onConfirm={() => deleteItem()}
+ * />
+ *
+ * // Danger variant with custom button text
+ * <AlertDialog
+ *   buttonTriggerText="Remove"
+ *   buttonTriggerVariant="danger"
+ *   title="Remove User"
+ *   description="Are you sure you want to remove this user?"
+ *   buttonConfirm={{ text: "Yes, Remove" }}
+ *   buttonCancel={{ text: "No, Keep" }}
+ *   onConfirm={() => removeUser()}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alertdialog--docs Storybook}
+ */
+declare const AlertDialog: FC<Props>;
+export { AlertDialog };

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

@@ -0,0 +1,60 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { AlertDialogProps as AlertDialogPrimitiveProps } from '@radix-ui/react-alert-dialog';
+import { Theme } from '../../../domain/theme';
+import { Props as ButtonProps } from '../Button/Button.types';
+type ButtonBaseProps = Partial<ButtonProps> & {
+    className?: string;
+    text?: string;
+};
+type ButtonCancelProps = ButtonBaseProps;
+type ButtonConfirmProps = ButtonBaseProps;
+/**
+ * Props for the AlertDialog component.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   buttonTriggerText="Delete"
+ *   buttonTriggerVariant="danger"
+ *   title="Confirm Deletion"
+ *   description="Are you sure you want to delete this item?"
+ *   onConfirm={() => handleDelete()}
+ * />
+ * ```
+ */
+export interface Props extends PropsWithChildren, AlertDialogPrimitiveProps {
+    /** Cancel button props (className, text, etc.) */
+    buttonCancel?: ButtonCancelProps;
+    /** Confirm button props (className, text, etc.) */
+    buttonConfirm?: ButtonConfirmProps;
+    /** Text for the trigger button */
+    buttonTriggerText?: string;
+    /** CSS classes for the trigger button */
+    buttonTriggerClassName?: string;
+    /** Variant for the trigger button */
+    buttonTriggerVariant?: ButtonProps['variant'];
+    /** Additional CSS classes */
+    className?: string;
+    /** Description text shown in the dialog */
+    description?: string | ReactNode;
+    isDescriptionChild?: boolean;
+    /** Whether to show the cancel button (default: true) */
+    showCancelButton?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Title text shown in the dialog */
+    title?: string | ReactNode;
+    isTitleChild?: boolean;
+    /** CSS classes for the dialog wrapper */
+    wrapperClassName?: string;
+    /** Callback when confirm button is clicked */
+    onConfirm?: VoidFunction;
+    /** Callback when the button is clicked */
+    onClick?: VoidFunction;
+}
+/** @deprecated Use Props instead */
+export type AlertDialogProps = Props;
+export type UseAlertiDialogProps = {
+    onConfirm: Props['onConfirm'];
+};
+export {};

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

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

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

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

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

@@ -0,0 +1 @@
+export * from './AlertDialogTrigger';

package/dist/lib/components/AlertDialog/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAlertDialog';

package/dist/lib/components/AlertDialog/hooks/useAlertDialog.d.ts

@@ -0,0 +1,7 @@
+import { UseAlertiDialogProps } from '../AlertDialog.types';
+export declare const useAlertDialog: ({ onConfirm }: UseAlertiDialogProps) => {
+    isOpen: boolean;
+    handleCancel: () => void;
+    handleConfirm: () => void;
+    handleOpen: () => void;
+};

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

@@ -0,0 +1,31 @@
+import { Props } from './Autocomplete.types';
+/**
+ * An autocomplete/typeahead input component that suggests options as you type.
+ *
+ * @example
+ * ```tsx
+ * // Basic autocomplete
+ * <Autocomplete
+ *   label="Programming Language"
+ *   options={[
+ *     { value: 'JavaScript' },
+ *     { value: 'TypeScript' },
+ *     { value: 'Python' },
+ *   ]}
+ *   placeholder="Type to search..."
+ *   onChange={(value) => setLanguage(value)}
+ * />
+ *
+ * // With custom empty state
+ * <Autocomplete
+ *   options={users}
+ *   placeholder="Search users..."
+ *   placeHolderEmptyValues="No users found"
+ *   onChange={handleUserSelect}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-autocomplete--docs Storybook}
+ */
+declare const Autocomplete: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export { Autocomplete };

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

@@ -0,0 +1,52 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { Theme } from '../../../domain/theme';
+import { autocompleteVariants } from './Autocomplete.variants';
+/**
+ * Option type for Autocomplete suggestions.
+ */
+export type Option = {
+    /** The value to display and select */
+    value: string;
+};
+/**
+ * Props for the Autocomplete component.
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete
+ *   label="Search"
+ *   options={[{ value: 'React' }, { value: 'Vue' }, { value: 'Angular' }]}
+ *   placeholder="Search frameworks..."
+ *   onChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+export interface Props extends VariantProps<typeof autocompleteVariants> {
+    /** Disable browser autocomplete (default: 'off') */
+    autoComplete?: 'off';
+    /** Additional CSS classes */
+    className?: string;
+    /** Label displayed above the input */
+    label?: string;
+    /** CSS classes for the label */
+    labelClassName?: string;
+    /** Additional CSS classes for the label wrapper */
+    labelWrapperClassName?: string;
+    /** Form field name */
+    name?: string;
+    /** Array of options to suggest */
+    options: Option[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Text shown when no options match */
+    placeHolderEmptyValues?: string | ReactNode;
+    /** CSS classes for empty state text */
+    placeHolderEmptyValuesClassName?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Callback when a value is selected */
+    onChange(value: string): void;
+}
+/** @deprecated Use Props instead */
+export type AutocompleteProps = Props;

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

@@ -0,0 +1,2 @@
+export declare const autocompleteVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

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