@lglab/compose-ui 0.24.0 → 0.26.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,20 +2,31 @@ 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 { NumberField } from '@base-ui/react/number-field';
 import { Popover } from '@base-ui/react/popover';
 import { PreviewCard } from '@base-ui/react/preview-card';
 import { Progress } from '@base-ui/react/progress';
+import { Radio } from '@base-ui/react/radio';
+import { RadioGroup } from '@base-ui/react/radio-group';
 import * as React_2 from 'react';
 import { ScrollArea } from '@base-ui/react/scroll-area';
+import { Select } from '@base-ui/react/select';
+import { SelectRootProps as SelectRootProps_2 } from '@base-ui/react/select';
 import { Separator as Separator_2 } from '@base-ui/react/separator';
 import { Slider } from '@base-ui/react/slider';
 import { Switch } from '@base-ui/react/switch';
@@ -286,6 +297,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 +649,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;
@@ -1026,6 +1135,55 @@ export declare const NavigationMenuViewport: {
 
 export declare type NavigationMenuViewportProps = React_2.ComponentProps<typeof NavigationMenu.Viewport>;
 
+export declare const NumberFieldDecrement: {
+    ({ className, ...props }: NumberFieldDecrementProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NumberFieldDecrementProps = React_2.ComponentProps<typeof NumberField.Decrement>;
+
+export declare const NumberFieldGroup: {
+    ({ className, ...props }: NumberFieldGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NumberFieldGroupProps = React_2.ComponentProps<typeof NumberField.Group>;
+
+export declare const NumberFieldIncrement: {
+    ({ className, ...props }: NumberFieldIncrementProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NumberFieldIncrementProps = React_2.ComponentProps<typeof NumberField.Increment>;
+
+export declare const NumberFieldInput: {
+    ({ className, ...props }: NumberFieldInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NumberFieldInputProps = React_2.ComponentProps<typeof NumberField.Input>;
+
+export declare const NumberFieldRoot: {
+    ({ className, ...props }: NumberFieldRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NumberFieldRootProps = React_2.ComponentProps<typeof NumberField.Root>;
+
+export declare const NumberFieldScrubArea: {
+    ({ className, ...props }: NumberFieldScrubAreaProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const NumberFieldScrubAreaCursor: {
+    ({ className, ...props }: NumberFieldScrubAreaCursorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type NumberFieldScrubAreaCursorProps = React_2.ComponentProps<typeof NumberField.ScrubAreaCursor>;
+
+export declare type NumberFieldScrubAreaProps = React_2.ComponentProps<typeof NumberField.ScrubArea>;
+
 export declare const PopoverArrow: {
     ({ className, ...props }: PopoverArrowProps): JSX.Element;
     displayName: string;
@@ -1187,6 +1345,27 @@ export declare const ProgressValue: {
 
 export declare type ProgressValueProps = React_2.ComponentProps<typeof Progress.Value>;
 
+export declare const RadioGroupRoot: {
+    ({ className, ...props }: RadioGroupRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type RadioGroupRootProps = React_2.ComponentProps<typeof RadioGroup>;
+
+export declare const RadioIndicator: {
+    ({ className, ...props }: RadioIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type RadioIndicatorProps = React_2.ComponentProps<typeof Radio.Indicator>;
+
+export declare const RadioRoot: {
+    ({ className, ...props }: RadioRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type RadioRootProps = React_2.ComponentProps<typeof Radio.Root>;
+
 export declare const ScrollAreaContent: {
     ({ className, ...props }: ScrollAreaContentProps): JSX.Element;
     displayName: string;
@@ -1229,6 +1408,133 @@ export declare const ScrollAreaViewport: {
 
 export declare type ScrollAreaViewportProps = React_2.ComponentProps<typeof ScrollArea.Viewport>;
 
+export declare const SelectArrow: {
+    ({ className, ...props }: SelectArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectArrowProps = React_2.ComponentProps<typeof Select.Arrow>;
+
+export declare const SelectBackdrop: {
+    ({ className, ...props }: SelectBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectBackdropProps = React_2.ComponentProps<typeof Select.Backdrop>;
+
+export declare const SelectGroup: {
+    ({ className, ...props }: SelectGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const SelectGroupLabel: {
+    ({ className, ...props }: SelectGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectGroupLabelProps = React_2.ComponentProps<typeof Select.GroupLabel>;
+
+export declare type SelectGroupProps = React_2.ComponentProps<typeof Select.Group>;
+
+export declare const SelectIcon: {
+    ({ className, ...props }: SelectIconProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectIconProps = React_2.ComponentProps<typeof Select.Icon>;
+
+export declare const SelectItem: {
+    ({ className, ...props }: SelectItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const SelectItemIndicator: {
+    ({ className, ...props }: SelectItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectItemIndicatorProps = React_2.ComponentProps<typeof Select.ItemIndicator>;
+
+export declare type SelectItemProps = React_2.ComponentProps<typeof Select.Item>;
+
+export declare const SelectItemText: {
+    ({ className, ...props }: SelectItemTextProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectItemTextProps = React_2.ComponentProps<typeof Select.ItemText>;
+
+export declare const SelectList: {
+    ({ className, ...props }: SelectListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectListProps = React_2.ComponentProps<typeof Select.List>;
+
+export declare const SelectPopup: {
+    ({ className, ...props }: SelectPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectPopupProps = React_2.ComponentProps<typeof Select.Popup>;
+
+export declare const SelectPortal: {
+    (props: SelectPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectPortalProps = React_2.ComponentProps<typeof Select.Portal>;
+
+export declare const SelectPositioner: {
+    ({ className, ...props }: SelectPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectPositionerProps = React_2.ComponentProps<typeof Select.Positioner>;
+
+export declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps_2<Value, Multiple>): JSX.Element;
+
+export declare namespace SelectRoot {
+    var displayName: string;
+}
+
+export declare type SelectRootProps<Value, Multiple extends boolean | undefined = false> = SelectRootProps_2<Value, Multiple>;
+
+export declare const SelectScrollDownArrow: {
+    ({ className, ...props }: SelectScrollDownArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectScrollDownArrowProps = React_2.ComponentProps<typeof Select.ScrollDownArrow>;
+
+export declare const SelectScrollUpArrow: {
+    ({ className, ...props }: SelectScrollUpArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectScrollUpArrowProps = React_2.ComponentProps<typeof Select.ScrollUpArrow>;
+
+export declare const SelectSeparator: {
+    ({ className, ...props }: SelectSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectSeparatorProps = React_2.ComponentProps<typeof Select.Separator>;
+
+export declare const SelectTrigger: {
+    ({ className, ...props }: SelectTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectTriggerProps = React_2.ComponentProps<typeof Select.Trigger>;
+
+export declare const SelectValue: {
+    ({ className, ...props }: SelectValueProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type SelectValueProps = React_2.ComponentProps<typeof Select.Value>;
+
 export declare const Separator: {
     ({ className, orientation, ...props }: SeparatorProps): JSX.Element;
     displayName: string;
@@ -1336,6 +1642,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: {