@kuzenbo/core 0.0.2 → 0.0.3

package/dist/emoji-picker-skin-tone-selector-DAJcO_Ue.js

@@ -1,308 +0,0 @@
-import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
-import { cn, tv } from "tailwind-variants";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { EmojiPicker } from "frimousse";
-
-//#region src/ui/emoji-picker/emoji-picker-active-emoji.tsx
-const EmojiPickerActiveEmoji = (props) => /* @__PURE__ */ jsx(EmojiPicker.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.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.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.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.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.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.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.SkinToneSelector, {
-		className: cn(emojiPickerSkinToneSelectorVariants({ size: resolvedSize }), className),
-		"data-size": resolvedSize,
-		"data-slot": "emoji-picker-skin-tone-selector",
-		...props
-	});
-};
-
-//#endregion
-export { EmojiPickerList as a, EmojiPickerActiveEmojiPreview as c, EmojiPickerLoading as i, EmojiPickerSizeContext as l, EmojiPickerSkinTone as n, EmojiPickerEmpty as o, EmojiPickerSearch as r, EmojiPickerContent as s, EmojiPickerSkinToneSelector as t, EmojiPickerActiveEmoji as u };
-//# sourceMappingURL=emoji-picker-skin-tone-selector-DAJcO_Ue.js.map

package/dist/emoji-picker-skin-tone-selector-DAJcO_Ue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji-picker-skin-tone-selector-DAJcO_Ue.js","names":["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"],"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"],"mappings":";;;;;;AAQA,MAAa,0BAA0B,UACrC,oBAACA,YAAgB;CACf,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,EACJ,aAAa,wBACb,iBAAiB,+BACf,mBAAmB;;;;ACEvB,MAAM,wCAAwC,GAAG;CAC/C,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAiBF,MAAa,iCAAiC,EAC5C,YAAY,0CACZ,MACA,GAAG,YACqC;CACxC,MAAM,eAAe,2BAA2B,KAAK;CACrD,MAAM,EAAE,OAAO,SAAS,sCAAsC,EAC5D,MAAM,cACP,CAAC;AAEF,QACE,oBAAC;EAAuB,GAAI;aACxB,EAAE,OAAO,kBACT,oBAAC;GACC,WAAW,GAAG,MAAM,EAAE,CAAC,eAAe,wBAAwB;GAC9D,aAAW;GACX,aAAU;aAET,cACC,4CACE,oBAAC;IAAK,WAAW,OAAO;cAAG,YAAY;KAAa,EACpD,oBAAC,oBAAM,YAAY,QAAa,IAC/B,GAEH,oBAAC,oBAAM,YAAiB;IAEtB;GAEe;;;;;ACnE7B,MAAa,sBAAsB,EACjC,WACA,MACA,UACA,GAAG,YAC0B;CAC7B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAAC,uBAAuB;EAAS,OAAO,EAAE,MAAM,cAAc;YAC5D,oBAACC,YAAgB;GACf,WAAW,GAAG,kCAAkC,UAAU;GAC1D,aAAW;GACX,aAAU;GACV,GAAI;GAEH;IACwB;GACK;;;;;AC5BtC,MAAM,2BAA2B,GAAG;CAClC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAeF,MAAa,oBAAoB,EAC/B,WACA,MACA,GAAG,YACwB;CAC3B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAACC,YAAgB;EACf,WAAW,GACT,yBAAyB,EAAE,MAAM,cAAc,CAAC,EAChD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC9CN,MAAM,wCAAwC,GAAG;CAC/C,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAcF,MAAa,iCAAiC,EAC5C,UACA,WACA,MACA,GAAG,gBACqC;CACxC,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAAC;EACC,WAAW,GACT,sCAAsC,EAAE,MAAM,cAAc,CAAC,EAC7D,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEH,SAAS;GACN;;;;;AC/CV,MAAM,+BAA+B,GAAG;CACtC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAcF,MAAa,wBAAwB,EACnC,OACA,WACA,MACA,GAAG,gBAC4B;CAC/B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAAC;EACC,MAAK;EACL,WAAW,GACT,6BAA6B,EAAE,MAAM,cAAc,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;YAEH,MAAM;GACA;;;;;AC7Cb,MAAM,6BAA6B,GAAG;CACpC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAa,sBAAsB,EACjC,UACA,WACA,MACA,GAAG,gBAC0B;CAC7B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAAC,uBAAuB;EAAS,OAAO,EAAE,MAAM,cAAc;YAC5D,oBAAC;GACC,WAAW,GACT,2BAA2B,EAAE,MAAM,cAAc,CAAC,EAClD,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;GAEH;IACG;GAC0B;;;;;AC3CtC,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAeF,MAAa,mBAAmB,EAC9B,WACA,MACA,GAAG,YACuB;CAC1B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAAC,uBAAuB;EAAS,OAAO,EAAE,MAAM,cAAc;YAC5D,oBAACC,YAAgB;GACf,WAAW,GACT,wBAAwB,EAAE,MAAM,cAAc,CAAC,EAC/C,UACD;GACD,YAAY;IACV;IACA;IACA;IACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC8B;;;;;AC1DtC,MAAM,6BAA6B,GAAG;CACpC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAeF,MAAa,sBAAsB,EACjC,WACA,MACA,GAAG,YAC0B;CAC7B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAACC,YAAgB;EACf,WAAW,GACT,2BAA2B,EAAE,MAAM,cAAc,CAAC,EAClD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC7CN,MAAM,mCAAmC,GAAG;CAC1C,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAEF,MAAM,4BAA4B,GAAG;CACnC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAuBF,MAAa,qBAAqB,EAChC,WACA,UACA,MACA,kBACA,GAAG,YACyB;CAC5B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAAC;EACC,WAAW,GACT,iCAAiC,EAAE,MAAM,cAAc,CAAC,EACxD,iBACD;EACD,aAAW;EACX,aAAU;YAEV,oBAACC,YAAgB;GACf,WAAW,GACT,0BAA0B,EAAE,MAAM,cAAc,CAAC,EACjD,UACD;GACD,aAAW;GACX,aAAU;GACV,MAAM;GACN,GAAI;IACJ;GACE;;;;;AC1EV,MAAa,uBAAuB,EAClC,MACA,GAAG,YAC2B;CAC9B,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAACC,YAAgB;EACf,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACjBN,MAAM,sCAAsC,GAAG;CAC7C,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAeF,MAAa,+BAA+B,EAC1C,WACA,MACA,GAAG,YACmC;CACtC,MAAM,eAAe,2BAA2B,KAAK;AAErD,QACE,oBAACC,YAAgB;EACf,WAAW,GACT,oCAAoC,EAAE,MAAM,cAAc,CAAC,EAC3D,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ"}

