@kuzenbo/core 0.0.4 → 0.0.5

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

@@ -13,23 +13,23 @@ declare const EmojiPickerActiveEmoji: (props: EmojiPickerActiveEmojiProps) => re
 //#region src/ui/emoji-picker/emoji-picker-active-emoji-preview.d.ts
 declare const emojiPickerActiveEmojiPreviewVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       emoji: string;
       root: string;
     };
-    sm: {
+    md: {
       emoji: string;
       root: string;
     };
-    md: {
+    sm: {
       emoji: string;
       root: string;
     };
-    lg: {
+    xl: {
       emoji: string;
       root: string;
     };
-    xl: {
+    xs: {
       emoji: string;
       root: string;
     };
@@ -39,23 +39,23 @@ declare const emojiPickerActiveEmojiPreviewVariants: tailwind_variants0.TVReturn
   root: string;
 }, undefined, {
   size: {
-    xs: {
+    lg: {
       emoji: string;
       root: string;
     };
-    sm: {
+    md: {
       emoji: string;
       root: string;
     };
-    md: {
+    sm: {
       emoji: string;
       root: string;
     };
-    lg: {
+    xl: {
       emoji: string;
       root: string;
     };
-    xl: {
+    xs: {
       emoji: string;
       root: string;
     };
@@ -65,23 +65,23 @@ declare const emojiPickerActiveEmojiPreviewVariants: tailwind_variants0.TVReturn
   root: string;
 }, tailwind_variants0.TVReturnType<{
   size: {
-    xs: {
+    lg: {
       emoji: string;
       root: string;
     };
-    sm: {
+    md: {
       emoji: string;
       root: string;
     };
-    md: {
+    sm: {
       emoji: string;
       root: string;
     };
-    lg: {
+    xl: {
       emoji: string;
       root: string;
     };
-    xl: {
+    xs: {
       emoji: string;
       root: string;
     };
@@ -116,29 +116,29 @@ declare const EmojiPickerContent: ({
 //#region src/ui/emoji-picker/emoji-picker-empty.d.ts
 declare const emojiPickerEmptyVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "absolute inset-0 flex items-center justify-center text-muted-foreground", {
+}, undefined, "text-muted-foreground absolute inset-0 flex items-center justify-center", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "absolute inset-0 flex items-center justify-center text-muted-foreground", unknown, unknown, undefined>>;
+}, undefined, "text-muted-foreground absolute inset-0 flex items-center justify-center", unknown, unknown, undefined>>;
 type EmojiPickerEmptyVariantProps = Omit<VariantProps<typeof emojiPickerEmptyVariants>, "size"> & {
   size?: UISize;
 };
@@ -152,27 +152,27 @@ declare const EmojiPickerEmpty: ({
 //#region src/ui/emoji-picker/emoji-picker-list.d.ts
 declare const emojiPickerListVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "select-none", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "select-none", unknown, unknown, undefined>>;
 type EmojiPickerListVariantProps = Omit<VariantProps<typeof emojiPickerListVariants>, "size"> & {
@@ -188,29 +188,29 @@ declare const EmojiPickerList: ({
 //#region src/ui/emoji-picker/emoji-picker-loading.d.ts
 declare const emojiPickerLoadingVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "absolute inset-0 flex items-center justify-center text-muted-foreground", {
+}, undefined, "text-muted-foreground absolute inset-0 flex items-center justify-center", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "absolute inset-0 flex items-center justify-center text-muted-foreground", unknown, unknown, undefined>>;
+}, undefined, "text-muted-foreground absolute inset-0 flex items-center justify-center", unknown, unknown, undefined>>;
 type EmojiPickerLoadingVariantProps = Omit<VariantProps<typeof emojiPickerLoadingVariants>, "size"> & {
   size?: UISize;
 };
@@ -224,29 +224,29 @@ declare const EmojiPickerLoading: ({
 //#region src/ui/emoji-picker/emoji-picker-search.d.ts
 declare const emojiPickerSearchVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "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", {
+}, undefined, "z-overlay border-input bg-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground hover:border-ring/70 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50 flex w-full min-w-0 border shadow-xs transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "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", unknown, unknown, undefined>>;
+}, undefined, "z-overlay border-input bg-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground hover:border-ring/70 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50 flex w-full min-w-0 border shadow-xs transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
 type EmojiPickerSearchVariantProps = Omit<VariantProps<typeof emojiPickerSearchVariants>, "size"> & {
   size?: UISize;
 };
@@ -276,29 +276,29 @@ declare const EmojiPickerSkinTone: ({
 //#region src/ui/emoji-picker/emoji-picker-skin-tone-selector.d.ts
 declare const emojiPickerSkinToneSelectorVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "mx-2 mb-1.5 rounded-md bg-popover hover:bg-accent", {
+}, undefined, "bg-popover hover:bg-accent mx-2 mb-1.5 rounded-md", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "mx-2 mb-1.5 rounded-md bg-popover hover:bg-accent", unknown, unknown, undefined>>;
+}, undefined, "bg-popover hover:bg-accent mx-2 mb-1.5 rounded-md", unknown, unknown, undefined>>;
 type EmojiPickerSkinToneSelectorVariantProps = Omit<VariantProps<typeof emojiPickerSkinToneSelectorVariants>, "size"> & {
   size?: UISize;
 };
@@ -315,29 +315,29 @@ type EmojiPickerSize = UISize;
 //#region src/ui/emoji-picker/emoji-picker.d.ts
 declare const emojiPickerVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "isolate flex w-fit flex-col rounded-md border border-border bg-popover shadow-md", {
+}, undefined, "border-border bg-popover isolate flex w-fit flex-col rounded-md border shadow-md", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "isolate flex w-fit flex-col rounded-md border border-border bg-popover shadow-md", unknown, unknown, undefined>>;
+}, undefined, "border-border bg-popover isolate flex w-fit flex-col rounded-md border shadow-md", unknown, unknown, undefined>>;
 type EmojiPickerVariantProps = Omit<VariantProps<typeof emojiPickerVariants>, "size"> & {
   size?: UISize;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.d.ts","names":[],"sources":["../../src/ui/emoji-picker/emoji-picker-active-emoji.tsx","../../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.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-size-context.ts","../../src/ui/emoji-picker/emoji-picker.tsx"],"mappings":"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"}
+{"version":3,"file":"emoji-picker.d.ts","names":[],"sources":["../../src/ui/emoji-picker/emoji-picker-active-emoji.tsx","../../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.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-size-context.ts","../../src/ui/emoji-picker/emoji-picker.tsx"],"mappings":"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"}

package/dist/ui/emoji-picker.js

@@ -1,7 +1,8 @@
 "use client";
 
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
-import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { t as createSizeContext } from "../size-context-CvLl3pMC.js";
+import { useMemo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { EmojiPicker as EmojiPicker$1 } from "frimousse";
@@ -19,33 +20,33 @@ const { SizeContext: EmojiPickerSizeContext, useResolvedSize: useEmojiPickerReso
 //#endregion
 //#region src/ui/emoji-picker/emoji-picker-active-emoji-preview.tsx
 const emojiPickerActiveEmojiPreviewVariants = tv({
+	defaultVariants: { size: "md" },
 	slots: {
 		emoji: "",
-		root: "flex items-center rounded-md border-t bg-popover"
+		root: "bg-popover flex items-center rounded-md border-t"
 	},
 	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"
+		lg: {
+			emoji: "text-xl",
+			root: "gap-2.5 px-3.5 py-2 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"
+		sm: {
+			emoji: "text-base",
+			root: "gap-2 px-2.5 py-1.5 text-sm"
 		},
 		xl: {
 			emoji: "text-2xl",
 			root: "gap-3 px-4 py-2.5 text-base"
+		},
+		xs: {
+			emoji: "text-base",
+			root: "gap-1.5 px-2 py-1 text-xs"
 		}
-	} },
-	defaultVariants: { size: "md" }
+	} }
 });
 const EmojiPickerActiveEmojiPreview = ({ emptyText = "Hover or navigate to see emoji details", size, ...props }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
@@ -68,8 +69,9 @@ const EmojiPickerActiveEmojiPreview = ({ emptyText = "Hover or navigate to see e
 //#region src/ui/emoji-picker/emoji-picker-content.tsx
 const EmojiPickerContent = ({ className, size, children, ...props }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(EmojiPicker$1.Viewport, {
 			className: cn("relative flex-1 outline-hidden", className),
 			"data-size": resolvedSize,
@@ -83,15 +85,15 @@ const EmojiPickerContent = ({ className, size, children, ...props }) => {
 //#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",
+	base: "text-muted-foreground absolute inset-0 flex items-center justify-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-sm",
-		md: "text-sm",
 		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-sm",
+		xl: "text-base",
+		xs: "text-xs"
+	} }
 });
 const EmojiPickerEmpty = ({ className, size, ...props }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
@@ -106,15 +108,15 @@ const EmojiPickerEmpty = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/emoji-picker/emoji-picker-list-category-header.tsx
 const emojiPickerListCategoryHeaderVariants = tv({
-	base: "bg-popover font-medium text-muted-foreground",
+	base: "bg-popover text-muted-foreground font-medium",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "px-3 pb-1.5 text-xs",
+		sm: "px-2.5 pb-1 text-xs",
+		xl: "px-4 pb-2 text-sm",
+		xs: "px-2 pb-1 text-[10px]"
+	} }
 });
 const EmojiPickerListCategoryHeader = ({ category, className, size, ...restProps }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
@@ -130,15 +132,15 @@ const EmojiPickerListCategoryHeader = ({ category, className, size, ...restProps
 //#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",
+	base: "cursor-clickable data-active:bg-accent flex items-center justify-center rounded-md",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "size-8 text-lg",
+		sm: "size-7 text-base",
+		xl: "size-10 text-2xl",
+		xs: "size-6 text-sm"
+	} }
 });
 const EmojiPickerListEmoji = ({ emoji, className, size, ...restProps }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
@@ -156,19 +158,20 @@ const EmojiPickerListEmoji = ({ emoji, className, size, ...restProps }) => {
 //#region src/ui/emoji-picker/emoji-picker-list-row.tsx
 const emojiPickerListRowVariants = tv({
 	base: "",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "scroll-my-1.5 px-1.5",
+		sm: "scroll-my-1.5 px-1.5",
+		xl: "scroll-my-2 px-2.5",
+		xs: "scroll-my-1 px-1"
+	} }
 });
 const EmojiPickerListRow = ({ children, className, size, ...restProps }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn(emojiPickerListRowVariants({ size: resolvedSize }), className),
 			"data-size": resolvedSize,
@@ -183,25 +186,26 @@ const EmojiPickerListRow = ({ children, className, size, ...restProps }) => {
 //#region src/ui/emoji-picker/emoji-picker-list.tsx
 const emojiPickerListVariants = tv({
 	base: "select-none",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "pb-1.5",
-		sm: "pb-2",
-		md: "pb-2",
 		lg: "pb-2.5",
-		xl: "pb-3"
-	} },
-	defaultVariants: { size: "md" }
+		md: "pb-2",
+		sm: "pb-2",
+		xl: "pb-3",
+		xs: "pb-1.5"
+	} }
 });
 const EmojiPickerList = ({ className, size, ...props }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
+	const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);
 	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
-		value: { size: resolvedSize },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(EmojiPicker$1.List, {
 			className: cn(emojiPickerListVariants({ size: resolvedSize }), className),
 			components: {
 				CategoryHeader: EmojiPickerListCategoryHeader,
-				Row: EmojiPickerListRow,
-				Emoji: EmojiPickerListEmoji
+				Emoji: EmojiPickerListEmoji,
+				Row: EmojiPickerListRow
 			},
 			"data-size": resolvedSize,
 			"data-slot": "emoji-picker-list",
@@ -213,15 +217,15 @@ const EmojiPickerList = ({ className, size, ...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",
+	base: "text-muted-foreground absolute inset-0 flex items-center justify-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-sm",
-		md: "text-sm",
 		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-sm",
+		xl: "text-base",
+		xs: "text-xs"
+	} }
 });
 const EmojiPickerLoading = ({ className, size, ...props }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
@@ -236,25 +240,25 @@ const EmojiPickerLoading = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/emoji-picker/emoji-picker-search.tsx
 const emojiPickerSearchWrapperVariants = tv({
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "p-1.5",
-		sm: "p-2",
-		md: "p-2",
 		lg: "p-2.5",
-		xl: "p-3"
-	} },
-	defaultVariants: { size: "md" }
+		md: "p-2",
+		sm: "p-2",
+		xl: "p-3",
+		xs: "p-1.5"
+	} }
 });
 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",
+	base: "z-overlay border-input bg-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground hover:border-ring/70 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50 flex w-full min-w-0 border shadow-xs transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "h-9 rounded-md px-3 text-base md:text-sm",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm",
+		xl: "h-11 rounded-md px-4 text-base",
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs"
+	} }
 });
 const EmojiPickerSearch = ({ className, htmlSize, size, wrapperClassName, ...props }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
@@ -286,15 +290,15 @@ const EmojiPickerSkinTone = ({ size, ...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",
+	base: "bg-popover hover:bg-accent mx-2 mb-1.5 rounded-md",
+	defaultVariants: { size: "md" },
 	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" }
+		md: "size-8 text-lg",
+		sm: "size-7 text-base",
+		xl: "size-10 text-2xl",
+		xs: "size-6 text-sm"
+	} }
 });
 const EmojiPickerSkinToneSelector = ({ className, size, ...props }) => {
 	const resolvedSize = useEmojiPickerResolvedSize(size);
@@ -309,20 +313,21 @@ const EmojiPickerSkinToneSelector = ({ className, size, ...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",
+	base: "border-border bg-popover isolate flex w-fit flex-col rounded-md border shadow-md",
+	defaultVariants: { size: "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" }
+		md: "h-80",
+		sm: "h-72 rounded-[min(var(--radius-md),10px)]",
+		xl: "h-[28rem] rounded-xl",
+		xs: "h-64 rounded-[min(var(--radius-md),8px)]"
+	} }
 });
 const EmojiPicker = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(EmojiPickerSizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(EmojiPicker$1.Root, {
 			className: cn(emojiPickerVariants({ size }), className),
 			"data-size": size,