@lglab/compose-ui 0.23.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,14 +2,21 @@ 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';
 import { Meter } from '@base-ui/react/meter';
+import { NavigationMenu } from '@base-ui/react/navigation-menu';
 import { Popover } from '@base-ui/react/popover';
 import { PreviewCard } from '@base-ui/react/preview-card';
 import { Progress } from '@base-ui/react/progress';
@@ -285,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;
@@ -616,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;
@@ -934,6 +1039,97 @@ export declare const MeterValue: {
 
 export declare type MeterValueProps = React_2.ComponentProps<typeof Meter.Value>;
 
+export declare const NavigationMenuArrow: {
+    ({ className, ...props }: NavigationMenuArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuArrowProps = React_2.ComponentProps<typeof NavigationMenu.Arrow>;
+
+export declare const NavigationMenuBackdrop: {
+    ({ className, ...props }: NavigationMenuBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuBackdropProps = React_2.ComponentProps<typeof NavigationMenu.Backdrop>;
+
+export declare const NavigationMenuContent: {
+    ({ className, ...props }: NavigationMenuContentProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuContentProps = React_2.ComponentProps<typeof NavigationMenu.Content>;
+
+export declare const NavigationMenuIcon: {
+    ({ className, ...props }: NavigationMenuIconProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuIconProps = React_2.ComponentProps<typeof NavigationMenu.Icon>;
+
+export declare const NavigationMenuItem: {
+    ({ className, ...props }: NavigationMenuItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuItemProps = React_2.ComponentProps<typeof NavigationMenu.Item>;
+
+export declare const NavigationMenuLink: {
+    ({ className, ...props }: NavigationMenuLinkProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuLinkProps = React_2.ComponentProps<typeof NavigationMenu.Link>;
+
+export declare const NavigationMenuList: {
+    ({ className, ...props }: NavigationMenuListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuListProps = React_2.ComponentProps<typeof NavigationMenu.List>;
+
+export declare const NavigationMenuPopup: {
+    ({ className, ...props }: NavigationMenuPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPopupProps = React_2.ComponentProps<typeof NavigationMenu.Popup>;
+
+export declare const NavigationMenuPortal: {
+    (props: NavigationMenuPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPortalProps = React_2.ComponentProps<typeof NavigationMenu.Portal>;
+
+export declare const NavigationMenuPositioner: {
+    ({ className, sideOffset, collisionPadding, ...props }: NavigationMenuPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuPositionerProps = React_2.ComponentProps<typeof NavigationMenu.Positioner>;
+
+export declare const NavigationMenuRoot: {
+    ({ className, ...props }: NavigationMenuRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuRootProps = React_2.ComponentProps<typeof NavigationMenu.Root>;
+
+export declare const NavigationMenuTrigger: {
+    ({ className, ...props }: NavigationMenuTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuTriggerProps = React_2.ComponentProps<typeof NavigationMenu.Trigger>;
+
+export declare const NavigationMenuViewport: {
+    ({ className, ...props }: NavigationMenuViewportProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NavigationMenuViewportProps = React_2.ComponentProps<typeof NavigationMenu.Viewport>;
+
 export declare const PopoverArrow: {
     ({ className, ...props }: PopoverArrowProps): JSX.Element;
     displayName: string;
@@ -1244,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: {