@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.
Files changed (72) hide show
  1. package/README.md +80 -120
  2. package/dist/checkbox-field-Bslh9sHw.js +65 -0
  3. package/dist/checkbox-field.css +1 -0
  4. package/dist/checkbox.d.ts +3 -0
  5. package/dist/checkbox.js +10 -0
  6. package/dist/components/ui/carousel/carousel.d.ts +38 -0
  7. package/dist/components/ui/carousel/index.d.ts +2 -0
  8. package/dist/components/ui/checkbox/checkbox-field.d.ts +23 -0
  9. package/dist/components/ui/checkbox/checkbox.d.ts +5 -0
  10. package/dist/components/ui/checkbox/index.d.ts +4 -0
  11. package/dist/components/ui/field/field.d.ts +28 -0
  12. package/dist/components/ui/field/index.d.ts +2 -0
  13. package/dist/components/ui/input/index.d.ts +2 -0
  14. package/dist/components/ui/input/input.d.ts +20 -0
  15. package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts +9 -25
  16. package/dist/components/ui/radio/index.d.ts +4 -0
  17. package/dist/components/ui/radio/radio-field.d.ts +25 -0
  18. package/dist/components/ui/radio/radio.d.ts +7 -0
  19. package/dist/components/ui/select/constants.d.ts +19 -0
  20. package/dist/components/ui/select/index.d.ts +3 -0
  21. package/dist/components/ui/select/select.d.ts +53 -0
  22. package/dist/components/ui/sonner/index.d.ts +4 -0
  23. package/dist/components/ui/sonner/sonner-content.d.ts +15 -0
  24. package/dist/components/ui/sonner/sonner.d.ts +21 -0
  25. package/dist/components/ui/switch/index.d.ts +4 -0
  26. package/dist/components/ui/switch/switch-field.d.ts +23 -0
  27. package/dist/components/ui/switch/switch.d.ts +5 -0
  28. package/dist/components/ui/textarea/index.d.ts +2 -0
  29. package/dist/components/ui/textarea/textarea.d.ts +9 -0
  30. package/dist/components/ui/toggle/constants.d.ts +4 -0
  31. package/dist/components/ui/toggle/index.d.ts +6 -0
  32. package/dist/components/ui/toggle/toggle-group.d.ts +11 -0
  33. package/dist/components/ui/toggle/toggle.d.ts +9 -0
  34. package/dist/constants-DHz0LWRt.js +49 -0
  35. package/dist/constants.css +1 -0
  36. package/dist/field-DRLopwY4.js +141 -0
  37. package/dist/field.css +1 -0
  38. package/dist/field.d.ts +3 -0
  39. package/dist/field.js +17 -0
  40. package/dist/index.css +1 -1
  41. package/dist/index.d.ts +20 -0
  42. package/dist/index.js +1089 -1020
  43. package/dist/input-2x92vprz.js +43 -0
  44. package/dist/input.css +1 -0
  45. package/dist/input.d.ts +3 -0
  46. package/dist/input.js +8 -0
  47. package/dist/radio-field-G8dvdsLE.js +82 -0
  48. package/dist/radio-field.css +1 -0
  49. package/dist/radio.d.ts +3 -0
  50. package/dist/radio.js +11 -0
  51. package/dist/select-Oz2Zj-L0.js +232 -0
  52. package/dist/select.css +1 -0
  53. package/dist/select.d.ts +3 -0
  54. package/dist/select.js +19 -0
  55. package/dist/sonner-content-B6xwQO7z.js +107 -0
  56. package/dist/sonner-content.css +1 -0
  57. package/dist/sonner.d.ts +1 -0
  58. package/dist/sonner.js +7 -0
  59. package/dist/styles.css +1 -1
  60. package/dist/switch-field-Ce9CiRqk.js +61 -0
  61. package/dist/switch-field.css +1 -0
  62. package/dist/switch.d.ts +1 -0
  63. package/dist/switch.js +7 -0
  64. package/dist/textarea-DiU8h_H0.js +19 -0
  65. package/dist/textarea.css +1 -0
  66. package/dist/textarea.d.ts +3 -0
  67. package/dist/textarea.js +8 -0
  68. package/dist/toggle-group.d.ts +3 -0
  69. package/dist/toggle-group.js +10 -0
  70. package/dist/toggle.d.ts +3 -0
  71. package/dist/toggle.js +9 -0
  72. 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,2 @@
1
+ export { Textarea, TEXTAREA_RESIZE, } from './textarea';
2
+ export type { TextareaProps, TextareaResize } from './textarea';
@@ -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,4 @@
1
+ export declare const TOGGLE_SIZES: readonly ["mini", "small", "regular", "large"];
2
+ export type ToggleSize = (typeof TOGGLE_SIZES)[number];
3
+ export declare const TOGGLE_SKINS: readonly ["outlined", "ghost"];
4
+ export type ToggleSkin = (typeof TOGGLE_SKINS)[number];
@@ -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}
@@ -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';