@lglab/compose-ui 0.26.0 → 0.27.0

package/dist/dialog.js

@@ -2,20 +2,20 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Dialog as o } from "@base-ui/react/dialog";
 import { cva as n } from "class-variance-authority";
-import { b as r } from "./button-variants-CbFMPwc8.js";
+import { b as s } from "./button-variants-CbFMPwc8.js";
 import { c as l } from "./utils-B6yFEsav.js";
 const d = (a) => /* @__PURE__ */ t(o.Root, { ...a });
 d.displayName = "DialogRoot";
-const c = ({ className: a, variant: e, size: i, ...s }) => /* @__PURE__ */ t(
+const g = ({ className: a, variant: e, size: i, ...r }) => /* @__PURE__ */ t(
   o.Trigger,
   {
-    className: l(r({ variant: e, size: i }), a),
-    ...s
+    className: l(s({ variant: e, size: i }), a),
+    ...r
   }
 );
-c.displayName = "DialogTrigger";
-const g = (a) => /* @__PURE__ */ t(o.Portal, { ...a });
-g.displayName = "DialogPortal";
+g.displayName = "DialogTrigger";
+const c = (a) => /* @__PURE__ */ t(o.Portal, { ...a });
+c.displayName = "DialogPortal";
 const p = ({ className: a, ...e }) => /* @__PURE__ */ t(
   o.Backdrop,
   {
@@ -64,24 +64,24 @@ u.displayName = "DialogPopup";
 const f = ({ className: a, ...e }) => /* @__PURE__ */ t(
   o.Title,
   {
-    className: l("text-lg font-semibold leading-none tracking-tight", a),
+    className: l("text-lg font-medium leading-none tracking-tight", a),
     ...e
   }
 );
 f.displayName = "DialogTitle";
-const y = ({ className: a, ...e }) => /* @__PURE__ */ t(o.Description, { className: l("mt-2", a), ...e });
-y.displayName = "DialogDescription";
-const D = ({ className: a, variant: e, size: i, ...s }) => /* @__PURE__ */ t(
+const D = ({ className: a, ...e }) => /* @__PURE__ */ t(o.Description, { className: l("text-sm", a), ...e });
+D.displayName = "DialogDescription";
+const y = ({ className: a, variant: e, size: i, ...r }) => /* @__PURE__ */ t(
   o.Close,
   {
-    className: l(r({ variant: e ?? "outline", size: i }), a),
-    ...s
+    className: l(s({ variant: e ?? "outline", size: i }), a),
+    ...r
   }
 );
-D.displayName = "DialogClose";
-const N = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: l("flex flex-col space-y-1 mb-5", a), ...e });
+y.displayName = "DialogClose";
+const N = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: l("flex flex-col gap-1 mb-5", a), ...e });
 N.displayName = "DialogHeader";
-const b = ({ className: a, ...e }) => /* @__PURE__ */ t(
+const x = ({ className: a, ...e }) => /* @__PURE__ */ t(
   "div",
   {
     className: l(
@@ -91,16 +91,16 @@ const b = ({ className: a, ...e }) => /* @__PURE__ */ t(
     ...e
   }
 );
-b.displayName = "DialogFooter";
+x.displayName = "DialogFooter";
 export {
   p as DialogBackdrop,
-  D as DialogClose,
-  y as DialogDescription,
-  b as DialogFooter,
+  y as DialogClose,
+  D as DialogDescription,
+  x as DialogFooter,
   N as DialogHeader,
   u as DialogPopup,
-  g as DialogPortal,
+  c as DialogPortal,
   d as DialogRoot,
   f as DialogTitle,
-  c as DialogTrigger
+  g as DialogTrigger
 };

package/dist/field.js

@@ -1,19 +1,19 @@
 "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 { i as a, d as r, e as o, f as d, l as m, a as n } from "./form-variants-LJ8gIbk0.js";
 import { c as t } from "./utils-B6yFEsav.js";
-const c = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Root, { className: t(a, e), ...l });
+const c = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Root, { className: t(n, e), ...l });
 c.displayName = "FieldRoot";
-const p = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Label, { className: t(r, e), ...l });
+const p = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Label, { className: t(m, e), ...l });
 p.displayName = "FieldLabel";
-const y = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Control, { className: t(o, e), ...l });
+const y = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Control, { className: t(a, e), ...l });
 y.displayName = "FieldControl";
-const F = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Description, { className: t(d, e), ...l });
+const F = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Description, { className: t(r, e), ...l });
 F.displayName = "FieldDescription";
-const N = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Error, { className: t(m, e), ...l });
+const N = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Error, { className: t(o, e), ...l });
 N.displayName = "FieldError";
-const u = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Item, { className: t(n, e), ...l });
+const u = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Item, { className: t(d, e), ...l });
 u.displayName = "FieldItem";
 const f = (e) => /* @__PURE__ */ s(i.Validity, { ...e });
 f.displayName = "FieldValidity";

package/dist/fieldset.js

