@equal-experts/kuat-react 0.4.2 → 0.5.0

package/dist/components/ui/select/select.d.ts

@@ -0,0 +1,53 @@
+import { SELECT_LINES, SELECT_SIZES, SelectItems, SelectLines, SelectSize } from './constants';
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: SelectSize;
+    lines?: SelectLines;
+    label?: React.ReactNode;
+    prepend?: React.ReactNode;
+    decoration?: React.ReactNode;
+    invalid?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: SelectSize;
+    maxHeight?: number | string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    prepend?: React.ReactNode;
+    description?: React.ReactNode;
+    decoration?: React.ReactNode;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface KuatSelectProps extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, "children"> {
+    items?: SelectItems;
+    placeholder?: string;
+    size?: SelectSize;
+    lines?: SelectLines;
+    prepend?: React.ReactNode;
+    decoration?: React.ReactNode;
+    label?: React.ReactNode;
+    invalid?: boolean;
+    position?: React.ComponentPropsWithoutRef<typeof SelectContent>["position"];
+    maxHeight?: number | string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    emptyText?: React.ReactNode;
+    children?: React.ReactNode;
+    triggerProps?: Omit<React.ComponentPropsWithoutRef<typeof SelectTrigger>, "children" | "size" | "lines" | "label" | "prepend" | "decoration" | "invalid">;
+}
+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;
+export type SelectProps = React.ComponentPropsWithoutRef<typeof Select>;
+export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectTrigger>;
+export type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectContent>;
+export type SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectLabel>;
+export type SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectSeparator>;
+export type SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectValue>;
+export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, };

package/dist/components/ui/switch/index.d.ts

@@ -0,0 +1,4 @@
+export { Switch } from './switch';
+export type { SwitchProps } from './switch';
+export { SwitchField, SWITCH_FIELD_APPEARANCES, SWITCH_FIELD_LAYOUTS, } from './switch-field';
+export type { SwitchFieldAppearance, SwitchFieldLayout, SwitchFieldProps, } from './switch-field';

package/dist/components/ui/switch/switch-field.d.ts

@@ -0,0 +1,23 @@
+import { Switch } from './switch';
+import * as React from "react";
+export declare const SWITCH_FIELD_APPEARANCES: readonly ["plain", "card"];
+export type SwitchFieldAppearance = (typeof SWITCH_FIELD_APPEARANCES)[number];
+export declare const SWITCH_FIELD_LAYOUTS: readonly ["inline", "block"];
+export type SwitchFieldLayout = (typeof SWITCH_FIELD_LAYOUTS)[number];
+/** @deprecated Prefer composing `Field` + `Switch` for new form layouts. */
+export interface SwitchFieldProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch>, "id" | "children"> {
+    /** Primary label (always shown). */
+    label: React.ReactNode;
+    /** Optional secondary line (12px muted); works for both plain and card. */
+    secondaryText?: React.ReactNode;
+    /** `plain` — no border/padding; `card` — bordered padded container. */
+    appearance?: SwitchFieldAppearance;
+    /** `inline` — compact label; `block` — label row can grow. */
+    layout?: SwitchFieldLayout;
+    /** Place switch on the right of the text block. */
+    flipped?: boolean;
+    id?: string;
+}
+/** @deprecated Prefer composing `Field` + `Switch` for new form layouts. */
+declare const SwitchField: React.ForwardRefExoticComponent<SwitchFieldProps & React.RefAttributes<HTMLButtonElement>>;
+export { SwitchField };

package/dist/components/ui/switch/switch.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type SwitchProps = React.ComponentPropsWithoutRef<typeof Switch>;
+export { Switch };

package/dist/components/ui/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea, TEXTAREA_RESIZE, } from './textarea';
+export type { TextareaProps, TextareaResize } from './textarea';

package/dist/components/ui/textarea/textarea.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export declare const TEXTAREA_RESIZE: readonly ["none", "vertical", "horizontal", "both"];
+export type TextareaResize = (typeof TEXTAREA_RESIZE)[number];
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "resize"> {
+    /** Controls CSS `resize`. Default `vertical`. */
+    resize?: TextareaResize;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/components/ui/toggle/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TOGGLE_SIZES: readonly ["mini", "small", "regular", "large"];
+export type ToggleSize = (typeof TOGGLE_SIZES)[number];
+export declare const TOGGLE_SKINS: readonly ["outlined", "ghost"];
+export type ToggleSkin = (typeof TOGGLE_SKINS)[number];

package/dist/components/ui/toggle/index.d.ts

@@ -0,0 +1,6 @@
+export { Toggle } from './toggle';
+export type { ToggleProps } from './toggle';
+export { ToggleGroup, ToggleGroupItem } from './toggle-group';
+export type { ToggleGroupProps, ToggleGroupItemProps } from './toggle-group';
+export { TOGGLE_SIZES, TOGGLE_SKINS } from './constants';
+export type { ToggleSize, ToggleSkin } from './constants';

package/dist/components/ui/toggle/toggle-group.d.ts

@@ -0,0 +1,11 @@
+import { ToggleSize, ToggleSkin } from './constants';
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+export type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>;
+declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> {
+    size?: ToggleSize;
+    skin?: ToggleSkin;
+}
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle/toggle.d.ts

@@ -0,0 +1,9 @@
+import { ToggleSize, ToggleSkin } from './constants';
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> {
+    size?: ToggleSize;
+    skin?: ToggleSkin;
+}
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle };

