@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/autocomplete.d.ts

@@ -1,96 +1,99 @@
-import { Autocomplete } from '@base-ui/react/autocomplete';
-import { AutocompleteRootProps } from '@base-ui/react/autocomplete';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export { Autocomplete }
-
-export declare const AutocompleteCollection: {
-    (props: AutocompleteCollectionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AutocompleteCollectionProps = React_2.ComponentProps<typeof Autocomplete.Collection>;
-
-export declare const AutocompleteEmpty: {
-    ({ className, ...props }: AutocompleteEmptyProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AutocompleteEmptyProps = React_2.ComponentProps<typeof Autocomplete.Empty>;
-
-export declare const AutocompleteGroup: {
-    ({ className, ...props }: AutocompleteGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const AutocompleteGroupLabel: {
-    ({ className, ...props }: AutocompleteGroupLabelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AutocompleteGroupLabelProps = React_2.ComponentProps<typeof Autocomplete.GroupLabel>;
-
-export declare type AutocompleteGroupProps = React_2.ComponentProps<typeof Autocomplete.Group>;
-
-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 AutocompleteSeparator: {
-    ({ className, ...props }: AutocompleteSeparatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AutocompleteSeparatorProps = React_2.ComponentProps<typeof Autocomplete.Separator>;
-
-export declare const AutocompleteStatus: {
-    ({ className, ...props }: AutocompleteStatusProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AutocompleteStatusProps = React_2.ComponentProps<typeof Autocomplete.Status>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime180 from "react/jsx-runtime";
+import { Autocomplete as BaseAutocomplete, AutocompleteRootProps } from "@base-ui/react/autocomplete";
+
+//#region src/components/autocomplete.d.ts
+declare const AutocompleteRoot: typeof BaseAutocomplete.Root;
+type AutocompleteInputProps = React.ComponentProps<typeof BaseAutocomplete.Input>;
+declare const AutocompleteInput: {
+  ({
+    className,
+    ...props
+  }: AutocompleteInputProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompletePortalProps = React.ComponentProps<typeof BaseAutocomplete.Portal>;
+declare const AutocompletePortal: {
+  (props: AutocompletePortalProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompletePositionerProps = React.ComponentProps<typeof BaseAutocomplete.Positioner>;
+declare const AutocompletePositioner: {
+  ({
+    className,
+    ...props
+  }: AutocompletePositionerProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompletePopupProps = React.ComponentProps<typeof BaseAutocomplete.Popup>;
+declare const AutocompletePopup: {
+  ({
+    className,
+    ...props
+  }: AutocompletePopupProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteEmptyProps = React.ComponentProps<typeof BaseAutocomplete.Empty>;
+declare const AutocompleteEmpty: {
+  ({
+    className,
+    ...props
+  }: AutocompleteEmptyProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteListProps = React.ComponentProps<typeof BaseAutocomplete.List>;
+declare const AutocompleteList: {
+  ({
+    className,
+    ...props
+  }: AutocompleteListProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteItemProps = React.ComponentProps<typeof BaseAutocomplete.Item>;
+declare const AutocompleteItem: {
+  ({
+    className,
+    ...props
+  }: AutocompleteItemProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteStatusProps = React.ComponentProps<typeof BaseAutocomplete.Status>;
+declare const AutocompleteStatus: {
+  ({
+    className,
+    ...props
+  }: AutocompleteStatusProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteGroupProps = React.ComponentProps<typeof BaseAutocomplete.Group>;
+declare const AutocompleteGroup: {
+  ({
+    className,
+    ...props
+  }: AutocompleteGroupProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteGroupLabelProps = React.ComponentProps<typeof BaseAutocomplete.GroupLabel>;
+declare const AutocompleteGroupLabel: {
+  ({
+    className,
+    ...props
+  }: AutocompleteGroupLabelProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteCollectionProps = React.ComponentProps<typeof BaseAutocomplete.Collection>;
+declare const AutocompleteCollection: {
+  (props: AutocompleteCollectionProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+type AutocompleteSeparatorProps = React.ComponentProps<typeof BaseAutocomplete.Separator>;
+declare const AutocompleteSeparator: {
+  ({
+    className,
+    ...props
+  }: AutocompleteSeparatorProps): react_jsx_runtime180.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { BaseAutocomplete as Autocomplete, AutocompleteCollection, type AutocompleteCollectionProps, AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteGroup, AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupProps, AutocompleteInput, type AutocompleteInputProps, AutocompleteItem, type AutocompleteItemProps, AutocompleteList, type AutocompleteListProps, AutocompletePopup, type AutocompletePopupProps, AutocompletePortal, type AutocompletePortalProps, AutocompletePositioner, type AutocompletePositionerProps, AutocompleteRoot, type AutocompleteRootProps, AutocompleteSeparator, type AutocompleteSeparatorProps, AutocompleteStatus, type AutocompleteStatusProps };
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","names":[],"sources":["../src/components/autocomplete.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/autocomplete.js

@@ -1,117 +1,93 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import { Autocomplete as o } from "@base-ui/react/autocomplete";
-import { Autocomplete as G } from "@base-ui/react/autocomplete";
-import { i as l } from "./form-variants-LJ8gIbk0.js";
-import { c as r } from "./utils-B6yFEsav.js";
-const P = o.Root, p = ({ className: t, ...e }) => /* @__PURE__ */ a(o.Input, { className: r(l, t), ...e });
-p.displayName = "AutocompleteInput";
-const m = (t) => /* @__PURE__ */ a(o.Portal, { ...t });
-m.displayName = "AutocompletePortal";
-const s = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.Positioner,
-  {
-    className: r("z-50 outline-none", t),
-    sideOffset: 4,
-    ...e
-  }
-);
-s.displayName = "AutocompletePositioner";
-const n = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.Popup,
-  {
-    className: r(
-      "group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100",
-      "data-ending-style:scale-95 data-ending-style:opacity-0",
-      "data-starting-style:scale-95 data-starting-style:opacity-0",
-      "dark:shadow-none",
-      t
-    ),
-    ...e
-  }
-);
-n.displayName = "AutocompletePopup";
-const c = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.Empty,
-  {
-    className: r(
-      "shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0",
-      t
-    ),
-    ...e
-  }
-);
-c.displayName = "AutocompleteEmpty";
-const u = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.List,
-  {
-    className: r(
-      "outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0",
-      t
-    ),
-    ...e
-  }
-);
-u.displayName = "AutocompleteList";
-const i = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.Item,
-  {
-    className: r(
-      "flex items-center gap-2 py-2 px-4 text-sm leading-4 outline-none select-none",
-      "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
-      t
-    ),
-    ...e
-  }
-);
-i.displayName = "AutocompleteItem";
-const d = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.Status,
-  {
-    className: r(
-      "flex items-center gap-2 py-2 px-4 text-sm text-muted-foreground empty:hidden",
-      t
-    ),
-    ...e
-  }
-);
-d.displayName = "AutocompleteStatus";
-const y = ({ className: t, ...e }) => /* @__PURE__ */ a(o.Group, { className: t, ...e });
-y.displayName = "AutocompleteGroup";
-const g = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.GroupLabel,
-  {
-    className: r(
-      "px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background",
-      t
-    ),
-    ...e
-  }
-);
-g.displayName = "AutocompleteGroupLabel";
-const A = (t) => /* @__PURE__ */ a(o.Collection, { ...t });
-A.displayName = "AutocompleteCollection";
-const x = ({ className: t, ...e }) => /* @__PURE__ */ a(
-  o.Separator,
-  {
-    className: r("my-1 border-t border-border", t),
-    ...e
-  }
-);
-x.displayName = "AutocompleteSeparator";
-export {
-  G as Autocomplete,
-  A as AutocompleteCollection,
-  c as AutocompleteEmpty,
-  y as AutocompleteGroup,
-  g as AutocompleteGroupLabel,
-  p as AutocompleteInput,
-  i as AutocompleteItem,
-  u as AutocompleteList,
-  n as AutocompletePopup,
-  m as AutocompletePortal,
-  s as AutocompletePositioner,
-  P as AutocompleteRoot,
-  x as AutocompleteSeparator,
-  d as AutocompleteStatus
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { inputBaseStyles } from "./lib/form-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Autocomplete as BaseAutocomplete } from "@base-ui/react/autocomplete";
+
+//#region src/components/autocomplete.tsx
+const AutocompleteRoot = BaseAutocomplete.Root;
+const AutocompleteInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Input, {
+		className: cn(inputBaseStyles, className),
+		...props
+	});
 };
+AutocompleteInput.displayName = "AutocompleteInput";
+const AutocompletePortal = (props) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Portal, { ...props });
+};
+AutocompletePortal.displayName = "AutocompletePortal";
+const AutocompletePositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Positioner, {
+		className: cn("z-50 outline-none", className),
+		sideOffset: 4,
+		...props
+	});
+};
+AutocompletePositioner.displayName = "AutocompletePositioner";
+const AutocompletePopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Popup, {
+		className: cn("group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100", "data-ending-style:scale-95 data-ending-style:opacity-0", "data-starting-style:scale-95 data-starting-style:opacity-0", "dark:shadow-none", className),
+		...props
+	});
+};
+AutocompletePopup.displayName = "AutocompletePopup";
+const AutocompleteEmpty = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Empty, {
+		className: cn("shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0", className),
+		...props
+	});
+};
+AutocompleteEmpty.displayName = "AutocompleteEmpty";
+const AutocompleteList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.List, {
+		className: cn("outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0", className),
+		...props
+	});
+};
+AutocompleteList.displayName = "AutocompleteList";
+const AutocompleteItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Item, {
+		className: cn("flex items-center gap-2 py-2 px-4 text-sm leading-4 outline-none select-none", "data-highlighted:bg-accent data-highlighted:text-accent-foreground", className),
+		...props
+	});
+};
+AutocompleteItem.displayName = "AutocompleteItem";
+const AutocompleteStatus = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Status, {
+		className: cn("flex items-center gap-2 py-2 px-4 text-sm text-muted-foreground empty:hidden", className),
+		...props
+	});
+};
+AutocompleteStatus.displayName = "AutocompleteStatus";
+const AutocompleteGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Group, {
+		className,
+		...props
+	});
+};
+AutocompleteGroup.displayName = "AutocompleteGroup";
+const AutocompleteGroupLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.GroupLabel, {
+		className: cn("px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background", className),
+		...props
+	});
+};
+AutocompleteGroupLabel.displayName = "AutocompleteGroupLabel";
+const AutocompleteCollection = (props) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Collection, { ...props });
+};
+AutocompleteCollection.displayName = "AutocompleteCollection";
+const AutocompleteSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseAutocomplete.Separator, {
+		className: cn("my-1 border-t border-border", className),
+		...props
+	});
+};
+AutocompleteSeparator.displayName = "AutocompleteSeparator";
+
+//#endregion
+export { BaseAutocomplete as Autocomplete, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRoot, AutocompleteSeparator, AutocompleteStatus };
+//# sourceMappingURL=autocomplete.js.map

package/dist/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","names":[],"sources":["../src/components/autocomplete.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type AutocompleteRootProps,\n  Autocomplete as BaseAutocomplete,\n} from '@base-ui/react/autocomplete'\nimport * as React from 'react'\n\nimport { inputBaseStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// AutocompleteRoot\n// ============================================================================\n\nconst AutocompleteRoot = BaseAutocomplete.Root\n\n// ============================================================================\n// AutocompleteInput\n// ============================================================================\n\ntype AutocompleteInputProps = React.ComponentProps<typeof BaseAutocomplete.Input>\n\nconst AutocompleteInput = ({ className, ...props }: AutocompleteInputProps) => {\n  return <BaseAutocomplete.Input className={cn(inputBaseStyles, className)} {...props} />\n}\n\nAutocompleteInput.displayName = 'AutocompleteInput'\n\n// ============================================================================\n// AutocompletePortal\n// ============================================================================\n\ntype AutocompletePortalProps = React.ComponentProps<typeof BaseAutocomplete.Portal>\n\nconst AutocompletePortal = (props: AutocompletePortalProps) => {\n  return <BaseAutocomplete.Portal {...props} />\n}\n\nAutocompletePortal.displayName = 'AutocompletePortal'\n\n// ============================================================================\n// AutocompletePositioner\n// ============================================================================\n\ntype AutocompletePositionerProps = React.ComponentProps<\n  typeof BaseAutocomplete.Positioner\n>\n\nconst AutocompletePositioner = ({ className, ...props }: AutocompletePositionerProps) => {\n  return (\n    <BaseAutocomplete.Positioner\n      className={cn('z-50 outline-none', className)}\n      sideOffset={4}\n      {...props}\n    />\n  )\n}\n\nAutocompletePositioner.displayName = 'AutocompletePositioner'\n\n// ============================================================================\n// AutocompletePopup\n// ============================================================================\n\ntype AutocompletePopupProps = React.ComponentProps<typeof BaseAutocomplete.Popup>\n\nconst AutocompletePopup = ({ className, ...props }: AutocompletePopupProps) => {\n  return (\n    <BaseAutocomplete.Popup\n      className={cn(\n        'group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100',\n        'data-ending-style:scale-95 data-ending-style:opacity-0',\n        'data-starting-style:scale-95 data-starting-style:opacity-0',\n        'dark:shadow-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAutocompletePopup.displayName = 'AutocompletePopup'\n\n// ============================================================================\n// AutocompleteEmpty\n// ============================================================================\n\ntype AutocompleteEmptyProps = React.ComponentProps<typeof BaseAutocomplete.Empty>\n\nconst AutocompleteEmpty = ({ className, ...props }: AutocompleteEmptyProps) => {\n  return (\n    <BaseAutocomplete.Empty\n      className={cn(\n        'shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAutocompleteEmpty.displayName = 'AutocompleteEmpty'\n\n// ============================================================================\n// AutocompleteList\n// ============================================================================\n\ntype AutocompleteListProps = React.ComponentProps<typeof BaseAutocomplete.List>\n\nconst AutocompleteList = ({ className, ...props }: AutocompleteListProps) => {\n  return (\n    <BaseAutocomplete.List\n      className={cn(\n        'outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAutocompleteList.displayName = 'AutocompleteList'\n\n// ============================================================================\n// AutocompleteItem\n// ============================================================================\n\ntype AutocompleteItemProps = React.ComponentProps<typeof BaseAutocomplete.Item>\n\nconst AutocompleteItem = ({ className, ...props }: AutocompleteItemProps) => {\n  return (\n    <BaseAutocomplete.Item\n      className={cn(\n        'flex items-center gap-2 py-2 px-4 text-sm leading-4 outline-none select-none',\n        'data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAutocompleteItem.displayName = 'AutocompleteItem'\n\n// ============================================================================\n// AutocompleteStatus\n// ============================================================================\n\ntype AutocompleteStatusProps = React.ComponentProps<typeof BaseAutocomplete.Status>\n\nconst AutocompleteStatus = ({ className, ...props }: AutocompleteStatusProps) => {\n  return (\n    <BaseAutocomplete.Status\n      className={cn(\n        'flex items-center gap-2 py-2 px-4 text-sm text-muted-foreground empty:hidden',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAutocompleteStatus.displayName = 'AutocompleteStatus'\n\n// ============================================================================\n// AutocompleteGroup\n// ============================================================================\n\ntype AutocompleteGroupProps = React.ComponentProps<typeof BaseAutocomplete.Group>\n\nconst AutocompleteGroup = ({ className, ...props }: AutocompleteGroupProps) => {\n  return <BaseAutocomplete.Group className={className} {...props} />\n}\n\nAutocompleteGroup.displayName = 'AutocompleteGroup'\n\n// ============================================================================\n// AutocompleteGroupLabel\n// ============================================================================\n\ntype AutocompleteGroupLabelProps = React.ComponentProps<\n  typeof BaseAutocomplete.GroupLabel\n>\n\nconst AutocompleteGroupLabel = ({ className, ...props }: AutocompleteGroupLabelProps) => {\n  return (\n    <BaseAutocomplete.GroupLabel\n      className={cn(\n        'px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nAutocompleteGroupLabel.displayName = 'AutocompleteGroupLabel'\n\n// ============================================================================\n// AutocompleteCollection\n// ============================================================================\n\ntype AutocompleteCollectionProps = React.ComponentProps<\n  typeof BaseAutocomplete.Collection\n>\n\nconst AutocompleteCollection = (props: AutocompleteCollectionProps) => {\n  return <BaseAutocomplete.Collection {...props} />\n}\n\nAutocompleteCollection.displayName = 'AutocompleteCollection'\n\n// ============================================================================\n// AutocompleteSeparator\n// ============================================================================\n\ntype AutocompleteSeparatorProps = React.ComponentProps<typeof BaseAutocomplete.Separator>\n\nconst AutocompleteSeparator = ({ className, ...props }: AutocompleteSeparatorProps) => {\n  return (\n    <BaseAutocomplete.Separator\n      className={cn('my-1 border-t border-border', className)}\n      {...props}\n    />\n  )\n}\n\nAutocompleteSeparator.displayName = 'AutocompleteSeparator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  BaseAutocomplete as Autocomplete,\n  AutocompleteRoot,\n  AutocompleteInput,\n  AutocompletePortal,\n  AutocompletePositioner,\n  AutocompletePopup,\n  AutocompleteEmpty,\n  AutocompleteList,\n  AutocompleteItem,\n  AutocompleteStatus,\n  AutocompleteGroup,\n  AutocompleteGroupLabel,\n  AutocompleteCollection,\n  AutocompleteSeparator,\n}\n\nexport type {\n  AutocompleteRootProps,\n  AutocompleteInputProps,\n  AutocompletePortalProps,\n  AutocompletePositionerProps,\n  AutocompletePopupProps,\n  AutocompleteEmptyProps,\n  AutocompleteListProps,\n  AutocompleteItemProps,\n  AutocompleteStatusProps,\n  AutocompleteGroupProps,\n  AutocompleteGroupLabelProps,\n  AutocompleteCollectionProps,\n  AutocompleteSeparatorProps,\n}\n"],"mappings":";;;;;;;;;AAeA,MAAM,mBAAmB,iBAAiB;AAQ1C,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAAC,iBAAiB;EAAM,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;GAAS;;AAGzF,kBAAkB,cAAc;AAQhC,MAAM,sBAAsB,UAAmC;AAC7D,QAAO,oBAAC,iBAAiB,UAAO,GAAI,QAAS;;AAG/C,mBAAmB,cAAc;AAUjC,MAAM,0BAA0B,EAAE,WAAW,GAAG,YAAyC;AACvF,QACE,oBAAC,iBAAiB;EAChB,WAAW,GAAG,qBAAqB,UAAU;EAC7C,YAAY;EACZ,GAAI;GACJ;;AAIN,uBAAuB,cAAc;AAQrC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,yRACA,0DACA,8DACA,oBACA,UACD;EACD,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,4EACA,UACD;EACD,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,0FACA,UACD;EACD,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,gFACA,sEACA,UACD;EACD,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,gFACA,UACD;EACD,GAAI;GACJ;;AAIN,mBAAmB,cAAc;AAQjC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAAC,iBAAiB;EAAiB;EAAW,GAAI;GAAS;;AAGpE,kBAAkB,cAAc;AAUhC,MAAM,0BAA0B,EAAE,WAAW,GAAG,YAAyC;AACvF,QACE,oBAAC,iBAAiB;EAChB,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ;;AAIN,uBAAuB,cAAc;AAUrC,MAAM,0BAA0B,UAAuC;AACrE,QAAO,oBAAC,iBAAiB,cAAW,GAAI,QAAS;;AAGnD,uBAAuB,cAAc;AAQrC,MAAM,yBAAyB,EAAE,WAAW,GAAG,YAAwC;AACrF,QACE,oBAAC,iBAAiB;EAChB,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,sBAAsB,cAAc"}

package/dist/avatar.d.ts

@@ -1,47 +1,56 @@
-import { Avatar } from '@base-ui/react/avatar';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const AvatarFallback: {
-    ({ className, ...props }: AvatarFallbackProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AvatarFallbackProps = React_2.ComponentProps<typeof Avatar.Fallback>;
-
-export declare const AvatarImage: {
-    ({ className, ...props }: AvatarImageProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AvatarImageProps = React_2.ComponentProps<typeof Avatar.Image>;
-
-export declare const AvatarRoot: {
-    ({ className, size, ...props }: AvatarRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AvatarRootProps = React_2.ComponentProps<typeof Avatar.Root> & {
-    /** Size of the avatar */
-    size?: AvatarSize;
-};
-
-declare type AvatarSize = 'sm' | 'default' | 'lg';
-
-export declare const AvatarStack: {
-    ({ "aria-label": ariaLabel, maxVisible, className, children, }: AvatarStackProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type AvatarStackProps = {
-    /** ARIA label for the avatar stack list */
-    'aria-label': string;
-    /** Maximum number of avatars to display before showing overflow indicator */
-    maxVisible?: number;
-    /** Additional CSS classes */
-    className?: string;
-    /** Avatar components to display */
-    children: React_2.ReactNode;
-};
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime192 from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+
+//#region src/components/avatar.d.ts
+type AvatarSize = 'sm' | 'default' | 'lg';
+type AvatarRootProps = React.ComponentProps<typeof Avatar.Root> & {
+  /** Size of the avatar */
+  size?: AvatarSize;
+};
+declare const AvatarRoot: {
+  ({
+    className,
+    size,
+    ...props
+  }: AvatarRootProps): react_jsx_runtime192.JSX.Element;
+  displayName: string;
+};
+type AvatarImageProps = React.ComponentProps<typeof Avatar.Image>;
+declare const AvatarImage: {
+  ({
+    className,
+    ...props
+  }: AvatarImageProps): react_jsx_runtime192.JSX.Element;
+  displayName: string;
+};
+type AvatarFallbackProps = React.ComponentProps<typeof Avatar.Fallback>;
+declare const AvatarFallback: {
+  ({
+    className,
+    ...props
+  }: AvatarFallbackProps): react_jsx_runtime192.JSX.Element;
+  displayName: string;
+};
+type AvatarStackProps = {
+  /** ARIA label for the avatar stack list */
+  'aria-label': string;
+  /** Maximum number of avatars to display before showing overflow indicator */
+  maxVisible?: number;
+  /** Additional CSS classes */
+  className?: string;
+  /** Avatar components to display */
+  children: React.ReactNode;
+};
+declare const AvatarStack: {
+  ({
+    "aria-label": ariaLabel,
+    maxVisible,
+    className,
+    children
+  }: AvatarStackProps): react_jsx_runtime192.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, AvatarRoot, type AvatarRootProps, AvatarStack, type AvatarStackProps };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;KAgCK,UAAA;KAMA,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;;EANzD,IAAA,CAAA,EAQI,UARM;AAAA,CAAA;cAWT,UALc,EAAA;;IAA+B,SAAW;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAKX,eALW,CAAA,EAKI,oBAAA,CAAA,GAAA,CAAA,OALJ;aAAjC,EAAA,MAAA;;KAiBxB,gBAAA,GAAmB,KAAA,CAAM,cAfX,CAAA,OAeiC,MAAA,CAAW,KAf5C,CAAA;AAAA,cAiBb,WAVL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAU6C,gBAV7C,CAAA,EAU6D,oBAAA,CAAA,GAAA,CAAA,OAV7D;;;KAyBI,mBAAA,GAAsB,KAAA,CAAM,cA7BkB,CAAA,OA6BI,MAAA,CAAW,QA7Bf,CAAA;cA+B7C,cA/B4D,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA+BjB,mBA/BiB,CAAA,EA+BE,oBAAA,CAAA,GAAA,CAAA,OA/BF;EAY7D,WAAA,EAAA,MAAgB;CAAA;KAqChB,gBAAA,GArC0D;;EAAnB,YAAA,EAAA,MAAA;EAEtC;EAOL,UAAA,CAAA,EAAA,MAAA;;WAP6C,CAAA,EAAA,MAAA;;EAAgB,QAAA,EA2ClD,KAAA,CAAM,SA3C4C;AAAA,CAAA;cA8CxD,WA/BkB,EAAA;;IAA+B,YAAW,WAAA;IAAA,UAAA;IAAA,SAAA;IAAA;EAAA,CAAA,EAoC/D,gBApC+D,CAAA,EAoC/C,oBAAA,CAAA,GAAA,CAAA,OApC+C;aAAjC,EAAA,MAAA;CAAc"}