@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

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

@@ -0,0 +1 @@
+{"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":"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"}

package/dist/emoji-picker.d.ts

@@ -1,47 +1,92 @@
-import { _ as EmojiPickerActiveEmoji, a as EmojiPickerSearch, c as EmojiPickerLoadingProps, d as EmojiPickerEmpty, f as EmojiPickerEmptyProps, g as EmojiPickerActiveEmojiPreviewProps, h as EmojiPickerActiveEmojiPreview, i as EmojiPickerSkinToneProps, l as EmojiPickerList, m as EmojiPickerContentProps, n as EmojiPickerSkinToneSelectorProps, o as EmojiPickerSearchProps, p as EmojiPickerContent, r as EmojiPickerSkinTone, s as EmojiPickerLoading, t as EmojiPickerSkinToneSelector, u as EmojiPickerListProps, v as EmojiPickerActiveEmojiProps } from "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
+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
-type EmojiPickerProps = ComponentProps<typeof EmojiPicker$1.Root>;
+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: (props: EmojiPickerSkinToneProps) => 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, EmojiPickerSkinTone, type EmojiPickerSkinToneProps, EmojiPickerSkinToneSelector, type EmojiPickerSkinToneSelectorProps };
+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 +1 @@
-{"version":3,"file":"emoji-picker.d.ts","names":[],"sources":["../src/ui/emoji-picker/emoji-picker.tsx"],"mappings":";;;;;;KAiBY,gBAAA,GAAmB,cAAA,QAAsB,aAAA,CAAgB,IAAA;AAAA,cAE/D,WAAA;EAAA;;;KAAwC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;uBAAA,2BAAA"}
+{"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,16 +1,35 @@
 "use client";
 
-import { a as EmojiPickerList, c as EmojiPickerActiveEmojiPreview, i as EmojiPickerLoading, l as EmojiPickerActiveEmoji, n as EmojiPickerSkinTone, o as EmojiPickerEmpty, r as EmojiPickerSearch, s as EmojiPickerContent, t as EmojiPickerSkinToneSelector } from "./emoji-picker-skin-tone-selector-ioOHy5cv.js";
-import { cn } from "tailwind-variants";
+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 EmojiPicker = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker$1.Root, {
-	className: cn("isolate flex h-80 w-fit flex-col rounded-md border border-border bg-popover shadow-md", className),
-	"data-slot": "emoji-picker",
-	...props
+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;

package/dist/emoji-picker.js.map

@@ -1 +1 @@
-{"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 } from \"tailwind-variants\";\n\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 { EmojiPickerSkinTone } from \"./emoji-picker-skin-tone\";\nimport { EmojiPickerSkinToneSelector } from \"./emoji-picker-skin-tone-selector\";\n\nexport type EmojiPickerProps = ComponentProps<typeof BaseEmojiPicker.Root>;\n\nconst EmojiPicker = ({ className, ...props }: EmojiPickerProps) => (\n  <BaseEmojiPicker.Root\n    className={cn(\n      \"isolate flex h-80 w-fit flex-col rounded-md border border-border bg-popover shadow-md\",\n      className\n    )}\n    data-slot=\"emoji-picker\"\n    {...props}\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 { 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":";;;;;;;;AAmBA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACA,cAAgB;CACf,WAAW,GACT,yFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,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"}
+{"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"}

package/dist/empty-title-C9hHuBz8.d.ts

@@ -0,0 +1,211 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { Button } from "./button.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";
+
+//#region src/ui/empty/empty-button.d.ts
+type EmptyButtonProps = Omit<ComponentProps<typeof Button>, "size"> & {
+  size?: UISize;
+};
+declare const EmptyButton: ({
+  size,
+  ...props
+}: EmptyButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-content.d.ts
+declare const emptyContentVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex w-full min-w-0 flex-col items-center text-balance", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex w-full min-w-0 flex-col items-center text-balance", unknown, unknown, undefined>>;
+type EmptyContentVariantProps = Omit<VariantProps<typeof emptyContentVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyContentProps = ComponentProps<"div"> & EmptyContentVariantProps;
+declare const EmptyContent: ({
+  className,
+  size,
+  ...props
+}: EmptyContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-description.d.ts
+declare const emptyDescriptionVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", unknown, unknown, undefined>>;
+type EmptyDescriptionVariantProps = Omit<VariantProps<typeof emptyDescriptionVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyDescriptionProps = ComponentProps<"p"> & EmptyDescriptionVariantProps;
+declare const EmptyDescription: ({
+  className,
+  size,
+  ...props
+}: EmptyDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-header.d.ts
+declare const emptyHeaderVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex flex-col items-center", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex flex-col items-center", unknown, unknown, undefined>>;
+type EmptyHeaderVariantProps = Omit<VariantProps<typeof emptyHeaderVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyHeaderProps = ComponentProps<"div"> & EmptyHeaderVariantProps;
+declare const EmptyHeader: ({
+  className,
+  size,
+  ...props
+}: EmptyHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-media.d.ts
+declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+type EmptyMediaVariantProps = Omit<VariantProps<typeof emptyMediaVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyMediaProps = ComponentProps<"div"> & EmptyMediaVariantProps;
+declare const EmptyMedia: ({
+  className,
+  size,
+  variant,
+  ...props
+}: EmptyMediaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-title.d.ts
+declare const emptyTitleVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-medium tracking-tight text-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-medium tracking-tight text-foreground", unknown, unknown, undefined>>;
+type EmptyTitleVariantProps = Omit<VariantProps<typeof emptyTitleVariants>, "size"> & {
+  size?: UISize;
+};
+type EmptyTitleProps = ComponentProps<"div"> & EmptyTitleVariantProps;
+declare const EmptyTitle: ({
+  className,
+  size,
+  ...props
+}: EmptyTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EmptyHeader as a, EmptyDescriptionProps as c, EmptyButton as d, EmptyButtonProps as f, EmptyMediaProps as i, EmptyContent as l, EmptyTitleProps as n, EmptyHeaderProps as o, EmptyMedia as r, EmptyDescription as s, EmptyTitle as t, EmptyContentProps as u };
+//# sourceMappingURL=empty-title-C9hHuBz8.d.ts.map

package/dist/empty-title-C9hHuBz8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-title-C9hHuBz8.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"],"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"}

package/dist/empty-title-DjJj4k34.js

@@ -0,0 +1,178 @@
+import { Button } from "./button.js";
+import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/empty/empty-size-context.ts
+const { SizeContext: EmptySizeContext, useResolvedSize: useResolvedEmptySize } = createSizeContext();
+
+//#endregion
+//#region src/ui/empty/empty-button.tsx
+const EmptyButton = ({ size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx(Button, {
+		"data-size": resolvedSize,
+		"data-slot": "empty-button",
+		size: resolvedSize,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-content.tsx
+const emptyContentVariants = tv({
+	base: "flex w-full min-w-0 flex-col items-center text-balance",
+	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" }
+});
+const EmptyContent = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyContentVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-content",
+		...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",
+	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" }
+});
+const EmptyDescription = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyDescriptionVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-description",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-header.tsx
+const emptyHeaderVariants = tv({
+	base: "flex flex-col items-center",
+	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" }
+});
+const EmptyHeader = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyHeaderVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-header",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-media.tsx
+const emptyMediaVariants = tv({
+	base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	compoundVariants: [
+		{
+			class: "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+			size: "xs",
+			variant: "icon"
+		},
+		{
+			class: "size-7 rounded-md [&_svg:not([class*='size-'])]:size-3.5",
+			size: "sm",
+			variant: "icon"
+		},
+		{
+			class: "size-8 rounded-lg [&_svg:not([class*='size-'])]:size-4",
+			size: "md",
+			variant: "icon"
+		},
+		{
+			class: "size-9 rounded-lg [&_svg:not([class*='size-'])]:size-4",
+			size: "lg",
+			variant: "icon"
+		},
+		{
+			class: "size-10 rounded-xl [&_svg:not([class*='size-'])]:size-5",
+			size: "xl",
+			variant: "icon"
+		}
+	],
+	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"
+		},
+		variant: {
+			default: "bg-transparent",
+			icon: "shrink-0 bg-muted text-foreground"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+const EmptyMedia = ({ className, size, variant = "default", ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyMediaVariants({
+			size: resolvedSize,
+			variant
+		}), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-title.tsx
+const emptyTitleVariants = tv({
+	base: "font-medium tracking-tight text-foreground",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-sm",
+		md: "text-sm",
+		lg: "text-base",
+		xl: "text-lg"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmptyTitle = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyTitleVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-title",
+		...props
+	});
+};
+
+//#endregion
+export { EmptyContent as a, EmptyDescription as i, EmptyMedia as n, EmptyButton as o, EmptyHeader as r, EmptySizeContext as s, EmptyTitle as t };
+//# sourceMappingURL=empty-title-DjJj4k34.js.map

package/dist/empty-title-DjJj4k34.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-title-DjJj4k34.js","names":[],"sources":["../src/ui/empty/empty-size-context.ts","../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"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst { SizeContext: EmptySizeContext, useResolvedSize: useResolvedEmptySize } =\n  createSizeContext();\n\nexport { EmptySizeContext, useResolvedEmptySize };\n","import type { ComponentProps } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { Button } from \"../button/button\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\n// oxlint-disable-next-line no-warning-comments\n// TODO: handle icon size in the future\n\nexport type EmptyButtonProps = Omit<ComponentProps<typeof Button>, \"size\"> & {\n  size?: UISize;\n};\n\nconst EmptyButton = ({ size, ...props }: EmptyButtonProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <Button\n      data-size={resolvedSize}\n      data-slot=\"empty-button\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { EmptyButton };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyContentVariants = tv({\n  base: \"flex w-full min-w-0 flex-col items-center text-balance\",\n  variants: {\n    size: {\n      xs: \"max-w-xs gap-1.5 text-xs\",\n      sm: \"max-w-sm gap-2 text-sm\",\n      md: \"max-w-sm gap-2.5 text-sm\",\n      lg: \"max-w-md gap-3 text-sm\",\n      xl: \"max-w-md gap-3.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyContentVariantProps = Omit<\n  VariantProps<typeof emptyContentVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyContentProps = ComponentProps<\"div\"> &\n  EmptyContentVariantProps;\n\nconst EmptyContent = ({ className, size, ...props }: EmptyContentProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(emptyContentVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"empty-content\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyDescriptionVariants = tv({\n  base: \"text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs/relaxed\",\n      sm: \"text-sm/relaxed\",\n      md: \"text-sm/relaxed\",\n      lg: \"text-base/relaxed\",\n      xl: \"text-base/relaxed\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyDescriptionVariantProps = Omit<\n  VariantProps<typeof emptyDescriptionVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyDescriptionProps = ComponentProps<\"p\"> &\n  EmptyDescriptionVariantProps;\n\nconst EmptyDescription = ({\n  className,\n  size,\n  ...props\n}: EmptyDescriptionProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(\n        emptyDescriptionVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"empty-description\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyHeaderVariants = tv({\n  base: \"flex flex-col items-center\",\n  variants: {\n    size: {\n      xs: \"max-w-xs gap-1.5\",\n      sm: \"max-w-sm gap-2\",\n      md: \"max-w-sm gap-2.5\",\n      lg: \"max-w-md gap-3\",\n      xl: \"max-w-md gap-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyHeaderVariantProps = Omit<\n  VariantProps<typeof emptyHeaderVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyHeaderProps = ComponentProps<\"div\"> & EmptyHeaderVariantProps;\n\nconst EmptyHeader = ({ className, size, ...props }: EmptyHeaderProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(emptyHeaderVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"empty-header\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyMediaVariants = tv({\n  base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  compoundVariants: [\n    {\n      class: \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n      size: \"xs\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-7 rounded-md [&_svg:not([class*='size-'])]:size-3.5\",\n      size: \"sm\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-8 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      size: \"md\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-9 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      size: \"lg\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-10 rounded-xl [&_svg:not([class*='size-'])]:size-5\",\n      size: \"xl\",\n      variant: \"icon\",\n    },\n  ],\n  variants: {\n    size: {\n      xs: \"mb-1.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"mb-2 [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"mb-2 [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"mb-2.5 [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"mb-3 [&_svg:not([class*='size-'])]:size-5\",\n    },\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"shrink-0 bg-muted text-foreground\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\ntype EmptyMediaVariantProps = Omit<\n  VariantProps<typeof emptyMediaVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyMediaProps = ComponentProps<\"div\"> & EmptyMediaVariantProps;\n\nconst EmptyMedia = ({\n  className,\n  size,\n  variant = \"default\",\n  ...props\n}: EmptyMediaProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(\n        emptyMediaVariants({ size: resolvedSize, variant }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n};\n\nexport { EmptyMedia };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyTitleVariants = tv({\n  base: \"font-medium tracking-tight text-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n      xl: \"text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyTitleVariantProps = Omit<\n  VariantProps<typeof emptyTitleVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyTitleProps = ComponentProps<\"div\"> & EmptyTitleVariantProps;\n\nconst EmptyTitle = ({ className, size, ...props }: EmptyTitleProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(emptyTitleVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"empty-title\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyTitle };\n"],"mappings":"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"}