@kuzenbo/core 0.0.2 → 0.0.4

package/dist/ui/emoji-picker.js

@@ -0,0 +1,346 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { EmojiPicker as EmojiPicker$1 } from "frimousse";
+
+//#region src/ui/emoji-picker/emoji-picker-active-emoji.tsx
+const EmojiPickerActiveEmoji = (props) => /* @__PURE__ */ jsx(EmojiPicker$1.ActiveEmoji, {
+	"data-slot": "emoji-picker-active-emoji",
+	...props
+});
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-size-context.ts
+const { SizeContext: EmojiPickerSizeContext, useResolvedSize: useEmojiPickerResolvedSize } = createSizeContext();
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-active-emoji-preview.tsx
+const emojiPickerActiveEmojiPreviewVariants = tv({
+	slots: {
+		emoji: "",
+		root: "flex items-center rounded-md border-t bg-popover"
+	},
+	variants: { size: {
+		xs: {
+			emoji: "text-base",
+			root: "gap-1.5 px-2 py-1 text-xs"
+		},
+		sm: {
+			emoji: "text-base",
+			root: "gap-2 px-2.5 py-1.5 text-sm"
+		},
+		md: {
+			emoji: "text-lg",
+			root: "gap-2 px-3 py-2 text-sm"
+		},
+		lg: {
+			emoji: "text-xl",
+			root: "gap-2.5 px-3.5 py-2 text-sm"
+		},
+		xl: {
+			emoji: "text-2xl",
+			root: "gap-3 px-4 py-2.5 text-base"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerActiveEmojiPreview = ({ emptyText = "Hover or navigate to see emoji details", size, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	const { emoji, root } = emojiPickerActiveEmojiPreviewVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsx(EmojiPickerActiveEmoji, {
+		...props,
+		children: ({ emoji: activeEmoji }) => /* @__PURE__ */ jsx("div", {
+			className: cn(root(), !activeEmoji && "text-muted-foreground"),
+			"data-size": resolvedSize,
+			"data-slot": "emoji-picker-active-emoji-preview",
+			children: activeEmoji ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				className: emoji(),
+				children: activeEmoji.emoji
+			}), /* @__PURE__ */ jsx("span", { children: activeEmoji.label })] }) : /* @__PURE__ */ jsx("span", { children: emptyText })
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-content.tsx
+const EmojiPickerContent = ({ className, size, children, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(EmojiPicker$1.Viewport, {
+			className: cn("relative flex-1 outline-hidden", className),
+			"data-size": resolvedSize,
+			"data-slot": "emoji-picker-content",
+			...props,
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-empty.tsx
+const emojiPickerEmptyVariants = tv({
+	base: "absolute inset-0 flex items-center justify-center text-muted-foreground",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-sm",
+		md: "text-sm",
+		lg: "text-sm",
+		xl: "text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerEmpty = ({ className, size, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx(EmojiPicker$1.Empty, {
+		className: cn(emojiPickerEmptyVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "emoji-picker-empty",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-list-category-header.tsx
+const emojiPickerListCategoryHeaderVariants = tv({
+	base: "bg-popover font-medium text-muted-foreground",
+	variants: { size: {
+		xs: "px-2 pb-1 text-[10px]",
+		sm: "px-2.5 pb-1 text-xs",
+		md: "px-3 pb-1.5 text-xs",
+		lg: "px-3.5 pb-1.5 text-sm",
+		xl: "px-4 pb-2 text-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerListCategoryHeader = ({ category, className, size, ...restProps }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emojiPickerListCategoryHeaderVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "emoji-picker-list-category-header",
+		...restProps,
+		children: category.label
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-list-emoji.tsx
+const emojiPickerListEmojiVariants = tv({
+	base: "flex cursor-pointer items-center justify-center rounded-md data-active:bg-accent",
+	variants: { size: {
+		xs: "size-6 text-sm",
+		sm: "size-7 text-base",
+		md: "size-8 text-lg",
+		lg: "size-9 text-xl",
+		xl: "size-10 text-2xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerListEmoji = ({ emoji, className, size, ...restProps }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: cn(emojiPickerListEmojiVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "emoji-picker-list-emoji",
+		...restProps,
+		children: emoji.emoji
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-list-row.tsx
+const emojiPickerListRowVariants = tv({
+	base: "",
+	variants: { size: {
+		xs: "scroll-my-1 px-1",
+		sm: "scroll-my-1.5 px-1.5",
+		md: "scroll-my-1.5 px-1.5",
+		lg: "scroll-my-2 px-2",
+		xl: "scroll-my-2 px-2.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerListRow = ({ children, className, size, ...restProps }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(emojiPickerListRowVariants({ size: resolvedSize }), className),
+			"data-size": resolvedSize,
+			"data-slot": "emoji-picker-list-row",
+			...restProps,
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-list.tsx
+const emojiPickerListVariants = tv({
+	base: "select-none",
+	variants: { size: {
+		xs: "pb-1.5",
+		sm: "pb-2",
+		md: "pb-2",
+		lg: "pb-2.5",
+		xl: "pb-3"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerList = ({ className, size, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(EmojiPicker$1.List, {
+			className: cn(emojiPickerListVariants({ size: resolvedSize }), className),
+			components: {
+				CategoryHeader: EmojiPickerListCategoryHeader,
+				Row: EmojiPickerListRow,
+				Emoji: EmojiPickerListEmoji
+			},
+			"data-size": resolvedSize,
+			"data-slot": "emoji-picker-list",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-loading.tsx
+const emojiPickerLoadingVariants = tv({
+	base: "absolute inset-0 flex items-center justify-center text-muted-foreground",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-sm",
+		md: "text-sm",
+		lg: "text-sm",
+		xl: "text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerLoading = ({ className, size, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx(EmojiPicker$1.Loading, {
+		className: cn(emojiPickerLoadingVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "emoji-picker-loading",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-search.tsx
+const emojiPickerSearchWrapperVariants = tv({
+	variants: { size: {
+		xs: "p-1.5",
+		sm: "p-2",
+		md: "p-2",
+		lg: "p-2.5",
+		xl: "p-3"
+	} },
+	defaultVariants: { size: "md" }
+});
+const emojiPickerSearchVariants = tv({
+	base: "z-50 flex w-full min-w-0 border border-input bg-input shadow-xs transition-[color,box-shadow,border-color] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50",
+	variants: { size: {
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm",
+		md: "h-9 rounded-md px-3 text-base md:text-sm",
+		lg: "h-10 rounded-md px-3 text-base md:text-sm",
+		xl: "h-11 rounded-md px-4 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerSearch = ({ className, htmlSize, size, wrapperClassName, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emojiPickerSearchWrapperVariants({ size: resolvedSize }), wrapperClassName),
+		"data-size": resolvedSize,
+		"data-slot": "emoji-picker-search-wrapper",
+		children: /* @__PURE__ */ jsx(EmojiPicker$1.Search, {
+			className: cn(emojiPickerSearchVariants({ size: resolvedSize }), className),
+			"data-size": resolvedSize,
+			"data-slot": "emoji-picker-search",
+			size: htmlSize,
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-skin-tone.tsx
+const EmojiPickerSkinTone = ({ size, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx(EmojiPicker$1.SkinTone, {
+		"data-size": resolvedSize,
+		"data-slot": "emoji-picker-skin-tone",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker-skin-tone-selector.tsx
+const emojiPickerSkinToneSelectorVariants = tv({
+	base: "mx-2 mb-1.5 rounded-md bg-popover hover:bg-accent",
+	variants: { size: {
+		xs: "size-6 text-sm",
+		sm: "size-7 text-base",
+		md: "size-8 text-lg",
+		lg: "size-9 text-xl",
+		xl: "size-10 text-2xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPickerSkinToneSelector = ({ className, size, ...props }) => {
+	const resolvedSize = useEmojiPickerResolvedSize(size);
+	return /* @__PURE__ */ jsx(EmojiPicker$1.SkinToneSelector, {
+		className: cn(emojiPickerSkinToneSelectorVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "emoji-picker-skin-tone-selector",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/emoji-picker/emoji-picker.tsx
+const emojiPickerVariants = tv({
+	base: "isolate flex w-fit flex-col rounded-md border border-border bg-popover shadow-md",
+	variants: { size: {
+		xs: "h-64 rounded-[min(var(--radius-md),8px)]",
+		sm: "h-72 rounded-[min(var(--radius-md),10px)]",
+		md: "h-80",
+		lg: "h-96",
+		xl: "h-[28rem] rounded-xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmojiPicker = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(EmojiPicker$1.Root, {
+			className: cn(emojiPickerVariants({ size }), className),
+			"data-size": size,
+			"data-slot": "emoji-picker",
+			...props
+		})
+	});
+};
+EmojiPicker.ActiveEmoji = EmojiPickerActiveEmoji;
+EmojiPicker.ActiveEmojiPreview = EmojiPickerActiveEmojiPreview;
+EmojiPicker.Content = EmojiPickerContent;
+EmojiPicker.Empty = EmojiPickerEmpty;
+EmojiPicker.List = EmojiPickerList;
+EmojiPicker.Loading = EmojiPickerLoading;
+EmojiPicker.Search = EmojiPickerSearch;
+EmojiPicker.SkinTone = EmojiPickerSkinTone;
+EmojiPicker.SkinToneSelector = EmojiPickerSkinToneSelector;
+
+//#endregion
+export { EmojiPicker, EmojiPickerActiveEmoji, EmojiPickerActiveEmojiPreview, EmojiPickerContent, EmojiPickerEmpty, EmojiPickerList, EmojiPickerLoading, EmojiPickerSearch, EmojiPickerSkinTone, EmojiPickerSkinToneSelector };
+//# sourceMappingURL=emoji-picker.js.map

package/dist/ui/emoji-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-picker.js","names":["BaseEmojiPicker","BaseEmojiPicker","BaseEmojiPicker","BaseEmojiPicker","BaseEmojiPicker","BaseEmojiPicker","BaseEmojiPicker","BaseEmojiPicker","BaseEmojiPicker"],"sources":["../../src/ui/emoji-picker/emoji-picker-active-emoji.tsx","../../src/ui/emoji-picker/emoji-picker-size-context.ts","../../src/ui/emoji-picker/emoji-picker-active-emoji-preview.tsx","../../src/ui/emoji-picker/emoji-picker-content.tsx","../../src/ui/emoji-picker/emoji-picker-empty.tsx","../../src/ui/emoji-picker/emoji-picker-list-category-header.tsx","../../src/ui/emoji-picker/emoji-picker-list-emoji.tsx","../../src/ui/emoji-picker/emoji-picker-list-row.tsx","../../src/ui/emoji-picker/emoji-picker-list.tsx","../../src/ui/emoji-picker/emoji-picker-loading.tsx","../../src/ui/emoji-picker/emoji-picker-search.tsx","../../src/ui/emoji-picker/emoji-picker-skin-tone.tsx","../../src/ui/emoji-picker/emoji-picker-skin-tone-selector.tsx","../../src/ui/emoji-picker/emoji-picker.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\n\nexport type EmojiPickerActiveEmojiProps = ComponentProps<\n  typeof BaseEmojiPicker.ActiveEmoji\n>;\n\nexport const EmojiPickerActiveEmoji = (props: EmojiPickerActiveEmojiProps) => (\n  <BaseEmojiPicker.ActiveEmoji\n    data-slot=\"emoji-picker-active-emoji\"\n    {...props}\n  />\n);\n","import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type EmojiPickerSize = UISize;\n\nconst {\n  SizeContext: EmojiPickerSizeContext,\n  useResolvedSize: useEmojiPickerResolvedSize,\n} = createSizeContext();\n\nexport { EmojiPickerSizeContext, useEmojiPickerResolvedSize };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { EmojiPickerActiveEmoji } from \"./emoji-picker-active-emoji\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerActiveEmojiPreviewVariants = tv({\n  slots: {\n    emoji: \"\",\n    root: \"flex items-center rounded-md border-t bg-popover\",\n  },\n  variants: {\n    size: {\n      xs: {\n        emoji: \"text-base\",\n        root: \"gap-1.5 px-2 py-1 text-xs\",\n      },\n      sm: {\n        emoji: \"text-base\",\n        root: \"gap-2 px-2.5 py-1.5 text-sm\",\n      },\n      md: {\n        emoji: \"text-lg\",\n        root: \"gap-2 px-3 py-2 text-sm\",\n      },\n      lg: {\n        emoji: \"text-xl\",\n        root: \"gap-2.5 px-3.5 py-2 text-sm\",\n      },\n      xl: {\n        emoji: \"text-2xl\",\n        root: \"gap-3 px-4 py-2.5 text-base\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerActiveEmojiPreviewVariantProps = Omit<\n  VariantProps<typeof emojiPickerActiveEmojiPreviewVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerActiveEmojiPreviewProps = Omit<\n  ComponentProps<typeof EmojiPickerActiveEmoji>,\n  \"children\"\n> &\n  EmojiPickerActiveEmojiPreviewVariantProps & {\n    emptyText?: string;\n  };\n\nexport const EmojiPickerActiveEmojiPreview = ({\n  emptyText = \"Hover or navigate to see emoji details\",\n  size,\n  ...props\n}: EmojiPickerActiveEmojiPreviewProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n  const { emoji, root } = emojiPickerActiveEmojiPreviewVariants({\n    size: resolvedSize,\n  });\n\n  return (\n    <EmojiPickerActiveEmoji {...props}>\n      {({ emoji: activeEmoji }) => (\n        <div\n          className={cn(root(), !activeEmoji && \"text-muted-foreground\")}\n          data-size={resolvedSize}\n          data-slot=\"emoji-picker-active-emoji-preview\"\n        >\n          {activeEmoji ? (\n            <>\n              <span className={emoji()}>{activeEmoji.emoji}</span>\n              <span>{activeEmoji.label}</span>\n            </>\n          ) : (\n            <span>{emptyText}</span>\n          )}\n        </div>\n      )}\n    </EmojiPickerActiveEmoji>\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport {\n  EmojiPickerSizeContext,\n  useEmojiPickerResolvedSize,\n} from \"./emoji-picker-size-context\";\n\nexport type EmojiPickerContentProps = Omit<\n  ComponentProps<typeof BaseEmojiPicker.Viewport>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport const EmojiPickerContent = ({\n  className,\n  size,\n  children,\n  ...props\n}: EmojiPickerContentProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={{ size: resolvedSize }}>\n      <BaseEmojiPicker.Viewport\n        className={cn(\"relative flex-1 outline-hidden\", className)}\n        data-size={resolvedSize}\n        data-slot=\"emoji-picker-content\"\n        {...props}\n      >\n        {children}\n      </BaseEmojiPicker.Viewport>\n    </EmojiPickerSizeContext.Provider>\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerEmptyVariants = tv({\n  base: \"absolute inset-0 flex items-center justify-center text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerEmptyVariantProps = Omit<\n  VariantProps<typeof emojiPickerEmptyVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerEmptyProps = Omit<\n  ComponentProps<typeof BaseEmojiPicker.Empty>,\n  \"size\"\n> &\n  EmojiPickerEmptyVariantProps;\n\nexport const EmojiPickerEmpty = ({\n  className,\n  size,\n  ...props\n}: EmojiPickerEmptyProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <BaseEmojiPicker.Empty\n      className={cn(\n        emojiPickerEmptyVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"emoji-picker-empty\"\n      {...props}\n    />\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerListCategoryHeaderVariants = tv({\n  base: \"bg-popover font-medium text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"px-2 pb-1 text-[10px]\",\n      sm: \"px-2.5 pb-1 text-xs\",\n      md: \"px-3 pb-1.5 text-xs\",\n      lg: \"px-3.5 pb-1.5 text-sm\",\n      xl: \"px-4 pb-2 text-sm\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerListCategoryHeaderVariantProps = Omit<\n  VariantProps<typeof emojiPickerListCategoryHeaderVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerListCategoryHeaderProps = {\n  category: { label: string };\n} & ComponentProps<\"div\"> &\n  EmojiPickerListCategoryHeaderVariantProps;\n\nexport const EmojiPickerListCategoryHeader = ({\n  category,\n  className,\n  size,\n  ...restProps\n}: EmojiPickerListCategoryHeaderProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <div\n      className={cn(\n        emojiPickerListCategoryHeaderVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"emoji-picker-list-category-header\"\n      {...restProps}\n    >\n      {category.label}\n    </div>\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerListEmojiVariants = tv({\n  base: \"flex cursor-pointer items-center justify-center rounded-md data-active:bg-accent\",\n  variants: {\n    size: {\n      xs: \"size-6 text-sm\",\n      sm: \"size-7 text-base\",\n      md: \"size-8 text-lg\",\n      lg: \"size-9 text-xl\",\n      xl: \"size-10 text-2xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerListEmojiVariantProps = Omit<\n  VariantProps<typeof emojiPickerListEmojiVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerListEmojiProps = {\n  emoji: { emoji: string };\n} & ComponentProps<\"button\"> &\n  EmojiPickerListEmojiVariantProps;\n\nexport const EmojiPickerListEmoji = ({\n  emoji,\n  className,\n  size,\n  ...restProps\n}: EmojiPickerListEmojiProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        emojiPickerListEmojiVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"emoji-picker-list-emoji\"\n      {...restProps}\n    >\n      {emoji.emoji}\n    </button>\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport {\n  EmojiPickerSizeContext,\n  useEmojiPickerResolvedSize,\n} from \"./emoji-picker-size-context\";\n\nconst emojiPickerListRowVariants = tv({\n  base: \"\",\n  variants: {\n    size: {\n      xs: \"scroll-my-1 px-1\",\n      sm: \"scroll-my-1.5 px-1.5\",\n      md: \"scroll-my-1.5 px-1.5\",\n      lg: \"scroll-my-2 px-2\",\n      xl: \"scroll-my-2 px-2.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerListRowVariantProps = Omit<\n  VariantProps<typeof emojiPickerListRowVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerListRowProps = ComponentProps<\"div\"> &\n  EmojiPickerListRowVariantProps;\n\nexport const EmojiPickerListRow = ({\n  children,\n  className,\n  size,\n  ...restProps\n}: EmojiPickerListRowProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={{ size: resolvedSize }}>\n      <div\n        className={cn(\n          emojiPickerListRowVariants({ size: resolvedSize }),\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"emoji-picker-list-row\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </EmojiPickerSizeContext.Provider>\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { EmojiPickerListCategoryHeader as CategoryHeader } from \"./emoji-picker-list-category-header\";\nimport { EmojiPickerListEmoji as Emoji } from \"./emoji-picker-list-emoji\";\nimport { EmojiPickerListRow as Row } from \"./emoji-picker-list-row\";\nimport {\n  EmojiPickerSizeContext,\n  useEmojiPickerResolvedSize,\n} from \"./emoji-picker-size-context\";\n\nconst emojiPickerListVariants = tv({\n  base: \"select-none\",\n  variants: {\n    size: {\n      xs: \"pb-1.5\",\n      sm: \"pb-2\",\n      md: \"pb-2\",\n      lg: \"pb-2.5\",\n      xl: \"pb-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerListVariantProps = Omit<\n  VariantProps<typeof emojiPickerListVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerListProps = Omit<\n  ComponentProps<typeof BaseEmojiPicker.List>,\n  \"size\"\n> &\n  EmojiPickerListVariantProps;\n\nexport const EmojiPickerList = ({\n  className,\n  size,\n  ...props\n}: EmojiPickerListProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={{ size: resolvedSize }}>\n      <BaseEmojiPicker.List\n        className={cn(\n          emojiPickerListVariants({ size: resolvedSize }),\n          className\n        )}\n        components={{\n          CategoryHeader,\n          Row,\n          Emoji,\n        }}\n        data-size={resolvedSize}\n        data-slot=\"emoji-picker-list\"\n        {...props}\n      />\n    </EmojiPickerSizeContext.Provider>\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerLoadingVariants = tv({\n  base: \"absolute inset-0 flex items-center justify-center text-muted-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      md: \"text-sm\",\n      lg: \"text-sm\",\n      xl: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerLoadingVariantProps = Omit<\n  VariantProps<typeof emojiPickerLoadingVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerLoadingProps = Omit<\n  ComponentProps<typeof BaseEmojiPicker.Loading>,\n  \"size\"\n> &\n  EmojiPickerLoadingVariantProps;\n\nexport const EmojiPickerLoading = ({\n  className,\n  size,\n  ...props\n}: EmojiPickerLoadingProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <BaseEmojiPicker.Loading\n      className={cn(\n        emojiPickerLoadingVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"emoji-picker-loading\"\n      {...props}\n    />\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerSearchWrapperVariants = tv({\n  variants: {\n    size: {\n      xs: \"p-1.5\",\n      sm: \"p-2\",\n      md: \"p-2\",\n      lg: \"p-2.5\",\n      xl: \"p-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst emojiPickerSearchVariants = tv({\n  base: \"z-50 flex w-full min-w-0 border border-input bg-input shadow-xs transition-[color,box-shadow,border-color] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50\",\n  variants: {\n    size: {\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm\",\n      md: \"h-9 rounded-md px-3 text-base md:text-sm\",\n      lg: \"h-10 rounded-md px-3 text-base md:text-sm\",\n      xl: \"h-11 rounded-md px-4 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerSearchVariantProps = Omit<\n  VariantProps<typeof emojiPickerSearchVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\ntype NativeEmojiPickerSearchProps = ComponentProps<\n  typeof BaseEmojiPicker.Search\n>;\ntype NativeEmojiPickerSearchSize = NativeEmojiPickerSearchProps[\"size\"];\n\nexport type EmojiPickerSearchProps = Omit<\n  NativeEmojiPickerSearchProps,\n  \"size\"\n> &\n  EmojiPickerSearchVariantProps & {\n    htmlSize?: NativeEmojiPickerSearchSize;\n    wrapperClassName?: string;\n  };\n\nexport const EmojiPickerSearch = ({\n  className,\n  htmlSize,\n  size,\n  wrapperClassName,\n  ...props\n}: EmojiPickerSearchProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <div\n      className={cn(\n        emojiPickerSearchWrapperVariants({ size: resolvedSize }),\n        wrapperClassName\n      )}\n      data-size={resolvedSize}\n      data-slot=\"emoji-picker-search-wrapper\"\n    >\n      <BaseEmojiPicker.Search\n        className={cn(\n          emojiPickerSearchVariants({ size: resolvedSize }),\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"emoji-picker-search\"\n        size={htmlSize}\n        {...props}\n      />\n    </div>\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nexport type EmojiPickerSkinToneProps = Omit<\n  ComponentProps<typeof BaseEmojiPicker.SkinTone>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport const EmojiPickerSkinTone = ({\n  size,\n  ...props\n}: EmojiPickerSkinToneProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <BaseEmojiPicker.SkinTone\n      data-size={resolvedSize}\n      data-slot=\"emoji-picker-skin-tone\"\n      {...props}\n    />\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerSkinToneSelectorVariants = tv({\n  base: \"mx-2 mb-1.5 rounded-md bg-popover hover:bg-accent\",\n  variants: {\n    size: {\n      xs: \"size-6 text-sm\",\n      sm: \"size-7 text-base\",\n      md: \"size-8 text-lg\",\n      lg: \"size-9 text-xl\",\n      xl: \"size-10 text-2xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerSkinToneSelectorVariantProps = Omit<\n  VariantProps<typeof emojiPickerSkinToneSelectorVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerSkinToneSelectorProps = Omit<\n  ComponentProps<typeof BaseEmojiPicker.SkinToneSelector>,\n  \"size\"\n> &\n  EmojiPickerSkinToneSelectorVariantProps;\n\nexport const EmojiPickerSkinToneSelector = ({\n  className,\n  size,\n  ...props\n}: EmojiPickerSkinToneSelectorProps) => {\n  const resolvedSize = useEmojiPickerResolvedSize(size);\n\n  return (\n    <BaseEmojiPicker.SkinToneSelector\n      className={cn(\n        emojiPickerSkinToneSelectorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"emoji-picker-skin-tone-selector\"\n      {...props}\n    />\n  );\n};\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { EmojiPickerActiveEmoji } from \"./emoji-picker-active-emoji\";\nimport { EmojiPickerActiveEmojiPreview } from \"./emoji-picker-active-emoji-preview\";\nimport { EmojiPickerContent } from \"./emoji-picker-content\";\nimport { EmojiPickerEmpty } from \"./emoji-picker-empty\";\nimport { EmojiPickerList } from \"./emoji-picker-list\";\nimport { EmojiPickerLoading } from \"./emoji-picker-loading\";\nimport { EmojiPickerSearch } from \"./emoji-picker-search\";\nimport { EmojiPickerSizeContext } from \"./emoji-picker-size-context\";\nimport { EmojiPickerSkinTone } from \"./emoji-picker-skin-tone\";\nimport { EmojiPickerSkinToneSelector } from \"./emoji-picker-skin-tone-selector\";\n\nconst emojiPickerVariants = tv({\n  base: \"isolate flex w-fit flex-col rounded-md border border-border bg-popover shadow-md\",\n  variants: {\n    size: {\n      xs: \"h-64 rounded-[min(var(--radius-md),8px)]\",\n      sm: \"h-72 rounded-[min(var(--radius-md),10px)]\",\n      md: \"h-80\",\n      lg: \"h-96\",\n      xl: \"h-[28rem] rounded-xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmojiPickerVariantProps = Omit<\n  VariantProps<typeof emojiPickerVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmojiPickerProps = Omit<\n  ComponentProps<typeof BaseEmojiPicker.Root>,\n  \"size\"\n> &\n  EmojiPickerVariantProps;\n\nconst EmojiPicker = ({\n  className,\n  size: providedSize,\n  ...props\n}: EmojiPickerProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={{ size }}>\n      <BaseEmojiPicker.Root\n        className={cn(emojiPickerVariants({ size }), className)}\n        data-size={size}\n        data-slot=\"emoji-picker\"\n        {...props}\n      />\n    </EmojiPickerSizeContext.Provider>\n  );\n};\n\nEmojiPicker.ActiveEmoji = EmojiPickerActiveEmoji;\nEmojiPicker.ActiveEmojiPreview = EmojiPickerActiveEmojiPreview;\nEmojiPicker.Content = EmojiPickerContent;\nEmojiPicker.Empty = EmojiPickerEmpty;\nEmojiPicker.List = EmojiPickerList;\nEmojiPicker.Loading = EmojiPickerLoading;\nEmojiPicker.Search = EmojiPickerSearch;\nEmojiPicker.SkinTone = EmojiPickerSkinTone;\nEmojiPicker.SkinToneSelector = EmojiPickerSkinToneSelector;\n\nexport type { EmojiPickerActiveEmojiProps } from \"./emoji-picker-active-emoji\";\nexport type { EmojiPickerActiveEmojiPreviewProps } from \"./emoji-picker-active-emoji-preview\";\nexport type { EmojiPickerContentProps } from \"./emoji-picker-content\";\nexport type { EmojiPickerEmptyProps } from \"./emoji-picker-empty\";\nexport type { EmojiPickerListProps } from \"./emoji-picker-list\";\nexport type { EmojiPickerLoadingProps } from \"./emoji-picker-loading\";\nexport type { EmojiPickerSearchProps } from \"./emoji-picker-search\";\nexport type { EmojiPickerSize } from \"./emoji-picker-size-context\";\nexport type { EmojiPickerSkinToneProps } from \"./emoji-picker-skin-tone\";\nexport type { EmojiPickerSkinToneSelectorProps } from \"./emoji-picker-skin-tone-selector\";\n\nexport {\n  EmojiPicker,\n  EmojiPickerActiveEmoji,\n  EmojiPickerActiveEmojiPreview,\n  EmojiPickerContent,\n  EmojiPickerEmpty,\n  EmojiPickerList,\n  EmojiPickerLoading,\n  EmojiPickerSearch,\n  EmojiPickerSkinTone,\n  EmojiPickerSkinToneSelector,\n};\n"],"mappings":"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"}

package/dist/ui/empty.d.ts

@@ -0,0 +1,279 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { Button } from "./button.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/ui/empty/empty-button.d.ts
+type EmptyButtonProps = Omit<ComponentProps<typeof Button>, "size"> & {
+  size?: UISize;
+};
+declare const EmptyButton: ({
+  size,
+  ...props
+}: EmptyButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-content.d.ts
+declare const emptyContentVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex w-full min-w-0 flex-col items-center text-balance", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex w-full min-w-0 flex-col items-center text-balance", unknown, unknown, undefined>>;
+type EmptyContentVariantProps = Omit<VariantProps<typeof emptyContentVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyContentProps = ComponentProps<"div"> & EmptyContentVariantProps;
+declare const EmptyContent: ({
+  className,
+  size,
+  ...props
+}: EmptyContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-description.d.ts
+declare const emptyDescriptionVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", unknown, unknown, undefined>>;
+type EmptyDescriptionVariantProps = Omit<VariantProps<typeof emptyDescriptionVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyDescriptionProps = ComponentProps<"p"> & EmptyDescriptionVariantProps;
+declare const EmptyDescription: ({
+  className,
+  size,
+  ...props
+}: EmptyDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-header.d.ts
+declare const emptyHeaderVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex flex-col items-center", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex flex-col items-center", unknown, unknown, undefined>>;
+type EmptyHeaderVariantProps = Omit<VariantProps<typeof emptyHeaderVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyHeaderProps = ComponentProps<"div"> & EmptyHeaderVariantProps;
+declare const EmptyHeader: ({
+  className,
+  size,
+  ...props
+}: EmptyHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-media.d.ts
+declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+type EmptyMediaVariantProps = Omit<VariantProps<typeof emptyMediaVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyMediaProps = ComponentProps<"div"> & EmptyMediaVariantProps;
+declare const EmptyMedia: ({
+  className,
+  size,
+  variant,
+  ...props
+}: EmptyMediaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-title.d.ts
+declare const emptyTitleVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-medium tracking-tight text-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-medium tracking-tight text-foreground", unknown, unknown, undefined>>;
+type EmptyTitleVariantProps = Omit<VariantProps<typeof emptyTitleVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyTitleProps = ComponentProps<"div"> & EmptyTitleVariantProps;
+declare const EmptyTitle: ({
+  className,
+  size,
+  ...props
+}: EmptyTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty.d.ts
+declare const emptyVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex w-full min-w-0 flex-1 flex-col items-center justify-center rounded-lg border-dashed text-center text-balance", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex w-full min-w-0 flex-1 flex-col items-center justify-center rounded-lg border-dashed text-center text-balance", unknown, unknown, undefined>>;
+type EmptyVariantProps = Omit<VariantProps<typeof emptyVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyProps = ComponentProps<"div"> & EmptyVariantProps;
+declare const Empty: {
+  ({
+    className,
+    size: providedSize,
+    ...props
+  }: EmptyProps): react_jsx_runtime0.JSX.Element;
+  Button: ({
+    size,
+    ...props
+  }: EmptyButtonProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    size,
+    ...props
+  }: EmptyContentProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    size,
+    ...props
+  }: EmptyDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    size,
+    ...props
+  }: EmptyHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Media: ({
+    className,
+    size,
+    variant,
+    ...props
+  }: EmptyMediaProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    size,
+    ...props
+  }: EmptyTitleProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Empty, EmptyButton, type EmptyButtonProps, EmptyContent, type EmptyContentProps, EmptyDescription, type EmptyDescriptionProps, EmptyHeader, type EmptyHeaderProps, EmptyMedia, type EmptyMediaProps, EmptyProps, EmptyTitle, type EmptyTitleProps };
+//# sourceMappingURL=empty.d.ts.map