@equal-experts/kuat-react 0.4.2 → 0.6.0
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 +80 -120
- package/dist/checkbox-field-Bslh9sHw.js +65 -0
- package/dist/checkbox-field.css +1 -0
- package/dist/checkbox.d.ts +3 -0
- package/dist/checkbox.js +10 -0
- package/dist/components/ui/carousel/carousel.d.ts +38 -0
- package/dist/components/ui/carousel/index.d.ts +2 -0
- package/dist/components/ui/checkbox/checkbox-field.d.ts +23 -0
- package/dist/components/ui/checkbox/checkbox.d.ts +5 -0
- package/dist/components/ui/checkbox/index.d.ts +4 -0
- package/dist/components/ui/field/field.d.ts +28 -0
- package/dist/components/ui/field/index.d.ts +2 -0
- package/dist/components/ui/input/index.d.ts +2 -0
- package/dist/components/ui/input/input.d.ts +20 -0
- package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts +9 -25
- package/dist/components/ui/radio/index.d.ts +4 -0
- package/dist/components/ui/radio/radio-field.d.ts +25 -0
- package/dist/components/ui/radio/radio.d.ts +7 -0
- package/dist/components/ui/select/constants.d.ts +19 -0
- package/dist/components/ui/select/index.d.ts +3 -0
- package/dist/components/ui/select/select.d.ts +53 -0
- package/dist/components/ui/sonner/index.d.ts +4 -0
- package/dist/components/ui/sonner/sonner-content.d.ts +15 -0
- package/dist/components/ui/sonner/sonner.d.ts +21 -0
- package/dist/components/ui/switch/index.d.ts +4 -0
- package/dist/components/ui/switch/switch-field.d.ts +23 -0
- package/dist/components/ui/switch/switch.d.ts +5 -0
- package/dist/components/ui/textarea/index.d.ts +2 -0
- package/dist/components/ui/textarea/textarea.d.ts +9 -0
- package/dist/components/ui/toggle/constants.d.ts +4 -0
- package/dist/components/ui/toggle/index.d.ts +6 -0
- package/dist/components/ui/toggle/toggle-group.d.ts +11 -0
- package/dist/components/ui/toggle/toggle.d.ts +9 -0
- package/dist/constants-DHz0LWRt.js +49 -0
- package/dist/constants.css +1 -0
- package/dist/field-DRLopwY4.js +141 -0
- package/dist/field.css +1 -0
- package/dist/field.d.ts +3 -0
- package/dist/field.js +17 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +20 -0
- package/dist/index.js +1089 -1020
- package/dist/input-2x92vprz.js +43 -0
- package/dist/input.css +1 -0
- package/dist/input.d.ts +3 -0
- package/dist/input.js +8 -0
- package/dist/radio-field-G8dvdsLE.js +82 -0
- package/dist/radio-field.css +1 -0
- package/dist/radio.d.ts +3 -0
- package/dist/radio.js +11 -0
- package/dist/select-Oz2Zj-L0.js +232 -0
- package/dist/select.css +1 -0
- package/dist/select.d.ts +3 -0
- package/dist/select.js +19 -0
- package/dist/sonner-content-B6xwQO7z.js +107 -0
- package/dist/sonner-content.css +1 -0
- package/dist/sonner.d.ts +1 -0
- package/dist/sonner.js +7 -0
- package/dist/styles.css +1 -1
- package/dist/switch-field-Ce9CiRqk.js +61 -0
- package/dist/switch-field.css +1 -0
- package/dist/switch.d.ts +1 -0
- package/dist/switch.js +7 -0
- package/dist/textarea-DiU8h_H0.js +19 -0
- package/dist/textarea.css +1 -0
- package/dist/textarea.d.ts +3 -0
- package/dist/textarea.js +8 -0
- package/dist/toggle-group.d.ts +3 -0
- package/dist/toggle-group.js +10 -0
- package/dist/toggle.d.ts +3 -0
- package/dist/toggle.js +9 -0
- package/package.json +55 -14
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
3
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroup>;
|
|
6
|
+
export type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupItem>;
|
|
7
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
export declare const SELECT_SIZES: readonly ["regular", "large", "small", "mini"];
|
|
3
|
+
export type SelectSize = (typeof SELECT_SIZES)[number];
|
|
4
|
+
export declare const SELECT_LINES: readonly ["single", "double"];
|
|
5
|
+
export type SelectLines = (typeof SELECT_LINES)[number];
|
|
6
|
+
export interface SelectItemOption {
|
|
7
|
+
value: string;
|
|
8
|
+
label: React.ReactNode;
|
|
9
|
+
description?: React.ReactNode;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
prepend?: React.ReactNode;
|
|
12
|
+
decoration?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export interface SelectItemGroup {
|
|
15
|
+
label: React.ReactNode;
|
|
16
|
+
items: SelectItemOption[];
|
|
17
|
+
}
|
|
18
|
+
export type SelectItems = Array<SelectItemOption | SelectItemGroup>;
|
|
19
|
+
export declare function isSelectItemGroup(item: SelectItemOption | SelectItemGroup): item is SelectItemGroup;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, } from './select';
|
|
2
|
+
export type { KuatSelectProps, SelectContentProps, SelectItemProps, SelectLabelProps, SelectProps, SelectSeparatorProps, SelectTriggerProps, SelectValueProps, } from './select';
|
|
3
|
+
export type { SelectItemGroup, SelectItemOption, SelectItems, SelectLines, SelectSize, } from './constants';
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { SELECT_LINES, SELECT_SIZES, SelectItems, SelectLines, SelectSize } from './constants';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
|
+
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
5
|
+
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
9
|
+
size?: SelectSize;
|
|
10
|
+
lines?: SelectLines;
|
|
11
|
+
label?: React.ReactNode;
|
|
12
|
+
prepend?: React.ReactNode;
|
|
13
|
+
decoration?: React.ReactNode;
|
|
14
|
+
invalid?: boolean;
|
|
15
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
19
|
+
size?: SelectSize;
|
|
20
|
+
maxHeight?: number | string;
|
|
21
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
|
|
24
|
+
prepend?: React.ReactNode;
|
|
25
|
+
description?: React.ReactNode;
|
|
26
|
+
decoration?: React.ReactNode;
|
|
27
|
+
}
|
|
28
|
+
declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
export interface KuatSelectProps extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, "children"> {
|
|
30
|
+
items?: SelectItems;
|
|
31
|
+
placeholder?: string;
|
|
32
|
+
size?: SelectSize;
|
|
33
|
+
lines?: SelectLines;
|
|
34
|
+
prepend?: React.ReactNode;
|
|
35
|
+
decoration?: React.ReactNode;
|
|
36
|
+
label?: React.ReactNode;
|
|
37
|
+
invalid?: boolean;
|
|
38
|
+
position?: React.ComponentPropsWithoutRef<typeof SelectContent>["position"];
|
|
39
|
+
maxHeight?: number | string;
|
|
40
|
+
triggerClassName?: string;
|
|
41
|
+
contentClassName?: string;
|
|
42
|
+
emptyText?: React.ReactNode;
|
|
43
|
+
children?: React.ReactNode;
|
|
44
|
+
triggerProps?: Omit<React.ComponentPropsWithoutRef<typeof SelectTrigger>, "children" | "size" | "lines" | "label" | "prepend" | "decoration" | "invalid">;
|
|
45
|
+
}
|
|
46
|
+
declare function KuatSelect({ items, placeholder, size, lines, prepend, decoration, label, invalid, position, maxHeight, triggerClassName, contentClassName, emptyText, children, triggerProps, ...rootProps }: KuatSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
export type SelectProps = React.ComponentPropsWithoutRef<typeof Select>;
|
|
48
|
+
export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectTrigger>;
|
|
49
|
+
export type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectContent>;
|
|
50
|
+
export type SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectLabel>;
|
|
51
|
+
export type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectSeparator>;
|
|
52
|
+
export type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectValue>;
|
|
53
|
+
export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Sonner, SONNER_POSITIONS, toast } from './sonner';
|
|
2
|
+
export type { SonnerAnnouncement, SonnerPosition, SonnerProps, SonnerToastOptions, } from './sonner';
|
|
3
|
+
export { SonnerContent } from './sonner-content';
|
|
4
|
+
export type { SonnerContentAction, SonnerContentProps } from './sonner-content';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type SonnerContentAction = {
|
|
3
|
+
label: string;
|
|
4
|
+
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
5
|
+
ariaLabel?: string;
|
|
6
|
+
};
|
|
7
|
+
export type SonnerContentProps = {
|
|
8
|
+
className?: string;
|
|
9
|
+
title: React.ReactNode;
|
|
10
|
+
description?: React.ReactNode;
|
|
11
|
+
leftIcon?: React.ReactNode;
|
|
12
|
+
showLeftIcon?: boolean;
|
|
13
|
+
action?: SonnerContentAction;
|
|
14
|
+
};
|
|
15
|
+
export declare function SonnerContent({ className, title, description, leftIcon, showLeftIcon, action, }: SonnerContentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { toast as sonnerToast, ExternalToast, ToasterProps as SonnerPrimitiveProps } from 'sonner';
|
|
2
|
+
|
|
3
|
+
declare const SONNER_POSITIONS: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
|
|
4
|
+
export type SonnerPosition = (typeof SONNER_POSITIONS)[number];
|
|
5
|
+
export type SonnerAnnouncement = "polite" | "assertive";
|
|
6
|
+
type SonnerMessage = Parameters<typeof sonnerToast>[0];
|
|
7
|
+
export type SonnerToastOptions = Omit<ExternalToast, "important"> & {
|
|
8
|
+
announcement?: SonnerAnnouncement;
|
|
9
|
+
};
|
|
10
|
+
export type SonnerProps = SonnerPrimitiveProps;
|
|
11
|
+
export declare function Sonner({ className, position, visibleToasts, expand, containerAriaLabel, toastOptions, ...props }: SonnerProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function toast(message: SonnerMessage, options?: SonnerToastOptions): string | number;
|
|
13
|
+
export declare namespace toast {
|
|
14
|
+
var success: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
15
|
+
var info: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
16
|
+
var warning: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
17
|
+
var error: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
18
|
+
var loading: (message: SonnerMessage, options?: SonnerToastOptions) => string | number;
|
|
19
|
+
var dismiss: (id?: number | string) => string | number;
|
|
20
|
+
}
|
|
21
|
+
export { SONNER_POSITIONS };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { Switch } from './switch';
|
|
2
|
+
export type { SwitchProps } from './switch';
|
|
3
|
+
export { SwitchField, SWITCH_FIELD_APPEARANCES, SWITCH_FIELD_LAYOUTS, } from './switch-field';
|
|
4
|
+
export type { SwitchFieldAppearance, SwitchFieldLayout, SwitchFieldProps, } from './switch-field';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Switch } from './switch';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export declare const SWITCH_FIELD_APPEARANCES: readonly ["plain", "card"];
|
|
4
|
+
export type SwitchFieldAppearance = (typeof SWITCH_FIELD_APPEARANCES)[number];
|
|
5
|
+
export declare const SWITCH_FIELD_LAYOUTS: readonly ["inline", "block"];
|
|
6
|
+
export type SwitchFieldLayout = (typeof SWITCH_FIELD_LAYOUTS)[number];
|
|
7
|
+
/** @deprecated Prefer composing `Field` + `Switch` for new form layouts. */
|
|
8
|
+
export interface SwitchFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch>, "id" | "children"> {
|
|
9
|
+
/** Primary label (always shown). */
|
|
10
|
+
label: React.ReactNode;
|
|
11
|
+
/** Optional secondary line (12px muted); works for both plain and card. */
|
|
12
|
+
secondaryText?: React.ReactNode;
|
|
13
|
+
/** `plain` — no border/padding; `card` — bordered padded container. */
|
|
14
|
+
appearance?: SwitchFieldAppearance;
|
|
15
|
+
/** `inline` — compact label; `block` — label row can grow. */
|
|
16
|
+
layout?: SwitchFieldLayout;
|
|
17
|
+
/** Place switch on the right of the text block. */
|
|
18
|
+
flipped?: boolean;
|
|
19
|
+
id?: string;
|
|
20
|
+
}
|
|
21
|
+
/** @deprecated Prefer composing `Field` + `Switch` for new form layouts. */
|
|
22
|
+
declare const SwitchField: React.ForwardRefExoticComponent<SwitchFieldProps & React.RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
export { SwitchField };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
3
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
export type SwitchProps = React.ComponentPropsWithoutRef<typeof Switch>;
|
|
5
|
+
export { Switch };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const TEXTAREA_RESIZE: readonly ["none", "vertical", "horizontal", "both"];
|
|
3
|
+
export type TextareaResize = (typeof TEXTAREA_RESIZE)[number];
|
|
4
|
+
export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "resize"> {
|
|
5
|
+
/** Controls CSS `resize`. Default `vertical`. */
|
|
6
|
+
resize?: TextareaResize;
|
|
7
|
+
}
|
|
8
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
9
|
+
export { Textarea };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Toggle } from './toggle';
|
|
2
|
+
export type { ToggleProps } from './toggle';
|
|
3
|
+
export { ToggleGroup, ToggleGroupItem } from './toggle-group';
|
|
4
|
+
export type { ToggleGroupProps, ToggleGroupItemProps } from './toggle-group';
|
|
5
|
+
export { TOGGLE_SIZES, TOGGLE_SKINS } from './constants';
|
|
6
|
+
export type { ToggleSize, ToggleSkin } from './constants';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ToggleSize, ToggleSkin } from './constants';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
4
|
+
export type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;
|
|
5
|
+
declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> {
|
|
7
|
+
size?: ToggleSize;
|
|
8
|
+
skin?: ToggleSkin;
|
|
9
|
+
}
|
|
10
|
+
declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ToggleSize, ToggleSkin } from './constants';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
4
|
+
export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> {
|
|
5
|
+
size?: ToggleSize;
|
|
6
|
+
skin?: ToggleSkin;
|
|
7
|
+
}
|
|
8
|
+
declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
export { Toggle };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import * as i from "@radix-ui/react-toggle";
|
|
4
|
+
import { c as m } from "./utils-DLUjLwnh.js";
|
|
5
|
+
import * as a from "@radix-ui/react-toggle-group";
|
|
6
|
+
const p = s.forwardRef(({ className: e, size: o = "regular", skin: t = "outlined", ...g }, l) => /* @__PURE__ */ r(
|
|
7
|
+
i.Root,
|
|
8
|
+
{
|
|
9
|
+
ref: l,
|
|
10
|
+
className: m("toggle", `toggle--size-${o}`, `toggle--skin-${t}`, e),
|
|
11
|
+
"data-slot": "toggle",
|
|
12
|
+
...g
|
|
13
|
+
}
|
|
14
|
+
));
|
|
15
|
+
p.displayName = i.Root.displayName;
|
|
16
|
+
const d = s.forwardRef(({ className: e, orientation: o = "horizontal", ...t }, g) => /* @__PURE__ */ r(
|
|
17
|
+
a.Root,
|
|
18
|
+
{
|
|
19
|
+
ref: g,
|
|
20
|
+
className: m("toggle-group", `toggle-group--${o}`, e),
|
|
21
|
+
"data-slot": "toggle-group",
|
|
22
|
+
orientation: o,
|
|
23
|
+
...t
|
|
24
|
+
}
|
|
25
|
+
));
|
|
26
|
+
d.displayName = a.Root.displayName;
|
|
27
|
+
const u = s.forwardRef(({ className: e, size: o = "regular", skin: t = "outlined", ...g }, l) => /* @__PURE__ */ r(
|
|
28
|
+
a.Item,
|
|
29
|
+
{
|
|
30
|
+
ref: l,
|
|
31
|
+
className: m(
|
|
32
|
+
"toggle-group-item",
|
|
33
|
+
`toggle-group-item--size-${o}`,
|
|
34
|
+
`toggle-group-item--skin-${t}`,
|
|
35
|
+
e
|
|
36
|
+
),
|
|
37
|
+
"data-slot": "toggle-group-item",
|
|
38
|
+
...g
|
|
39
|
+
}
|
|
40
|
+
));
|
|
41
|
+
u.displayName = a.Item.displayName;
|
|
42
|
+
const n = ["mini", "small", "regular", "large"], N = ["outlined", "ghost"];
|
|
43
|
+
export {
|
|
44
|
+
p as T,
|
|
45
|
+
n as a,
|
|
46
|
+
N as b,
|
|
47
|
+
d as c,
|
|
48
|
+
u as d
|
|
49
|
+
};
|
|
@@ -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-duration:initial;--tw-ease:initial}}}.toggle,.toggle-group-item{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);white-space:nowrap;transition-property:background-color,border-color,box-shadow,color,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));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;color:#020617;letter-spacing:.5px;background:0 0;border:1px solid #0000;border-radius:4px;outline-style:none;min-height:36px;padding:7px 8px;font-size:14px;font-weight:600;line-height:21px;display:inline-flex}.toggle svg,.toggle-group-item svg{pointer-events:none;flex-shrink:0;width:20px;height:20px}.toggle:focus-visible,.toggle-group-item:focus-visible{box-shadow:0 0 0 3px var(--ring)}.toggle:disabled,.toggle-group-item:disabled{pointer-events:none;cursor:not-allowed;opacity:.45}.toggle--skin-outlined,.toggle-group-item--skin-outlined{background:0 0;border-color:#e2e8f0}.toggle--skin-outlined[data-state=on],.toggle-group-item--skin-outlined[data-state=on]{background:#3341550d}.toggle--skin-ghost,.toggle-group-item--skin-ghost{background:0 0;border-color:#0000}.toggle--skin-ghost[data-state=on],.toggle-group-item--skin-ghost[data-state=on]{background:#0000000d}.toggle--size-mini,.toggle-group-item--size-mini{min-height:24px;padding:2px 8px;font-size:12px;line-height:18px}.toggle--size-small,.toggle-group-item--size-small{min-height:32px;padding:5px 8px}.toggle--size-regular,.toggle-group-item--size-regular{min-height:36px;padding:7px 8px}.toggle--size-large,.toggle-group-item--size-large{min-height:40px;padding:9px 12px}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.toggle-group{align-items:stretch;width:fit-content;display:inline-flex}.toggle-group--vertical{flex-direction:column}.toggle-group--horizontal>.toggle-group-item:only-child,.toggle-group--vertical>.toggle-group-item:only-child{border-radius:4px}.toggle-group--horizontal>.toggle-group-item:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.toggle-group--horizontal>.toggle-group-item:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-group--horizontal>.toggle-group-item:not(:first-child):not(:last-child){border-radius:0}.toggle-group--vertical>.toggle-group-item:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.toggle-group--vertical>.toggle-group-item:last-child{border-top-left-radius:0;border-top-right-radius:0}.toggle-group--vertical>.toggle-group-item:not(:first-child):not(:last-child){border-radius:0}.toggle-group--horizontal>.toggle-group-item--skin-outlined:not(:first-child){border-left-width:0}.toggle-group--vertical>.toggle-group-item--skin-outlined:not(:first-child){border-top-width:0}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { jsx as d, jsxs as F } from "react/jsx-runtime";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { c as i } from "./utils-DLUjLwnh.js";
|
|
4
|
+
function s(l, e) {
|
|
5
|
+
const a = l["data-slot"];
|
|
6
|
+
return typeof a == "string" ? a : e;
|
|
7
|
+
}
|
|
8
|
+
const E = ["responsive", "vertical", "horizontal"], g = t.forwardRef(
|
|
9
|
+
({ className: l, orientation: e = "responsive", ...a }, r) => /* @__PURE__ */ d(
|
|
10
|
+
"div",
|
|
11
|
+
{
|
|
12
|
+
ref: r,
|
|
13
|
+
className: i("field", `field--orientation-${e}`, l),
|
|
14
|
+
"data-slot": s(a, "field"),
|
|
15
|
+
...a
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
);
|
|
19
|
+
g.displayName = "Field";
|
|
20
|
+
const p = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
|
|
21
|
+
"fieldset",
|
|
22
|
+
{
|
|
23
|
+
ref: a,
|
|
24
|
+
className: i("field-set", l),
|
|
25
|
+
"data-slot": s(e, "field-set"),
|
|
26
|
+
...e
|
|
27
|
+
}
|
|
28
|
+
));
|
|
29
|
+
p.displayName = "FieldSet";
|
|
30
|
+
const y = t.forwardRef(
|
|
31
|
+
({ className: l, variant: e = "legend", ...a }, r) => /* @__PURE__ */ d(
|
|
32
|
+
"legend",
|
|
33
|
+
{
|
|
34
|
+
ref: r,
|
|
35
|
+
className: i("field-legend", `field-legend--${e}`, l),
|
|
36
|
+
"data-slot": s(a, "field-legend"),
|
|
37
|
+
...a
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
);
|
|
41
|
+
y.displayName = "FieldLegend";
|
|
42
|
+
const R = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
|
|
43
|
+
"div",
|
|
44
|
+
{
|
|
45
|
+
ref: a,
|
|
46
|
+
className: i("field-group", l),
|
|
47
|
+
"data-slot": s(e, "field-group"),
|
|
48
|
+
...e
|
|
49
|
+
}
|
|
50
|
+
));
|
|
51
|
+
R.displayName = "FieldGroup";
|
|
52
|
+
const w = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
|
|
53
|
+
"label",
|
|
54
|
+
{
|
|
55
|
+
ref: a,
|
|
56
|
+
className: i("field-label", l),
|
|
57
|
+
"data-slot": s(e, "field-label"),
|
|
58
|
+
...e
|
|
59
|
+
}
|
|
60
|
+
));
|
|
61
|
+
w.displayName = "FieldLabel";
|
|
62
|
+
const u = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
|
|
63
|
+
"div",
|
|
64
|
+
{
|
|
65
|
+
ref: a,
|
|
66
|
+
className: i("field-content", l),
|
|
67
|
+
"data-slot": s(e, "field-content"),
|
|
68
|
+
...e
|
|
69
|
+
}
|
|
70
|
+
));
|
|
71
|
+
u.displayName = "FieldContent";
|
|
72
|
+
const v = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
|
|
73
|
+
"div",
|
|
74
|
+
{
|
|
75
|
+
ref: a,
|
|
76
|
+
className: i("field-title", l),
|
|
77
|
+
"data-slot": s(e, "field-title"),
|
|
78
|
+
...e
|
|
79
|
+
}
|
|
80
|
+
));
|
|
81
|
+
v.displayName = "FieldTitle";
|
|
82
|
+
const b = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
|
|
83
|
+
"p",
|
|
84
|
+
{
|
|
85
|
+
ref: a,
|
|
86
|
+
className: i("field-description", l),
|
|
87
|
+
"data-slot": s(e, "field-description"),
|
|
88
|
+
...e
|
|
89
|
+
}
|
|
90
|
+
));
|
|
91
|
+
b.displayName = "FieldDescription";
|
|
92
|
+
const L = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
|
|
93
|
+
"div",
|
|
94
|
+
{
|
|
95
|
+
ref: a,
|
|
96
|
+
role: "separator",
|
|
97
|
+
className: i("field-separator", l),
|
|
98
|
+
"data-slot": s(e, "field-separator"),
|
|
99
|
+
...e
|
|
100
|
+
}
|
|
101
|
+
));
|
|
102
|
+
L.displayName = "FieldSeparator";
|
|
103
|
+
const S = t.forwardRef(
|
|
104
|
+
({ className: l, children: e, errors: a, issues: r, ...c }, N) => {
|
|
105
|
+
const n = [
|
|
106
|
+
...Array.isArray(a) ? a : a ? [a] : [],
|
|
107
|
+
...r ?? []
|
|
108
|
+
].map((o) => {
|
|
109
|
+
var m;
|
|
110
|
+
return (m = o == null ? void 0 : o.message) == null ? void 0 : m.trim();
|
|
111
|
+
}).filter((o) => !!o), f = n.length;
|
|
112
|
+
return !e && f === 0 ? null : /* @__PURE__ */ F(
|
|
113
|
+
"div",
|
|
114
|
+
{
|
|
115
|
+
ref: N,
|
|
116
|
+
className: i("field-error", l),
|
|
117
|
+
"data-slot": s(c, "field-error"),
|
|
118
|
+
...c,
|
|
119
|
+
children: [
|
|
120
|
+
e,
|
|
121
|
+
!e && f === 1 ? /* @__PURE__ */ d("span", { children: n[0] }) : null,
|
|
122
|
+
!e && f > 1 ? /* @__PURE__ */ d("ul", { className: "field-error__list", children: n.map((o) => /* @__PURE__ */ d("li", { children: o }, o)) }) : null
|
|
123
|
+
]
|
|
124
|
+
}
|
|
125
|
+
);
|
|
126
|
+
}
|
|
127
|
+
);
|
|
128
|
+
S.displayName = "FieldError";
|
|
129
|
+
export {
|
|
130
|
+
g as F,
|
|
131
|
+
u as a,
|
|
132
|
+
b,
|
|
133
|
+
S as c,
|
|
134
|
+
R as d,
|
|
135
|
+
w as e,
|
|
136
|
+
y as f,
|
|
137
|
+
L as g,
|
|
138
|
+
p as h,
|
|
139
|
+
v as i,
|
|
140
|
+
E as j
|
|
141
|
+
};
|
package/dist/field.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! 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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial}}}.field{min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.field--orientation-vertical{flex-direction:column;align-items:flex-start}.field--orientation-horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem)*3);flex-direction:row}.field--orientation-responsive{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);flex-direction:column}.field-set{min-width:calc(var(--spacing,.25rem)*0)}:where(.field-set>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-y-reverse)))}.field-set{border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0}.field-legend{margin:calc(var(--spacing,.25rem)*0);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground)}.field-legend--label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;line-height:1.5}.field-group{min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}.field-label{min-width:calc(var(--spacing,.25rem)*0);align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground);line-height:1.5;display:inline-flex}.field-content{min-height:1px;min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*1);flex-direction:column;flex:1;display:flex}.field-title{font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground);line-height:1.5}.field-description{margin:calc(var(--spacing,.25rem)*0);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-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--muted-foreground)}.field-separator{background-color:var(--border);justify-content:center;align-items:center;width:100%;height:1px;display:flex}.field-error{margin:calc(var(--spacing,.25rem)*0);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-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--destructive)}.field-error__list{margin:calc(var(--spacing,.25rem)*0);padding-left:calc(var(--spacing,.25rem)*4);list-style-type:disc}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
|
package/dist/field.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { cn } from './lib/utils';
|
|
2
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_ORIENTATIONS, } from './components/ui/field';
|
|
3
|
+
export type { FieldErrorProps, FieldLegendProps, FieldLegendVariant, FieldOrientation, FieldProps, } from './components/ui/field';
|
package/dist/field.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { c as s } from "./utils-DLUjLwnh.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { j as l, F as r, a as F, b as o, c as t, d as p, e as n, f as c, g as f, h as m, i as E } from "./field-DRLopwY4.js";
|
|
4
|
+
export {
|
|
5
|
+
l as FIELD_ORIENTATIONS,
|
|
6
|
+
r as Field,
|
|
7
|
+
F as FieldContent,
|
|
8
|
+
o as FieldDescription,
|
|
9
|
+
t as FieldError,
|
|
10
|
+
p as FieldGroup,
|
|
11
|
+
n as FieldLabel,
|
|
12
|
+
c as FieldLegend,
|
|
13
|
+
f as FieldSeparator,
|
|
14
|
+
m as FieldSet,
|
|
15
|
+
E as FieldTitle,
|
|
16
|
+
s as cn
|
|
17
|
+
};
|
package/dist/index.css
CHANGED
|
@@ -1 +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}
|
|
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}.carousel{align-items:flex-end;gap:calc(var(--spacing,.25rem)*2);flex-direction:column;width:100%;display:flex;position:relative}.carousel__controls{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.carousel__viewport{width:100%;overflow:hidden}.carousel__content{display:flex}.carousel__content--horizontal{margin-left:calc(var(--spacing,.25rem)*-4)}.carousel__content--vertical{margin-top:calc(var(--spacing,.25rem)*-4);flex-direction:column}.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}.carousel__item--horizontal{padding-left:calc(var(--spacing,.25rem)*4)}.carousel__item--vertical{padding-top:calc(var(--spacing,.25rem)*4)}.carousel__item--basis-1{flex-basis:100%}.carousel__item--basis-2{flex-basis:50%}.carousel__item--basis-3{flex-basis:33.3333%}.carousel__prev,.carousel__next{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);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;box-shadow:0 1px 2px #0000000d}.carousel__prev:disabled,.carousel__next:disabled{pointer-events:none;opacity:.5}.carousel__prev:hover:not(:disabled),.carousel__next:hover:not(:disabled){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.carousel__prev:hover:not(:disabled),.carousel__next:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary)90%,transparent)}}.carousel__prev svg,.carousel__next svg{width:calc(var(--spacing,.25rem)*3.5);height:calc(var(--spacing,.25rem)*3.5)}@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
|
@@ -18,6 +18,8 @@ export { ContentCard } from './components/ui/content-card';
|
|
|
18
18
|
export type { ContentCardProps } from './components/ui/content-card';
|
|
19
19
|
export { KuatHeader, kuatHeaderVariants, EELogo } from './components/ui/kuat-header';
|
|
20
20
|
export type { KuatHeaderProps, EELogoProps } from './components/ui/kuat-header';
|
|
21
|
+
export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, } from './components/ui/carousel';
|
|
22
|
+
export type { CarouselItemBasis, CarouselEventHandler, CarouselEventHandlers, CarouselProps, CarouselContentProps, CarouselItemProps, } from './components/ui/carousel';
|
|
21
23
|
export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, useKuatCarousel, } from './components/ui/kuat-carousel';
|
|
22
24
|
export type { KuatCarouselSlidesPerView, KuatCarouselProps, KuatCarouselContentProps, KuatCarouselItemProps, } from './components/ui/kuat-carousel';
|
|
23
25
|
export { KuatRadialProgress, KUAT_RADIAL_PROGRESS_SIZES, KUAT_RADIAL_PROGRESS_COLORS, } from './components/ui/kuat-radial-progress';
|
|
@@ -34,3 +36,21 @@ export { Breadcrumb, BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbL
|
|
|
34
36
|
export type { BreadcrumbProps, BreadcrumbItemEntry, BreadcrumbLinkProps, } from './components/ui/breadcrumb';
|
|
35
37
|
export { Button, buttonVariants, BUTTON_VARIANTS, BUTTON_SIZES, BUTTON_COLORS, } from './components/ui/button';
|
|
36
38
|
export type { ButtonProps, ButtonVariant, ButtonSize, ButtonColor } from './components/ui/button';
|
|
39
|
+
export { Textarea, TEXTAREA_RESIZE } from './components/ui/textarea';
|
|
40
|
+
export type { TextareaProps, TextareaResize } from './components/ui/textarea';
|
|
41
|
+
export { Input, INPUT_SIZES } from './components/ui/input';
|
|
42
|
+
export type { InputProps, InputSize } from './components/ui/input';
|
|
43
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_ORIENTATIONS, } from './components/ui/field';
|
|
44
|
+
export type { FieldErrorProps, FieldLegendProps, FieldLegendVariant, FieldOrientation, FieldProps, } from './components/ui/field';
|
|
45
|
+
export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, } from './components/ui/select';
|
|
46
|
+
export type { KuatSelectProps, SelectContentProps, SelectItemGroup, SelectItemOption, SelectItemProps, SelectItems, SelectLabelProps, SelectLines, SelectProps, SelectSeparatorProps, SelectSize, SelectTriggerProps, SelectValueProps, } from './components/ui/select';
|
|
47
|
+
export { Checkbox, CheckboxField, CHECKBOX_FIELD_APPEARANCES, CHECKBOX_FIELD_LAYOUTS, } from './components/ui/checkbox';
|
|
48
|
+
export type { CheckboxProps, CheckboxFieldAppearance, CheckboxFieldLayout, CheckboxFieldProps, } from './components/ui/checkbox';
|
|
49
|
+
export { RadioGroup, RadioGroupItem, RadioField, RADIO_FIELD_APPEARANCES, RADIO_FIELD_LAYOUTS, } from './components/ui/radio';
|
|
50
|
+
export type { RadioGroupProps, RadioGroupItemProps, RadioFieldAppearance, RadioFieldLayout, RadioFieldProps, } from './components/ui/radio';
|
|
51
|
+
export { Switch, SwitchField, SWITCH_FIELD_APPEARANCES, SWITCH_FIELD_LAYOUTS, } from './components/ui/switch';
|
|
52
|
+
export type { SwitchProps, SwitchFieldAppearance, SwitchFieldLayout, SwitchFieldProps, } from './components/ui/switch';
|
|
53
|
+
export { Toggle, ToggleGroup, ToggleGroupItem, TOGGLE_SIZES, TOGGLE_SKINS, } from './components/ui/toggle';
|
|
54
|
+
export type { ToggleProps, ToggleGroupProps, ToggleGroupItemProps, ToggleSize, ToggleSkin, } from './components/ui/toggle';
|
|
55
|
+
export { Sonner, SonnerContent, SONNER_POSITIONS, toast } from './components/ui/sonner';
|
|
56
|
+
export type { SonnerAnnouncement, SonnerContentAction, SonnerContentProps, SonnerPosition, SonnerProps, SonnerToastOptions, } from './components/ui/sonner';
|