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

package/dist/emoji-picker.d.ts

@@ -0,0 +1,47 @@
+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 { 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 EmojiPicker: {
+  ({
+    className,
+    ...props
+  }: EmojiPickerProps): react_jsx_runtime0.JSX.Element;
+  ActiveEmoji: (props: EmojiPickerActiveEmojiProps) => react_jsx_runtime0.JSX.Element;
+  ActiveEmojiPreview: ({
+    emptyText,
+    ...props
+  }: EmojiPickerActiveEmojiPreviewProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: EmojiPickerContentProps) => react_jsx_runtime0.JSX.Element;
+  Empty: ({
+    className,
+    ...props
+  }: EmojiPickerEmptyProps) => react_jsx_runtime0.JSX.Element;
+  List: ({
+    className,
+    ...props
+  }: EmojiPickerListProps) => react_jsx_runtime0.JSX.Element;
+  Loading: ({
+    className,
+    ...props
+  }: EmojiPickerLoadingProps) => react_jsx_runtime0.JSX.Element;
+  Search: ({
+    className,
+    wrapperClassName,
+    ...props
+  }: EmojiPickerSearchProps) => react_jsx_runtime0.JSX.Element;
+  SkinTone: (props: EmojiPickerSkinToneProps) => react_jsx_runtime0.JSX.Element;
+  SkinToneSelector: ({
+    className,
+    ...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 };
+//# sourceMappingURL=emoji-picker.d.ts.map

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

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

package/dist/emoji-picker.js

@@ -0,0 +1,26 @@
+"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 { 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
+});
+EmojiPicker.ActiveEmoji = EmojiPickerActiveEmoji;
+EmojiPicker.ActiveEmojiPreview = EmojiPickerActiveEmojiPreview;
+EmojiPicker.Content = EmojiPickerContent;
+EmojiPicker.Empty = EmojiPickerEmpty;
+EmojiPicker.List = EmojiPickerList;
+EmojiPicker.Loading = EmojiPickerLoading;
+EmojiPicker.Search = EmojiPickerSearch;
+EmojiPicker.SkinTone = EmojiPickerSkinTone;
+EmojiPicker.SkinToneSelector = EmojiPickerSkinToneSelector;
+
+//#endregion
+export { EmojiPicker, EmojiPickerActiveEmoji, EmojiPickerActiveEmojiPreview, EmojiPickerContent, EmojiPickerEmpty, EmojiPickerList, EmojiPickerLoading, EmojiPickerSearch, EmojiPickerSkinTone, EmojiPickerSkinToneSelector };
+//# sourceMappingURL=emoji-picker.js.map

package/dist/emoji-picker.js.map

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

package/dist/empty-title-CGGk8sMF.js

@@ -0,0 +1,54 @@
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/empty/empty-content.tsx
+const EmptyContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", className),
+	"data-slot": "empty-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/empty/empty-description.tsx
+const EmptyDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+	"data-slot": "empty-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/empty/empty-header.tsx
+const EmptyHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex max-w-sm flex-col items-center gap-2", className),
+	"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",
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const EmptyMedia = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(emptyMediaVariants({ variant }), className),
+	"data-slot": "empty-icon",
+	"data-variant": variant,
+	...props
+});
+
+//#endregion
+//#region src/ui/empty/empty-title.tsx
+const EmptyTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("text-sm font-medium tracking-tight", className),
+	"data-slot": "empty-title",
+	...props
+});
+
+//#endregion
+export { EmptyContent as a, EmptyDescription as i, EmptyMedia as n, EmptyHeader as r, EmptyTitle as t };
+//# sourceMappingURL=empty-title-CGGk8sMF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-title-CGGk8sMF.js","names":[],"sources":["../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 type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst EmptyContent = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance\",\n      className\n    )}\n    data-slot=\"empty-content\"\n    {...props}\n  />\n);\n\nexport { EmptyContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst EmptyDescription = ({ className, ...props }: ComponentProps<\"p\">) => (\n  <div\n    className={cn(\n      \"text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n      className\n    )}\n    data-slot=\"empty-description\"\n    {...props}\n  />\n);\n\nexport { EmptyDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst EmptyHeader = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"flex max-w-sm flex-col items-center gap-2\", className)}\n    data-slot=\"empty-header\"\n    {...props}\n  />\n);\n\nexport { EmptyHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nconst emptyMediaVariants = tv({\n  base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst EmptyMedia = ({\n  className,\n  variant = \"default\",\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) => (\n  <div\n    className={cn(emptyMediaVariants({ variant }), className)}\n    data-slot=\"empty-icon\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { EmptyMedia };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst EmptyTitle = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"text-sm font-medium tracking-tight\", className)}\n    data-slot=\"empty-title\"\n    {...props}\n  />\n);\n\nexport { EmptyTitle };\n"],"mappings":";;;;AAIA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC;CACC,WAAW,GACT,mFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GACT,2GACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,6CAA6C,UAAU;CACrE,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,qBAAqB,GAAG;CAC5B,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,cAAc,EAClB,WACA,UAAU,WACV,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,UAAU;CACzD,aAAU;CACV,gBAAc;CACd,GAAI;EACJ;;;;ACvBJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GAAG,sCAAsC,UAAU;CAC9D,aAAU;CACV,GAAI;EACJ"}

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

