@ddmetrics/untitled-ui-make-kit 0.1.0

package/dist/kit.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Untitled UI Make Kit
+ *
+ * Import everything from "@/kit".
+ * - `components`: real Untitled UI source components.
+ * - `templates`: exact Untitled UI marketing section structures with editable props.
+ */
+export * from "@/untitled-kit";
+export { cx, sortCx } from "@/untitled-kit/utils/cx";
+export { isClassComponent, isFunctionComponent, isReactComponent } from "@/untitled-kit/utils/is-react-component";

package/dist/untitled-kit/components/base.d.ts

@@ -0,0 +1,7 @@
+export { Avatar } from "@/untitled-kit/components/source/base/avatar/avatar";
+export { Badge, BadgeIcon, BadgeWithButton, BadgeWithDot, BadgeWithFlag, BadgeWithIcon, BadgeWithImage } from "@/untitled-kit/components/source/base/badges/badges";
+export { BadgeGroup } from "@/untitled-kit/components/source/base/badges/badge-groups";
+export { Button } from "@/untitled-kit/components/source/base/buttons/button";
+export { Form } from "@/untitled-kit/components/source/base/form/form";
+export { Input, InputBase, TextField } from "@/untitled-kit/components/source/base/input/input";
+export { Tooltip, TooltipTrigger } from "@/untitled-kit/components/source/base/tooltip/tooltip";

package/dist/untitled-kit/components/foundations.d.ts

@@ -0,0 +1,5 @@
+export { Dot } from "@/untitled-kit/components/source/foundations/dot-icon";
+export { FeaturedIcon } from "@/untitled-kit/components/source/foundations/featured-icon/featured-icon";
+export { UntitledLogo } from "@/untitled-kit/components/source/foundations/logo/untitledui-logo";
+export { UntitledLogoMinimal } from "@/untitled-kit/components/source/foundations/logo/untitledui-logo-minimal";
+export { StarIcon } from "@/untitled-kit/components/source/foundations/rating-stars";

package/dist/untitled-kit/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./base";
+export * from "./foundations";
+export * from "./marketing";

package/dist/untitled-kit/components/marketing.d.ts

@@ -0,0 +1,3 @@
+export { FeatureTextFeaturedIconTopCentered, } from "@/untitled-kit/components/source/marketing/features/base-components/feature-text";
+export { FlowPattern } from "@/untitled-kit/components/source/marketing/header-section/base-components/flow-pattern";
+export { CheckItemText, PricingTierCardIcon, } from "@/untitled-kit/components/source/marketing/pricing-sections/base-components/pricing-tier-card";

package/dist/untitled-kit/components/source/base/avatar/avatar.d.ts

