@kuzenbo/core 0.0.3 → 0.0.5

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

@@ -1 +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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"}
+{"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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\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 { createSizeContext } from \"../shared/size/size-context\";\nimport type { UISize } from \"../shared/size/size-system\";\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { EmojiPickerActiveEmoji } from \"./emoji-picker-active-emoji\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerActiveEmojiPreviewVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  slots: {\n    emoji: \"\",\n    root: \"bg-popover flex items-center rounded-md border-t\",\n  },\n  variants: {\n    size: {\n      lg: {\n        emoji: \"text-xl\",\n        root: \"gap-2.5 px-3.5 py-2 text-sm\",\n      },\n      md: {\n        emoji: \"text-lg\",\n        root: \"gap-2 px-3 py-2 text-sm\",\n      },\n      sm: {\n        emoji: \"text-base\",\n        root: \"gap-2 px-2.5 py-1.5 text-sm\",\n      },\n      xl: {\n        emoji: \"text-2xl\",\n        root: \"gap-3 px-4 py-2.5 text-base\",\n      },\n      xs: {\n        emoji: \"text-base\",\n        root: \"gap-1.5 px-2 py-1 text-xs\",\n      },\n    },\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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={contextValue}>\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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerEmptyVariants = tv({\n  base: \"text-muted-foreground absolute inset-0 flex items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-sm\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerListCategoryHeaderVariants = tv({\n  base: \"bg-popover text-muted-foreground font-medium\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"px-3.5 pb-1.5 text-sm\",\n      md: \"px-3 pb-1.5 text-xs\",\n      sm: \"px-2.5 pb-1 text-xs\",\n      xl: \"px-4 pb-2 text-sm\",\n      xs: \"px-2 pb-1 text-[10px]\",\n    },\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\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerListEmojiVariants = tv({\n  base: \"cursor-clickable data-active:bg-accent flex items-center justify-center rounded-md\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"size-9 text-xl\",\n      md: \"size-8 text-lg\",\n      sm: \"size-7 text-base\",\n      xl: \"size-10 text-2xl\",\n      xs: \"size-6 text-sm\",\n    },\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\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport {\n  EmojiPickerSizeContext,\n  useEmojiPickerResolvedSize,\n} from \"./emoji-picker-size-context\";\n\nconst emojiPickerListRowVariants = tv({\n  base: \"\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"scroll-my-2 px-2\",\n      md: \"scroll-my-1.5 px-1.5\",\n      sm: \"scroll-my-1.5 px-1.5\",\n      xl: \"scroll-my-2 px-2.5\",\n      xs: \"scroll-my-1 px-1\",\n    },\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={contextValue}>\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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\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  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"pb-2.5\",\n      md: \"pb-2\",\n      sm: \"pb-2\",\n      xl: \"pb-3\",\n      xs: \"pb-1.5\",\n    },\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  const contextValue = useMemo(() => ({ size: resolvedSize }), [resolvedSize]);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={contextValue}>\n      <BaseEmojiPicker.List\n        className={cn(\n          emojiPickerListVariants({ size: resolvedSize }),\n          className\n        )}\n        components={{\n          CategoryHeader,\n          Emoji,\n          Row,\n        }}\n        data-size={resolvedSize}\n        data-slot=\"emoji-picker-list\"\n        {...props}\n      />\n    </EmojiPickerSizeContext.Provider>\n  );\n};\n","\"use client\";\n\nimport { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerLoadingVariants = tv({\n  base: \"text-muted-foreground absolute inset-0 flex items-center justify-center\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"text-sm\",\n      md: \"text-sm\",\n      sm: \"text-sm\",\n      xl: \"text-base\",\n      xs: \"text-xs\",\n    },\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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerSearchWrapperVariants = tv({\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"p-2.5\",\n      md: \"p-2\",\n      sm: \"p-2\",\n      xl: \"p-3\",\n      xs: \"p-1.5\",\n    },\n  },\n});\n\nconst emojiPickerSearchVariants = tv({\n  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\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-10 rounded-md px-3 text-base md:text-sm\",\n      md: \"h-9 rounded-md px-3 text-base md:text-sm\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm\",\n      xl: \"h-11 rounded-md px-4 text-base\",\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n    },\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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useEmojiPickerResolvedSize } from \"./emoji-picker-size-context\";\n\nconst emojiPickerSkinToneSelectorVariants = tv({\n  base: \"bg-popover hover:bg-accent mx-2 mb-1.5 rounded-md\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"size-9 text-xl\",\n      md: \"size-8 text-lg\",\n      sm: \"size-7 text-base\",\n      xl: \"size-10 text-2xl\",\n      xs: \"size-6 text-sm\",\n    },\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 { EmojiPicker as BaseEmojiPicker } from \"frimousse\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\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: \"border-border bg-popover isolate flex w-fit flex-col rounded-md border shadow-md\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-96\",\n      md: \"h-80\",\n      sm: \"h-72 rounded-[min(var(--radius-md),10px)]\",\n      xl: \"h-[28rem] rounded-xl\",\n      xs: \"h-64 rounded-[min(var(--radius-md),8px)]\",\n    },\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  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <EmojiPickerSizeContext.Provider value={contextValue}>\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

@@ -1,5 +1,5 @@
 import { t as UISize } from "../size-system-wzOLSuax.js";
-import { Button } from "./button.js";
+import { t as Button } from "../button-nAbTNrxA.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -10,6 +10,7 @@ type EmptyButtonProps = Omit<ComponentProps<typeof Button>, "size"> & {
   size?: UISize;
 };
 declare const EmptyButton: ({
+  className,
   size,
   ...props
 }: EmptyButtonProps) => react_jsx_runtime0.JSX.Element;