package/dist/emoji-picker.d.ts

@@ -1,92 +0,0 @@
-import { t as UISize } from "./size-system-CMU68sQY.js";
-import "./size-context-CPoCTRTV.js";
-import { _ as EmojiPickerActiveEmojiPreviewProps, a as EmojiPickerSkinToneProps, c as EmojiPickerLoading, d as EmojiPickerListProps, f as EmojiPickerEmpty, g as EmojiPickerActiveEmojiPreview, h as EmojiPickerContentProps, i as EmojiPickerSkinTone, l as EmojiPickerLoadingProps, m as EmojiPickerContent, n as EmojiPickerSkinToneSelector, o as EmojiPickerSearch, p as EmojiPickerEmptyProps, r as EmojiPickerSkinToneSelectorProps, s as EmojiPickerSearchProps, t as EmojiPickerSize, u as EmojiPickerList, v as EmojiPickerActiveEmoji, y as EmojiPickerActiveEmojiProps } from "./emoji-picker-size-context-gu6mLjuf.js";
-import * as tailwind_variants0 from "tailwind-variants";
-import { VariantProps } from "tailwind-variants";
-import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { EmojiPicker as EmojiPicker$1 } from "frimousse";
-
-//#region src/ui/emoji-picker/emoji-picker.d.ts
-declare const emojiPickerVariants: tailwind_variants0.TVReturnType<{
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-}, undefined, "isolate flex w-fit flex-col rounded-md border border-border bg-popover shadow-md", {
-  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, "isolate flex w-fit flex-col rounded-md border border-border bg-popover shadow-md", unknown, unknown, undefined>>;
-type EmojiPickerVariantProps = Omit<VariantProps<typeof emojiPickerVariants>, "size"> & {
-  size?: UISize;
-};
-type EmojiPickerProps = Omit<ComponentProps<typeof EmojiPicker$1.Root>, "size"> & EmojiPickerVariantProps;
-declare const EmojiPicker: {
-  ({
-    className,
-    size: providedSize,
-    ...props
-  }: EmojiPickerProps): react_jsx_runtime0.JSX.Element;
-  ActiveEmoji: (props: EmojiPickerActiveEmojiProps) => react_jsx_runtime0.JSX.Element;
-  ActiveEmojiPreview: ({
-    emptyText,
-    size,
-    ...props
-  }: EmojiPickerActiveEmojiPreviewProps) => react_jsx_runtime0.JSX.Element;
-  Content: ({
-    className,
-    size,
-    children,
-    ...props
-  }: EmojiPickerContentProps) => react_jsx_runtime0.JSX.Element;
-  Empty: ({
-    className,
-    size,
-    ...props
-  }: EmojiPickerEmptyProps) => react_jsx_runtime0.JSX.Element;
-  List: ({
-    className,
-    size,
-    ...props
-  }: EmojiPickerListProps) => react_jsx_runtime0.JSX.Element;
-  Loading: ({
-    className,
-    size,
-    ...props
-  }: EmojiPickerLoadingProps) => react_jsx_runtime0.JSX.Element;
-  Search: ({
-    className,
-    htmlSize,
-    size,
-    wrapperClassName,
-    ...props
-  }: EmojiPickerSearchProps) => react_jsx_runtime0.JSX.Element;
-  SkinTone: ({
-    size,
-    ...props
-  }: EmojiPickerSkinToneProps) => react_jsx_runtime0.JSX.Element;
-  SkinToneSelector: ({
-    className,
-    size,
-    ...props
-  }: EmojiPickerSkinToneSelectorProps) => react_jsx_runtime0.JSX.Element;
-};
-//#endregion
-export { EmojiPicker, EmojiPickerActiveEmoji, EmojiPickerActiveEmojiPreview, type EmojiPickerActiveEmojiPreviewProps, type EmojiPickerActiveEmojiProps, EmojiPickerContent, type EmojiPickerContentProps, EmojiPickerEmpty, type EmojiPickerEmptyProps, EmojiPickerList, type EmojiPickerListProps, EmojiPickerLoading, type EmojiPickerLoadingProps, EmojiPickerProps, EmojiPickerSearch, type EmojiPickerSearchProps, type EmojiPickerSize, EmojiPickerSkinTone, type EmojiPickerSkinToneProps, EmojiPickerSkinToneSelector, type EmojiPickerSkinToneSelectorProps };
-//# sourceMappingURL=emoji-picker.d.ts.map

package/dist/emoji-picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji-picker.d.ts","names":[],"sources":["../src/ui/emoji-picker/emoji-picker.tsx"],"mappings":";;;;;;;;;;cAqBM,mBAAA,EAcJ,kBAAA,CAduB,YAAA;;;;;;;;;;;;;;;;cAcvB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,uBAAA,GAA0B,IAAA,CAC7B,YAAA,QAAoB,mBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,gBAAA,GAAmB,IAAA,CAC7B,cAAA,QAAsB,aAAA,CAAgB,IAAA,aAGtC,uBAAA;AAAA,cAEI,WAAA;EAAA;;;;KAIH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;uBAAA,2BAAA"}

package/dist/emoji-picker.js

@@ -1,45 +0,0 @@
-"use client";
-
-import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
-import { a as EmojiPickerList, c as EmojiPickerActiveEmojiPreview, i as EmojiPickerLoading, l as EmojiPickerSizeContext, n as EmojiPickerSkinTone, o as EmojiPickerEmpty, r as EmojiPickerSearch, s as EmojiPickerContent, t as EmojiPickerSkinToneSelector, u as EmojiPickerActiveEmoji } from "./emoji-picker-skin-tone-selector-DAJcO_Ue.js";
-import { cn, tv } from "tailwind-variants";
-import { jsx } from "react/jsx-runtime";
-import { EmojiPicker as EmojiPicker$1 } from "frimousse";
-
-//#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/emoji-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji-picker.js","names":["BaseEmojiPicker"],"sources":["../src/ui/emoji-picker/emoji-picker.tsx"],"sourcesContent":["\"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":";;;;;;;;;AAqBA,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAeF,MAAM,eAAe,EACnB,WACA,MAAM,cACN,GAAG,YACmB;CACtB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,uBAAuB;EAAS,OAAO,EAAE,MAAM;YAC9C,oBAACA,cAAgB;GACf,WAAW,GAAG,oBAAoB,EAAE,MAAM,CAAC,EAAE,UAAU;GACvD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC8B;;AAItC,YAAY,cAAc;AAC1B,YAAY,qBAAqB;AACjC,YAAY,UAAU;AACtB,YAAY,QAAQ;AACpB,YAAY,OAAO;AACnB,YAAY,UAAU;AACtB,YAAY,SAAS;AACrB,YAAY,WAAW;AACvB,YAAY,mBAAmB"}