package/dist/constants-DHz0LWRt.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import * as i from "@radix-ui/react-toggle";
+import { c as m } from "./utils-DLUjLwnh.js";
+import * as a from "@radix-ui/react-toggle-group";
+const p = s.forwardRef(({ className: e, size: o = "regular", skin: t = "outlined", ...g }, l) => /* @__PURE__ */ r(
+  i.Root,
+  {
+    ref: l,
+    className: m("toggle", `toggle--size-${o}`, `toggle--skin-${t}`, e),
+    "data-slot": "toggle",
+    ...g
+  }
+));
+p.displayName = i.Root.displayName;
+const d = s.forwardRef(({ className: e, orientation: o = "horizontal", ...t }, g) => /* @__PURE__ */ r(
+  a.Root,
+  {
+    ref: g,
+    className: m("toggle-group", `toggle-group--${o}`, e),
+    "data-slot": "toggle-group",
+    orientation: o,
+    ...t
+  }
+));
+d.displayName = a.Root.displayName;
+const u = s.forwardRef(({ className: e, size: o = "regular", skin: t = "outlined", ...g }, l) => /* @__PURE__ */ r(
+  a.Item,
+  {
+    ref: l,
+    className: m(
+      "toggle-group-item",
+      `toggle-group-item--size-${o}`,
+      `toggle-group-item--skin-${t}`,
+      e
+    ),
+    "data-slot": "toggle-group-item",
+    ...g
+  }
+));
+u.displayName = a.Item.displayName;
+const n = ["mini", "small", "regular", "large"], N = ["outlined", "ghost"];
+export {
+  p as T,
+  n as a,
+  N as b,
+  d as c,
+  u as d
+};

package/dist/constants.css

@@ -0,0 +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}

package/dist/field-DRLopwY4.js

@@ -0,0 +1,141 @@
+import { jsx as d, jsxs as F } from "react/jsx-runtime";
+import * as t from "react";
+import { c as i } from "./utils-DLUjLwnh.js";
+function s(l, e) {
+  const a = l["data-slot"];
+  return typeof a == "string" ? a : e;
+}
+const E = ["responsive", "vertical", "horizontal"], g = t.forwardRef(
+  ({ className: l, orientation: e = "responsive", ...a }, r) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: r,
+      className: i("field", `field--orientation-${e}`, l),
+      "data-slot": s(a, "field"),
+      ...a
+    }
+  )
+);
+g.displayName = "Field";
+const p = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "fieldset",
+  {
+    ref: a,
+    className: i("field-set", l),
+    "data-slot": s(e, "field-set"),
+    ...e
+  }
+));
+p.displayName = "FieldSet";
+const y = t.forwardRef(
+  ({ className: l, variant: e = "legend", ...a }, r) => /* @__PURE__ */ d(
+    "legend",
+    {
+      ref: r,
+      className: i("field-legend", `field-legend--${e}`, l),
+      "data-slot": s(a, "field-legend"),
+      ...a
+    }
+  )
+);
+y.displayName = "FieldLegend";
+const R = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    className: i("field-group", l),
+    "data-slot": s(e, "field-group"),
+    ...e
+  }
+));
+R.displayName = "FieldGroup";
+const w = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "label",
+  {
+    ref: a,
+    className: i("field-label", l),
+    "data-slot": s(e, "field-label"),
+    ...e
+  }
+));
+w.displayName = "FieldLabel";
+const u = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    className: i("field-content", l),
+    "data-slot": s(e, "field-content"),
+    ...e
+  }
+));
+u.displayName = "FieldContent";
+const v = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    className: i("field-title", l),
+    "data-slot": s(e, "field-title"),
+    ...e
+  }
+));
+v.displayName = "FieldTitle";
+const b = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "p",
+  {
+    ref: a,
+    className: i("field-description", l),
+    "data-slot": s(e, "field-description"),
+    ...e
+  }
+));
+b.displayName = "FieldDescription";
+const L = t.forwardRef(({ className: l, ...e }, a) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: a,
+    role: "separator",
+    className: i("field-separator", l),
+    "data-slot": s(e, "field-separator"),
+    ...e
+  }
+));
+L.displayName = "FieldSeparator";
+const S = t.forwardRef(
+  ({ className: l, children: e, errors: a, issues: r, ...c }, N) => {
+    const n = [
+      ...Array.isArray(a) ? a : a ? [a] : [],
+      ...r ?? []
+    ].map((o) => {
+      var m;
+      return (m = o == null ? void 0 : o.message) == null ? void 0 : m.trim();
+    }).filter((o) => !!o), f = n.length;
+    return !e && f === 0 ? null : /* @__PURE__ */ F(
+      "div",
+      {
+        ref: N,
+        className: i("field-error", l),
+        "data-slot": s(c, "field-error"),
+        ...c,
+        children: [
+          e,
+          !e && f === 1 ? /* @__PURE__ */ d("span", { children: n[0] }) : null,
+          !e && f > 1 ? /* @__PURE__ */ d("ul", { className: "field-error__list", children: n.map((o) => /* @__PURE__ */ d("li", { children: o }, o)) }) : null
+        ]
+      }
+    );
+  }
+);
+S.displayName = "FieldError";
+export {
+  g as F,
+  u as a,
+  b,
+  S as c,
+  R as d,
+  w as e,
+  y as f,
+  L as g,
+  p as h,
+  v as i,
+  E as j
+};