@@ -17,27 +18,27 @@ declare const EmptyButton: ({
 //#region src/ui/empty/empty-content.d.ts
 declare const emptyContentVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex w-full min-w-0 flex-col items-center text-balance", {
   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, "flex w-full min-w-0 flex-col items-center text-balance", unknown, unknown, undefined>>;
 type EmptyContentVariantProps = Omit<VariantProps<typeof emptyContentVariants>, "size"> & {
@@ -53,29 +54,29 @@ declare const EmptyContent: ({
 //#region src/ui/empty/empty-description.d.ts
 declare const emptyDescriptionVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", {
+}, undefined, "text-muted-foreground [&>a:hover]:text-primary-foreground [&>a]:underline [&>a]:underline-offset-4", {
   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, "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", unknown, unknown, undefined>>;
+}, undefined, "text-muted-foreground [&>a:hover]:text-primary-foreground [&>a]:underline [&>a]:underline-offset-4", unknown, unknown, undefined>>;
 type EmptyDescriptionVariantProps = Omit<VariantProps<typeof emptyDescriptionVariants>, "size"> & {
   size?: UISize;
 };
@@ -89,27 +90,27 @@ declare const EmptyDescription: ({
 //#region src/ui/empty/empty-header.d.ts
 declare const emptyHeaderVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex flex-col items-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, "flex flex-col items-center", unknown, unknown, undefined>>;
 type EmptyHeaderVariantProps = Omit<VariantProps<typeof emptyHeaderVariants>, "size"> & {
@@ -125,11 +126,11 @@ declare const EmptyHeader: ({
 //#region src/ui/empty/empty-media.d.ts
 declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
   variant: {
     default: string;
@@ -137,11 +138,11 @@ declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
   };
 }, 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;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
   variant: {
     default: string;
@@ -149,11 +150,11 @@ declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
   variant: {
     default: string;
@@ -174,29 +175,29 @@ declare const EmptyMedia: ({
 //#region src/ui/empty/empty-title.d.ts
 declare const emptyTitleVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "font-medium tracking-tight text-foreground", {
+}, undefined, "text-foreground font-medium tracking-tight", {
   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, "font-medium tracking-tight text-foreground", unknown, unknown, undefined>>;
+}, undefined, "text-foreground font-medium tracking-tight", unknown, unknown, undefined>>;
 type EmptyTitleVariantProps = Omit<VariantProps<typeof emptyTitleVariants>, "size"> & {
   size?: UISize;
 };
@@ -210,27 +211,27 @@ declare const EmptyTitle: ({
 //#region src/ui/empty/empty.d.ts
 declare const emptyVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: 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;
+    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, "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"> & {
@@ -244,6 +245,7 @@ declare const Empty: {
     ...props
   }: EmptyProps): react_jsx_runtime0.JSX.Element;
   Button: ({
+    className,
     size,
     ...props
   }: EmptyButtonProps) => react_jsx_runtime0.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","names":[],"sources":["../../src/ui/empty/empty-button.tsx","../../src/ui/empty/empty-content.tsx","../../src/ui/empty/empty-description.tsx","../../src/ui/empty/empty-header.tsx","../../src/ui/empty/empty-media.tsx","../../src/ui/empty/empty-title.tsx","../../src/ui/empty/empty.tsx"],"mappings":";;;;;;;;KAUY,gBAAA,GAAmB,IAAA,CAAK,cAAA,QAAsB,MAAA;EACxD,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,WAAA;EAAe,IAAA;EAAA,GAAA;AAAA,GAAoB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCNnD,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,wBAAA,GAA2B,IAAA,CAC9B,YAAA,QAAoB,oBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,cAAA,UAC9B,wBAAA;AAAA,cAEI,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC1BhE,wBAAA,EAcJ,kBAAA,CAd4B,YAAA;;;;;;;;;;;;;;;;cAc5B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,4BAAA,GAA+B,IAAA,CAClC,YAAA,QAAoB,wBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,qBAAA,GAAwB,cAAA,QAClC,4BAAA;AAAA,cAEI,gBAAA;EAAoB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9BlB,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,cAAA,UAAwB,uBAAA;AAAA,cAEjD,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCzB9D,kBAAA,EA8CJ,kBAAA,CA9CsB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cA8CtB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;KAEG,sBAAA,GAAyB,IAAA,CAC5B,YAAA,QAAoB,kBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,eAAA,GAAkB,cAAA,UAAwB,sBAAA;AAAA,cAEhD,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAKjB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9DZ,kBAAA,EAcJ,kBAAA,CAdsB,YAAA;;;;;;;;;;;;;;;;cActB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,sBAAA,GAAyB,IAAA,CAC5B,YAAA,QAAoB,kBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,eAAA,GAAkB,cAAA,UAAwB,sBAAA;AAAA,cAEhD,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cClB5D,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,iBAAA,GAAoB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAChD,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,cAAA,UAAwB,iBAAA;AAAA,cAE3C,KAAA;EAAA;;;;KAAsD,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"empty.d.ts","names":[],"sources":["../../src/ui/empty/empty-button.tsx","../../src/ui/empty/empty-content.tsx","../../src/ui/empty/empty-description.tsx","../../src/ui/empty/empty-header.tsx","../../src/ui/empty/empty-media.tsx","../../src/ui/empty/empty-title.tsx","../../src/ui/empty/empty.tsx"],"mappings":";;;;;;;;KAUY,gBAAA,GAAmB,IAAA,CAAK,cAAA,QAAsB,MAAA;EACxD,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCP9D,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,wBAAA,GAA2B,IAAA,CAC9B,YAAA,QAAoB,oBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,cAAA,UAC9B,wBAAA;AAAA,cAEI,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC1BhE,wBAAA,EAcJ,kBAAA,CAd4B,YAAA;;;;;;;;;;;;;;;;cAc5B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,4BAAA,GAA+B,IAAA,CAClC,YAAA,QAAoB,wBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,qBAAA,GAAwB,cAAA,QAClC,4BAAA;AAAA,cAEI,gBAAA;EAAoB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9BlB,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,cAAA,UAAwB,uBAAA;AAAA,cAEjD,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCzB9D,kBAAA,EA8CJ,kBAAA,CA9CsB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cA8CtB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;KAEG,sBAAA,GAAyB,IAAA,CAC5B,YAAA,QAAoB,kBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,eAAA,GAAkB,cAAA,UAAwB,sBAAA;AAAA,cAEhD,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAKjB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9DZ,kBAAA,EAcJ,kBAAA,CAdsB,YAAA;;;;;;;;;;;;;;;;cActB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,sBAAA,GAAyB,IAAA,CAC5B,YAAA,QAAoB,kBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,eAAA,GAAkB,cAAA,UAAwB,sBAAA;AAAA,cAEhD,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCf5D,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,iBAAA,GAAoB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAChD,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,cAAA,UAAwB,iBAAA;AAAA,cAE3C,KAAA;EAAA;;;;KAAsD,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/empty.js

@@ -1,6 +1,9 @@
+"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 { Button } from "./button.js";
+import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 
@@ -9,9 +12,10 @@ const { SizeContext: EmptySizeContext, useResolvedSize: useResolvedEmptySize } =
 
 //#endregion
 //#region src/ui/empty/empty-button.tsx
-const EmptyButton = ({ size, ...props }) => {
+const EmptyButton = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedEmptySize(size);
 	return /* @__PURE__ */ jsx(Button, {
+		className: cn("cursor-clickable", className),
 		"data-size": resolvedSize,
 		"data-slot": "empty-button",
 		size: resolvedSize,
@@ -23,14 +27,14 @@ const EmptyButton = ({ size, ...props }) => {
 //#region src/ui/empty/empty-content.tsx
 const emptyContentVariants = tv({
 	base: "flex w-full min-w-0 flex-col items-center text-balance",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "max-w-xs gap-1.5 text-xs",
-		sm: "max-w-sm gap-2 text-sm",
-		md: "max-w-sm gap-2.5 text-sm",
 		lg: "max-w-md gap-3 text-sm",
-		xl: "max-w-md gap-3.5 text-base"
-	} },
-	defaultVariants: { size: "md" }
+		md: "max-w-sm gap-2.5 text-sm",
+		sm: "max-w-sm gap-2 text-sm",
+		xl: "max-w-md gap-3.5 text-base",
+		xs: "max-w-xs gap-1.5 text-xs"
+	} }
 });
 const EmptyContent = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedEmptySize(size);
@@ -45,15 +49,15 @@ const EmptyContent = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/empty/empty-description.tsx
 const emptyDescriptionVariants = tv({
-	base: "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground",
+	base: "text-muted-foreground [&>a:hover]:text-primary-foreground [&>a]:underline [&>a]:underline-offset-4",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs/relaxed",
-		sm: "text-sm/relaxed",
-		md: "text-sm/relaxed",
 		lg: "text-base/relaxed",
-		xl: "text-base/relaxed"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm/relaxed",
+		sm: "text-sm/relaxed",
+		xl: "text-base/relaxed",
+		xs: "text-xs/relaxed"
+	} }
 });
 const EmptyDescription = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedEmptySize(size);
@@ -69,14 +73,14 @@ const EmptyDescription = ({ className, size, ...props }) => {
 //#region src/ui/empty/empty-header.tsx
 const emptyHeaderVariants = tv({
 	base: "flex flex-col items-center",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "max-w-xs gap-1.5",
-		sm: "max-w-sm gap-2",
-		md: "max-w-sm gap-2.5",
 		lg: "max-w-md gap-3",
-		xl: "max-w-md gap-3.5"
-	} },
-	defaultVariants: { size: "md" }
+		md: "max-w-sm gap-2.5",
+		sm: "max-w-sm gap-2",
+		xl: "max-w-md gap-3.5",
+		xs: "max-w-xs gap-1.5"
+	} }
 });
 const EmptyHeader = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedEmptySize(size);
@@ -119,22 +123,22 @@ const emptyMediaVariants = tv({
 			variant: "icon"
 		}
 	],
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
 		size: {
-			xs: "mb-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "mb-2 [&_svg:not([class*='size-'])]:size-3.5",
-			md: "mb-2 [&_svg:not([class*='size-'])]:size-4",
 			lg: "mb-2.5 [&_svg:not([class*='size-'])]:size-4",
-			xl: "mb-3 [&_svg:not([class*='size-'])]:size-5"
+			md: "mb-2 [&_svg:not([class*='size-'])]:size-4",
+			sm: "mb-2 [&_svg:not([class*='size-'])]:size-3.5",
+			xl: "mb-3 [&_svg:not([class*='size-'])]:size-5",
+			xs: "mb-1.5 [&_svg:not([class*='size-'])]:size-3"
 		},
 		variant: {
 			default: "bg-transparent",
-			icon: "shrink-0 bg-muted text-foreground"
+			icon: "bg-muted text-foreground shrink-0"
 		}
-	},
-	defaultVariants: {
-		size: "md",
-		variant: "default"
 	}
 });
 const EmptyMedia = ({ className, size, variant = "default", ...props }) => {
@@ -154,15 +158,15 @@ const EmptyMedia = ({ className, size, variant = "default", ...props }) => {
 //#endregion
 //#region src/ui/empty/empty-title.tsx
 const emptyTitleVariants = tv({
-	base: "font-medium tracking-tight text-foreground",
+	base: "text-foreground font-medium tracking-tight",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "text-xs",
-		sm: "text-sm",
-		md: "text-sm",
 		lg: "text-base",
-		xl: "text-lg"
-	} },
-	defaultVariants: { size: "md" }
+		md: "text-sm",
+		sm: "text-sm",
+		xl: "text-lg",
+		xs: "text-xs"
+	} }
 });
 const EmptyTitle = ({ className, size, ...props }) => {
 	const resolvedSize = useResolvedEmptySize(size);
@@ -178,19 +182,20 @@ const EmptyTitle = ({ className, size, ...props }) => {
 //#region src/ui/empty/empty.tsx
 const emptyVariants = tv({
 	base: "flex w-full min-w-0 flex-1 flex-col items-center justify-center rounded-lg border-dashed text-center text-balance",
+	defaultVariants: { size: "md" },
 	variants: { size: {
-		xs: "gap-2 p-4",
-		sm: "gap-3 p-6",
-		md: "gap-4 p-8",
 		lg: "gap-5 p-10",
-		xl: "gap-6 p-12"
-	} },
-	defaultVariants: { size: "md" }
+		md: "gap-4 p-8",
+		sm: "gap-3 p-6",
+		xl: "gap-6 p-12",
+		xs: "gap-2 p-4"
+	} }
 });
 const Empty = ({ className, size: providedSize, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
 	return /* @__PURE__ */ jsx(EmptySizeContext.Provider, {
-		value: { size },
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("div", {
 			className: cn(emptyVariants({ size }), className),
 			"data-size": size,