@@ -0,0 +1,54 @@
+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-content.d.ts
+declare const EmptyContent: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-description.d.ts
+declare const EmptyDescription: ({
+  className,
+  ...props
+}: ComponentProps<"p">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-header.d.ts
+declare const EmptyHeader: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-media.d.ts
+declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  variant: {
+    default: string;
+    icon: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  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>>;
+declare const EmptyMedia: ({
+  className,
+  variant,
+  ...props
+}: ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/empty/empty-title.d.ts
+declare const EmptyTitle: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EmptyContent as a, EmptyDescription as i, EmptyMedia as n, EmptyHeader as r, EmptyTitle as t };
+//# sourceMappingURL=empty-title-CcQlXOlP.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-title-CcQlXOlP.d.ts","names":[],"sources":["../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":";;;;;;cAIM,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA9D,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,UAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCAhE,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCA7D,kBAAA,EAWJ,kBAAA,CAXsB,YAAA;;;;;;;;;;cAWtB,kBAAA,CAAA,YAAA;;;;;;cAEI,UAAA;EAAc,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAIjB,cAAA,UAAwB,YAAA,QAAoB,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCjB5D,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,YAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/empty.d.ts

@@ -0,0 +1,51 @@
+import { a as EmptyContent, i as EmptyDescription, n as EmptyMedia, r as EmptyHeader, t as EmptyTitle } from "./empty-title-CcQlXOlP.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/empty/empty.d.ts
+declare const Empty: {
+  ({
+    className,
+    ...props
+  }: ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: ComponentProps<"p">) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Media: ({
+    className,
+    variant,
+    ...props
+  }: ComponentProps<"div"> & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      icon: string;
+    };
+  }, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variant: {
+      default: string;
+      icon: string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    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>>>) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.d.ts.map

package/dist/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","names":[],"sources":["../src/ui/empty/empty.tsx"],"mappings":";;;;;;cAUM,KAAA;EAAA;;;KAAkC,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/empty.js

@@ -0,0 +1,19 @@
+import { a as EmptyContent, i as EmptyDescription, n as EmptyMedia, r as EmptyHeader, t as EmptyTitle } from "./empty-title-CGGk8sMF.js";
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/empty/empty.tsx
+const Empty = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className),
+	"data-slot": "empty",
+	...props
+});
+Empty.Content = EmptyContent;
+Empty.Description = EmptyDescription;
+Empty.Header = EmptyHeader;
+Empty.Media = EmptyMedia;
+Empty.Title = EmptyTitle;
+
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.js.map

