@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/autocomplete.js

@@ -0,0 +1,332 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { Autocomplete as Autocomplete$1 } from "@base-ui/react/autocomplete";
+
+//#region src/ui/autocomplete/autocomplete-arrow.tsx
+const AutocompleteArrow = (props) => /* @__PURE__ */ jsx(Autocomplete$1.Arrow, {
+	"data-slot": "autocomplete-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-backdrop.tsx
+const AutocompleteBackdrop = (props) => /* @__PURE__ */ jsx(Autocomplete$1.Backdrop, {
+	"data-slot": "autocomplete-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-clear.tsx
+const AutocompleteClear = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete$1.Clear, {
+	className: mergeBaseUIClassName("cursor-pointer", className),
+	"data-slot": "autocomplete-clear",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-collection.tsx
+const AutocompleteCollection = (props) => /* @__PURE__ */ jsx(Autocomplete$1.Collection, {
+	"data-slot": "autocomplete-collection",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-context.tsx
+const AutocompleteContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-overlay-context.tsx
+const AutocompleteOverlayContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-popup.tsx
+const autocompletePopupVariants = tv({
+	base: "relative z-50 max-h-[min(var(--available-height),20rem)] min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain border border-border bg-popover text-popover-foreground shadow-md",
+	variants: { size: {
+		xs: "rounded-[min(var(--radius-md),8px)] p-0.5",
+		sm: "rounded-[min(var(--radius-md),10px)] p-1",
+		md: "rounded-md p-1",
+		lg: "rounded-md p-1.5",
+		xl: "rounded-md p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AutocompletePopup = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(AutocompleteOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Autocomplete$1.Popup, {
+		className: mergeBaseUIClassName(autocompletePopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "autocomplete-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-portal.tsx
+const AutocompletePortal = (props) => /* @__PURE__ */ jsx(Autocomplete$1.Portal, {
+	"data-slot": "autocomplete-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-positioner.tsx
+const AutocompletePositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete$1.Positioner, {
+	className: mergeBaseUIClassName("z-50", className),
+	"data-slot": "autocomplete-positioner",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-content.tsx
+const AutocompleteContent = ({ className, children, size, sideOffset = 4, ...props }) => {
+	const { size: rootSize } = useContext(AutocompleteContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(AutocompleteOverlayContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(AutocompletePortal, { children: /* @__PURE__ */ jsx(AutocompletePositioner, {
+			className: "outline-none",
+			sideOffset,
+			children: /* @__PURE__ */ jsx(AutocompletePopup, {
+				className,
+				"data-size": resolvedSize,
+				"data-slot": "autocomplete-content",
+				size: resolvedSize,
+				...props,
+				children
+			})
+		}) })
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-empty.tsx
+const autocompleteEmptyVariants = tv({
+	base: "text-center empty:m-0 empty:p-0",
+	variants: { size: {
+		xs: "py-4 text-xs",
+		sm: "py-5 text-sm",
+		md: "py-6 text-sm",
+		lg: "py-7 text-sm",
+		xl: "py-8 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AutocompleteEmpty = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(AutocompleteOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Autocomplete$1.Empty, {
+		className: mergeBaseUIClassName(autocompleteEmptyVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "autocomplete-empty",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-group.tsx
+const AutocompleteGroup = (props) => /* @__PURE__ */ jsx(Autocomplete$1.Group, {
+	"data-slot": "autocomplete-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-group-label.tsx
+const autocompleteGroupLabelVariants = tv({
+	base: "font-medium text-muted-foreground",
+	variants: { size: {
+		xs: "px-1.5 py-1 text-xs",
+		sm: "px-2 py-1 text-xs",
+		md: "px-2 py-1.5 text-xs",
+		lg: "px-2.5 py-1.5 text-sm",
+		xl: "px-3 py-2 text-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AutocompleteGroupLabel = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(AutocompleteOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Autocomplete$1.GroupLabel, {
+		className: mergeBaseUIClassName(autocompleteGroupLabelVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "autocomplete-group-label",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-icon.tsx
+const AutocompleteIcon = (props) => /* @__PURE__ */ jsx(Autocomplete$1.Icon, {
+	"data-slot": "autocomplete-icon",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-input.tsx
+const autocompleteInputVariants = tv({
+	base: "flex w-full min-w-0 border border-input bg-transparent transition-colors outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/50 dark:bg-input/30",
+	variants: { size: {
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm",
+		md: "h-9 rounded-md px-2.5 py-1 text-base md:text-sm",
+		lg: "h-10 rounded-md px-3 py-1.5 text-base md:text-sm",
+		xl: "h-11 rounded-md px-4 py-1.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AutocompleteInput = ({ className, htmlSize, size, ...props }) => {
+	const { size: contextSize } = useContext(AutocompleteContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsx(Autocomplete$1.Input, {
+		className: mergeBaseUIClassName(autocompleteInputVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "autocomplete-input",
+		size: htmlSize,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-item.tsx
+const autocompleteItemVariants = tv({
+	base: "relative flex w-full cursor-pointer items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground",
+	variants: { size: {
+		xs: "gap-1 px-1.5 py-1 text-xs [&_svg:not([class*='size-'])]:size-3",
+		sm: "gap-1.5 px-2 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5",
+		md: "gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4",
+		lg: "gap-2 px-2.5 py-2 text-sm [&_svg:not([class*='size-'])]:size-4",
+		xl: "gap-2.5 px-3 py-2.5 text-base [&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AutocompleteItem = ({ className, children, size, ...props }) => {
+	const { size: overlaySize } = useContext(AutocompleteOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Autocomplete$1.Item, {
+		className: mergeBaseUIClassName(autocompleteItemVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "autocomplete-item",
+		...props,
+		children
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-list.tsx
+const AutocompleteList = (props) => /* @__PURE__ */ jsx(Autocomplete$1.List, {
+	"data-slot": "autocomplete-list",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-row.tsx
+const autocompleteRowVariants = tv({
+	base: "grid w-full",
+	variants: { size: {
+		xs: "scroll-my-1",
+		sm: "scroll-my-1",
+		md: "scroll-my-1.5",
+		lg: "scroll-my-2",
+		xl: "scroll-my-2.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AutocompleteRow = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(AutocompleteOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Autocomplete$1.Row, {
+		className: mergeBaseUIClassName(autocompleteRowVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "autocomplete-row",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-separator.tsx
+const AutocompleteSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete$1.Separator, {
+	className: mergeBaseUIClassName("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+	"data-slot": "autocomplete-separator",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-status.tsx
+const autocompleteStatusVariants = tv({
+	base: "flex items-center text-muted-foreground",
+	variants: { size: {
+		xs: "gap-1 px-1.5 py-1 text-xs",
+		sm: "gap-1.5 px-2 py-1 text-sm",
+		md: "gap-2 px-2 py-1.5 text-sm",
+		lg: "gap-2 px-2.5 py-2 text-sm",
+		xl: "gap-2.5 px-3 py-2.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AutocompleteStatus = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(AutocompleteOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Autocomplete$1.Status, {
+		className: mergeBaseUIClassName(autocompleteStatusVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "autocomplete-status",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-trigger.tsx
+const AutocompleteTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Autocomplete$1.Trigger, {
+	className: mergeBaseUIClassName("cursor-pointer", className),
+	"data-slot": "autocomplete-trigger",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete-value.tsx
+const AutocompleteValue = (props) => /* @__PURE__ */ jsx(Autocomplete$1.Value, {
+	"data-slot": "autocomplete-value",
+	...props
+});
+
+//#endregion
+//#region src/ui/autocomplete/autocomplete.tsx
+const Autocomplete = ({ size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(AutocompleteContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Autocomplete$1.Root, {
+			"data-size": size,
+			"data-slot": "autocomplete",
+			...props
+		})
+	});
+};
+Autocomplete.Arrow = AutocompleteArrow;
+Autocomplete.Backdrop = AutocompleteBackdrop;
+Autocomplete.Clear = AutocompleteClear;
+Autocomplete.Collection = AutocompleteCollection;
+Autocomplete.Content = AutocompleteContent;
+Autocomplete.Empty = AutocompleteEmpty;
+Autocomplete.Group = AutocompleteGroup;
+Autocomplete.GroupLabel = AutocompleteGroupLabel;
+Autocomplete.Icon = AutocompleteIcon;
+Autocomplete.Input = AutocompleteInput;
+Autocomplete.Item = AutocompleteItem;
+Autocomplete.List = AutocompleteList;
+Autocomplete.Popup = AutocompletePopup;
+Autocomplete.Portal = AutocompletePortal;
+Autocomplete.Positioner = AutocompletePositioner;
+Autocomplete.Row = AutocompleteRow;
+Autocomplete.Separator = AutocompleteSeparator;
+Autocomplete.Status = AutocompleteStatus;
+Autocomplete.Trigger = AutocompleteTrigger;
+Autocomplete.Value = AutocompleteValue;
+const { useFilter, useFilteredItems } = Autocomplete$1;
+
+//#endregion
+export { Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useFilter, useFilteredItems };
+//# sourceMappingURL=autocomplete.js.map

package/dist/ui/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","names":["BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete","BaseAutocomplete"],"sources":["../../src/ui/autocomplete/autocomplete-arrow.tsx","../../src/ui/autocomplete/autocomplete-backdrop.tsx","../../src/ui/autocomplete/autocomplete-clear.tsx","../../src/ui/autocomplete/autocomplete-collection.tsx","../../src/ui/autocomplete/autocomplete-context.tsx","../../src/ui/autocomplete/autocomplete-overlay-context.tsx","../../src/ui/autocomplete/autocomplete-popup.tsx","../../src/ui/autocomplete/autocomplete-portal.tsx","../../src/ui/autocomplete/autocomplete-positioner.tsx","../../src/ui/autocomplete/autocomplete-content.tsx","../../src/ui/autocomplete/autocomplete-empty.tsx","../../src/ui/autocomplete/autocomplete-group.tsx","../../src/ui/autocomplete/autocomplete-group-label.tsx","../../src/ui/autocomplete/autocomplete-icon.tsx","../../src/ui/autocomplete/autocomplete-input.tsx","../../src/ui/autocomplete/autocomplete-item.tsx","../../src/ui/autocomplete/autocomplete-list.tsx","../../src/ui/autocomplete/autocomplete-row.tsx","../../src/ui/autocomplete/autocomplete-separator.tsx","../../src/ui/autocomplete/autocomplete-status.tsx","../../src/ui/autocomplete/autocomplete-trigger.tsx","../../src/ui/autocomplete/autocomplete-value.tsx","../../src/ui/autocomplete/autocomplete.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompleteArrowProps = ComponentProps<\n  typeof BaseAutocomplete.Arrow\n>;\n\nexport const AutocompleteArrow = (props: AutocompleteArrowProps) => (\n  <BaseAutocomplete.Arrow data-slot=\"autocomplete-arrow\" {...props} />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompleteBackdropProps = ComponentProps<\n  typeof BaseAutocomplete.Backdrop\n>;\n\nexport const AutocompleteBackdrop = (props: AutocompleteBackdropProps) => (\n  <BaseAutocomplete.Backdrop data-slot=\"autocomplete-backdrop\" {...props} />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type AutocompleteClearProps = ComponentProps<\n  typeof BaseAutocomplete.Clear\n>;\n\nexport const AutocompleteClear = ({\n  className,\n  ...props\n}: AutocompleteClearProps) => (\n  <BaseAutocomplete.Clear\n    className={mergeBaseUIClassName<BaseAutocomplete.Clear.State>(\n      \"cursor-pointer\",\n      className\n    )}\n    data-slot=\"autocomplete-clear\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompleteCollectionProps = ComponentProps<\n  typeof BaseAutocomplete.Collection\n>;\n\nexport const AutocompleteCollection = (props: AutocompleteCollectionProps) => (\n  <BaseAutocomplete.Collection data-slot=\"autocomplete-collection\" {...props} />\n);\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface AutocompleteContextValue {\n  size?: InputSize;\n}\n\nconst AutocompleteContext = createContext<AutocompleteContextValue>({\n  size: \"md\",\n});\n\nexport { AutocompleteContext };\n","\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface AutocompleteOverlayContextValue {\n  size?: InputSize;\n}\n\nconst AutocompleteOverlayContext =\n  createContext<AutocompleteOverlayContextValue>({\n    size: \"md\",\n  });\n\nexport { AutocompleteOverlayContext };\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { AutocompleteOverlayContext } from \"./autocomplete-overlay-context\";\n\nexport type AutocompletePopupProps = ComponentProps<\n  typeof BaseAutocomplete.Popup\n> &\n  VariantProps<typeof autocompletePopupVariants>;\n\nconst autocompletePopupVariants = tv({\n  base: \"relative z-50 max-h-[min(var(--available-height),20rem)] min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto overscroll-contain border border-border bg-popover text-popover-foreground shadow-md\",\n  variants: {\n    size: {\n      xs: \"rounded-[min(var(--radius-md),8px)] p-0.5\",\n      sm: \"rounded-[min(var(--radius-md),10px)] p-1\",\n      md: \"rounded-md p-1\",\n      lg: \"rounded-md p-1.5\",\n      xl: \"rounded-md p-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const AutocompletePopup = ({\n  className,\n  size,\n  ...props\n}: AutocompletePopupProps) => {\n  const { size: overlaySize } = useContext(AutocompleteOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <BaseAutocomplete.Popup\n      className={mergeBaseUIClassName<BaseAutocomplete.Popup.State>(\n        autocompletePopupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"autocomplete-popup\"\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompletePortalProps = ComponentProps<\n  typeof BaseAutocomplete.Portal\n>;\n\nexport const AutocompletePortal = (props: AutocompletePortalProps) => (\n  <BaseAutocomplete.Portal data-slot=\"autocomplete-portal\" {...props} />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type AutocompletePositionerProps = ComponentProps<\n  typeof BaseAutocomplete.Positioner\n>;\n\nexport const AutocompletePositioner = ({\n  className,\n  ...props\n}: AutocompletePositionerProps) => (\n  <BaseAutocomplete.Positioner\n    className={mergeBaseUIClassName<BaseAutocomplete.Positioner.State>(\n      \"z-50\",\n      className\n    )}\n    data-slot=\"autocomplete-positioner\"\n    {...props}\n  />\n);\n","import type { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { AutocompleteContext } from \"./autocomplete-context\";\nimport { AutocompleteOverlayContext } from \"./autocomplete-overlay-context\";\nimport { AutocompletePopup } from \"./autocomplete-popup\";\nimport { AutocompletePortal } from \"./autocomplete-portal\";\nimport { AutocompletePositioner } from \"./autocomplete-positioner\";\n\nexport type AutocompleteContentProps = ComponentProps<\n  typeof BaseAutocomplete.Popup\n> & {\n  size?: InputSize;\n  sideOffset?: BaseAutocomplete.Positioner.Props[\"sideOffset\"];\n};\n\nexport const AutocompleteContent = ({\n  className,\n  children,\n  size,\n  sideOffset = 4,\n  ...props\n}: AutocompleteContentProps) => {\n  const { size: rootSize } = useContext(AutocompleteContext);\n  const resolvedSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <AutocompleteOverlayContext.Provider value={{ size: resolvedSize }}>\n      <AutocompletePortal>\n        <AutocompletePositioner\n          className=\"outline-none\"\n          sideOffset={sideOffset}\n        >\n          <AutocompletePopup\n            className={className}\n            data-size={resolvedSize}\n            data-slot=\"autocomplete-content\"\n            size={resolvedSize}\n            {...props}\n          >\n            {children}\n          </AutocompletePopup>\n        </AutocompletePositioner>\n      </AutocompletePortal>\n    </AutocompleteOverlayContext.Provider>\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { AutocompleteOverlayContext } from \"./autocomplete-overlay-context\";\n\nexport type AutocompleteEmptyProps = ComponentProps<\n  typeof BaseAutocomplete.Empty\n> &\n  VariantProps<typeof autocompleteEmptyVariants>;\n\nconst autocompleteEmptyVariants = tv({\n  base: \"text-center empty:m-0 empty:p-0\",\n  variants: {\n    size: {\n      xs: \"py-4 text-xs\",\n      sm: \"py-5 text-sm\",\n      md: \"py-6 text-sm\",\n      lg: \"py-7 text-sm\",\n      xl: \"py-8 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const AutocompleteEmpty = ({\n  className,\n  size,\n  ...props\n}: AutocompleteEmptyProps) => {\n  const { size: overlaySize } = useContext(AutocompleteOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <BaseAutocomplete.Empty\n      className={mergeBaseUIClassName<BaseAutocomplete.Empty.State>(\n        autocompleteEmptyVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"autocomplete-empty\"\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompleteGroupProps = ComponentProps<\n  typeof BaseAutocomplete.Group\n>;\n\nexport const AutocompleteGroup = (props: AutocompleteGroupProps) => (\n  <BaseAutocomplete.Group data-slot=\"autocomplete-group\" {...props} />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { AutocompleteOverlayContext } from \"./autocomplete-overlay-context\";\n\nexport type AutocompleteGroupLabelProps = ComponentProps<\n  typeof BaseAutocomplete.GroupLabel\n> &\n  VariantProps<typeof autocompleteGroupLabelVariants>;\n\nconst autocompleteGroupLabelVariants = tv({\n  base: \"font-medium text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"px-1.5 py-1 text-xs\",\n      sm: \"px-2 py-1 text-xs\",\n      md: \"px-2 py-1.5 text-xs\",\n      lg: \"px-2.5 py-1.5 text-sm\",\n      xl: \"px-3 py-2 text-sm\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const AutocompleteGroupLabel = ({\n  className,\n  size,\n  ...props\n}: AutocompleteGroupLabelProps) => {\n  const { size: overlaySize } = useContext(AutocompleteOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <BaseAutocomplete.GroupLabel\n      className={mergeBaseUIClassName<BaseAutocomplete.GroupLabel.State>(\n        autocompleteGroupLabelVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"autocomplete-group-label\"\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompleteIconProps = ComponentProps<\n  typeof BaseAutocomplete.Icon\n>;\n\nexport const AutocompleteIcon = (props: AutocompleteIconProps) => (\n  <BaseAutocomplete.Icon data-slot=\"autocomplete-icon\" {...props} />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { AutocompleteContext } from \"./autocomplete-context\";\n\nconst autocompleteInputVariants = tv({\n  base: \"flex w-full min-w-0 border border-input bg-transparent transition-colors outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/50 dark:bg-input/30\",\n  variants: {\n    size: {\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm\",\n      md: \"h-9 rounded-md px-2.5 py-1 text-base md:text-sm\",\n      lg: \"h-10 rounded-md px-3 py-1.5 text-base md:text-sm\",\n      xl: \"h-11 rounded-md px-4 py-1.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype AutocompleteInputVariantProps = VariantProps<\n  typeof autocompleteInputVariants\n>;\ntype NativeAutocompleteInputProps = ComponentProps<\n  typeof BaseAutocomplete.Input\n>;\ntype NativeAutocompleteInputSize = NativeAutocompleteInputProps[\"size\"];\n\nexport type AutocompleteInputProps = Omit<\n  NativeAutocompleteInputProps,\n  \"size\"\n> &\n  AutocompleteInputVariantProps & {\n    htmlSize?: NativeAutocompleteInputSize;\n  };\n\nexport const AutocompleteInput = ({\n  className,\n  htmlSize,\n  size,\n  ...props\n}: AutocompleteInputProps) => {\n  const { size: contextSize } = useContext(AutocompleteContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <BaseAutocomplete.Input\n      className={mergeBaseUIClassName<BaseAutocomplete.Input.State>(\n        autocompleteInputVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"autocomplete-input\"\n      size={htmlSize}\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { AutocompleteOverlayContext } from \"./autocomplete-overlay-context\";\n\nexport type AutocompleteItemProps = ComponentProps<\n  typeof BaseAutocomplete.Item\n> &\n  VariantProps<typeof autocompleteItemVariants>;\n\nconst autocompleteItemVariants = tv({\n  base: \"relative flex w-full cursor-pointer items-center rounded-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"gap-1 px-1.5 py-1 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"gap-1.5 px-2 py-1 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"gap-2 px-2 py-1.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"gap-2 px-2.5 py-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"gap-2.5 px-3 py-2.5 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const AutocompleteItem = ({\n  className,\n  children,\n  size,\n  ...props\n}: AutocompleteItemProps) => {\n  const { size: overlaySize } = useContext(AutocompleteOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <BaseAutocomplete.Item\n      className={mergeBaseUIClassName<BaseAutocomplete.Item.State>(\n        autocompleteItemVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"autocomplete-item\"\n      {...props}\n    >\n      {children}\n    </BaseAutocomplete.Item>\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompleteListProps = ComponentProps<\n  typeof BaseAutocomplete.List\n>;\n\nexport const AutocompleteList = (props: AutocompleteListProps) => (\n  <BaseAutocomplete.List data-slot=\"autocomplete-list\" {...props} />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { AutocompleteOverlayContext } from \"./autocomplete-overlay-context\";\n\nconst autocompleteRowVariants = tv({\n  base: \"grid w-full\",\n  variants: {\n    size: {\n      xs: \"scroll-my-1\",\n      sm: \"scroll-my-1\",\n      md: \"scroll-my-1.5\",\n      lg: \"scroll-my-2\",\n      xl: \"scroll-my-2.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type AutocompleteRowProps = ComponentProps<typeof BaseAutocomplete.Row> &\n  VariantProps<typeof autocompleteRowVariants>;\n\nexport const AutocompleteRow = ({\n  className,\n  size,\n  ...props\n}: AutocompleteRowProps) => {\n  const { size: overlaySize } = useContext(AutocompleteOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <BaseAutocomplete.Row\n      className={mergeBaseUIClassName<BaseAutocomplete.Row.State>(\n        autocompleteRowVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"autocomplete-row\"\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type AutocompleteSeparatorProps = ComponentProps<\n  typeof BaseAutocomplete.Separator\n>;\n\nexport const AutocompleteSeparator = ({\n  className,\n  ...props\n}: AutocompleteSeparatorProps) => (\n  <BaseAutocomplete.Separator\n    className={mergeBaseUIClassName<BaseAutocomplete.Separator.State>(\n      \"pointer-events-none -mx-1 my-1 h-px bg-border\",\n      className\n    )}\n    data-slot=\"autocomplete-separator\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\nimport { useContext } from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { AutocompleteOverlayContext } from \"./autocomplete-overlay-context\";\n\nexport type AutocompleteStatusProps = ComponentProps<\n  typeof BaseAutocomplete.Status\n> &\n  VariantProps<typeof autocompleteStatusVariants>;\n\nconst autocompleteStatusVariants = tv({\n  base: \"flex items-center text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"gap-1 px-1.5 py-1 text-xs\",\n      sm: \"gap-1.5 px-2 py-1 text-sm\",\n      md: \"gap-2 px-2 py-1.5 text-sm\",\n      lg: \"gap-2 px-2.5 py-2 text-sm\",\n      xl: \"gap-2.5 px-3 py-2.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const AutocompleteStatus = ({\n  className,\n  size,\n  ...props\n}: AutocompleteStatusProps) => {\n  const { size: overlaySize } = useContext(AutocompleteOverlayContext);\n  const resolvedSize: InputSize = size ?? overlaySize ?? \"md\";\n\n  return (\n    <BaseAutocomplete.Status\n      className={mergeBaseUIClassName<BaseAutocomplete.Status.State>(\n        autocompleteStatusVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"autocomplete-status\"\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type AutocompleteTriggerProps = ComponentProps<\n  typeof BaseAutocomplete.Trigger\n>;\n\nexport const AutocompleteTrigger = ({\n  className,\n  ...props\n}: AutocompleteTriggerProps) => (\n  <BaseAutocomplete.Trigger\n    className={mergeBaseUIClassName<BaseAutocomplete.Trigger.State>(\n      \"cursor-pointer\",\n      className\n    )}\n    data-slot=\"autocomplete-trigger\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nexport type AutocompleteValueProps = ComponentProps<\n  typeof BaseAutocomplete.Value\n>;\n\nexport const AutocompleteValue = (props: AutocompleteValueProps) => (\n  <BaseAutocomplete.Value data-slot=\"autocomplete-value\" {...props} />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Autocomplete as BaseAutocomplete } from \"@base-ui/react/autocomplete\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { AutocompleteArrow } from \"./autocomplete-arrow\";\nimport { AutocompleteBackdrop } from \"./autocomplete-backdrop\";\nimport { AutocompleteClear } from \"./autocomplete-clear\";\nimport { AutocompleteCollection } from \"./autocomplete-collection\";\nimport { AutocompleteContent } from \"./autocomplete-content\";\nimport { AutocompleteContext } from \"./autocomplete-context\";\nimport { AutocompleteEmpty } from \"./autocomplete-empty\";\nimport { AutocompleteGroup } from \"./autocomplete-group\";\nimport { AutocompleteGroupLabel } from \"./autocomplete-group-label\";\nimport { AutocompleteIcon } from \"./autocomplete-icon\";\nimport { AutocompleteInput } from \"./autocomplete-input\";\nimport { AutocompleteItem } from \"./autocomplete-item\";\nimport { AutocompleteList } from \"./autocomplete-list\";\nimport { AutocompletePopup } from \"./autocomplete-popup\";\nimport { AutocompletePortal } from \"./autocomplete-portal\";\nimport { AutocompletePositioner } from \"./autocomplete-positioner\";\nimport { AutocompleteRow } from \"./autocomplete-row\";\nimport { AutocompleteSeparator } from \"./autocomplete-separator\";\nimport { AutocompleteStatus } from \"./autocomplete-status\";\nimport { AutocompleteTrigger } from \"./autocomplete-trigger\";\nimport { AutocompleteValue } from \"./autocomplete-value\";\n\nexport type AutocompleteProps = ComponentProps<typeof BaseAutocomplete.Root> & {\n  size?: InputSize;\n};\n\nconst Autocomplete = ({ size: providedSize, ...props }: AutocompleteProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AutocompleteContext.Provider value={{ size }}>\n      <BaseAutocomplete.Root\n        data-size={size}\n        data-slot=\"autocomplete\"\n        {...props}\n      />\n    </AutocompleteContext.Provider>\n  );\n};\n\nAutocomplete.Arrow = AutocompleteArrow;\nAutocomplete.Backdrop = AutocompleteBackdrop;\nAutocomplete.Clear = AutocompleteClear;\nAutocomplete.Collection = AutocompleteCollection;\nAutocomplete.Content = AutocompleteContent;\nAutocomplete.Empty = AutocompleteEmpty;\nAutocomplete.Group = AutocompleteGroup;\nAutocomplete.GroupLabel = AutocompleteGroupLabel;\nAutocomplete.Icon = AutocompleteIcon;\nAutocomplete.Input = AutocompleteInput;\nAutocomplete.Item = AutocompleteItem;\nAutocomplete.List = AutocompleteList;\nAutocomplete.Popup = AutocompletePopup;\nAutocomplete.Portal = AutocompletePortal;\nAutocomplete.Positioner = AutocompletePositioner;\nAutocomplete.Row = AutocompleteRow;\nAutocomplete.Separator = AutocompleteSeparator;\nAutocomplete.Status = AutocompleteStatus;\nAutocomplete.Trigger = AutocompleteTrigger;\nAutocomplete.Value = AutocompleteValue;\n\nexport const { useFilter, useFilteredItems } = BaseAutocomplete;\n\nexport type { AutocompleteArrowProps } from \"./autocomplete-arrow\";\nexport type { AutocompleteBackdropProps } from \"./autocomplete-backdrop\";\nexport type { AutocompleteClearProps } from \"./autocomplete-clear\";\nexport type { AutocompleteCollectionProps } from \"./autocomplete-collection\";\nexport type { AutocompleteContentProps } from \"./autocomplete-content\";\nexport type { AutocompleteEmptyProps } from \"./autocomplete-empty\";\nexport type { AutocompleteGroupProps } from \"./autocomplete-group\";\nexport type { AutocompleteGroupLabelProps } from \"./autocomplete-group-label\";\nexport type { AutocompleteIconProps } from \"./autocomplete-icon\";\nexport type { AutocompleteInputProps } from \"./autocomplete-input\";\nexport type { AutocompleteItemProps } from \"./autocomplete-item\";\nexport type { AutocompleteListProps } from \"./autocomplete-list\";\nexport type { AutocompletePortalProps } from \"./autocomplete-portal\";\nexport type { AutocompletePositionerProps } from \"./autocomplete-positioner\";\nexport type { AutocompletePopupProps } from \"./autocomplete-popup\";\nexport type { AutocompleteRowProps } from \"./autocomplete-row\";\nexport type { AutocompleteSeparatorProps } from \"./autocomplete-separator\";\nexport type { AutocompleteStatusProps } from \"./autocomplete-status\";\nexport type { AutocompleteTriggerProps } from \"./autocomplete-trigger\";\nexport type { AutocompleteValueProps } from \"./autocomplete-value\";\n\nexport {\n  Autocomplete,\n  AutocompleteArrow,\n  AutocompleteBackdrop,\n  AutocompleteClear,\n  AutocompleteCollection,\n  AutocompleteContent,\n  AutocompleteEmpty,\n  AutocompleteGroup,\n  AutocompleteGroupLabel,\n  AutocompleteIcon,\n  AutocompleteInput,\n  AutocompleteItem,\n  AutocompleteList,\n  AutocompletePopup,\n  AutocompletePortal,\n  AutocompletePositioner,\n  AutocompleteRow,\n  AutocompleteSeparator,\n  AutocompleteStatus,\n  AutocompleteTrigger,\n  AutocompleteValue,\n};\n"],"mappings":"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"}

package/dist/ui/avatar.d.ts

@@ -0,0 +1,39 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { a as AvatarGroup, c as AvatarFallbackProps, i as AvatarGroupCountProps, l as AvatarBadge, n as AvatarImageProps, o as AvatarGroupProps, r as AvatarGroupCount, s as AvatarFallback, t as AvatarImage, u as AvatarBadgeProps } from "../avatar-image-Ce26D2fb.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
+
+//#region src/ui/avatar/avatar.d.ts
+type AvatarProps = Avatar$1.Root.Props & {
+  size?: UISize;
+};
+declare const Avatar: {
+  ({
+    className,
+    size: providedSize,
+    ...props
+  }: AvatarProps): react_jsx_runtime0.JSX.Element;
+  Badge: ({
+    className,
+    ...props
+  }: AvatarBadgeProps) => react_jsx_runtime0.JSX.Element;
+  Fallback: ({
+    className,
+    ...props
+  }: AvatarFallbackProps) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: AvatarGroupProps) => react_jsx_runtime0.JSX.Element;
+  GroupCount: ({
+    className,
+    ...props
+  }: AvatarGroupCountProps) => react_jsx_runtime0.JSX.Element;
+  Image: ({
+    className,
+    ...props
+  }: AvatarImageProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, AvatarProps };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/ui/avatar/avatar.tsx"],"mappings":";;;;;;KAaY,WAAA,GAAc,QAAA,CAAgB,IAAA,CAAK,KAAA;EAC7C,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,MAAA;EAAA;;;;KAAuD,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/avatar.js

@@ -0,0 +1,27 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { a as AvatarBadge, i as AvatarFallback, n as AvatarGroupCount, r as AvatarGroup, t as AvatarImage } from "../avatar-image-BQ_NEKH4.js";
+import { jsx } from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
+
+//#region src/ui/avatar/avatar.tsx
+const Avatar = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Avatar$1.Root, {
+		className: mergeBaseUIClassName("group/avatar relative flex shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=xs]:size-5 data-[size=sm]:size-6 data-[size=md]:size-8 data-[size=lg]:size-10 data-[size=xl]:size-11 dark:after:mix-blend-lighten", className),
+		"data-size": size,
+		"data-slot": "avatar",
+		...props
+	});
+};
+Avatar.Badge = AvatarBadge;
+Avatar.Fallback = AvatarFallback;
+Avatar.Group = AvatarGroup;
+Avatar.GroupCount = AvatarGroupCount;
+Avatar.Image = AvatarImage;
+
+//#endregion
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
+//# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["AvatarPrimitive"],"sources":["../../src/ui/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { AvatarBadge } from \"./avatar-badge\";\nimport { AvatarFallback } from \"./avatar-fallback\";\nimport { AvatarGroup } from \"./avatar-group\";\nimport { AvatarGroupCount } from \"./avatar-group-count\";\nimport { AvatarImage } from \"./avatar-image\";\nexport type AvatarProps = AvatarPrimitive.Root.Props & {\n  size?: UISize;\n};\n\nconst Avatar = ({ className, size: providedSize, ...props }: AvatarProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <AvatarPrimitive.Root\n      className={mergeBaseUIClassName<AvatarPrimitive.Root.State>(\n        \"group/avatar relative flex shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=xs]:size-5 data-[size=sm]:size-6 data-[size=md]:size-8 data-[size=lg]:size-10 data-[size=xl]:size-11 dark:after:mix-blend-lighten\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"avatar\"\n      {...props}\n    />\n  );\n};\n\nAvatar.Badge = AvatarBadge;\nAvatar.Fallback = AvatarFallback;\nAvatar.Group = AvatarGroup;\nAvatar.GroupCount = AvatarGroupCount;\nAvatar.Image = AvatarImage;\n\nexport {\n  Avatar,\n  AvatarBadge,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarImage,\n};\n\nexport type { AvatarBadgeProps } from \"./avatar-badge\";\nexport type { AvatarFallbackProps } from \"./avatar-fallback\";\nexport type { AvatarGroupProps } from \"./avatar-group\";\nexport type { AvatarGroupCountProps } from \"./avatar-group-count\";\nexport type { AvatarImageProps } from \"./avatar-image\";\n"],"mappings":";;;;;;;;;AAiBA,MAAM,UAAU,EAAE,WAAW,MAAM,cAAc,GAAG,YAAyB;CAC3E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,SAAgB;EACf,WAAW,qBACT,qTACA,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;AAIN,OAAO,QAAQ;AACf,OAAO,WAAW;AAClB,OAAO,QAAQ;AACf,OAAO,aAAa;AACpB,OAAO,QAAQ"}

package/dist/ui/badge.d.ts

@@ -0,0 +1,69 @@
+import * as react from "react";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/badge/badge.d.ts
+type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
+declare const badgeVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    secondary: string;
+    outline: string;
+    ghost: string;
+    link: string;
+    success: string[];
+    warning: string[];
+    info: string[];
+    danger: string[];
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none", {
+  variant: {
+    default: string;
+    secondary: string;
+    outline: string;
+    ghost: string;
+    link: string;
+    success: string[];
+    warning: string[];
+    info: string[];
+    danger: string[];
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    secondary: string;
+    outline: string;
+    ghost: string;
+    link: string;
+    success: string[];
+    warning: string[];
+    info: string[];
+    danger: string[];
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none", unknown, unknown, undefined>>;
+declare const Badge: (incomingProps: BadgeProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+//#endregion
+export { Badge, BadgeProps, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/ui/badge/badge.tsx"],"mappings":";;;;;;KAOY,UAAA,GAAa,SAAA,CAAU,cAAA,WACjC,YAAA,QAAoB,aAAA;AAAA,cAEhB,aAAA,EAmCJ,kBAAA,CAnCiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmCjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;cAEI,KAAA,GAAS,aAAA,EAAe,UAAA,KAAU,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}

package/dist/ui/badge.js

@@ -0,0 +1,55 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as useBadgeDefaultProps } from "../use-badge-default-props-8d9wPL0k.js";
+import { cn, tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/badge/badge.tsx
+const badgeVariants = tv({
+	base: "group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none",
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+			outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+			ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+			link: "text-primary underline-offset-4 hover:underline",
+			success: ["border-success-border/50", "bg-success text-success-foreground"],
+			warning: ["border-warning-border/50", "bg-warning text-warning-foreground"],
+			info: ["border-info-border/50", "bg-info text-info-foreground"],
+			danger: ["border-danger-border/50", "bg-danger text-danger-foreground"]
+		},
+		size: {
+			xs: "h-4 gap-0.5 px-1.5 py-0 text-[0.65rem] [&>svg]:size-2.5!",
+			sm: "h-5 gap-1 px-2 py-0.5 text-xs [&>svg]:size-3!",
+			md: "h-6 gap-1 px-2.5 py-0.5 text-xs [&>svg]:size-3!",
+			lg: "h-7 gap-1.5 px-3 py-1 text-sm [&>svg]:size-4!",
+			xl: "h-8 gap-1.5 px-3.5 py-1 text-base [&>svg]:size-5!"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+const Badge = (incomingProps) => {
+	const { className, size: providedSize, variant = "default", render, ...props } = useBadgeDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({
+			size,
+			variant
+		}), className) }, props),
+		render,
+		state: {
+			slot: "badge",
+			size,
+			variant
+		}
+	});
+};
+
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/ui/badge/badge.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { useBadgeDefaultProps } from \"./use-badge-default-props\";\n\nexport type BadgeProps = useRender.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants>;\n\nconst badgeVariants = tv({\n  base: \"group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden rounded-4xl border border-transparent font-medium whitespace-nowrap transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40 [&>svg]:pointer-events-none\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n      secondary:\n        \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n      outline:\n        \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n      success: [\n        \"border-success-border/50\",\n        \"bg-success text-success-foreground\",\n      ],\n      warning: [\n        \"border-warning-border/50\",\n        \"bg-warning text-warning-foreground\",\n      ],\n      info: [\"border-info-border/50\", \"bg-info text-info-foreground\"],\n      danger: [\"border-danger-border/50\", \"bg-danger text-danger-foreground\"],\n    },\n    size: {\n      xs: \"h-4 gap-0.5 px-1.5 py-0 text-[0.65rem] [&>svg]:size-2.5!\",\n      sm: \"h-5 gap-1 px-2 py-0.5 text-xs [&>svg]:size-3!\",\n      md: \"h-6 gap-1 px-2.5 py-0.5 text-xs [&>svg]:size-3!\",\n      lg: \"h-7 gap-1.5 px-3 py-1 text-sm [&>svg]:size-4!\",\n      xl: \"h-8 gap-1.5 px-3.5 py-1 text-base [&>svg]:size-5!\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\nconst Badge = (incomingProps: BadgeProps) => {\n  const {\n    className,\n    size: providedSize,\n    variant = \"default\",\n    render,\n    ...props\n  } = useBadgeDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ size, variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      size,\n      variant,\n    },\n  });\n};\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,WACE;GACF,SACE;GACF,OACE;GACF,MAAM;GACN,SAAS,CACP,4BACA,qCACD;GACD,SAAS,CACP,4BACA,qCACD;GACD,MAAM,CAAC,yBAAyB,+BAA+B;GAC/D,QAAQ,CAAC,2BAA2B,mCAAmC;GACxE;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC;AAEF,MAAM,SAAS,kBAA8B;CAC3C,MAAM,EACJ,WACA,MAAM,cACN,UAAU,WACV,QACA,GAAG,UACD,qBAAqB,cAAc;CACvC,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,cAAc;GAAE;GAAM;GAAS,CAAC,EAAE,UAAU,EAC3D,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACA;GACD;EACF,CAAC"}