@lglab/compose-ui 0.24.0 → 0.25.0

package/dist/checkbox-group.d.ts

@@ -0,0 +1,12 @@
+import { CheckboxGroup } from '@base-ui/react/checkbox-group';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const CheckboxGroupRoot: {
+    ({ className, ...props }: CheckboxGroupRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CheckboxGroupRootProps = React_2.ComponentProps<typeof CheckboxGroup>;
+
+export { }

package/dist/checkbox-group.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { CheckboxGroup as t } from "@base-ui/react/checkbox-group";
+import { c } from "./utils-B6yFEsav.js";
+const m = ({ className: o, ...r }) => /* @__PURE__ */ e(
+  t,
+  {
+    className: c("flex flex-col items-start gap-2", o),
+    ...r
+  }
+);
+m.displayName = "CheckboxGroupRoot";
+export {
+  m as CheckboxGroupRoot
+};

package/dist/checkbox.d.ts

@@ -0,0 +1,19 @@
+import { Checkbox } from '@base-ui/react/checkbox';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const CheckboxIndicator: {
+    ({ className, children, ...props }: CheckboxIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CheckboxIndicatorProps = React_2.ComponentProps<typeof Checkbox.Indicator>;
+
+export declare const CheckboxRoot: {
+    ({ className, ...props }: CheckboxRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CheckboxRootProps = React_2.ComponentProps<typeof Checkbox.Root>;
+
+export { }

package/dist/checkbox.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Checkbox as a } from "@base-ui/react/checkbox";
+import { c as o } from "./utils-B6yFEsav.js";
+const d = ({ className: e, ...r }) => /* @__PURE__ */ t(
+  a.Root,
+  {
+    className: o(
+      "flex size-5 items-center justify-center rounded-sm border border-input bg-transparent",
+      "transition-colors duration-150",
+      "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+      "data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
+      "data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground",
+      "data-disabled:cursor-not-allowed data-disabled:opacity-50",
+      e
+    ),
+    ...r
+  }
+);
+d.displayName = "CheckboxRoot";
+const n = ({ className: e, children: r, ...i }) => /* @__PURE__ */ t(
+  a.Indicator,
+  {
+    className: o("flex items-center justify-center data-unchecked:hidden", e),
+    ...i,
+    children: r
+  }
+);
+n.displayName = "CheckboxIndicator";
+export {
+  n as CheckboxIndicator,
+  d as CheckboxRoot
+};

package/dist/field.d.ts

@@ -0,0 +1,54 @@
+import { Field } from '@base-ui/react/field';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const FieldControl: {
+    ({ className, ...props }: FieldControlProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldControlProps = React_2.ComponentProps<typeof Field.Control>;
+
+export declare const FieldDescription: {
+    ({ className, ...props }: FieldDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldDescriptionProps = React_2.ComponentProps<typeof Field.Description>;
+
+export declare const FieldError: {
+    ({ className, ...props }: FieldErrorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldErrorProps = React_2.ComponentProps<typeof Field.Error>;
+
+export declare const FieldItem: {
+    ({ className, ...props }: FieldItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldItemProps = React_2.ComponentProps<typeof Field.Item>;
+
+export declare const FieldLabel: {
+    ({ className, ...props }: FieldLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldLabelProps = React_2.ComponentProps<typeof Field.Label>;
+
+export declare const FieldRoot: {
+    ({ className, ...props }: FieldRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldRootProps = React_2.ComponentProps<typeof Field.Root>;
+
+export declare const FieldValidity: {
+    (props: FieldValidityProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldValidityProps = React_2.ComponentProps<typeof Field.Validity>;
+
+export { }

package/dist/field.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { Field as i } from "@base-ui/react/field";
+import { f as a, l as r, i as o, d, e as m, a as n } from "./form-variants-D4ge0qav.js";
+import { c as t } from "./utils-B6yFEsav.js";
+const c = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Root, { className: t(a, e), ...l });
+c.displayName = "FieldRoot";
+const p = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Label, { className: t(r, e), ...l });
+p.displayName = "FieldLabel";
+const y = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Control, { className: t(o, e), ...l });
+y.displayName = "FieldControl";
+const F = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Description, { className: t(d, e), ...l });
+F.displayName = "FieldDescription";
+const N = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Error, { className: t(m, e), ...l });
+N.displayName = "FieldError";
+const u = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Item, { className: t(n, e), ...l });
+u.displayName = "FieldItem";
+const f = (e) => /* @__PURE__ */ s(i.Validity, { ...e });
+f.displayName = "FieldValidity";
+export {
+  y as FieldControl,
+  F as FieldDescription,
+  N as FieldError,
+  u as FieldItem,
+  p as FieldLabel,
+  c as FieldRoot,
+  f as FieldValidity
+};

package/dist/fieldset.d.ts

@@ -0,0 +1,19 @@
+import { Fieldset } from '@base-ui/react/fieldset';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const FieldsetLegend: {
+    ({ className, ...props }: FieldsetLegendProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldsetLegendProps = React_2.ComponentProps<typeof Fieldset.Legend>;
+
+export declare const FieldsetRoot: {
+    ({ className, ...props }: FieldsetRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldsetRootProps = React_2.ComponentProps<typeof Fieldset.Root>;
+
+export { }

package/dist/fieldset.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { Fieldset as o } from "@base-ui/react/fieldset";
+import { l as r } from "./form-variants-D4ge0qav.js";
+import { c as l } from "./utils-B6yFEsav.js";
+const a = ({ className: e, ...t }) => /* @__PURE__ */ s(
+  o.Root,
+  {
+    className: l("flex flex-col items-start gap-2", e),
+    ...t
+  }
+);
+a.displayName = "FieldsetRoot";
+const i = ({ className: e, ...t }) => /* @__PURE__ */ s(o.Legend, { className: l(r, e), ...t });
+i.displayName = "FieldsetLegend";
+export {
+  i as FieldsetLegend,
+  a as FieldsetRoot
+};

package/dist/form-variants-D4ge0qav.js

@@ -0,0 +1,9 @@
+const e = "flex w-full rounded-md text-sm h-9 px-3 bg-transparent text-foreground border border-input transition-colors duration-200 placeholder:text-muted-foreground aria-invalid:border-destructive aria-invalid:ring-destructive/20", t = "flex items-center gap-2 text-sm font-medium text-foreground data-disabled:opacity-50", r = "text-sm text-muted-foreground", s = "text-sm text-destructive", o = "flex flex-col gap-1.5", a = "flex items-center gap-2";
+export {
+  a,
+  r as d,
+  s as e,
+  o as f,
+  e as i,
+  t as l
+};

package/dist/form.d.ts

@@ -0,0 +1,12 @@
+import { Form } from '@base-ui/react/form';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const FormRoot: {
+    ({ className, ...props }: FormRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FormRootProps = React_2.ComponentProps<typeof Form>;
+
+export { }

package/dist/form.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { Form as t } from "@base-ui/react/form";
+import { c as e } from "./utils-B6yFEsav.js";
+const s = ({ className: o, ...r }) => /* @__PURE__ */ m(t, { className: e("flex flex-col gap-4", o), ...r });
+s.displayName = "FormRoot";
+export {
+  s as FormRoot
+};

package/dist/index.d.ts

@@ -2,10 +2,16 @@ import { Accordion } from '@base-ui/react/accordion';
 import { AlertDialog } from '@base-ui/react/alert-dialog';
 import { Avatar } from '@base-ui/react/avatar';
 import { Button as Button_2 } from '@base-ui/react/button';
+import { Checkbox } from '@base-ui/react/checkbox';
+import { CheckboxGroup } from '@base-ui/react/checkbox-group';
 import { ClassProp } from 'class-variance-authority/types';
 import { Collapsible } from '@base-ui/react/collapsible';
 import { ContextMenu } from '@base-ui/react/context-menu';
 import { Dialog } from '@base-ui/react/dialog';
+import { Field } from '@base-ui/react/field';
+import { Fieldset } from '@base-ui/react/fieldset';
+import { Form } from '@base-ui/react/form';
+import { Input as Input_2 } from '@base-ui/react/input';
 import { JSX } from 'react/jsx-runtime';
 import { Menu } from '@base-ui/react/menu';
 import { Menubar } from '@base-ui/react/menubar';
@@ -286,6 +292,27 @@ declare const cardVariants: (props?: ({
     variant?: "default" | "outline" | "elevated" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const CheckboxGroupRoot: {
+    ({ className, ...props }: CheckboxGroupRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CheckboxGroupRootProps = React_2.ComponentProps<typeof CheckboxGroup>;
+
+export declare const CheckboxIndicator: {
+    ({ className, children, ...props }: CheckboxIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CheckboxIndicatorProps = React_2.ComponentProps<typeof Checkbox.Indicator>;
+
+export declare const CheckboxRoot: {
+    ({ className, ...props }: CheckboxRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type CheckboxRootProps = React_2.ComponentProps<typeof Checkbox.Root>;
+
 export declare const CollapsiblePanel: {
     ({ className, ...props }: CollapsiblePanelProps): JSX.Element;
     displayName: string;
@@ -617,8 +644,85 @@ export declare type DrawerTriggerProps = React_2.ComponentProps<typeof Dialog.Tr
     size?: ButtonSize;
 };
 
+export declare const FieldControl: {
+    ({ className, ...props }: FieldControlProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldControlProps = React_2.ComponentProps<typeof Field.Control>;
+
+export declare const FieldDescription: {
+    ({ className, ...props }: FieldDescriptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldDescriptionProps = React_2.ComponentProps<typeof Field.Description>;
+
+export declare const FieldError: {
+    ({ className, ...props }: FieldErrorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldErrorProps = React_2.ComponentProps<typeof Field.Error>;
+
+export declare const FieldItem: {
+    ({ className, ...props }: FieldItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldItemProps = React_2.ComponentProps<typeof Field.Item>;
+
+export declare const FieldLabel: {
+    ({ className, ...props }: FieldLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldLabelProps = React_2.ComponentProps<typeof Field.Label>;
+
+export declare const FieldRoot: {
+    ({ className, ...props }: FieldRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldRootProps = React_2.ComponentProps<typeof Field.Root>;
+
+export declare const FieldsetLegend: {
+    ({ className, ...props }: FieldsetLegendProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldsetLegendProps = React_2.ComponentProps<typeof Fieldset.Legend>;
+
+export declare const FieldsetRoot: {
+    ({ className, ...props }: FieldsetRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldsetRootProps = React_2.ComponentProps<typeof Fieldset.Root>;
+
+export declare const FieldValidity: {
+    (props: FieldValidityProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FieldValidityProps = React_2.ComponentProps<typeof Field.Validity>;
+
+export declare const FormRoot: {
+    ({ className, ...props }: FormRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type FormRootProps = React_2.ComponentProps<typeof Form>;
+
 declare type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
+export declare const Input: {
+    ({ className, ...props }: InputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type InputProps = React_2.ComponentProps<typeof Input_2>;
+
 export declare const MenuArrow: {
     ({ className, ...props }: MenuArrowProps): JSX.Element;
     displayName: string;
@@ -1336,6 +1440,13 @@ export declare type TabsTabProps = React_2.ComponentProps<typeof Tabs.Tab> & {
     size?: 'sm' | 'default' | 'lg';
 };
 
+export declare const Textarea: {
+    ({ className, ...props }: TextareaProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TextareaProps = React_2.ComponentProps<'textarea'>;
+
 export { Toast }
 
 export declare const ToastAction: {

package/dist/index.js

@@ -1,220 +1,242 @@
 import { Button as r } from "./button.js";
-import { CollapsiblePanel as a, CollapsibleRoot as i, CollapsibleTrigger as n } from "./collapsible.js";
-import { AlertDialogBackdrop as l, AlertDialogClose as p, AlertDialogDescription as M, AlertDialogPopup as g, AlertDialogPortal as d, AlertDialogRoot as m, AlertDialogTitle as b, AlertDialogTrigger as c, AlertDialogViewport as C } from "./alert-dialog.js";
-import { AlertDialog as x } from "@base-ui/react/alert-dialog";
-import { AvatarFallback as s, AvatarImage as v, AvatarRoot as D, AvatarStack as R } from "./avatar.js";
-import { ScrollAreaContent as A, ScrollAreaCorner as w, ScrollAreaRoot as f, ScrollAreaScrollbar as S, ScrollAreaThumb as k, ScrollAreaViewport as h } from "./scroll-area.js";
-import { Separator as N } from "./separator.js";
-import { SwitchRoot as V, SwitchThumb as B } from "./switch.js";
-import { Toggle as H } from "./toggle.js";
-import { TabsIndicator as q, TabsList as y, TabsPanel as z, TabsRoot as E, TabsTab as J } from "./tabs.js";
-import { ToastAction as O, ToastClose as Q, ToastContent as U, ToastDescription as W, ToastPositioner as X, ToastProvider as Y, ToastRoot as Z, ToastTitle as _, ToastViewport as $ } from "./toast.js";
-import { DialogBackdrop as eo, DialogClose as ro, DialogDescription as to, DialogFooter as ao, DialogHeader as io, DialogPopup as no, DialogPortal as uo, DialogRoot as lo, DialogTitle as po, DialogTrigger as Mo } from "./dialog.js";
-import { DrawerBackdrop as mo, DrawerClose as bo, DrawerContent as co, DrawerDescription as Co, DrawerFooter as Po, DrawerHeader as xo, DrawerPopup as To, DrawerPortal as so, DrawerRoot as vo, DrawerTitle as Do, DrawerTrigger as Ro } from "./drawer.js";
-import { AccordionHeader as Ao, AccordionItem as wo, AccordionPanel as fo, AccordionRoot as So, AccordionTrigger as ko } from "./accordion.js";
-import { MeterIndicator as Lo, MeterLabel as No, MeterRoot as Go, MeterTrack as Vo, MeterValue as Bo } from "./meter.js";
-import { NavigationMenuArrow as Ho, NavigationMenuBackdrop as jo, NavigationMenuContent as qo, NavigationMenuIcon as yo, NavigationMenuItem as zo, NavigationMenuLink as Eo, NavigationMenuList as Jo, NavigationMenuPopup as Ko, NavigationMenuPortal as Oo, NavigationMenuPositioner as Qo, NavigationMenuRoot as Uo, NavigationMenuTrigger as Wo, NavigationMenuViewport as Xo } from "./navigation-menu.js";
-import { MenuArrow as Zo, MenuCheckboxItem as _o, MenuCheckboxItemIndicator as $o, MenuCheckboxItemLabel as oe, MenuGroup as ee, MenuGroupLabel as re, MenuItem as te, MenuPopup as ae, MenuPortal as ie, MenuPositioner as ne, MenuRadioGroup as ue, MenuRadioItem as le, MenuRadioItemIndicator as pe, MenuRadioItemLabel as Me, MenuRoot as ge, MenuSeparator as de, MenuSubmenuRoot as me, MenuSubmenuTrigger as be, MenuTrigger as ce } from "./menu.js";
-import { PopoverArrow as Pe, PopoverBackdrop as xe, PopoverClose as Te, PopoverDescription as se, PopoverPopup as ve, PopoverPortal as De, PopoverPositioner as Re, PopoverRoot as Ie, PopoverTitle as Ae, PopoverTrigger as we, PopoverViewport as fe } from "./popover.js";
-import { ProgressIndicator as ke, ProgressLabel as he, ProgressRoot as Le, ProgressTrack as Ne, ProgressValue as Ge } from "./progress.js";
-import { ToggleGroupItem as Be, ToggleGroupRoot as Fe } from "./toggle-group.js";
-import { CardContent as je, CardDescription as qe, CardFooter as ye, CardHeader as ze, CardMedia as Ee, CardRoot as Je, CardSection as Ke, CardTitle as Oe } from "./card.js";
-import { ContextMenuArrow as Ue, ContextMenuCheckboxItem as We, ContextMenuCheckboxItemIndicator as Xe, ContextMenuCheckboxItemLabel as Ye, ContextMenuGroup as Ze, ContextMenuGroupLabel as _e, ContextMenuItem as $e, ContextMenuPopup as or, ContextMenuPortal as er, ContextMenuPositioner as rr, ContextMenuRadioGroup as tr, ContextMenuRadioItem as ar, ContextMenuRadioItemIndicator as ir, ContextMenuRadioItemLabel as nr, ContextMenuRoot as ur, ContextMenuSeparator as lr, ContextMenuSubmenuRoot as pr, ContextMenuSubmenuTrigger as Mr, ContextMenuTrigger as gr } from "./context-menu.js";
-import { MenubarArrow as mr, MenubarCheckboxItem as br, MenubarCheckboxItemIndicator as cr, MenubarCheckboxItemLabel as Cr, MenubarGroup as Pr, MenubarGroupLabel as xr, MenubarItem as Tr, MenubarMenu as sr, MenubarPopup as vr, MenubarPortal as Dr, MenubarPositioner as Rr, MenubarRadioGroup as Ir, MenubarRadioItem as Ar, MenubarRadioItemIndicator as wr, MenubarRadioItemLabel as fr, MenubarRoot as Sr, MenubarSeparator as kr, MenubarSubmenuRoot as hr, MenubarSubmenuTrigger as Lr, MenubarTrigger as Nr } from "./menubar.js";
-import { SliderControl as Vr, SliderIndicator as Br, SliderRoot as Fr, SliderThumb as Hr, SliderTrack as jr, SliderValue as qr } from "./slider.js";
-import { TooltipArrow as zr, TooltipPopup as Er, TooltipPortal as Jr, TooltipPositioner as Kr, TooltipProvider as Or, TooltipRoot as Qr, TooltipTrigger as Ur } from "./tooltip.js";
-import { PreviewCardArrow as Xr, PreviewCardBackdrop as Yr, PreviewCardPopup as Zr, PreviewCardPortal as _r, PreviewCardPositioner as $r, PreviewCardRoot as ot, PreviewCardTrigger as et } from "./preview-card.js";
-import { Toast as tt } from "@base-ui/react/toast";
+import { CheckboxIndicator as a, CheckboxRoot as i } from "./checkbox.js";
+import { CheckboxGroupRoot as l } from "./checkbox-group.js";
+import { CollapsiblePanel as p, CollapsibleRoot as M, CollapsibleTrigger as g } from "./collapsible.js";
+import { AlertDialogBackdrop as m, AlertDialogClose as x, AlertDialogDescription as b, AlertDialogPopup as c, AlertDialogPortal as C, AlertDialogRoot as P, AlertDialogTitle as T, AlertDialogTrigger as s, AlertDialogViewport as R } from "./alert-dialog.js";
+import { AlertDialog as D } from "@base-ui/react/alert-dialog";
+import { AvatarFallback as f, AvatarImage as A, AvatarRoot as w, AvatarStack as S } from "./avatar.js";
+import { ScrollAreaContent as h, ScrollAreaCorner as L, ScrollAreaRoot as F, ScrollAreaScrollbar as N, ScrollAreaThumb as G, ScrollAreaViewport as V } from "./scroll-area.js";
+import { Separator as H } from "./separator.js";
+import { SwitchRoot as E, SwitchThumb as j } from "./switch.js";
+import { Toggle as z } from "./toggle.js";
+import { TabsIndicator as K, TabsList as O, TabsPanel as Q, TabsRoot as U, TabsTab as W } from "./tabs.js";
+import { ToastAction as Y, ToastClose as Z, ToastContent as _, ToastDescription as $, ToastPositioner as oo, ToastProvider as eo, ToastRoot as ro, ToastTitle as to, ToastViewport as ao } from "./toast.js";
+import { DialogBackdrop as no, DialogClose as lo, DialogDescription as uo, DialogFooter as po, DialogHeader as Mo, DialogPopup as go, DialogPortal as mo, DialogRoot as xo, DialogTitle as bo, DialogTrigger as co } from "./dialog.js";
+import { DrawerBackdrop as Po, DrawerClose as To, DrawerContent as so, DrawerDescription as Ro, DrawerFooter as Io, DrawerHeader as Do, DrawerPopup as vo, DrawerPortal as fo, DrawerRoot as Ao, DrawerTitle as wo, DrawerTrigger as So } from "./drawer.js";
+import { Input as ho } from "./input.js";
+import { Textarea as Fo } from "./textarea.js";
+import { FieldControl as Go, FieldDescription as Vo, FieldError as Bo, FieldItem as Ho, FieldLabel as yo, FieldRoot as Eo, FieldValidity as jo } from "./field.js";
+import { FieldsetLegend as zo, FieldsetRoot as Jo } from "./fieldset.js";
+import { FormRoot as Oo } from "./form.js";
+import { AccordionHeader as Uo, AccordionItem as Wo, AccordionPanel as Xo, AccordionRoot as Yo, AccordionTrigger as Zo } from "./accordion.js";
+import { MeterIndicator as $o, MeterLabel as oe, MeterRoot as ee, MeterTrack as re, MeterValue as te } from "./meter.js";
+import { NavigationMenuArrow as ie, NavigationMenuBackdrop as ne, NavigationMenuContent as le, NavigationMenuIcon as ue, NavigationMenuItem as pe, NavigationMenuLink as Me, NavigationMenuList as ge, NavigationMenuPopup as de, NavigationMenuPortal as me, NavigationMenuPositioner as xe, NavigationMenuRoot as be, NavigationMenuTrigger as ce, NavigationMenuViewport as Ce } from "./navigation-menu.js";
+import { MenuArrow as Te, MenuCheckboxItem as se, MenuCheckboxItemIndicator as Re, MenuCheckboxItemLabel as Ie, MenuGroup as De, MenuGroupLabel as ve, MenuItem as fe, MenuPopup as Ae, MenuPortal as we, MenuPositioner as Se, MenuRadioGroup as ke, MenuRadioItem as he, MenuRadioItemIndicator as Le, MenuRadioItemLabel as Fe, MenuRoot as Ne, MenuSeparator as Ge, MenuSubmenuRoot as Ve, MenuSubmenuTrigger as Be, MenuTrigger as He } from "./menu.js";
+import { PopoverArrow as Ee, PopoverBackdrop as je, PopoverClose as qe, PopoverDescription as ze, PopoverPopup as Je, PopoverPortal as Ke, PopoverPositioner as Oe, PopoverRoot as Qe, PopoverTitle as Ue, PopoverTrigger as We, PopoverViewport as Xe } from "./popover.js";
+import { ProgressIndicator as Ze, ProgressLabel as _e, ProgressRoot as $e, ProgressTrack as or, ProgressValue as er } from "./progress.js";
+import { ToggleGroupItem as tr, ToggleGroupRoot as ar } from "./toggle-group.js";
+import { CardContent as nr, CardDescription as lr, CardFooter as ur, CardHeader as pr, CardMedia as Mr, CardRoot as gr, CardSection as dr, CardTitle as mr } from "./card.js";
+import { ContextMenuArrow as br, ContextMenuCheckboxItem as cr, ContextMenuCheckboxItemIndicator as Cr, ContextMenuCheckboxItemLabel as Pr, ContextMenuGroup as Tr, ContextMenuGroupLabel as sr, ContextMenuItem as Rr, ContextMenuPopup as Ir, ContextMenuPortal as Dr, ContextMenuPositioner as vr, ContextMenuRadioGroup as fr, ContextMenuRadioItem as Ar, ContextMenuRadioItemIndicator as wr, ContextMenuRadioItemLabel as Sr, ContextMenuRoot as kr, ContextMenuSeparator as hr, ContextMenuSubmenuRoot as Lr, ContextMenuSubmenuTrigger as Fr, ContextMenuTrigger as Nr } from "./context-menu.js";
+import { MenubarArrow as Vr, MenubarCheckboxItem as Br, MenubarCheckboxItemIndicator as Hr, MenubarCheckboxItemLabel as yr, MenubarGroup as Er, MenubarGroupLabel as jr, MenubarItem as qr, MenubarMenu as zr, MenubarPopup as Jr, MenubarPortal as Kr, MenubarPositioner as Or, MenubarRadioGroup as Qr, MenubarRadioItem as Ur, MenubarRadioItemIndicator as Wr, MenubarRadioItemLabel as Xr, MenubarRoot as Yr, MenubarSeparator as Zr, MenubarSubmenuRoot as _r, MenubarSubmenuTrigger as $r, MenubarTrigger as ot } from "./menubar.js";
+import { SliderControl as rt, SliderIndicator as tt, SliderRoot as at, SliderThumb as it, SliderTrack as nt, SliderValue as lt } from "./slider.js";
+import { TooltipArrow as pt, TooltipPopup as Mt, TooltipPortal as gt, TooltipPositioner as dt, TooltipProvider as mt, TooltipRoot as xt, TooltipTrigger as bt } from "./tooltip.js";
+import { PreviewCardArrow as Ct, PreviewCardBackdrop as Pt, PreviewCardPopup as Tt, PreviewCardPortal as st, PreviewCardPositioner as Rt, PreviewCardRoot as It, PreviewCardTrigger as Dt } from "./preview-card.js";
+import { Toast as ft } from "@base-ui/react/toast";
 export {
-  Ao as AccordionHeader,
-  wo as AccordionItem,
-  fo as AccordionPanel,
-  So as AccordionRoot,
-  ko as AccordionTrigger,
-  x as AlertDialog,
-  l as AlertDialogBackdrop,
-  p as AlertDialogClose,
-  M as AlertDialogDescription,
-  g as AlertDialogPopup,
-  d as AlertDialogPortal,
-  m as AlertDialogRoot,
-  b as AlertDialogTitle,
-  c as AlertDialogTrigger,
-  C as AlertDialogViewport,
-  s as AvatarFallback,
-  v as AvatarImage,
-  D as AvatarRoot,
-  R as AvatarStack,
+  Uo as AccordionHeader,
+  Wo as AccordionItem,
+  Xo as AccordionPanel,
+  Yo as AccordionRoot,
+  Zo as AccordionTrigger,
+  D as AlertDialog,
+  m as AlertDialogBackdrop,
+  x as AlertDialogClose,
+  b as AlertDialogDescription,
+  c as AlertDialogPopup,
+  C as AlertDialogPortal,
+  P as AlertDialogRoot,
+  T as AlertDialogTitle,
+  s as AlertDialogTrigger,
+  R as AlertDialogViewport,
+  f as AvatarFallback,
+  A as AvatarImage,
+  w as AvatarRoot,
+  S as AvatarStack,
   r as Button,
-  je as CardContent,
-  qe as CardDescription,
-  ye as CardFooter,
-  ze as CardHeader,
-  Ee as CardMedia,
-  Je as CardRoot,
-  Ke as CardSection,
-  Oe as CardTitle,
-  a as CollapsiblePanel,
-  i as CollapsibleRoot,
-  n as CollapsibleTrigger,
-  Ue as ContextMenuArrow,
-  We as ContextMenuCheckboxItem,
-  Xe as ContextMenuCheckboxItemIndicator,
-  Ye as ContextMenuCheckboxItemLabel,
-  Ze as ContextMenuGroup,
-  _e as ContextMenuGroupLabel,
-  $e as ContextMenuItem,
-  or as ContextMenuPopup,
-  er as ContextMenuPortal,
-  rr as ContextMenuPositioner,
-  tr as ContextMenuRadioGroup,
-  ar as ContextMenuRadioItem,
-  ir as ContextMenuRadioItemIndicator,
-  nr as ContextMenuRadioItemLabel,
-  ur as ContextMenuRoot,
-  lr as ContextMenuSeparator,
-  pr as ContextMenuSubmenuRoot,
-  Mr as ContextMenuSubmenuTrigger,
-  gr as ContextMenuTrigger,
-  eo as DialogBackdrop,
-  ro as DialogClose,
-  to as DialogDescription,
-  ao as DialogFooter,
-  io as DialogHeader,
-  no as DialogPopup,
-  uo as DialogPortal,
-  lo as DialogRoot,
-  po as DialogTitle,
-  Mo as DialogTrigger,
-  mo as DrawerBackdrop,
-  bo as DrawerClose,
-  co as DrawerContent,
-  Co as DrawerDescription,
-  Po as DrawerFooter,
-  xo as DrawerHeader,
-  To as DrawerPopup,
-  so as DrawerPortal,
-  vo as DrawerRoot,
-  Do as DrawerTitle,
-  Ro as DrawerTrigger,
-  Zo as MenuArrow,
-  _o as MenuCheckboxItem,
-  $o as MenuCheckboxItemIndicator,
-  oe as MenuCheckboxItemLabel,
-  ee as MenuGroup,
-  re as MenuGroupLabel,
-  te as MenuItem,
-  ae as MenuPopup,
-  ie as MenuPortal,
-  ne as MenuPositioner,
-  ue as MenuRadioGroup,
-  le as MenuRadioItem,
-  pe as MenuRadioItemIndicator,
-  Me as MenuRadioItemLabel,
-  ge as MenuRoot,
-  de as MenuSeparator,
-  me as MenuSubmenuRoot,
-  be as MenuSubmenuTrigger,
-  ce as MenuTrigger,
-  mr as MenubarArrow,
-  br as MenubarCheckboxItem,
-  cr as MenubarCheckboxItemIndicator,
-  Cr as MenubarCheckboxItemLabel,
-  Pr as MenubarGroup,
-  xr as MenubarGroupLabel,
-  Tr as MenubarItem,
-  sr as MenubarMenu,
-  vr as MenubarPopup,
-  Dr as MenubarPortal,
-  Rr as MenubarPositioner,
-  Ir as MenubarRadioGroup,
-  Ar as MenubarRadioItem,
-  wr as MenubarRadioItemIndicator,
-  fr as MenubarRadioItemLabel,
-  Sr as MenubarRoot,
-  kr as MenubarSeparator,
-  hr as MenubarSubmenuRoot,
-  Lr as MenubarSubmenuTrigger,
-  Nr as MenubarTrigger,
-  Lo as MeterIndicator,
-  No as MeterLabel,
-  Go as MeterRoot,
-  Vo as MeterTrack,
-  Bo as MeterValue,
-  Ho as NavigationMenuArrow,
-  jo as NavigationMenuBackdrop,
-  qo as NavigationMenuContent,
-  yo as NavigationMenuIcon,
-  zo as NavigationMenuItem,
-  Eo as NavigationMenuLink,
-  Jo as NavigationMenuList,
-  Ko as NavigationMenuPopup,
-  Oo as NavigationMenuPortal,
-  Qo as NavigationMenuPositioner,
-  Uo as NavigationMenuRoot,
-  Wo as NavigationMenuTrigger,
-  Xo as NavigationMenuViewport,
-  Pe as PopoverArrow,
-  xe as PopoverBackdrop,
-  Te as PopoverClose,
-  se as PopoverDescription,
-  ve as PopoverPopup,
-  De as PopoverPortal,
-  Re as PopoverPositioner,
-  Ie as PopoverRoot,
-  Ae as PopoverTitle,
-  we as PopoverTrigger,
-  fe as PopoverViewport,
-  Xr as PreviewCardArrow,
-  Yr as PreviewCardBackdrop,
-  Zr as PreviewCardPopup,
-  _r as PreviewCardPortal,
-  $r as PreviewCardPositioner,
-  ot as PreviewCardRoot,
-  et as PreviewCardTrigger,
-  ke as ProgressIndicator,
-  he as ProgressLabel,
-  Le as ProgressRoot,
-  Ne as ProgressTrack,
-  Ge as ProgressValue,
-  A as ScrollAreaContent,
-  w as ScrollAreaCorner,
-  f as ScrollAreaRoot,
-  S as ScrollAreaScrollbar,
-  k as ScrollAreaThumb,
-  h as ScrollAreaViewport,
-  N as Separator,
-  Vr as SliderControl,
-  Br as SliderIndicator,
-  Fr as SliderRoot,
-  Hr as SliderThumb,
-  jr as SliderTrack,
-  qr as SliderValue,
-  V as SwitchRoot,
-  B as SwitchThumb,
-  q as TabsIndicator,
-  y as TabsList,
-  z as TabsPanel,
-  E as TabsRoot,
-  J as TabsTab,
-  tt as Toast,
-  O as ToastAction,
-  Q as ToastClose,
-  U as ToastContent,
-  W as ToastDescription,
-  X as ToastPositioner,
-  Y as ToastProvider,
-  Z as ToastRoot,
-  _ as ToastTitle,
-  $ as ToastViewport,
-  H as Toggle,
-  Be as ToggleGroupItem,
-  Fe as ToggleGroupRoot,
-  zr as TooltipArrow,
-  Er as TooltipPopup,
-  Jr as TooltipPortal,
-  Kr as TooltipPositioner,
-  Or as TooltipProvider,
-  Qr as TooltipRoot,
-  Ur as TooltipTrigger
+  nr as CardContent,
+  lr as CardDescription,
+  ur as CardFooter,
+  pr as CardHeader,
+  Mr as CardMedia,
+  gr as CardRoot,
+  dr as CardSection,
+  mr as CardTitle,
+  l as CheckboxGroupRoot,
+  a as CheckboxIndicator,
+  i as CheckboxRoot,
+  p as CollapsiblePanel,
+  M as CollapsibleRoot,
+  g as CollapsibleTrigger,
+  br as ContextMenuArrow,
+  cr as ContextMenuCheckboxItem,
+  Cr as ContextMenuCheckboxItemIndicator,
+  Pr as ContextMenuCheckboxItemLabel,
+  Tr as ContextMenuGroup,
+  sr as ContextMenuGroupLabel,
+  Rr as ContextMenuItem,
+  Ir as ContextMenuPopup,
+  Dr as ContextMenuPortal,
+  vr as ContextMenuPositioner,
+  fr as ContextMenuRadioGroup,
+  Ar as ContextMenuRadioItem,
+  wr as ContextMenuRadioItemIndicator,
+  Sr as ContextMenuRadioItemLabel,
+  kr as ContextMenuRoot,
+  hr as ContextMenuSeparator,
+  Lr as ContextMenuSubmenuRoot,
+  Fr as ContextMenuSubmenuTrigger,
+  Nr as ContextMenuTrigger,
+  no as DialogBackdrop,
+  lo as DialogClose,
+  uo as DialogDescription,
+  po as DialogFooter,
+  Mo as DialogHeader,
+  go as DialogPopup,
+  mo as DialogPortal,
+  xo as DialogRoot,
+  bo as DialogTitle,
+  co as DialogTrigger,
+  Po as DrawerBackdrop,
+  To as DrawerClose,
+  so as DrawerContent,
+  Ro as DrawerDescription,
+  Io as DrawerFooter,
+  Do as DrawerHeader,
+  vo as DrawerPopup,
+  fo as DrawerPortal,
+  Ao as DrawerRoot,
+  wo as DrawerTitle,
+  So as DrawerTrigger,
+  Go as FieldControl,
+  Vo as FieldDescription,
+  Bo as FieldError,
+  Ho as FieldItem,
+  yo as FieldLabel,
+  Eo as FieldRoot,
+  jo as FieldValidity,
+  zo as FieldsetLegend,
+  Jo as FieldsetRoot,
+  Oo as FormRoot,
+  ho as Input,
+  Te as MenuArrow,
+  se as MenuCheckboxItem,
+  Re as MenuCheckboxItemIndicator,
+  Ie as MenuCheckboxItemLabel,
+  De as MenuGroup,
+  ve as MenuGroupLabel,
+  fe as MenuItem,
+  Ae as MenuPopup,
+  we as MenuPortal,
+  Se as MenuPositioner,
+  ke as MenuRadioGroup,
+  he as MenuRadioItem,
+  Le as MenuRadioItemIndicator,
+  Fe as MenuRadioItemLabel,
+  Ne as MenuRoot,
+  Ge as MenuSeparator,
+  Ve as MenuSubmenuRoot,
+  Be as MenuSubmenuTrigger,
+  He as MenuTrigger,
+  Vr as MenubarArrow,
+  Br as MenubarCheckboxItem,
+  Hr as MenubarCheckboxItemIndicator,
+  yr as MenubarCheckboxItemLabel,
+  Er as MenubarGroup,
+  jr as MenubarGroupLabel,
+  qr as MenubarItem,
+  zr as MenubarMenu,
+  Jr as MenubarPopup,
+  Kr as MenubarPortal,
+  Or as MenubarPositioner,
+  Qr as MenubarRadioGroup,
+  Ur as MenubarRadioItem,
+  Wr as MenubarRadioItemIndicator,
+  Xr as MenubarRadioItemLabel,
+  Yr as MenubarRoot,
+  Zr as MenubarSeparator,
+  _r as MenubarSubmenuRoot,
+  $r as MenubarSubmenuTrigger,
+  ot as MenubarTrigger,
+  $o as MeterIndicator,
+  oe as MeterLabel,
+  ee as MeterRoot,
+  re as MeterTrack,
+  te as MeterValue,
+  ie as NavigationMenuArrow,
+  ne as NavigationMenuBackdrop,
+  le as NavigationMenuContent,
+  ue as NavigationMenuIcon,
+  pe as NavigationMenuItem,
+  Me as NavigationMenuLink,
+  ge as NavigationMenuList,
+  de as NavigationMenuPopup,
+  me as NavigationMenuPortal,
+  xe as NavigationMenuPositioner,
+  be as NavigationMenuRoot,
+  ce as NavigationMenuTrigger,
+  Ce as NavigationMenuViewport,
+  Ee as PopoverArrow,
+  je as PopoverBackdrop,
+  qe as PopoverClose,
+  ze as PopoverDescription,
+  Je as PopoverPopup,
+  Ke as PopoverPortal,
+  Oe as PopoverPositioner,
+  Qe as PopoverRoot,
+  Ue as PopoverTitle,
+  We as PopoverTrigger,
+  Xe as PopoverViewport,
+  Ct as PreviewCardArrow,
+  Pt as PreviewCardBackdrop,
+  Tt as PreviewCardPopup,
+  st as PreviewCardPortal,
+  Rt as PreviewCardPositioner,
+  It as PreviewCardRoot,
+  Dt as PreviewCardTrigger,
+  Ze as ProgressIndicator,
+  _e as ProgressLabel,
+  $e as ProgressRoot,
+  or as ProgressTrack,
+  er as ProgressValue,
+  h as ScrollAreaContent,
+  L as ScrollAreaCorner,
+  F as ScrollAreaRoot,
+  N as ScrollAreaScrollbar,
+  G as ScrollAreaThumb,
+  V as ScrollAreaViewport,
+  H as Separator,
+  rt as SliderControl,
+  tt as SliderIndicator,
+  at as SliderRoot,
+  it as SliderThumb,
+  nt as SliderTrack,
+  lt as SliderValue,
+  E as SwitchRoot,
+  j as SwitchThumb,
+  K as TabsIndicator,
+  O as TabsList,
+  Q as TabsPanel,
+  U as TabsRoot,
+  W as TabsTab,
+  Fo as Textarea,
+  ft as Toast,
+  Y as ToastAction,
+  Z as ToastClose,
+  _ as ToastContent,
+  $ as ToastDescription,
+  oo as ToastPositioner,
+  eo as ToastProvider,
+  ro as ToastRoot,
+  to as ToastTitle,
+  ao as ToastViewport,
+  z as Toggle,
+  tr as ToggleGroupItem,
+  ar as ToggleGroupRoot,
+  pt as TooltipArrow,
+  Mt as TooltipPopup,
+  gt as TooltipPortal,
+  dt as TooltipPositioner,
+  mt as TooltipProvider,
+  xt as TooltipRoot,
+  bt as TooltipTrigger
 };

package/dist/input.d.ts

@@ -0,0 +1,12 @@
+import { Input as Input_2 } from '@base-ui/react/input';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const Input: {
+    ({ className, ...props }: InputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type InputProps = React_2.ComponentProps<typeof Input_2>;
+
+export { }

package/dist/input.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Input as s } from "@base-ui/react/input";
+import { i as m } from "./form-variants-D4ge0qav.js";
+import { c as o } from "./utils-B6yFEsav.js";
+const n = ({ className: t, ...p }) => /* @__PURE__ */ r(s, { className: o(m, t), ...p });
+n.displayName = "Input";
+export {
+  n as Input
+};

package/dist/textarea.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const Textarea: {
+    ({ className, ...props }: TextareaProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type TextareaProps = React_2.ComponentProps<'textarea'>;
+
+export { }

package/dist/textarea.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { i as r } from "./form-variants-D4ge0qav.js";
+import { c as s } from "./utils-B6yFEsav.js";
+const m = ({ className: a, ...e }) => /* @__PURE__ */ t(
+  "textarea",
+  {
+    className: s(r, "h-auto min-h-20 py-2", a),
+    ...e
+  }
+);
+m.displayName = "Textarea";
+export {
+  m as Textarea
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/compose-ui",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "A collection of components built with Base UI & Tailwind CSS",
   "author": "LGLab",
   "license": "MIT",
@@ -46,6 +46,14 @@
       "import": "./dist/card.js",
       "types": "./dist/card.d.ts"
     },
+    "./checkbox": {
+      "import": "./dist/checkbox.js",
+      "types": "./dist/checkbox.d.ts"
+    },
+    "./checkbox-group": {
+      "import": "./dist/checkbox-group.js",
+      "types": "./dist/checkbox-group.d.ts"
+    },
     "./collapsible": {
       "import": "./dist/collapsible.js",
       "types": "./dist/collapsible.d.ts"
@@ -62,6 +70,22 @@
       "import": "./dist/drawer.js",
       "types": "./dist/drawer.d.ts"
     },
+    "./field": {
+      "import": "./dist/field.js",
+      "types": "./dist/field.d.ts"
+    },
+    "./fieldset": {
+      "import": "./dist/fieldset.js",
+      "types": "./dist/fieldset.d.ts"
+    },
+    "./form": {
+      "import": "./dist/form.js",
+      "types": "./dist/form.d.ts"
+    },
+    "./input": {
+      "import": "./dist/input.js",
+      "types": "./dist/input.d.ts"
+    },
     "./menu": {
       "import": "./dist/menu.js",
       "types": "./dist/menu.d.ts"
@@ -110,6 +134,10 @@
       "import": "./dist/tabs.js",
       "types": "./dist/tabs.d.ts"
     },
+    "./textarea": {
+      "import": "./dist/textarea.js",
+      "types": "./dist/textarea.d.ts"
+    },
     "./toast": {
       "import": "./dist/toast.js",
       "types": "./dist/toast.d.ts"