@@ -1,7 +1,7 @@
 "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 { l as r } from "./form-variants-LJ8gIbk0.js";
 import { c as l } from "./utils-B6yFEsav.js";
 const a = ({ className: e, ...t }) => /* @__PURE__ */ s(
   o.Root,

package/dist/{form-variants-D4ge0qav.js → form-variants-LJ8gIbk0.js}

@@ -1,9 +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,
+  o as a,
   r as d,
   s as e,
-  o as f,
+  a as f,
   e as i,
   t as l
 };

package/dist/index.d.ts

@@ -1,11 +1,16 @@
 import { Accordion } from '@base-ui/react/accordion';
 import { AlertDialog } from '@base-ui/react/alert-dialog';
+import { Autocomplete } from '@base-ui/react/autocomplete';
+import { AutocompleteRootProps } from '@base-ui/react/autocomplete';
 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 { Combobox } from '@base-ui/react/combobox';
+import { ComboboxChipsProps as ComboboxChipsProps_2 } from '@base-ui/react';
+import { ComboboxRootProps as ComboboxRootProps_2 } from '@base-ui/react/combobox';
 import { ContextMenu } from '@base-ui/react/context-menu';
 import { Dialog } from '@base-ui/react/dialog';
 import { Field } from '@base-ui/react/field';
@@ -34,6 +39,7 @@ import { Tabs } from '@base-ui/react/tabs';
 import { Toast } from '@base-ui/react/toast';
 import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
 import { ToggleGroup } from '@base-ui/react/toggle-group';
+import { Toolbar } from '@base-ui/react/toolbar';
 import { Tooltip } from '@base-ui/react/tooltip';
 import { VariantProps } from 'class-variance-authority';
 