package/dist/field.css

@@ -0,0 +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

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_ORIENTATIONS, } from './components/ui/field';
+export type { FieldErrorProps, FieldLegendProps, FieldLegendVariant, FieldOrientation, FieldProps, } from './components/ui/field';

package/dist/field.js

@@ -0,0 +1,17 @@
+import { c as s } from "./utils-DLUjLwnh.js";
+/* empty css                */
+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";
+export {
+  l as FIELD_ORIENTATIONS,
+  r as Field,
+  F as FieldContent,
+  o as FieldDescription,
+  t as FieldError,
+  p as FieldGroup,
+  n as FieldLabel,
+  c as FieldLegend,
+  f as FieldSeparator,
+  m as FieldSet,
+  E as FieldTitle,
+  s as cn
+};

package/dist/index.d.ts

@@ -34,3 +34,19 @@ export { Breadcrumb, BreadcrumbRoot, BreadcrumbList, BreadcrumbItem, BreadcrumbL
 export type { BreadcrumbProps, BreadcrumbItemEntry, BreadcrumbLinkProps, } from './components/ui/breadcrumb';
 export { Button, buttonVariants, BUTTON_VARIANTS, BUTTON_SIZES, BUTTON_COLORS, } from './components/ui/button';
 export type { ButtonProps, ButtonVariant, ButtonSize, ButtonColor } from './components/ui/button';
+export { Textarea, TEXTAREA_RESIZE } from './components/ui/textarea';
+export type { TextareaProps, TextareaResize } from './components/ui/textarea';
+export { Input, INPUT_SIZES } from './components/ui/input';
+export type { InputProps, InputSize } from './components/ui/input';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FIELD_ORIENTATIONS, } from './components/ui/field';
+export type { FieldErrorProps, FieldLegendProps, FieldLegendVariant, FieldOrientation, FieldProps, } from './components/ui/field';
+export { KuatSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SELECT_LINES, SELECT_SIZES, } from './components/ui/select';
+export type { KuatSelectProps, SelectContentProps, SelectItemGroup, SelectItemOption, SelectItemProps, SelectItems, SelectLabelProps, SelectLines, SelectProps, SelectSeparatorProps, SelectSize, SelectTriggerProps, SelectValueProps, } from './components/ui/select';
+export { Checkbox, CheckboxField, CHECKBOX_FIELD_APPEARANCES, CHECKBOX_FIELD_LAYOUTS, } from './components/ui/checkbox';
+export type { CheckboxProps, CheckboxFieldAppearance, CheckboxFieldLayout, CheckboxFieldProps, } from './components/ui/checkbox';
+export { RadioGroup, RadioGroupItem, RadioField, RADIO_FIELD_APPEARANCES, RADIO_FIELD_LAYOUTS, } from './components/ui/radio';
+export type { RadioGroupProps, RadioGroupItemProps, RadioFieldAppearance, RadioFieldLayout, RadioFieldProps, } from './components/ui/radio';
+export { Switch, SwitchField, SWITCH_FIELD_APPEARANCES, SWITCH_FIELD_LAYOUTS, } from './components/ui/switch';
+export type { SwitchProps, SwitchFieldAppearance, SwitchFieldLayout, SwitchFieldProps, } from './components/ui/switch';
+export { Toggle, ToggleGroup, ToggleGroupItem, TOGGLE_SIZES, TOGGLE_SKINS, } from './components/ui/toggle';
+export type { ToggleProps, ToggleGroupProps, ToggleGroupItemProps, ToggleSize, ToggleSkin, } from './components/ui/toggle';