package/dist/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../src/ui/empty/empty.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { EmptyContent } from \"./empty-content\";\nimport { EmptyDescription } from \"./empty-description\";\nimport { EmptyHeader } from \"./empty-header\";\nimport { EmptyMedia } from \"./empty-media\";\nimport { EmptyTitle } from \"./empty-title\";\n\nconst Empty = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance\",\n      className\n    )}\n    data-slot=\"empty\"\n    {...props}\n  />\n);\n\nEmpty.Content = EmptyContent;\nEmpty.Description = EmptyDescription;\nEmpty.Header = EmptyHeader;\nEmpty.Media = EmptyMedia;\nEmpty.Title = EmptyTitle;\n\nexport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n};\n"],"mappings":";;;;;AAUA,MAAM,SAAS,EAAE,WAAW,GAAG,YAC7B,oBAAC;CACC,WAAW,GACT,gIACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,MAAM,UAAU;AAChB,MAAM,cAAc;AACpB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,QAAQ"}

package/dist/form-field-title-KqTd5is7.js

@@ -0,0 +1,102 @@
+import { Separator } from "./separator.js";
+import { Label } from "./label.js";
+import { cn } from "tailwind-variants";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/form-field/form-field-content.tsx
+const FormFieldContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className),
+	"data-slot": "field-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-description.tsx
+const FormFieldDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
+	className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+	"data-slot": "field-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-error.tsx
+const FormFieldError = ({ className, children, errors, ...props }) => {
+	const content = useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+		if (uniqueErrors?.length === 1) return uniqueErrors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: uniqueErrors.map((error) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, error.message))
+		});
+	}, [children, errors]);
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("text-sm font-normal text-danger", className),
+		"data-slot": "field-error",
+		role: "alert",
+		...props,
+		children: content
+	});
+};
+
+//#endregion
+//#region src/ui/form-field/form-field-group.tsx
+const FormFieldGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
+	"data-slot": "field-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-label.tsx
+const FormFieldLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Label, {
+	className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:border-border *:data-[slot=field]:p-2.5 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
+	"data-slot": "field-label",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-legend.tsx
+const FormFieldLegend = ({ className, variant = "legend", ...props }) => /* @__PURE__ */ jsx("legend", {
+	className: cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
+	"data-slot": "field-legend",
+	"data-variant": variant,
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-separator.tsx
+const FormFieldSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+	"data-content": !!children,
+	"data-slot": "field-separator",
+	...props,
+	children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
+		className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+		"data-slot": "field-separator-content",
+		children
+	})]
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-set.tsx
+const FormFieldSet = ({ className, ...props }) => /* @__PURE__ */ jsx("fieldset", {
+	className: cn("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+	"data-slot": "field-set",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-title.tsx
+const FormFieldTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
+	"data-slot": "field-label",
+	...props
+});
+
+//#endregion
+export { FormFieldLabel as a, FormFieldDescription as c, FormFieldLegend as i, FormFieldContent as l, FormFieldSet as n, FormFieldGroup as o, FormFieldSeparator as r, FormFieldError as s, FormFieldTitle as t };
+//# sourceMappingURL=form-field-title-KqTd5is7.js.map

package/dist/form-field-title-KqTd5is7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-title-KqTd5is7.js","names":[],"sources":["../src/ui/form-field/form-field-content.tsx","../src/ui/form-field/form-field-description.tsx","../src/ui/form-field/form-field-error.tsx","../src/ui/form-field/form-field-group.tsx","../src/ui/form-field/form-field-label.tsx","../src/ui/form-field/form-field-legend.tsx","../src/ui/form-field/form-field-separator.tsx","../src/ui/form-field/form-field-set.tsx","../src/ui/form-field/form-field-title.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst FormFieldContent = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"group/field-content flex flex-1 flex-col gap-0.5 leading-snug\",\n      className\n    )}\n    data-slot=\"field-content\"\n    {...props}\n  />\n);\n\nexport { FormFieldContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst FormFieldDescription = ({ className, ...props }: ComponentProps<\"p\">) => (\n  <p\n    className={cn(\n      \"text-left text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n      \"last:mt-0 nth-last-2:-mt-1\",\n      \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n      className\n    )}\n    data-slot=\"field-description\"\n    {...props}\n  />\n);\n\nexport { FormFieldDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nconst FormFieldError = ({\n  className,\n  children,\n  errors,\n  ...props\n}: ComponentProps<\"div\"> & {\n  errors?: ({ message?: string } | undefined)[];\n}) => {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) =>\n            error?.message && <li key={error.message}>{error.message}</li>\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\"text-sm font-normal text-danger\", className)}\n      data-slot=\"field-error\"\n      role=\"alert\"\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n\nexport { FormFieldError };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst FormFieldGroup = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4\",\n      className\n    )}\n    data-slot=\"field-group\"\n    {...props}\n  />\n);\n\nexport { FormFieldGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Label } from \"../label/label\";\n\nconst FormFieldLabel = ({\n  className,\n  ...props\n}: ComponentProps<typeof Label>) => (\n  <Label\n    className={cn(\n      \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:border-border *:data-[slot=field]:p-2.5 dark:has-data-checked:bg-primary/10\",\n      \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n      className\n    )}\n    data-slot=\"field-label\"\n    {...props}\n  />\n);\n\nexport { FormFieldLabel };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst FormFieldLegend = ({\n  className,\n  variant = \"legend\",\n  ...props\n}: ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) => (\n  <legend\n    className={cn(\n      \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n      className\n    )}\n    data-slot=\"field-legend\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { FormFieldLegend };\n","import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\n\nconst FormFieldSeparator = ({\n  children,\n  className,\n  ...props\n}: ComponentProps<\"div\"> & {\n  children?: ReactNode;\n}) => (\n  <div\n    className={cn(\n      \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n      className\n    )}\n    data-content={!!children}\n    data-slot=\"field-separator\"\n    {...props}\n  >\n    <Separator className=\"absolute inset-0 top-1/2\" />\n    {children && (\n      <span\n        className=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n        data-slot=\"field-separator-content\"\n      >\n        {children}\n      </span>\n    )}\n  </div>\n);\n\nexport { FormFieldSeparator };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst FormFieldSet = ({ className, ...props }: ComponentProps<\"fieldset\">) => (\n  <fieldset\n    className={cn(\n      \"flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n      className\n    )}\n    data-slot=\"field-set\"\n    {...props}\n  />\n);\n\nexport { FormFieldSet };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst FormFieldTitle = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50\",\n      className\n    )}\n    data-slot=\"field-label\"\n    {...props}\n  />\n);\n\nexport { FormFieldTitle };\n"],"mappings":";;;;;;;AAIA,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GACT,iEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAC5C,oBAAC;CACC,WAAW,GACT,qKACA,8BACA,qEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,kBAAkB,EACtB,WACA,UACA,QACA,GAAG,YAGC;CACJ,MAAM,UAAU,cAAc;AAC5B,MAAI,SACF,QAAO;AAGT,MAAI,CAAC,QAAQ,OACX,QAAO;EAGT,MAAM,eAAe,CACnB,GAAG,IAAI,IAAI,OAAO,KAAK,UAAU,CAAC,OAAO,SAAS,MAAM,CAAC,CAAC,CAAC,QAAQ,CACpE;AAED,MAAI,cAAc,WAAW,EAC3B,QAAO,aAAa,IAAI;AAG1B,SACE,oBAAC;GAAG,WAAU;aACX,aAAa,KACX,UACC,OAAO,WAAW,oBAAC,kBAAwB,MAAM,WAAtB,MAAM,QAA6B,CACjE;IACE;IAEN,CAAC,UAAU,OAAO,CAAC;AAEtB,KAAI,CAAC,QACH,QAAO;AAGT,QACE,oBAAC;EACC,WAAW,GAAG,mCAAmC,UAAU;EAC3D,aAAU;EACV,MAAK;EACL,GAAI;YAEH;GACG;;;;;AChDV,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC;CACC,WAAW,GACT,0IACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,kBAAkB,EACtB,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,uVACA,qEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACdJ,MAAM,mBAAmB,EACvB,WACA,UAAU,UACV,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,mFACA,UACD;CACD,aAAU;CACV,gBAAc;CACd,GAAI;EACJ;;;;ACXJ,MAAM,sBAAsB,EAC1B,UACA,WACA,GAAG,YAIH,qBAAC;CACC,WAAW,GACT,6EACA,UACD;CACD,gBAAc,CAAC,CAAC;CAChB,aAAU;CACV,GAAI;YAEJ,oBAAC,aAAU,WAAU,6BAA6B,EACjD,YACC,oBAAC;EACC,WAAU;EACV,aAAU;EAET;GACI;EAEL;;;;AC3BR,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC;CACC,WAAW,GACT,oGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC;CACC,WAAW,GACT,8GACA,UACD;CACD,aAAU;CACV,GAAI;EACJ"}