@@ -150,6 +156,59 @@ export declare const AlertDialogViewport: {
 
 export declare type AlertDialogViewportProps = React_2.ComponentProps<typeof AlertDialog.Viewport>;
 
+export declare const AutocompleteEmpty: {
+    ({ className, ...props }: AutocompleteEmptyProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteEmptyProps = React_2.ComponentProps<typeof Autocomplete.Empty>;
+
+export declare const AutocompleteInput: {
+    ({ className, ...props }: AutocompleteInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteInputProps = React_2.ComponentProps<typeof Autocomplete.Input>;
+
+export declare const AutocompleteItem: {
+    ({ className, ...props }: AutocompleteItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteItemProps = React_2.ComponentProps<typeof Autocomplete.Item>;
+
+export declare const AutocompleteList: {
+    ({ className, ...props }: AutocompleteListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompleteListProps = React_2.ComponentProps<typeof Autocomplete.List>;
+
+export declare const AutocompletePopup: {
+    ({ className, ...props }: AutocompletePopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompletePopupProps = React_2.ComponentProps<typeof Autocomplete.Popup>;
+
+export declare const AutocompletePortal: {
+    (props: AutocompletePortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompletePortalProps = React_2.ComponentProps<typeof Autocomplete.Portal>;
+
+export declare const AutocompletePositioner: {
+    ({ className, ...props }: AutocompletePositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type AutocompletePositionerProps = React_2.ComponentProps<typeof Autocomplete.Positioner>;
+
+export declare const AutocompleteRoot: typeof Autocomplete.Root;
+
+export { AutocompleteRootProps }
+
 export declare const AvatarFallback: {
     ({ className, ...props }: AvatarFallbackProps): JSX.Element;
     displayName: string;
@@ -339,6 +398,165 @@ export declare const CollapsibleTrigger: {
 
 export declare type CollapsibleTriggerProps = React_2.ComponentProps<typeof Collapsible.Trigger>;
 
+export declare const ComboboxArrow: {
+    ({ className, ...props }: ComboboxArrowProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxArrowProps = React_2.ComponentProps<typeof Combobox.Arrow>;
+
+export declare const ComboboxBackdrop: {
+    ({ className, ...props }: ComboboxBackdropProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxBackdropProps = React_2.ComponentProps<typeof Combobox.Backdrop>;
+
+export declare const ComboboxChip: {
+    ({ className, ...props }: ComboboxChipProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxChipProps = React_2.ComponentProps<typeof Combobox.Chip>;
+
+export declare const ComboboxChipRemove: {
+    ({ className, ...props }: ComboboxChipRemoveProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxChipRemoveProps = React_2.ComponentProps<typeof Combobox.ChipRemove>;
+
+export declare const ComboboxChips: React_2.ForwardRefExoticComponent<Omit<Omit<ComboboxChipsProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type ComboboxChipsProps = React_2.ComponentProps<typeof Combobox.Chips>;
+
+export declare const ComboboxClear: {
+    ({ className, ...props }: ComboboxClearProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxClearProps = React_2.ComponentProps<typeof Combobox.Clear>;
+
+export declare const ComboboxControl: {
+    ({ className, ...props }: ComboboxControlProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxControlProps = React_2.ComponentProps<'div'>;
+
+export declare const ComboboxEmpty: {
+    ({ className, ...props }: ComboboxEmptyProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxEmptyProps = React_2.ComponentProps<typeof Combobox.Empty>;
+
+export declare const ComboboxGroup: {
+    ({ className, ...props }: ComboboxGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ComboboxGroupLabel: {
+    ({ className, ...props }: ComboboxGroupLabelProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxGroupLabelProps = React_2.ComponentProps<typeof Combobox.GroupLabel>;
+
+export declare type ComboboxGroupProps = React_2.ComponentProps<typeof Combobox.Group>;
+
+export declare const ComboboxIcon: {
+    ({ className, ...props }: ComboboxIconProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxIconProps = React_2.ComponentProps<typeof Combobox.Icon>;
+
+export declare const ComboboxInput: {
+    ({ className, ...props }: ComboboxInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxInputProps = React_2.ComponentProps<typeof Combobox.Input>;
+
+export declare const ComboboxItem: {
+    ({ className, ...props }: ComboboxItemProps): JSX.Element;
+    displayName: string;
+};
+
+export declare const ComboboxItemIndicator: {
+    ({ className, ...props }: ComboboxItemIndicatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxItemIndicatorProps = React_2.ComponentProps<typeof Combobox.ItemIndicator>;
+
+export declare type ComboboxItemProps = React_2.ComponentProps<typeof Combobox.Item>;
+
+export declare const ComboboxItemText: {
+    ({ className, ...props }: ComboboxItemTextProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxItemTextProps = React_2.ComponentProps<'span'>;
+
+export declare const ComboboxList: {
+    ({ className, ...props }: ComboboxListProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxListProps = React_2.ComponentProps<typeof Combobox.List>;
+
+export declare const ComboboxPopup: {
+    ({ className, ...props }: ComboboxPopupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxPopupProps = React_2.ComponentProps<typeof Combobox.Popup>;
+
+export declare const ComboboxPortal: {
+    (props: ComboboxPortalProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxPortalProps = React_2.ComponentProps<typeof Combobox.Portal>;
+
+export declare const ComboboxPositioner: {
+    ({ className, ...props }: ComboboxPositionerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxPositionerProps = React_2.ComponentProps<typeof Combobox.Positioner>;
+
+export declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>(props: ComboboxRootProps_2<Value, Multiple>): JSX.Element;
+
+export declare namespace ComboboxRoot {
+    var displayName: string;
+}
+
+export declare type ComboboxRootProps<Value, Multiple extends boolean | undefined = false> = ComboboxRootProps_2<Value, Multiple>;
+
+export declare const ComboboxSeparator: {
+    ({ className, ...props }: ComboboxSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxSeparatorProps = React_2.ComponentProps<typeof Combobox.Separator>;
+
+export declare const ComboboxTrigger: {
+    ({ className, ...props }: ComboboxTriggerProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxTriggerProps = React_2.ComponentProps<typeof Combobox.Trigger>;
+
+export declare const ComboboxValue: {
+    (props: ComboboxValueProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ComboboxValueProps = React_2.ComponentProps<typeof Combobox.Value>;
+
 export declare const ContextMenuArrow: {
     ({ className, ...props }: ContextMenuArrowProps): JSX.Element;
     displayName: string;
@@ -1752,6 +1970,53 @@ export declare type ToggleProps = React_2.ComponentProps<typeof Toggle_2> & {
     size?: ControlSize;
 };
 
+export declare const ToolbarButton: {
+    ({ className, variant, size, ...props }: ToolbarButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarButtonProps = React_2.ComponentProps<typeof Toolbar.Button> & {
+    /** Visual style of the toolbar button */
+    variant?: ControlVariant;
+    /** Size of the toolbar button */
+    size?: ControlSize;
+};
+
+export declare const ToolbarGroup: {
+    ({ className, ...props }: ToolbarGroupProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarGroupProps = React_2.ComponentProps<typeof Toolbar.Group>;
+
+export declare const ToolbarInput: {
+    ({ className, ...props }: ToolbarInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarInputProps = React_2.ComponentProps<typeof Toolbar.Input>;
+
+export declare const ToolbarLink: {
+    ({ className, ...props }: ToolbarLinkProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarLinkProps = React_2.ComponentProps<typeof Toolbar.Link>;
+
+export declare const ToolbarRoot: {
+    ({ className, ...props }: ToolbarRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarRootProps = React_2.ComponentProps<typeof Toolbar.Root>;
+
+export declare const ToolbarSeparator: {
+    ({ className, ...props }: ToolbarSeparatorProps): JSX.Element;
+    displayName: string;
+};
+
+export declare type ToolbarSeparatorProps = React_2.ComponentProps<typeof Toolbar.Separator>;
+
 export declare const TooltipArrow: {
     ({ className, variant, ...props }: TooltipArrowProps): JSX.Element;
     displayName: string;