@equal-experts/kuat-react 0.4.1 → 0.4.2
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.
- package/README.md +13 -28
- package/dist/accordion-DwQCxX_5.js +43 -0
- package/dist/accordion.css +1 -0
- package/dist/accordion.js +7 -6
- package/dist/alert-dialog-CT9DCCMH.js +96 -0
- package/dist/alert-dialog.css +1 -0
- package/dist/alert-dialog.js +14 -13
- package/dist/badge-Yftb6Tdy.js +22 -0
- package/dist/badge.css +1 -0
- package/dist/badge.js +5 -4
- package/dist/button-DqdoNQqx.js +69 -0
- package/dist/button-group-BNfxHMty.js +80 -0
- package/dist/button-group.css +1 -0
- package/dist/button-group.js +7 -6
- package/dist/button.css +1 -0
- package/dist/button.js +5 -4
- package/dist/components/ui/accordion/index.d.ts +1 -0
- package/dist/components/ui/alert-dialog/index.d.ts +1 -0
- package/dist/components/ui/badge/badge.d.ts +16 -0
- package/dist/components/ui/badge/index.d.ts +2 -0
- package/dist/components/ui/breadcrumb/Breadcrumb.d.ts +29 -0
- package/dist/components/ui/breadcrumb/breadcrumb-primitives.d.ts +19 -0
- package/dist/components/ui/breadcrumb/index.d.ts +4 -0
- package/dist/components/ui/button/button.d.ts +27 -0
- package/dist/components/ui/button/index.d.ts +2 -0
- package/dist/components/ui/button-group/button-group.d.ts +23 -0
- package/dist/components/ui/button-group/index.d.ts +2 -0
- package/dist/components/ui/content-card/content-card.d.ts +25 -0
- package/dist/components/ui/content-card/index.d.ts +2 -0
- package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +27 -0
- package/dist/components/ui/dropdown-menu/index.d.ts +1 -0
- package/dist/components/ui/ee-logo-icon/ee-logo-icon.d.ts +11 -0
- package/dist/components/ui/ee-logo-icon/index.d.ts +2 -0
- package/dist/components/ui/kuat-carousel/index.d.ts +2 -0
- package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts +32 -0
- package/dist/components/ui/kuat-header/index.d.ts +2 -0
- package/dist/components/ui/kuat-header/kuat-header.d.ts +38 -0
- package/dist/components/ui/kuat-logo-lockup/index.d.ts +2 -0
- package/dist/components/ui/kuat-logo-lockup/kuat-logo-lockup.d.ts +17 -0
- package/dist/components/ui/kuat-radial-progress/index.d.ts +2 -0
- package/dist/components/ui/kuat-radial-progress/kuat-radial-progress.d.ts +16 -0
- package/dist/components/ui/separator/index.d.ts +2 -0
- package/dist/components/ui/separator/separator.d.ts +9 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +32 -23
- package/dist/index.js +2000 -30
- package/dist/kuat-radial-progress-B3nQqPFW.js +105 -0
- package/dist/kuat-radial-progress.css +1 -0
- package/dist/kuat-radial-progress.d.ts +7 -0
- package/dist/kuat-radial-progress.js +6 -0
- package/dist/lib/react-node-compat.d.ts +7 -0
- package/dist/styles.css +1 -0
- package/dist/test/setup.d.ts +1 -0
- package/dist/{utils-qaFjX9_3.js → utils-DLUjLwnh.js} +0 -1
- package/package.json +21 -9
- package/dist/accordion-CQDgmmJ5.js +0 -46
- package/dist/alert-dialog-CzXLOFRG.js +0 -113
- package/dist/badge-DRUd-ban.js +0 -26
- package/dist/button-CPn6T5-L.js +0 -44
- package/dist/button-group-DUSbG9lE.js +0 -93
- package/dist/components/ui/badge.d.ts +0 -9
- package/dist/components/ui/button-group.d.ts +0 -12
- package/dist/components/ui/button.d.ts +0 -11
- package/dist/components/ui/separator.d.ts +0 -4
- package/dist/index-DACAHwoB.js +0 -34
- package/dist/style.css +0 -1
- /package/dist/components/ui/{accordion.d.ts → accordion/accordion.d.ts} +0 -0
- /package/dist/components/ui/{alert-dialog.d.ts → alert-dialog/alert-dialog.d.ts} +0 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/** Single breadcrumb entry for the trail. */
|
|
3
|
+
export interface BreadcrumbItemEntry {
|
|
4
|
+
/** Visible label. */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Link URL. Omit for current page when no children. */
|
|
7
|
+
href?: string;
|
|
8
|
+
/** Sub-items; when set, this item is rendered as a dropdown. */
|
|
9
|
+
children?: Array<{
|
|
10
|
+
label: string;
|
|
11
|
+
href: string;
|
|
12
|
+
}>;
|
|
13
|
+
}
|
|
14
|
+
export interface BreadcrumbProps extends Omit<React.ComponentPropsWithoutRef<"nav">, "children"> {
|
|
15
|
+
/** Breadcrumb trail: ordered list of items. Last item is current page if it has no href. */
|
|
16
|
+
items: BreadcrumbItemEntry[];
|
|
17
|
+
/** Custom link component (e.g. Next.js Link). Receives { href, children } and should render a link. */
|
|
18
|
+
linkComponent?: React.ComponentType<{
|
|
19
|
+
href: string;
|
|
20
|
+
children: React.ReactNode;
|
|
21
|
+
className?: string;
|
|
22
|
+
}>;
|
|
23
|
+
/** Custom separator node (e.g. icon). Default is chevron. */
|
|
24
|
+
separator?: React.ReactNode;
|
|
25
|
+
/** aria-label for the nav. Default "Breadcrumb". */
|
|
26
|
+
"aria-label"?: string;
|
|
27
|
+
}
|
|
28
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
|
|
29
|
+
export { Breadcrumb };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const BreadcrumbRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
3
|
+
"aria-label"?: string;
|
|
4
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
5
|
+
declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
6
|
+
declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
7
|
+
interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<"a"> {
|
|
8
|
+
/** When provided, render this element instead of <a> (e.g. Next.js Link). */
|
|
9
|
+
render?: React.ReactElement;
|
|
10
|
+
asChild?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
+
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
14
|
+
declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
} & React.RefAttributes<HTMLSpanElement>>;
|
|
17
|
+
declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
19
|
+
export type { BreadcrumbLinkProps };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Breadcrumb } from './Breadcrumb';
|
|
2
|
+
export type { BreadcrumbProps, BreadcrumbItemEntry } from './Breadcrumb';
|
|
3
|
+
export { BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './breadcrumb-primitives';
|
|
4
|
+
export type { BreadcrumbLinkProps } from './breadcrumb-primitives';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "outline", "ghost", "ghost-muted", "destructive"];
|
|
3
|
+
/** @deprecated Use "primary" instead. */
|
|
4
|
+
export declare const BUTTON_VARIANT_DEFAULT_ALIAS = "default";
|
|
5
|
+
export declare const BUTTON_SIZES: readonly ["mini", "small", "default", "large", "icon"];
|
|
6
|
+
/** @deprecated Use "small" instead. */
|
|
7
|
+
export declare const BUTTON_SIZE_SM_ALIAS = "sm";
|
|
8
|
+
/** @deprecated Use "large" instead. */
|
|
9
|
+
export declare const BUTTON_SIZE_LG_ALIAS = "lg";
|
|
10
|
+
export declare const BUTTON_COLORS: readonly ["ee-blue", "tech-blue", "byte-white", "the-cloud", "dark-data", "transform-teal", "equal-ember"];
|
|
11
|
+
export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
|
|
12
|
+
export type ButtonSize = (typeof BUTTON_SIZES)[number];
|
|
13
|
+
export type ButtonColor = (typeof BUTTON_COLORS)[number];
|
|
14
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
15
|
+
variant?: ButtonVariant | typeof BUTTON_VARIANT_DEFAULT_ALIAS;
|
|
16
|
+
size?: ButtonSize | typeof BUTTON_SIZE_SM_ALIAS | typeof BUTTON_SIZE_LG_ALIAS;
|
|
17
|
+
color?: ButtonColor;
|
|
18
|
+
asChild?: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
/** Returns class string for button variant/size/color (backward compatibility). */
|
|
22
|
+
export declare function buttonVariants(options?: {
|
|
23
|
+
variant?: ButtonVariant | "default";
|
|
24
|
+
size?: ButtonSize | "sm" | "lg";
|
|
25
|
+
color?: ButtonColor;
|
|
26
|
+
}): string;
|
|
27
|
+
export { Button };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { KuatSlotContent } from '../../../lib/react-node-compat';
|
|
2
|
+
import { Separator } from '../separator';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export declare const BUTTON_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
5
|
+
export type ButtonGroupOrientation = (typeof BUTTON_GROUP_ORIENTATIONS)[number];
|
|
6
|
+
export interface ButtonGroupProps extends Omit<React.ComponentProps<"div">, "children"> {
|
|
7
|
+
orientation?: ButtonGroupOrientation;
|
|
8
|
+
children?: KuatSlotContent;
|
|
9
|
+
}
|
|
10
|
+
declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export interface ButtonGroupTextProps extends Omit<React.ComponentProps<"div">, "children"> {
|
|
12
|
+
asChild?: boolean;
|
|
13
|
+
children?: KuatSlotContent;
|
|
14
|
+
}
|
|
15
|
+
declare const ButtonGroupText: React.ForwardRefExoticComponent<Omit<ButtonGroupTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export interface ButtonGroupSeparatorProps extends React.ComponentProps<typeof Separator> {
|
|
17
|
+
}
|
|
18
|
+
declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<ButtonGroupSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
/** Returns class string for button group (backward compatibility). */
|
|
20
|
+
export declare function buttonGroupVariants(options?: {
|
|
21
|
+
orientation?: ButtonGroupOrientation;
|
|
22
|
+
}): string;
|
|
23
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { KuatSlotContent } from '../../../lib/react-node-compat';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export interface ContentCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "children" | "title"> {
|
|
4
|
+
className?: string;
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
/** Optional media; when `null`, the media area is removed (no gap). */
|
|
7
|
+
imageSrc?: string | null;
|
|
8
|
+
imageAlt?: string;
|
|
9
|
+
/** Header props (not slots). */
|
|
10
|
+
badge: KuatSlotContent;
|
|
11
|
+
category: KuatSlotContent;
|
|
12
|
+
title: KuatSlotContent;
|
|
13
|
+
titleHeadingLevel: 1 | 2 | 3 | 4 | 5 | 6;
|
|
14
|
+
/** Optional basic content text (hidden when omitted). */
|
|
15
|
+
contentText?: string | null;
|
|
16
|
+
/** Header Accessory slot (flex row). */
|
|
17
|
+
headerAccessory?: KuatSlotContent | null;
|
|
18
|
+
/** Custom content slot below basic content. */
|
|
19
|
+
customContent?: KuatSlotContent | null;
|
|
20
|
+
/** Footer slot. */
|
|
21
|
+
footer?: KuatSlotContent | null;
|
|
22
|
+
children?: KuatSlotContent;
|
|
23
|
+
}
|
|
24
|
+
declare const ContentCard: React.ForwardRefExoticComponent<ContentCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export { ContentCard };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
4
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
7
|
+
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
8
|
+
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
10
|
+
inset?: boolean;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
+
inset?: boolean;
|
|
16
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
20
|
+
inset?: boolean;
|
|
21
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const DropdownMenuShortcut: {
|
|
24
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './dropdown-menu';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
|
|
2
|
+
/**
|
|
3
|
+
* Equal Experts logo icon (bracket mark only, no wordmark).
|
|
4
|
+
* Extracted from full EE logo; used in dark Service logo lockup.
|
|
5
|
+
* Source: https://github.com/EqualExperts/brand-assets
|
|
6
|
+
*/
|
|
7
|
+
export interface EELogoIconProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
declare function EELogoIcon({ className }: EELogoIconProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { EELogoIcon };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, useKuatCarousel, } from './kuat-carousel';
|
|
2
|
+
export type { KuatCarouselSlidesPerView, KuatCarouselProps, KuatCarouselContentProps, KuatCarouselItemProps, } from './kuat-carousel';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
type KuatCarouselApi = UseEmblaCarouselType[1];
|
|
4
|
+
type KuatCarouselOptions = UseEmblaCarouselType[0];
|
|
5
|
+
type KuatCarouselOrientation = "horizontal" | "vertical";
|
|
6
|
+
export type KuatCarouselSlidesPerView = 1 | 2 | 3;
|
|
7
|
+
interface KuatCarouselContextValue {
|
|
8
|
+
api: KuatCarouselApi;
|
|
9
|
+
slidesPerView: KuatCarouselSlidesPerView;
|
|
10
|
+
orientation: KuatCarouselOrientation;
|
|
11
|
+
scrollPrev: () => void;
|
|
12
|
+
scrollNext: () => void;
|
|
13
|
+
canScrollPrev: boolean;
|
|
14
|
+
canScrollNext: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare function useKuatCarousel(): KuatCarouselContextValue;
|
|
17
|
+
export interface KuatCarouselProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
opts?: KuatCarouselOptions;
|
|
19
|
+
slidesPerView?: KuatCarouselSlidesPerView;
|
|
20
|
+
orientation?: KuatCarouselOrientation;
|
|
21
|
+
plugins?: Parameters<typeof useEmblaCarousel>[1];
|
|
22
|
+
}
|
|
23
|
+
declare const KuatCarousel: React.ForwardRefExoticComponent<KuatCarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
export interface KuatCarouselContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
25
|
+
}
|
|
26
|
+
declare const KuatCarouselContent: React.ForwardRefExoticComponent<KuatCarouselContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
export interface KuatCarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
28
|
+
}
|
|
29
|
+
declare const KuatCarouselItem: React.ForwardRefExoticComponent<KuatCarouselItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
declare const KuatCarouselPrevious: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
+
declare const KuatCarouselNext: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, useKuatCarousel, };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const KUAT_HEADER_VARIANTS: readonly ["default", "bold"];
|
|
3
|
+
export type KuatHeaderVariant = (typeof KUAT_HEADER_VARIANTS)[number];
|
|
4
|
+
export declare const EE_LOGO_TEXT_COLORS: readonly ["grey", "white"];
|
|
5
|
+
export type EELogoTextColor = (typeof EE_LOGO_TEXT_COLORS)[number];
|
|
6
|
+
/**
|
|
7
|
+
* Equal Experts Logo component
|
|
8
|
+
* Source: https://github.com/EqualExperts/brand-assets/blob/main/logo/logo-colour.svg
|
|
9
|
+
*/
|
|
10
|
+
export interface EELogoProps {
|
|
11
|
+
className?: string;
|
|
12
|
+
/** Text color variant - grey for default, white for bold */
|
|
13
|
+
textColor?: EELogoTextColor;
|
|
14
|
+
}
|
|
15
|
+
declare function EELogo({ className, textColor }: EELogoProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export interface KuatHeaderProps extends React.HTMLAttributes<HTMLElement> {
|
|
17
|
+
/** Logo element - defaults to EE logo if not provided. Set to `null` to hide. */
|
|
18
|
+
logo?: React.ReactNode;
|
|
19
|
+
/** Page or application title */
|
|
20
|
+
title?: string;
|
|
21
|
+
/** Navigation items - visible on desktop, hidden on mobile */
|
|
22
|
+
navigation?: React.ReactNode;
|
|
23
|
+
/** Right-side actions (e.g., user menu, search) - visible on desktop */
|
|
24
|
+
actions?: React.ReactNode;
|
|
25
|
+
/** Mobile menu trigger button (e.g., hamburger icon) */
|
|
26
|
+
mobileMenuTrigger?: React.ReactNode;
|
|
27
|
+
/** Mobile menu content (typically a Sheet or Drawer) */
|
|
28
|
+
mobileMenu?: React.ReactNode;
|
|
29
|
+
/** Hide the default EE logo */
|
|
30
|
+
hideLogo?: boolean;
|
|
31
|
+
variant?: KuatHeaderVariant;
|
|
32
|
+
}
|
|
33
|
+
declare const KuatHeader: React.ForwardRefExoticComponent<KuatHeaderProps & React.RefAttributes<HTMLElement>>;
|
|
34
|
+
/** Returns class string for header variant (backward compatibility). */
|
|
35
|
+
export declare function kuatHeaderVariants(options?: {
|
|
36
|
+
variant?: KuatHeaderVariant;
|
|
37
|
+
}): string;
|
|
38
|
+
export { KuatHeader, EELogo };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const KUAT_LOGO_LOCKUP_USE: readonly ["service", "demo"];
|
|
3
|
+
export type KuatLogoLockupUse = (typeof KUAT_LOGO_LOCKUP_USE)[number];
|
|
4
|
+
export declare const KUAT_LOGO_LOCKUP_MODE: readonly ["light", "dark"];
|
|
5
|
+
export type KuatLogoLockupMode = (typeof KUAT_LOGO_LOCKUP_MODE)[number];
|
|
6
|
+
export interface KuatLogoLockupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
/** Service name (Service use) or primary title (Demo use) */
|
|
8
|
+
title: string;
|
|
9
|
+
/** Service: logo first + name. Demo: title primary, "A demo by" + small logo. */
|
|
10
|
+
use?: KuatLogoLockupUse;
|
|
11
|
+
/** Visual theme */
|
|
12
|
+
mode?: KuatLogoLockupMode;
|
|
13
|
+
/** When true, force dark styling (e.g. on dark background) */
|
|
14
|
+
forceDark?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const KuatLogoLockup: React.ForwardRefExoticComponent<KuatLogoLockupProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export { KuatLogoLockup };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const KUAT_RADIAL_PROGRESS_SIZES: readonly ["mini", "small", "medium", "large"];
|
|
3
|
+
export declare const KUAT_RADIAL_PROGRESS_COLORS: readonly ["default", "primary", "ee-blue", "tech-blue", "transform-teal", "equal-ember"];
|
|
4
|
+
export type KuatRadialProgressSize = (typeof KUAT_RADIAL_PROGRESS_SIZES)[number];
|
|
5
|
+
export type KuatRadialProgressColor = (typeof KUAT_RADIAL_PROGRESS_COLORS)[number];
|
|
6
|
+
export interface KuatRadialProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
|
|
7
|
+
/** Value from 0 to 100 */
|
|
8
|
+
value: number;
|
|
9
|
+
/** Bar colour from Kuat palette; default uses semantic foreground-bar token */
|
|
10
|
+
color?: KuatRadialProgressColor;
|
|
11
|
+
size?: KuatRadialProgressSize;
|
|
12
|
+
/** When true, animate from 0 to value on mount */
|
|
13
|
+
animate?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const KuatRadialProgress: React.ForwardRefExoticComponent<KuatRadialProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export { KuatRadialProgress };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
3
|
+
export declare const SEPARATOR_ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
4
|
+
export type SeparatorOrientation = (typeof SEPARATOR_ORIENTATIONS)[number];
|
|
5
|
+
export interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
|
|
6
|
+
orientation?: SeparatorOrientation;
|
|
7
|
+
}
|
|
8
|
+
declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export { Separator };
|
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}.content-card{width:100%;max-width:373px;min-width:calc(var(--spacing,.25rem)*0);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--border);background-color:var(--card);padding-bottom:calc(var(--spacing,.25rem)*2);flex-direction:column;align-items:flex-start;display:flex;position:relative}.content-card__media{flex-shrink:0;width:100%;height:192px;position:relative}.content-card__media-img{pointer-events:none;inset:calc(var(--spacing,.25rem)*0);object-fit:cover;width:100%;max-width:none;height:100%}.content-card__body{align-items:flex-start;gap:calc(var(--spacing,.25rem)*4);width:100%;padding:calc(var(--spacing,.25rem)*4);flex-direction:column;flex-shrink:0;display:flex;position:relative}.content-card__heading-row{flex-shrink:0;justify-content:space-between;align-items:flex-start;width:100%;display:flex;overflow:clip}.content-card__heading-left{align-items:flex-start;gap:calc(var(--spacing,.25rem)*1);flex-direction:column;flex:1 0 0;min-width:1px;min-height:1px;display:flex;position:relative}.content-card__header-accessory{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);flex-direction:column;flex-shrink:0;display:flex;overflow:clip}.content-card__heading-meta{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-shrink:0;display:flex}.content-card__badge{align-items:center;display:flex}.content-card__category{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--ee-blue-700)}.content-card__title{width:100%;max-width:250px;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:calc(var(--tracking-normal) - .025em);letter-spacing:calc(var(--tracking-normal) - .025em);color:var(--foreground)}.content-card__content{flex-shrink:0;width:100%;position:relative;overflow:clip}.content-card__content-text{white-space:pre-wrap;color:var(--foreground)}.content-card__custom-content,.content-card__footer{flex-shrink:0;width:100%;position:relative;overflow:clip}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}.kuat-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;width:100%;position:relative}.kuat-header--default{border-color:var(--border);background-color:var(--kuat-header-default-background);color:var(--kuat-header-default-foreground)}.kuat-header--bold{background-color:var(--kuat-header-bold-background);color:var(--kuat-header-bold-foreground);border-color:var(--kuat-header-bold-foreground-secondary)}@supports (color:color-mix(in lab,red,red)){.kuat-header--bold{border-color:color-mix(in srgb,var(--kuat-header-bold-foreground-secondary)20%,transparent)}}.kuat-header__desktop{display:none}@media (min-width:768px){.kuat-header__desktop{height:98px;padding-inline:calc(var(--spacing,.25rem)*6);justify-content:space-between;align-items:center;display:flex}}.kuat-header__desktop-left{align-items:center;gap:calc(var(--spacing,.25rem)*5);display:flex}.kuat-header__desktop-title{letter-spacing:-.025em;font-size:30px;font-weight:600;line-height:30px;font-family:var(--font-sans)}.kuat-header--default .kuat-header__desktop-title{color:var(--kuat-header-default-foreground)}.kuat-header--bold .kuat-header__desktop-title{color:var(--kuat-header-bold-foreground)}.kuat-header__desktop-right{align-items:center;gap:calc(var(--spacing,.25rem)*8);display:flex}.kuat-header__mobile{min-height:103px;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*4);justify-content:space-between;align-items:flex-start;display:flex}@media (min-width:768px){.kuat-header__mobile{display:none}}.kuat-header__mobile-left{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.kuat-header__mobile-title{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.kuat-header--default .kuat-header__mobile-title{color:var(--kuat-header-default-foreground-secondary)}.kuat-header--bold .kuat-header__mobile-title{color:var(--kuat-header-bold-foreground-secondary)}.kuat-header__separator{width:1px;height:49px}.kuat-header--default .kuat-header__separator{background-color:var(--border)}.kuat-header--bold .kuat-header__separator{background-color:var(--kuat-header-bold-foreground-secondary)}@supports (color:color-mix(in lab,red,red)){.kuat-header--bold .kuat-header__separator{background-color:color-mix(in srgb,var(--kuat-header-bold-foreground-secondary)30%,transparent)}}.ee-logo__text{fill:currentColor}.ee-logo--grey{color:gray}.ee-logo--white{color:#fff}.ee-logo--desktop{width:188px;height:50px}@media (min-width:768px){.ee-logo--desktop{width:188px;height:50px}}.ee-logo--mobile{width:147px;height:39px}.kuat-carousel{width:100%;position:relative}.kuat-carousel__viewport{overflow:hidden}.kuat-carousel__content{display:flex}.kuat-carousel__content--horizontal{margin-left:calc(var(--spacing,.25rem)*-2)}.kuat-carousel__content--vertical{margin-top:calc(var(--spacing,.25rem)*-2);flex-direction:column}.kuat-carousel__item{min-width:calc(var(--spacing,.25rem)*0);border-radius:calc(var(--radius) - 2px);flex-grow:0;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.kuat-carousel__item--horizontal{padding-left:calc(var(--spacing,.25rem)*2)}.kuat-carousel__item--vertical{padding-top:calc(var(--spacing,.25rem)*2)}.kuat-carousel__item--basis-1{flex-basis:100%}.kuat-carousel__item--basis-2{flex-basis:50%}.kuat-carousel__item--basis-3{flex-basis:33.3333%}.kuat-carousel__prev,.kuat-carousel__next{top:calc(var(--spacing,.25rem)*0);z-index:10;width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8);border-radius:calc(var(--radius) - 4px);background-color:var(--primary);color:var(--primary-foreground);opacity:1;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:.15s;transition-timing-function:default;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 1px 2px #0000000d}.kuat-carousel__prev:disabled,.kuat-carousel__next:disabled{pointer-events:none;opacity:.5}.kuat-carousel__prev:hover:not(:disabled),.kuat-carousel__next:hover:not(:disabled){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.kuat-carousel__prev:hover:not(:disabled),.kuat-carousel__next:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary)90%,transparent)}}.kuat-carousel__prev{right:calc(var(--spacing,.25rem)*8)}.kuat-carousel__next{right:calc(var(--spacing,.25rem)*0)}.kuat-carousel__prev svg,.kuat-carousel__next svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}.kuat-logo-lockup{container:logo-lockup/inline-size}.kuat-logo-lockup--light,.kuat-logo-lockup--light .kuat-logo-lockup__service-name,.kuat-logo-lockup--light .kuat-logo-lockup__demo-title,.kuat-logo-lockup--light .kuat-logo-lockup__demo-by{color:var(--kuat-header-default-foreground)}.kuat-logo-lockup--dark,.kuat-logo-lockup--dark .kuat-logo-lockup__service-name,.kuat-logo-lockup--dark .kuat-logo-lockup__demo-title,.kuat-logo-lockup--dark .kuat-logo-lockup__demo-by{color:var(--kuat-header-bold-foreground)}.kuat-logo-lockup--service .kuat-logo-lockup__service-inner{align-items:flex-start;gap:calc(2*var(--spacing));flex-direction:column;display:flex}.kuat-logo-lockup__separator{width:1px;height:calc(6*var(--spacing));flex-shrink:0;display:none}.kuat-logo-lockup--light .kuat-logo-lockup__separator{background-color:var(--border)}.kuat-logo-lockup--dark .kuat-logo-lockup__separator{background-color:var(--kuat-header-bold-foreground-secondary)}@supports (color:color-mix(in lab,red,red)){.kuat-logo-lockup--dark .kuat-logo-lockup__separator{background-color:color-mix(in srgb,var(--kuat-header-bold-foreground-secondary)30%,transparent)}}@container logo-lockup (min-width:320px){.kuat-logo-lockup--service .kuat-logo-lockup__service-inner{align-items:center;gap:calc(4*var(--spacing));flex-direction:row}.kuat-logo-lockup__separator{display:block}}@supports not (container-type:inline-size){@media (min-width:768px){.kuat-logo-lockup--service .kuat-logo-lockup__service-inner{align-items:center;gap:calc(4*var(--spacing));flex-direction:row}.kuat-logo-lockup__separator{display:block}}}.kuat-logo-lockup__service-name{letter-spacing:var(--tracking-tight);font-size:1.875rem;font-weight:600;line-height:1;font-family:var(--font-sans)}.kuat-logo-lockup__logo-wrap,.kuat-logo-lockup__logo-icon{flex-shrink:0}.kuat-logo-lockup__logo.kuat-logo-lockup__logo--demo{height:calc(6*var(--spacing));width:auto}.kuat-logo-lockup__logo:not(.kuat-logo-lockup__logo--demo){width:188px;height:50px}.kuat-logo-lockup__logo-icon{height:calc(10*var(--spacing));width:43px}.kuat-logo-lockup--demo .kuat-logo-lockup__demo-title{letter-spacing:var(--tracking-tight);font-size:1.875rem;font-weight:600;line-height:1.2;font-family:var(--font-sans);margin:0 0 calc(2*var(--spacing))0}.kuat-logo-lockup__demo-attribution{align-items:center;gap:calc(2*var(--spacing));display:flex}.kuat-logo-lockup__demo-by{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);letter-spacing:var(--tracking-normal);font-family:var(--font-sans)}.kuat-logo-lockup__demo-logo-wrap{align-items:center;display:flex}.kuat-logo-lockup__demo-logo-wrap .kuat-logo-lockup__logo{height:calc(5*var(--spacing));width:auto}.kuat-logo-lockup__demo-logo-wrap .kuat-logo-lockup__logo-icon{height:calc(5*var(--spacing));width:22px}.ee-logo-icon{color:var(--primary)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-font-weight:initial;--tw-border-style:solid;--tw-leading:initial}}}.breadcrumb-list{margin:calc(var(--spacing,.25rem)*0);align-items:center;gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*0);flex-wrap:wrap;list-style-type:none;display:flex}.breadcrumb-item{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:inline-flex}.breadcrumb-link{color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));text-decoration-line:none}.breadcrumb-link:hover{color:var(--foreground);text-decoration-line:underline}.breadcrumb-link:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--ring);border-radius:.25rem}.breadcrumb-page{pointer-events:none;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--muted-foreground)}.breadcrumb-separator{color:var(--muted-foreground);-webkit-user-select:none;user-select:none;display:inline-flex}.breadcrumb-separator__icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.breadcrumb-ellipsis{color:var(--muted-foreground);display:inline-flex}.breadcrumb-ellipsis__icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.breadcrumb-dropdown-trigger{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));font:inherit;background-color:#0000;border-width:0;text-decoration-line:none;display:flex}.breadcrumb-dropdown-trigger:hover{text-decoration-line:underline}.breadcrumb-dropdown-trigger:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--ring);border-radius:.25rem}.breadcrumb-dropdown-trigger__icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);flex-shrink:0}.breadcrumb-ellipsis-trigger{padding:calc(var(--spacing,.25rem)*0);--tw-leading:1;line-height:1}.breadcrumb .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.dropdown-menu-content{z-index:50;min-width:calc(var(--spacing,.25rem)*32);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:calc(var(--spacing,.25rem)*1);overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dropdown-menu-content[data-state=open]{animation:.15s ease-out dropdown-menu-in}.dropdown-menu-content[data-state=closed]{animation:.15s ease-out dropdown-menu-out}@keyframes dropdown-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dropdown-menu-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.dropdown-menu-item,.dropdown-menu-checkbox-item,.dropdown-menu-radio-item{cursor:default;padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;-webkit-user-select:none;user-select:none;border-radius:.25rem;outline-style:none;align-items:center;display:flex;position:relative}.dropdown-menu-item[data-highlighted],.dropdown-menu-checkbox-item[data-highlighted],.dropdown-menu-radio-item[data-highlighted]{background-color:var(--accent);color:var(--accent-foreground)}.dropdown-menu-item[data-disabled],.dropdown-menu-checkbox-item[data-disabled],.dropdown-menu-radio-item[data-disabled]{pointer-events:none;opacity:.5}.dropdown-menu-item--inset,.dropdown-menu-checkbox-item--inset,.dropdown-menu-radio-item--inset{padding-left:calc(var(--spacing,.25rem)*8)}.dropdown-menu-label{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--muted-foreground)}.dropdown-menu-label--inset{padding-left:calc(var(--spacing,.25rem)*8)}.dropdown-menu-separator{margin-inline:calc(var(--spacing,.25rem)*-1);margin-block:calc(var(--spacing,.25rem)*1);background-color:var(--border);height:1px}.dropdown-menu-shortcut{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-tracking:calc(var(--tracking-normal) + .05em);letter-spacing:calc(var(--tracking-normal) + .05em);color:var(--muted-foreground);margin-left:auto}.dropdown-menu-sub-trigger{cursor:default;padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-outline-style:none;-webkit-user-select:none;user-select:none;border-radius:.25rem;outline-style:none;align-items:center;display:flex}.dropdown-menu-sub-trigger[data-highlighted]{background-color:var(--accent);color:var(--accent-foreground)}.dropdown-menu-sub-trigger__icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);margin-left:auto}.dropdown-menu-sub-content{min-width:calc(var(--spacing,.25rem)*32)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,27 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
export { cn } from './lib/utils';
|
|
3
|
-
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';
|
|
4
|
-
/**
|
|
5
|
-
* @deprecated Install directly via `npx shadcn@latest add button`.
|
|
6
|
-
* The component will be themed automatically when using kuat-core.
|
|
7
|
-
*/
|
|
8
|
-
export { Button, buttonVariants } from './components/ui/button';
|
|
9
|
-
/** @deprecated */
|
|
10
|
-
export type { ButtonProps } from './components/ui/button';
|
|
11
1
|
/**
|
|
12
|
-
* @
|
|
13
|
-
*
|
|
2
|
+
* @equal-experts/kuat-react
|
|
3
|
+
*
|
|
4
|
+
* Kuat Design System - React Components
|
|
5
|
+
*
|
|
6
|
+
* This package provides:
|
|
7
|
+
* - Custom Kuat components (ButtonGroup, future blocks)
|
|
8
|
+
* - Utilities (cn)
|
|
9
|
+
* - Design tokens via bundled styles
|
|
10
|
+
*
|
|
11
|
+
// For standard UI components not listed below (e.g. Dialog), install them directly
|
|
12
|
+
// via shadcn CLI with kuat-core theming. See documentation for setup guide.
|
|
14
13
|
*/
|
|
14
|
+
export { cn } from './lib/utils';
|
|
15
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, BUTTON_GROUP_ORIENTATIONS, } from './components/ui/button-group';
|
|
16
|
+
export type { ButtonGroupProps, ButtonGroupTextProps, ButtonGroupSeparatorProps, ButtonGroupOrientation, } from './components/ui/button-group';
|
|
17
|
+
export { ContentCard } from './components/ui/content-card';
|
|
18
|
+
export type { ContentCardProps } from './components/ui/content-card';
|
|
19
|
+
export { KuatHeader, kuatHeaderVariants, EELogo } from './components/ui/kuat-header';
|
|
20
|
+
export type { KuatHeaderProps, EELogoProps } from './components/ui/kuat-header';
|
|
21
|
+
export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, useKuatCarousel, } from './components/ui/kuat-carousel';
|
|
22
|
+
export type { KuatCarouselSlidesPerView, KuatCarouselProps, KuatCarouselContentProps, KuatCarouselItemProps, } from './components/ui/kuat-carousel';
|
|
23
|
+
export { KuatRadialProgress, KUAT_RADIAL_PROGRESS_SIZES, KUAT_RADIAL_PROGRESS_COLORS, } from './components/ui/kuat-radial-progress';
|
|
24
|
+
export type { KuatRadialProgressProps, KuatRadialProgressSize, KuatRadialProgressColor, } from './components/ui/kuat-radial-progress';
|
|
25
|
+
export { KuatLogoLockup, KUAT_LOGO_LOCKUP_USE, KUAT_LOGO_LOCKUP_MODE, } from './components/ui/kuat-logo-lockup';
|
|
26
|
+
export type { KuatLogoLockupProps, KuatLogoLockupUse, KuatLogoLockupMode, } from './components/ui/kuat-logo-lockup';
|
|
27
|
+
export { EELogoIcon } from './components/ui/ee-logo-icon';
|
|
28
|
+
export type { EELogoIconProps } from './components/ui/ee-logo-icon';
|
|
15
29
|
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';
|
|
16
|
-
/**
|
|
17
|
-
* @deprecated Install directly via `npx shadcn@latest add alert-dialog`.
|
|
18
|
-
* The component will be themed automatically when using kuat-core.
|
|
19
|
-
*/
|
|
20
30
|
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './components/ui/alert-dialog';
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
export {
|
|
26
|
-
|
|
27
|
-
export type { BadgeProps } from './components/ui/badge';
|
|
31
|
+
export { Badge, badgeVariants, BADGE_VARIANTS, BADGE_ROUNDNESS } from './components/ui/badge';
|
|
32
|
+
export type { BadgeProps, BadgeVariant, BadgeRoundness } from './components/ui/badge';
|
|
33
|
+
export { Breadcrumb, BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './components/ui/breadcrumb';
|
|
34
|
+
export type { BreadcrumbProps, BreadcrumbItemEntry, BreadcrumbLinkProps, } from './components/ui/breadcrumb';
|
|
35
|
+
export { Button, buttonVariants, BUTTON_VARIANTS, BUTTON_SIZES, BUTTON_COLORS, } from './components/ui/button';
|
|
36
|
+
export type { ButtonProps, ButtonVariant, ButtonSize, ButtonColor } from './components/ui/button';
|