package/dist/form-field.d.ts

@@ -0,0 +1,132 @@
+import "./accordion-trigger-B51W3Rdg.js";
+import "./alert-title-W1oau4D6.js";
+import { B as FormFieldSeparator, G as FormFieldDescription, H as FormFieldLabel, K as FormFieldContent, R as FormFieldTitle, U as FormFieldGroup, V as FormFieldLegend, W as FormFieldError, z as FormFieldSet } from "./use-sidebar-CYBPR0ue.js";
+import "./announcement-title-3cikJ44S.js";
+import "./autocomplete-value-DUN1Jprs.js";
+import "./avatar-image-DPunh5Hd.js";
+import "./breadcrumb-separator-C6zfQJ5p.js";
+import "./card-title-Dk0akcFR.js";
+import "./collapsible-trigger-DjL8pGgf.js";
+import "./use-combobox-anchor-DKwvfnFx.js";
+import "./dialog-trigger-B5HeOikl.js";
+import "./context-menu-trigger-DHPhlnvV.js";
+import "./drawer-viewport-DejmWgmc.js";
+import "./dropdown-menu-trigger-DEdnOFwc.js";
+import "./dropzone-context-DNiJThhB.js";
+import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
+import "./empty-title-CcQlXOlP.js";
+import { LabelProps } from "./label.js";
+import "./hover-card-trigger-CRzFaoL4.js";
+import "./input-otp-slot-B19cyjk_.js";
+import "./kbd-group-PUw0yaIv.js";
+import "./marquee-item-BCswidMf.js";
+import "./menubar-trigger-Gx-lmpr9.js";
+import "./meter-value-FRDEI8VE.js";
+import "./navigation-menu-trigger-ryYftbUl.js";
+import "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import "./pagination-previous-NpFopV3e.js";
+import "./pill-status-BS75xd9Z.js";
+import "./popover-trigger-C8pR26Xp.js";
+import "./progress-value-BGhNh_xb.js";
+import "./radio-group-item-DCXseC2o.js";
+import "./rating-star-CxVJUZmc.js";
+import "./resizable-panel-D4Brid-G.js";
+import "./scroll-bar-L-sXig2v.js";
+import "./select-value-D8pFrPKG.js";
+import "./sheet-trigger-B_N_tXmj.js";
+import "./tooltip-trigger-B43yfWhK.js";
+import "./table-row-BSEIkZEJ.js";
+import "./tabs-trigger-ChutNdGI.js";
+import "./use-timeline-Dcj9DR0I.js";
+import "./toggle-group-item-CrPxpOF5.js";
+import "./toolbar-separator-DbkRIfIA.js";
+import "./typography-ul-Dy8wQB_p.js";
+import "./index.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/form-field/form-field.d.ts
+declare const fieldVariants: tailwind_variants0.TVReturnType<{
+  orientation: {
+    vertical: string;
+    horizontal: string;
+    responsive: string;
+  };
+}, undefined, "group/field flex w-full gap-3 data-[invalid=true]:text-danger", {
+  orientation: {
+    vertical: string;
+    horizontal: string;
+    responsive: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  orientation: {
+    vertical: string;
+    horizontal: string;
+    responsive: string;
+  };
+}, undefined, "group/field flex w-full gap-3 data-[invalid=true]:text-danger", unknown, unknown, undefined>>;
+declare const FormField: {
+  ({
+    className,
+    orientation,
+    ...props
+  }: ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: ComponentProps<"p">) => react_jsx_runtime0.JSX.Element;
+  Error: ({
+    className,
+    children,
+    errors,
+    ...props
+  }: ComponentProps<"div"> & {
+    errors?: ({
+      message?: string;
+    } | undefined)[];
+  }) => react_jsx_runtime0.JSX.Element | null;
+  Group: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Label: ({
+    className,
+    ...props
+  }: ComponentProps<({
+    className,
+    htmlFor,
+    ...props
+  }: LabelProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Legend: ({
+    className,
+    variant,
+    ...props
+  }: ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+  }) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    children,
+    className,
+    ...props
+  }: ComponentProps<"div"> & {
+    children?: react.ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+  Set: ({
+    className,
+    ...props
+  }: ComponentProps<"fieldset">) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { FormField, FormFieldContent, FormFieldDescription, FormFieldError, FormFieldGroup, FormFieldLabel, FormFieldLegend, FormFieldSeparator, FormFieldSet, FormFieldTitle, fieldVariants };
+//# sourceMappingURL=form-field.d.ts.map

package/dist/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","names":[],"sources":["../src/ui/form-field/form-field.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAcM,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;cAEI,SAAA;EAAA;;;;KAIH,cAAA,UAAwB,YAAA,QAAoB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA5BpC,SAAA;EAAA"}

package/dist/form-field.js

@@ -0,0 +1,34 @@
+import { a as FormFieldLabel, c as FormFieldDescription, i as FormFieldLegend, l as FormFieldContent, n as FormFieldSet, o as FormFieldGroup, r as FormFieldSeparator, s as FormFieldError, t as FormFieldTitle } from "./form-field-title-KqTd5is7.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/form-field/form-field.tsx
+const fieldVariants = tv({
+	base: "group/field flex w-full gap-3 data-[invalid=true]:text-danger",
+	variants: { orientation: {
+		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+const FormField = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(fieldVariants({ orientation }), className),
+	"data-orientation": orientation,
+	"data-slot": "field",
+	role: "group",
+	...props
+});
+FormField.Content = FormFieldContent;
+FormField.Description = FormFieldDescription;
+FormField.Error = FormFieldError;
+FormField.Group = FormFieldGroup;
+FormField.Label = FormFieldLabel;
+FormField.Legend = FormFieldLegend;
+FormField.Separator = FormFieldSeparator;
+FormField.Set = FormFieldSet;
+FormField.Title = FormFieldTitle;
+
+//#endregion
+export { FormField, FormFieldContent, FormFieldDescription, FormFieldError, FormFieldGroup, FormFieldLabel, FormFieldLegend, FormFieldSeparator, FormFieldSet, FormFieldTitle, fieldVariants };
+//# sourceMappingURL=form-field.js.map

package/dist/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","names":[],"sources":["../src/ui/form-field/form-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { FormFieldContent } from \"./form-field-content\";\nimport { FormFieldDescription } from \"./form-field-description\";\nimport { FormFieldError } from \"./form-field-error\";\nimport { FormFieldGroup } from \"./form-field-group\";\nimport { FormFieldLabel } from \"./form-field-label\";\nimport { FormFieldLegend } from \"./form-field-legend\";\nimport { FormFieldSeparator } from \"./form-field-separator\";\nimport { FormFieldSet } from \"./form-field-set\";\nimport { FormFieldTitle } from \"./form-field-title\";\n\nconst fieldVariants = tv({\n  base: \"group/field flex w-full gap-3 data-[invalid=true]:text-danger\",\n  variants: {\n    orientation: {\n      vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n      horizontal:\n        \"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      responsive:\n        \"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nconst FormField = ({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) => (\n  <div\n    className={cn(fieldVariants({ orientation }), className)}\n    data-orientation={orientation}\n    data-slot=\"field\"\n    role=\"group\"\n    {...props}\n  />\n);\n\nFormField.Content = FormFieldContent;\nFormField.Description = FormFieldDescription;\nFormField.Error = FormFieldError;\nFormField.Group = FormFieldGroup;\nFormField.Label = FormFieldLabel;\nFormField.Legend = FormFieldLegend;\nFormField.Separator = FormFieldSeparator;\nFormField.Set = FormFieldSet;\nFormField.Title = FormFieldTitle;\n\nexport {\n  FormField,\n  fieldVariants,\n  FormFieldContent,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldGroup,\n  FormFieldLabel,\n  FormFieldLegend,\n  FormFieldSeparator,\n  FormFieldSet,\n  FormFieldTitle,\n};\n"],"mappings":";;;;;AAcA,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,UAAU,EACR,aAAa;EACX,UAAU;EACV,YACE;EACF,YACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CAAC;AAEF,MAAM,aAAa,EACjB,WACA,cAAc,YACd,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;CACxD,oBAAkB;CAClB,aAAU;CACV,MAAK;CACL,GAAI;EACJ;AAGJ,UAAU,UAAU;AACpB,UAAU,cAAc;AACxB,UAAU,QAAQ;AAClB,UAAU,QAAQ;AAClB,UAAU,QAAQ;AAClB,UAAU,SAAS;AACnB,UAAU,YAAY;AACtB,UAAU,MAAM;AAChB,UAAU,QAAQ"}

package/dist/hover-card-trigger-BJyHUOUc.js

@@ -0,0 +1,32 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+
+//#region src/ui/hover-card/hover-card-content.tsx
+const HoverCardContent = ({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) => /* @__PURE__ */ jsx(PreviewCard.Portal, {
+	"data-slot": "hover-card-portal",
+	children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+		align,
+		alignOffset,
+		className: "isolate z-50",
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
+			className: cn("z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+			"data-slot": "hover-card-content",
+			...props
+		})
+	})
+});
+
+//#endregion
+//#region src/ui/hover-card/hover-card-trigger.tsx
+const HoverCardTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "hover-card-trigger",
+	...props
+});
+
+//#endregion
+export { HoverCardContent as n, HoverCardTrigger as t };
+//# sourceMappingURL=hover-card-trigger-BJyHUOUc.js.map