@@ -0,0 +1,64 @@
+import { type FC, type ReactNode } from "react";
+export interface AvatarProps {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    className?: string;
+    /**
+     * The class name for the main child of the avatar.
+     */
+    contentClassName?: string;
+    src?: string | null;
+    alt?: string;
+    /**
+     * Display an inner contrast border around the avatar image.
+     */
+    contrastBorder?: boolean;
+    /**
+     * Whether the avatar should be rounded.
+     * @default true
+     */
+    rounded?: boolean;
+    /**
+     * Display an outer border around the avatar.
+     */
+    border?: boolean;
+    /**
+     * Display a badge (i.e. company logo).
+     */
+    badge?: ReactNode;
+    /**
+     * Display a status indicator.
+     */
+    status?: "online" | "offline";
+    /**
+     * Display a verified tick icon.
+     *
+     * @default false
+     */
+    verified?: boolean;
+    /**
+     * Display a count badge.
+     */
+    count?: number;
+    /**
+     * The initials of the user to display if no image is available.
+     */
+    initials?: string;
+    /**
+     * An icon to display if no image is available.
+     */
+    placeholderIcon?: FC<{
+        className?: string;
+    }>;
+    /**
+     * A placeholder to display if no image is available.
+     */
+    placeholder?: ReactNode;
+    /**
+     * Whether the avatar should show a focus ring when the parent group is in focus.
+     * For example, when the avatar is wrapped inside a link.
+     *
+     * @default false
+     */
+    focusable?: boolean;
+}
+export declare const Avatar: ({ size, src, alt, initials, placeholder, placeholderIcon: PlaceholderIcon, border, badge, status, verified, count, focusable, rounded, className, contentClassName, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/untitled-kit/components/source/base/avatar/base-components/avatar-add-button.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonProps as AriaButtonProps } from "react-aria-components";
+interface AvatarAddButtonProps extends AriaButtonProps {
+    size: "xs" | "sm" | "md";
+    title?: string;
+    className?: string;
+}
+export declare const AvatarAddButton: ({ size, className, title, ...props }: AvatarAddButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/avatar/base-components/avatar-company-icon.d.ts

@@ -0,0 +1,7 @@
+interface AvatarCompanyIconProps {
+    size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    src: string;
+    alt?: string;
+}
+export declare const AvatarCompanyIcon: ({ size, src, alt }: AvatarCompanyIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/avatar/base-components/avatar-count.d.ts

@@ -0,0 +1,6 @@
+interface AvatarCountProps {
+    count: number;
+    className?: string;
+}
+export declare const AvatarCount: ({ count, className }: AvatarCountProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/avatar/base-components/avatar-online-indicator.d.ts

@@ -0,0 +1,7 @@
+interface AvatarOnlineIndicatorProps {
+    size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    status: "online" | "offline";
+    className?: string;
+}
+export declare const AvatarOnlineIndicator: ({ size, status, className }: AvatarOnlineIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/avatar/base-components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./avatar-add-button";
+export * from "./avatar-company-icon";
+export * from "./avatar-online-indicator";
+export * from "./verified-tick";

package/dist/untitled-kit/components/source/base/avatar/base-components/verified-tick.d.ts

@@ -0,0 +1,6 @@
+interface VerifiedTickProps {
+    size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
+    className?: string;
+}
+export declare const VerifiedTick: ({ size, className }: VerifiedTickProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/badges/badge-groups.d.ts

@@ -0,0 +1,22 @@
+import type { FC, ReactNode } from "react";
+type Size = "md" | "lg";
+type Color = "brand" | "warning" | "error" | "gray" | "success";
+type Theme = "light" | "modern";
+type Align = "leading" | "trailing";
+interface BadgeGroupProps {
+    children?: string | ReactNode;
+    addonText: string;
+    size?: Size;
+    color: Color;
+    theme?: Theme;
+    /**
+     * Alignment of the badge addon element.
+     */
+    align?: Align;
+    iconTrailing?: FC<{
+        className?: string;
+    }> | ReactNode;
+    className?: string;
+}
+export declare const BadgeGroup: ({ children, addonText, size, color, theme, align, className, iconTrailing: IconTrailing, }: BadgeGroupProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/badges/badge-types.d.ts

@@ -0,0 +1,21 @@
+export type IconComponentType = React.FunctionComponent<{
+    className?: string;
+    strokeWidth?: string | number;
+}>;
+export type Sizes = "sm" | "md" | "lg";
+export type BadgeColors = "gray" | "brand" | "error" | "warning" | "success" | "slate" | "sky" | "blue" | "indigo" | "purple" | "pink" | "orange";
+export type FlagTypes = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ-1" | "BQ-2" | "BQ" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD-1" | "CD" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "earth" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB-2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+export type ExtractColorKeys<T> = T extends {
+    styles: infer C;
+} ? keyof C : never;
+export type ExtractBadgeKeys<T> = keyof T;
+export type BadgeTypeToColorMap<T> = {
+    [K in ExtractBadgeKeys<T>]: ExtractColorKeys<T[K]>;
+};
+export type BadgeTypeColors<T> = ExtractColorKeys<T[keyof T]>;
+export declare const badgeTypes: {
+    readonly pillColor: "pill-color";
+    readonly badgeColor: "color";
+    readonly badgeModern: "modern";
+};
+export type BadgeTypes = (typeof badgeTypes)[keyof typeof badgeTypes];

package/dist/untitled-kit/components/source/base/badges/badges.d.ts

@@ -0,0 +1,128 @@
+import type { MouseEventHandler, ReactNode } from "react";
+import type { BadgeColors, BadgeTypeToColorMap, BadgeTypes, FlagTypes, IconComponentType, Sizes } from "./badge-types";
+export declare const filledColors: Record<BadgeColors, {
+    root: string;
+    addon: string;
+    addonButton: string;
+}>;
+declare const withPillTypes: {
+    "pill-color": {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    color: {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    modern: {
+        common: string;
+        styles: {
+            gray: {
+                root: string;
+                addon: string;
+                addonButton: string;
+            };
+        };
+    };
+};
+declare const withBadgeTypes: {
+    "pill-color": {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    color: {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+            addonButton: string;
+        }>;
+    };
+    modern: {
+        common: string;
+        styles: Record<BadgeColors, {
+            root: string;
+            addon: string;
+        }>;
+    };
+};
+export type BadgeColor<T extends BadgeTypes> = BadgeTypeToColorMap<typeof withPillTypes>[T];
+interface BadgeProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    color?: BadgeColor<T>;
+    children: ReactNode;
+    className?: string;
+}
+export declare const Badge: <T extends BadgeTypes>(props: BadgeProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface BadgeWithDotProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];
+    className?: string;
+    children: ReactNode;
+}
+export declare const BadgeWithDot: <T extends BadgeTypes>(props: BadgeWithDotProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface BadgeWithIconProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    color?: BadgeTypeToColorMap<typeof withBadgeTypes>[T];
+    iconLeading?: IconComponentType;
+    iconTrailing?: IconComponentType;
+    children: ReactNode;
+    className?: string;
+}
+export declare const BadgeWithIcon: <T extends BadgeTypes>(props: BadgeWithIconProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface BadgeWithFlagProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    flag?: FlagTypes;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children: ReactNode;
+}
+export declare const BadgeWithFlag: <T extends BadgeTypes>(props: BadgeWithFlagProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface BadgeWithImageProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    imgSrc: string;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children: ReactNode;
+}
+export declare const BadgeWithImage: <T extends BadgeTypes>(props: BadgeWithImageProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface BadgeWithButtonProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    icon?: IconComponentType;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children: ReactNode;
+    /**
+     * The label for the button.
+     */
+    buttonLabel?: string;
+    /**
+     * The click event handler for the button.
+     */
+    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const BadgeWithButton: <T extends BadgeTypes>(props: BadgeWithButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+interface BadgeIconProps<T extends BadgeTypes> {
+    type?: T;
+    size?: Sizes;
+    icon: IconComponentType;
+    color?: BadgeTypeToColorMap<typeof withPillTypes>[T];
+    children?: ReactNode;
+}
+export declare const BadgeIcon: <T extends BadgeTypes>(props: BadgeIconProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/buttons/button.d.ts

@@ -0,0 +1,102 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps, FC, ReactNode } from "react";
+import type { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from "react-aria-components";
+export declare const styles: {
+    common: {
+        root: string;
+        icon: string;
+    };
+    sizes: {
+        xs: {
+            root: string;
+            linkRoot: string;
+        };
+        sm: {
+            root: string;
+            linkRoot: string;
+        };
+        md: {
+            root: string;
+            linkRoot: string;
+        };
+        lg: {
+            root: string;
+            linkRoot: string;
+        };
+        xl: {
+            root: string;
+            linkRoot: string;
+        };
+    };
+    colors: {
+        primary: {
+            root: string;
+        };
+        secondary: {
+            root: string;
+        };
+        tertiary: {
+            root: string;
+        };
+        "link-color": {
+            root: string;
+        };
+        "link-gray": {
+            root: string;
+        };
+        "primary-destructive": {
+            root: string;
+        };
+        "secondary-destructive": {
+            root: string;
+        };
+        "tertiary-destructive": {
+            root: string;
+        };
+        "link-destructive": {
+            root: string;
+        };
+    };
+};
+/**
+ * Common props shared between button and anchor variants
+ */
+export interface CommonProps {
+    /** Disables the button and shows a disabled state */
+    isDisabled?: boolean;
+    /** Shows a loading spinner and disables the button */
+    isLoading?: boolean;
+    /** The size variant of the button */
+    size?: keyof typeof styles.sizes;
+    /** The color variant of the button */
+    color?: keyof typeof styles.colors;
+    /** Icon component or element to show before the text */
+    iconLeading?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Icon component or element to show after the text */
+    iconTrailing?: FC<{
+        className?: string;
+    }> | ReactNode;
+    /** Removes horizontal padding from the text content */
+    noTextPadding?: boolean;
+    /** When true, keeps the text visible during loading state */
+    showTextWhileLoading?: boolean;
+}
+/**
+ * Props for the button variant (non-link)
+ */
+export interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color" | "slot">, HTMLButtonElement> {
+    /** Slot name for react-aria component */
+    slot?: AriaButtonProps["slot"];
+}
+/**
+ * Props for the link variant (anchor tag)
+ */
+interface LinkProps extends CommonProps, DetailedHTMLProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color">, HTMLAnchorElement> {
+    /** Options for the configured client side router. */
+    routerOptions?: AriaLinkProps["routerOptions"];
+}
+/** Union type of button and link props */
+export type Props = ButtonProps | LinkProps;
+export declare const Button: ({ size, color, children, className, noTextPadding, iconLeading: IconLeading, iconTrailing: IconTrailing, isDisabled: disabled, isLoading: loading, showTextWhileLoading, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/base/form/form.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithRef } from "react";
+import { Form as AriaForm } from "react-aria-components";
+export declare const Form: {
+    (props: ComponentPropsWithRef<typeof AriaForm>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/untitled-kit/components/source/base/input/hint-text.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode, Ref } from "react";
+import type { TextProps as AriaTextProps } from "react-aria-components";
+interface HintTextProps extends AriaTextProps {
+    /** Indicates that the hint text is an error message. */
+    isInvalid?: boolean;
+    ref?: Ref<HTMLElement>;
+    size?: "sm" | "md";
+    children: ReactNode;
+}
+export declare const HintText: {
+    ({ isInvalid, className, size, ...props }: HintTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/untitled-kit/components/source/base/input/input.d.ts

@@ -0,0 +1,58 @@
+import { type ComponentType, type HTMLAttributes, type ReactNode, type Ref } from "react";
+import type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from "react-aria-components";
+export interface InputBaseProps extends Omit<AriaInputProps, "size"> {
+    /** Tooltip message on hover. */
+    tooltip?: string;
+    /** Whether the input is invalid. */
+    isInvalid?: boolean;
+    /** Whether the input is disabled. */
+    isDisabled?: boolean;
+    /** Whether the input is required. */
+    isRequired?: boolean;
+    /**
+     * Input size.
+     * @default "sm"
+     */
+    size?: "sm" | "md" | "lg";
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Class name for the icon. */
+    iconClassName?: string;
+    /** Class name for the input. */
+    inputClassName?: string;
+    /** Class name for the input wrapper. */
+    wrapperClassName?: string;
+    /** Class name for the tooltip. */
+    tooltipClassName?: string;
+    /** Keyboard shortcut to display. */
+    shortcut?: string | boolean;
+    ref?: Ref<HTMLInputElement>;
+    groupRef?: Ref<HTMLDivElement>;
+    /** Icon component to display on the left side of the input. */
+    icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;
+}
+export declare const InputBase: {
+    ({ ref, tooltip, shortcut, groupRef, size, isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type, ...inputProps }: InputBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface TextFieldContextProps extends Partial<Pick<InputBaseProps, "size" | "wrapperClassName" | "inputClassName" | "iconClassName" | "tooltipClassName">> {
+}
+export interface TextFieldProps extends AriaTextFieldProps, TextFieldContextProps {
+}
+export declare const TextField: {
+    ({ className, size, inputClassName, wrapperClassName, iconClassName, tooltipClassName, ...props }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface InputProps extends AriaTextFieldProps, Pick<InputBaseProps, "ref" | "placeholder" | "icon" | "shortcut" | "tooltip" | "groupRef" | "size" | "wrapperClassName" | "inputClassName" | "iconClassName" | "tooltipClassName"> {
+    /** Label text for the input */
+    label?: string;
+    /** Helper text displayed below the input */
+    hint?: ReactNode;
+    /** Whether to hide required indicator from label */
+    hideRequiredIndicator?: boolean;
+}
+export declare const Input: {
+    ({ size, placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/untitled-kit/components/source/base/input/label.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode, Ref } from "react";
+import type { LabelProps as AriaLabelProps } from "react-aria-components";
+interface LabelProps extends AriaLabelProps {
+    children: ReactNode;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    tooltip?: string;
+    tooltipDescription?: string;
+    ref?: Ref<HTMLLabelElement>;
+}
+export declare const Label: {
+    ({ isInvalid, isRequired, tooltip, tooltipDescription, className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/untitled-kit/components/source/base/tooltip/tooltip.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import type { ButtonProps as AriaButtonProps, TooltipProps as AriaTooltipProps, TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps } from "react-aria-components";
+interface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<AriaTooltipProps, "children"> {
+    /**
+     * The title of the tooltip.
+     */
+    title: ReactNode;
+    /**
+     * The description of the tooltip.
+     */
+    description?: ReactNode;
+    /**
+     * Whether to show the arrow on the tooltip.
+     *
+     * @default false
+     */
+    arrow?: boolean;
+    /**
+     * Delay in milliseconds before the tooltip is shown.
+     *
+     * @default 300
+     */
+    delay?: number;
+}
+export declare const Tooltip: ({ title, description, children, arrow, delay, closeDelay, trigger, isDisabled, isOpen, defaultOpen, offset, crossOffset, placement, onOpenChange, ...tooltipProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+interface TooltipTriggerProps extends AriaButtonProps {
+}
+export declare const TooltipTrigger: ({ children, className, ...buttonProps }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/foundations/dot-icon.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from "react";
+export declare const Dot: ({ size, ...props }: HTMLAttributes<HTMLOrSVGElement> & {
+    size?: "sm" | "md";
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/untitled-kit/components/source/foundations/featured-icon/featured-icon.d.ts

@@ -0,0 +1,14 @@
+import type { FC, ReactNode, Ref } from "react";
+interface FeaturedIconProps {
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+    className?: string;
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode;
+    size?: "sm" | "md" | "lg" | "xl";
+    color: "brand" | "gray" | "success" | "warning" | "error";
+    theme?: "light" | "gradient" | "dark" | "outline" | "modern" | "modern-neue";
+}
+export declare const FeaturedIcon: (props: FeaturedIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/untitled-kit/components/source/foundations/logo/untitledui-logo-minimal.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from "react";
+export declare const UntitledLogoMinimal: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/untitled-kit/components/source/foundations/logo/untitledui-logo.d.ts

@@ -0,0 +1,2 @@
+import type { HTMLAttributes } from "react";
+export declare const UntitledLogo: (props: HTMLAttributes<HTMLOrSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/untitled-kit/components/source/foundations/rating-stars.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, SVGProps } from "react";
+export declare const getStarProgress: (starPosition: number, rating: number, maxRating?: number) => number;
+interface StarIconProps extends SVGProps<SVGSVGElement> {
+    /**
+     * The progress of the star icon. It should be a number between 0 and 100.
+     *
+     * @default 100
+     */
+    progress?: number;
+}
+export declare const StarIcon: ({ progress, ...props }: StarIconProps) => import("react/jsx-runtime").JSX.Element;
+interface RatingStarsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The rating to display.
+     *
+     * @default 5
+     */
+    rating?: number;
+    /**
+     * The number of stars to display.
+     */
+    stars?: number;
+    /**
+     * The class name of the star icon.
+     */
+    starClassName?: string;
+}
+export declare const RatingStars: ({ rating, stars, starClassName, ...props }: RatingStarsProps) => import("react/jsx-runtime").JSX.Element;
+export {};