package/dist/hover-card-trigger-BJyHUOUc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card-trigger-BJyHUOUc.js","names":["PreviewCardPrimitive","PreviewCardPrimitive"],"sources":["../src/ui/hover-card/hover-card-content.tsx","../src/ui/hover-card/hover-card-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nconst HoverCardContent = ({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 4,\n  ...props\n}: PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) => (\n  <PreviewCardPrimitive.Portal data-slot=\"hover-card-portal\">\n    <PreviewCardPrimitive.Positioner\n      align={align}\n      alignOffset={alignOffset}\n      className=\"isolate z-50\"\n      side={side}\n      sideOffset={sideOffset}\n    >\n      <PreviewCardPrimitive.Popup\n        className={cn(\n          \"z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          className\n        )}\n        data-slot=\"hover-card-content\"\n        {...props}\n      />\n    </PreviewCardPrimitive.Positioner>\n  </PreviewCardPrimitive.Portal>\n);\n\nexport { HoverCardContent };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nconst HoverCardTrigger = ({\n  className,\n  ...props\n}: PreviewCardPrimitive.Trigger.Props) => (\n  <PreviewCardPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"hover-card-trigger\"\n    {...props}\n  />\n);\n\nexport { HoverCardTrigger };\n"],"mappings":";;;;;AAKA,MAAM,oBAAoB,EACxB,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,GAAG,YAMH,oBAACA,YAAqB;CAAO,aAAU;WACrC,oBAACA,YAAqB;EACb;EACM;EACb,WAAU;EACJ;EACM;YAEZ,oBAACA,YAAqB;GACpB,WAAW,GACT,ocACA,UACD;GACD,aAAU;GACV,GAAI;IACJ;GAC8B;EACN;;;;AC7BhC,MAAM,oBAAoB,EACxB,WACA,GAAG,YAEH,oBAACC,YAAqB;CACpB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ"}