@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["InputPrimitive"],"sources":["../../src/ui/input/input.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { useInputDefaultProps } from \"./use-input-default-props\";\n\nconst inputVariants = tv({\n  base: \"w-full min-w-0 border border-input bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40\",\n  variants: {\n    size: {\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs file:h-5 file:text-xs\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm file:h-6 file:text-xs\",\n      md: \"h-9 rounded-md px-2.5 py-1 text-base file:h-7 file:text-sm md:text-sm\",\n      lg: \"h-10 rounded-md px-3 py-1.5 text-base file:h-8 file:text-sm md:text-sm\",\n      xl: \"h-11 rounded-md px-4 py-1.5 text-base file:h-8 file:text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype InputVariantProps = Omit<VariantProps<typeof inputVariants>, \"size\"> & {\n  size?: UISize;\n};\ntype NativeInputProps = ComponentProps<typeof InputPrimitive>;\ntype NativeInputSize = NativeInputProps[\"size\"];\n\nexport type InputSize = UISize;\n\nexport type InputProps = Omit<NativeInputProps, \"size\"> &\n  InputVariantProps & {\n    htmlSize?: NativeInputSize;\n  };\n\nconst Input = (incomingProps: InputProps) => {\n  const {\n    className,\n    htmlSize,\n    size: providedSize,\n    type,\n    ...props\n  } = useInputDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return (\n    <InputPrimitive\n      className={mergeBaseUIClassName<InputPrimitive.State>(\n        inputVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"input\"\n      size={htmlSize}\n      type={type}\n      {...props}\n    />\n  );\n};\n\nexport { Input };\n"],"mappings":";;;;;;;;;;AAaA,MAAM,gBAAgB,GAAG;CACvB,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,SAAS,kBAA8B;CAC3C,MAAM,EACJ,WACA,UACA,MAAM,cACN,MACA,GAAG,UACD,qBAAqB,cAAc;CACvC,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA;EACC,WAAW,qBACT,cAAc,EAAE,MAAM,CAAC,EACvB,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAM;EACA;EACN,GAAI;GACJ"}

package/dist/ui/item.d.ts

@@ -0,0 +1,182 @@
+import { Separator } from "./separator.js";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/item/item-actions.d.ts
+type ItemActionsProps = ComponentProps<"div">;
+declare const ItemActions: ({
+  className,
+  ...props
+}: ItemActionsProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-content.d.ts
+type ItemContentProps = ComponentProps<"div">;
+declare const ItemContent: ({
+  className,
+  ...props
+}: ItemContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-description.d.ts
+type ItemDescriptionProps = ComponentProps<"p">;
+declare const ItemDescription: ({
+  className,
+  ...props
+}: ItemDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-footer.d.ts
+type ItemFooterProps = ComponentProps<"div">;
+declare const ItemFooter: ({
+  className,
+  ...props
+}: ItemFooterProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-group.d.ts
+type ItemGroupProps = ComponentProps<"div">;
+declare const ItemGroup: ({
+  className,
+  ...props
+}: ItemGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-header.d.ts
+type ItemHeaderProps = ComponentProps<"div">;
+declare const ItemHeader: ({
+  className,
+  ...props
+}: ItemHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-media.d.ts
+type ItemMediaProps = ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>;
+declare const itemMediaVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    icon: string;
+    image: string;
+  };
+}, undefined, "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", {
+  variant: {
+    default: string;
+    icon: string;
+    image: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    icon: string;
+    image: string;
+  };
+}, undefined, "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none", unknown, unknown, undefined>>;
+declare const ItemMedia: ({
+  className,
+  variant,
+  ...props
+}: ItemMediaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-separator.d.ts
+type ItemSeparatorProps = ComponentProps<typeof Separator>;
+declare const ItemSeparator: ({
+  className,
+  ...props
+}: ItemSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item-title.d.ts
+type ItemTitleProps = ComponentProps<"div">;
+declare const ItemTitle: ({
+  className,
+  ...props
+}: ItemTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/item/item.d.ts
+type ItemProps = useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>;
+declare const itemVariants: tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+    muted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
+  variant: {
+    default: string;
+    outline: string;
+    muted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+    muted: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", unknown, unknown, undefined>>;
+declare const Item: {
+  ({
+    className,
+    variant,
+    size: providedSize,
+    render,
+    ...props
+  }: ItemProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Actions: ({
+    className,
+    ...props
+  }: ItemActionsProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ItemContentProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: ItemDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: ItemFooterProps) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: ItemGroupProps) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: ItemHeaderProps) => react_jsx_runtime0.JSX.Element;
+  Media: ({
+    className,
+    variant,
+    ...props
+  }: ItemMediaProps) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    ...props
+  }: ItemSeparatorProps) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: ItemTitleProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, ItemProps, ItemSeparator, type ItemSeparatorProps, ItemTitle, type ItemTitleProps, itemVariants };
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","names":[],"sources":["../../src/ui/item/item-actions.tsx","../../src/ui/item/item-content.tsx","../../src/ui/item/item-description.tsx","../../src/ui/item/item-footer.tsx","../../src/ui/item/item-group.tsx","../../src/ui/item/item-header.tsx","../../src/ui/item/item-media.tsx","../../src/ui/item/item-separator.tsx","../../src/ui/item/item-title.tsx","../../src/ui/item/item.tsx"],"mappings":";;;;;;;;;KAGY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,oBAAA,GAAuB,cAAA;AAAA,cAE7B,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF1D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,cAAA,GAAiB,cAAA;AAAA,cAEvB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF9C,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,cAAA,GAAiB,cAAA,UAC3B,YAAA,QAAoB,iBAAA;AAAA,cAEhB,iBAAA,EAaJ,kBAAA,CAbqB,YAAA;;;;;;;;;;;;cAarB,kBAAA,CAAA,YAAA;;;;;;;cAEI,SAAA;EAAa,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAIhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCpBL,kBAAA,GAAqB,cAAA,QAAsB,SAAA;AAAA,cAEjD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJtD,cAAA,GAAiB,cAAA;AAAA,cAEvB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCS9C,SAAA,GAAY,SAAA,CAAU,cAAA,UAChC,YAAA,QAAoB,YAAA;AAAA,cAEhB,YAAA,EAoBJ,kBAAA,CApBgB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;cAoBhB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;cAEI,IAAA;EAAA;;;;;;KAMH,SAAA,GAAS,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA"}

package/dist/ui/item.js

@@ -0,0 +1,142 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { Separator } from "./separator.js";
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/ui/item/item-actions.tsx
+const ItemActions = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex items-center gap-2", className),
+	"data-slot": "item-actions",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-content.tsx
+const ItemContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
+	"data-slot": "item-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-description.tsx
+const ItemDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
+	className: cn("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", className),
+	"data-slot": "item-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-footer.tsx
+const ItemFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex basis-full items-center justify-between gap-2", className),
+	"data-slot": "item-footer",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-group.tsx
+const ItemGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
+	"data-slot": "item-group",
+	role: "list",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-header.tsx
+const ItemHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex basis-full items-center justify-between gap-2", className),
+	"data-slot": "item-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-media.tsx
+const itemMediaVariants = tv({
+	base: "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "overflow-hidden rounded-sm group-data-[size=xs]/item:size-6 group-data-[size=sm]/item:size-8 group-data-[size=md]/item:size-10 group-data-[size=lg]/item:size-12 group-data-[size=xl]/item:size-14 [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const ItemMedia = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn(itemMediaVariants({ variant }), className),
+	"data-slot": "item-media",
+	"data-variant": variant,
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-separator.tsx
+const ItemSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("my-2", className),
+	"data-slot": "item-separator",
+	orientation: "horizontal",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item-title.tsx
+const ItemTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className),
+	"data-slot": "item-title",
+	...props
+});
+
+//#endregion
+//#region src/ui/item/item.tsx
+const itemVariants = tv({
+	base: "group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
+		},
+		size: {
+			xs: "gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0",
+			sm: "gap-2.5 px-3 py-2.5",
+			md: "gap-3.5 px-4 py-3.5",
+			lg: "gap-4 px-4 py-4",
+			xl: "gap-4 px-5 py-4.5 text-base"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+const Item = ({ className, variant = "default", size: providedSize, render, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn(itemVariants({
+			variant,
+			size
+		}), className) }, props),
+		render,
+		state: {
+			slot: "item",
+			variant,
+			size
+		}
+	});
+};
+Item.Actions = ItemActions;
+Item.Content = ItemContent;
+Item.Description = ItemDescription;
+Item.Footer = ItemFooter;
+Item.Group = ItemGroup;
+Item.Header = ItemHeader;
+Item.Media = ItemMedia;
+Item.Separator = ItemSeparator;
+Item.Title = ItemTitle;
+
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemVariants };
+//# sourceMappingURL=item.js.map

package/dist/ui/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"sources":["../../src/ui/item/item-actions.tsx","../../src/ui/item/item-content.tsx","../../src/ui/item/item-description.tsx","../../src/ui/item/item-footer.tsx","../../src/ui/item/item-group.tsx","../../src/ui/item/item-header.tsx","../../src/ui/item/item-media.tsx","../../src/ui/item/item-separator.tsx","../../src/ui/item/item-title.tsx","../../src/ui/item/item.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemActionsProps = ComponentProps<\"div\">;\n\nconst ItemActions = ({ className, ...props }: ItemActionsProps) => (\n  <div\n    className={cn(\"flex items-center gap-2\", className)}\n    data-slot=\"item-actions\"\n    {...props}\n  />\n);\n\nexport { ItemActions };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemContentProps = ComponentProps<\"div\">;\n\nconst ItemContent = ({ className, ...props }: ItemContentProps) => (\n  <div\n    className={cn(\n      \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n      className\n    )}\n    data-slot=\"item-content\"\n    {...props}\n  />\n);\n\nexport { ItemContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemDescriptionProps = ComponentProps<\"p\">;\n\nconst ItemDescription = ({ className, ...props }: ItemDescriptionProps) => (\n  <p\n    className={cn(\n      \"line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n      className\n    )}\n    data-slot=\"item-description\"\n    {...props}\n  />\n);\n\nexport { ItemDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemFooterProps = ComponentProps<\"div\">;\n\nconst ItemFooter = ({ className, ...props }: ItemFooterProps) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-footer\"\n    {...props}\n  />\n);\n\nexport { ItemFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemGroupProps = ComponentProps<\"div\">;\n\nconst ItemGroup = ({ className, ...props }: ItemGroupProps) => (\n  <div\n    className={cn(\n      \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n      className\n    )}\n    data-slot=\"item-group\"\n    role=\"list\"\n    {...props}\n  />\n);\n\nexport { ItemGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemHeaderProps = ComponentProps<\"div\">;\n\nconst ItemHeader = ({ className, ...props }: ItemHeaderProps) => (\n  <div\n    className={cn(\n      \"flex basis-full items-center justify-between gap-2\",\n      className\n    )}\n    data-slot=\"item-header\"\n    {...props}\n  />\n);\n\nexport { ItemHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\nexport type ItemMediaProps = ComponentProps<\"div\"> &\n  VariantProps<typeof itemMediaVariants>;\n\nconst itemMediaVariants = tv({\n  base: \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"[&_svg:not([class*='size-'])]:size-4\",\n      image:\n        \"overflow-hidden rounded-sm group-data-[size=xs]/item:size-6 group-data-[size=sm]/item:size-8 group-data-[size=md]/item:size-10 group-data-[size=lg]/item:size-12 group-data-[size=xl]/item:size-14 [&_img]:size-full [&_img]:object-cover\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst ItemMedia = ({\n  className,\n  variant = \"default\",\n  ...props\n}: ItemMediaProps) => (\n  <div\n    className={cn(itemMediaVariants({ variant }), className)}\n    data-slot=\"item-media\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { ItemMedia };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\nexport type ItemSeparatorProps = ComponentProps<typeof Separator>;\n\nconst ItemSeparator = ({ className, ...props }: ItemSeparatorProps) => (\n  <Separator\n    className={cn(\"my-2\", className)}\n    data-slot=\"item-separator\"\n    orientation=\"horizontal\"\n    {...props}\n  />\n);\n\nexport { ItemSeparator };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type ItemTitleProps = ComponentProps<\"div\">;\n\nconst ItemTitle = ({ className, ...props }: ItemTitleProps) => (\n  <div\n    className={cn(\n      \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n      className\n    )}\n    data-slot=\"item-title\"\n    {...props}\n  />\n);\n\nexport { ItemTitle };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { ItemActions } from \"./item-actions\";\nimport { ItemContent } from \"./item-content\";\nimport { ItemDescription } from \"./item-description\";\nimport { ItemFooter } from \"./item-footer\";\nimport { ItemGroup } from \"./item-group\";\nimport { ItemHeader } from \"./item-header\";\nimport { ItemMedia } from \"./item-media\";\nimport { ItemSeparator } from \"./item-separator\";\nimport { ItemTitle } from \"./item-title\";\nexport type ItemProps = useRender.ComponentProps<\"div\"> &\n  VariantProps<typeof itemVariants>;\n\nconst itemVariants = tv({\n  base: \"group/item flex w-full flex-wrap items-center rounded-md border border-border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  variants: {\n    variant: {\n      default: \"border-transparent\",\n      outline: \"border-border\",\n      muted: \"border-transparent bg-muted/50\",\n    },\n    size: {\n      xs: \"gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0\",\n      sm: \"gap-2.5 px-3 py-2.5\",\n      md: \"gap-3.5 px-4 py-3.5\",\n      lg: \"gap-4 px-4 py-4\",\n      xl: \"gap-4 px-5 py-4.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nconst Item = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  render,\n  ...props\n}: ItemProps) => {\n  const size = useComponentSize(providedSize);\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  });\n};\n\nItem.Actions = ItemActions;\nItem.Content = ItemContent;\nItem.Description = ItemDescription;\nItem.Footer = ItemFooter;\nItem.Group = ItemGroup;\nItem.Header = ItemHeader;\nItem.Media = ItemMedia;\nItem.Separator = ItemSeparator;\nItem.Title = ItemTitle;\n\nexport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemFooter,\n  ItemGroup,\n  ItemHeader,\n  ItemMedia,\n  ItemSeparator,\n  ItemTitle,\n  itemVariants,\n};\n\nexport type { ItemActionsProps } from \"./item-actions\";\nexport type { ItemContentProps } from \"./item-content\";\nexport type { ItemDescriptionProps } from \"./item-description\";\nexport type { ItemFooterProps } from \"./item-footer\";\nexport type { ItemGroupProps } from \"./item-group\";\nexport type { ItemHeaderProps } from \"./item-header\";\nexport type { ItemMediaProps } from \"./item-media\";\nexport type { ItemSeparatorProps } from \"./item-separator\";\nexport type { ItemTitleProps } from \"./item-title\";\n"],"mappings":";;;;;;;;AAKA,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,2BAA2B,UAAU;CACnD,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GACT,qGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAAC;CACC,WAAW,GACT,kMACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,mGACA,UACD;CACD,aAAU;CACV,MAAK;CACL,GAAI;EACJ;;;;ACTJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAAC;CACC,WAAW,GACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,oBAAoB,GAAG;CAC3B,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,aAAa,EACjB,WACA,UAAU,WACV,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;CACxD,aAAU;CACV,gBAAc;CACd,GAAI;EACJ;;;;ACxBJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC;CACC,WAAW,GAAG,QAAQ,UAAU;CAChC,aAAU;CACV,aAAY;CACZ,GAAI;EACJ;;;;ACRJ,MAAM,aAAa,EAAE,WAAW,GAAG,YACjC,oBAAC;CACC,WAAW,GACT,kGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACIJ,MAAM,eAAe,GAAG;CACtB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;GACR;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAEF,MAAM,QAAQ,EACZ,WACA,UAAU,WACV,MAAM,cACN,QACA,GAAG,YACY;CACf,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,aAAa;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU,EAC1D,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACA;GACD;EACF,CAAC;;AAGJ,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,SAAS;AACd,KAAK,QAAQ;AACb,KAAK,YAAY;AACjB,KAAK,QAAQ"}

package/dist/ui/kbd.d.ts

@@ -0,0 +1,36 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/kbd/kbd-size-context.d.ts
+type KbdSize = UISize;
+//#endregion
+//#region src/ui/kbd/kbd-group.d.ts
+type KbdGroupProps = ComponentProps<"kbd"> & {
+  size?: KbdSize;
+};
+declare const KbdGroup: ({
+  className,
+  size,
+  ...props
+}: KbdGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/kbd/kbd.d.ts
+type KbdProps = ComponentProps<"kbd"> & {
+  size?: KbdSize;
+};
+declare const Kbd: {
+  ({
+    className,
+    size,
+    ...props
+  }: KbdProps): react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    size,
+    ...props
+  }: KbdGroupProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Kbd, KbdGroup, type KbdGroupProps, type KbdSize as KbdGroupSize, type KbdSize, KbdProps };
+//# sourceMappingURL=kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","names":[],"sources":["../../src/ui/kbd/kbd-size-context.ts","../../src/ui/kbd/kbd-group.tsx","../../src/ui/kbd/kbd.tsx"],"mappings":";;;;;KAMY,OAAA,GAAU,MAAA;;;KCEV,aAAA,GAAgB,cAAA;EAC1B,IAAA,GAAO,OAAA;AAAA;AAAA,cAGH,QAAA;EAAY,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCWlD,QAAA,GAAW,cAAA;EACrB,IAAA,GAAO,OAAA;AAAA;AAAA,cAGH,GAAA;EAAA;;;;KAAsC,QAAA,GAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/kbd.js

@@ -0,0 +1,54 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+
+//#region src/ui/kbd/kbd-size-context.ts
+const DEFAULT_KBD_SIZE = "md";
+const KbdSizeContext = createContext(DEFAULT_KBD_SIZE);
+const useKbdResolvedSize = (size) => {
+	const contextSize = useContext(KbdSizeContext);
+	return size ?? contextSize ?? DEFAULT_KBD_SIZE;
+};
+
+//#endregion
+//#region src/ui/kbd/kbd-group.tsx
+const KbdGroup = ({ className, size, ...props }) => {
+	const resolvedSize = useKbdResolvedSize(size);
+	return /* @__PURE__ */ jsx(KbdSizeContext.Provider, {
+		value: resolvedSize,
+		children: /* @__PURE__ */ jsx("kbd", {
+			className: cn("group/kbd-group inline-flex items-center data-[size=xs]:gap-0.5 data-[size=sm]:gap-0.5 data-[size=md]:gap-1 data-[size=lg]:gap-1 data-[size=xl]:gap-1.5", className),
+			"data-size": resolvedSize,
+			"data-slot": "kbd-group",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/kbd/kbd.tsx
+const kbdVariants = tv({
+	base: "pointer-events-none inline-flex w-fit items-center justify-center rounded-sm bg-muted font-sans font-medium text-muted-foreground select-none [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+	variants: { size: {
+		xs: "h-4 min-w-4 gap-0.5 px-1 text-[10px] [&_svg:not([class*='size-'])]:size-2.5",
+		sm: "h-5 min-w-5 gap-0.5 px-1 text-[11px] [&_svg:not([class*='size-'])]:size-3",
+		md: "h-5 min-w-5 gap-1 px-1 text-xs [&_svg:not([class*='size-'])]:size-3",
+		lg: "h-6 min-w-6 gap-1 px-1.5 text-sm [&_svg:not([class*='size-'])]:size-3.5",
+		xl: "h-7 min-w-7 gap-1.5 px-2 text-sm [&_svg:not([class*='size-'])]:size-4"
+	} },
+	defaultVariants: { size: "md" }
+});
+const Kbd = ({ className, size, ...props }) => {
+	const resolvedSize = useKbdResolvedSize(size);
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn(kbdVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "kbd",
+		...props
+	});
+};
+Kbd.Group = KbdGroup;
+
+//#endregion
+export { Kbd, KbdGroup };
+//# sourceMappingURL=kbd.js.map

package/dist/ui/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":[],"sources":["../../src/ui/kbd/kbd-size-context.ts","../../src/ui/kbd/kbd-group.tsx","../../src/ui/kbd/kbd.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type KbdSize = UISize;\n\nconst DEFAULT_KBD_SIZE: KbdSize = \"md\";\n\nconst KbdSizeContext = createContext<KbdSize>(DEFAULT_KBD_SIZE);\n\nconst useKbdResolvedSize = (size?: KbdSize): KbdSize => {\n  const contextSize = useContext(KbdSizeContext);\n\n  return size ?? contextSize ?? DEFAULT_KBD_SIZE;\n};\n\nexport { KbdSizeContext, useKbdResolvedSize };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { KbdSize } from \"./kbd-size-context\";\n\nimport { KbdSizeContext, useKbdResolvedSize } from \"./kbd-size-context\";\n\nexport type KbdGroupProps = ComponentProps<\"kbd\"> & {\n  size?: KbdSize;\n};\n\nconst KbdGroup = ({ className, size, ...props }: KbdGroupProps) => {\n  const resolvedSize = useKbdResolvedSize(size);\n\n  return (\n    <KbdSizeContext.Provider value={resolvedSize}>\n      <kbd\n        className={cn(\n          \"group/kbd-group inline-flex items-center data-[size=xs]:gap-0.5 data-[size=sm]:gap-0.5 data-[size=md]:gap-1 data-[size=lg]:gap-1 data-[size=xl]:gap-1.5\",\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"kbd-group\"\n        {...props}\n      />\n    </KbdSizeContext.Provider>\n  );\n};\n\nexport { KbdGroup };\nexport type { KbdSize as KbdGroupSize };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { KbdGroup } from \"./kbd-group\";\nimport { type KbdSize, useKbdResolvedSize } from \"./kbd-size-context\";\n\nconst kbdVariants = tv({\n  base: \"pointer-events-none inline-flex w-fit items-center justify-center rounded-sm bg-muted font-sans font-medium text-muted-foreground select-none [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10\",\n  variants: {\n    size: {\n      xs: \"h-4 min-w-4 gap-0.5 px-1 text-[10px] [&_svg:not([class*='size-'])]:size-2.5\",\n      sm: \"h-5 min-w-5 gap-0.5 px-1 text-[11px] [&_svg:not([class*='size-'])]:size-3\",\n      md: \"h-5 min-w-5 gap-1 px-1 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      lg: \"h-6 min-w-6 gap-1 px-1.5 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      xl: \"h-7 min-w-7 gap-1.5 px-2 text-sm [&_svg:not([class*='size-'])]:size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type KbdProps = ComponentProps<\"kbd\"> & {\n  size?: KbdSize;\n};\n\nconst Kbd = ({ className, size, ...props }: KbdProps) => {\n  const resolvedSize = useKbdResolvedSize(size);\n\n  return (\n    <kbd\n      className={cn(kbdVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"kbd\"\n      {...props}\n    />\n  );\n};\n\nKbd.Group = KbdGroup;\n\nexport { Kbd, KbdGroup };\n\nexport type { KbdGroupProps, KbdGroupSize } from \"./kbd-group\";\nexport type { KbdSize } from \"./kbd-size-context\";\n"],"mappings":";;;;;AAQA,MAAM,mBAA4B;AAElC,MAAM,iBAAiB,cAAuB,iBAAiB;AAE/D,MAAM,sBAAsB,SAA4B;CACtD,MAAM,cAAc,WAAW,eAAe;AAE9C,QAAO,QAAQ,eAAe;;;;;ACHhC,MAAM,YAAY,EAAE,WAAW,MAAM,GAAG,YAA2B;CACjE,MAAM,eAAe,mBAAmB,KAAK;AAE7C,QACE,oBAAC,eAAe;EAAS,OAAO;YAC9B,oBAAC;GACC,WAAW,GACT,2JACA,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GACsB;;;;;ACnB9B,MAAM,cAAc,GAAG;CACrB,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAMF,MAAM,OAAO,EAAE,WAAW,MAAM,GAAG,YAAsB;CACvD,MAAM,eAAe,mBAAmB,KAAK;AAE7C,QACE,oBAAC;EACC,WAAW,GAAG,YAAY,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EAC7D,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;AAIN,IAAI,QAAQ"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/ui/label/label.tsx"],"mappings":";;;;KAMY,UAAA,GAAa,cAAA;AAAA,cAEnB,KAAA;EAAS,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAAkC,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/label.js

@@ -0,0 +1,16 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+
+//#region src/ui/label/label.tsx
+const Label = ({ className, htmlFor, ...props }) => /* @__PURE__ */ jsx("label", {
+	className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+	"data-slot": "label",
+	htmlFor,
+	...props
+});
+
+//#endregion
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":[],"sources":["../../src/ui/label/label.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type LabelProps = ComponentProps<\"label\">;\n\nconst Label = ({ className, htmlFor, ...props }: LabelProps) => (\n  <label\n    className={cn(\n      \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n      className\n    )}\n    data-slot=\"label\"\n    htmlFor={htmlFor}\n    {...props}\n  />\n);\n\nexport { Label };\n"],"mappings":";;;;;;AAQA,MAAM,SAAS,EAAE,WAAW,SAAS,GAAG,YACtC,oBAAC;CACC,WAAW,GACT,uNACA,UACD;CACD,aAAU;CACD;CACT,GAAI;EACJ"}

package/dist/ui/marquee.d.ts

@@ -0,0 +1,58 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { MarqueeProps as MarqueeProps$1 } from "react-fast-marquee";
+
+//#region src/ui/marquee/marquee-content.d.ts
+type MarqueeContentProps = MarqueeProps$1;
+declare const MarqueeContent: ({
+  loop,
+  autoFill,
+  pauseOnHover,
+  className,
+  ...props
+}: MarqueeContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/marquee/marquee-fade.d.ts
+type MarqueeFadeProps = ComponentProps<"div"> & {
+  side: "left" | "right";
+};
+declare const MarqueeFade: ({
+  className,
+  side,
+  ...props
+}: MarqueeFadeProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/marquee/marquee-item.d.ts
+type MarqueeItemProps = ComponentProps<"div">;
+declare const MarqueeItem: ({
+  className,
+  ...props
+}: MarqueeItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/marquee/marquee.d.ts
+type MarqueeProps = ComponentProps<"div">;
+declare const Marquee: {
+  ({
+    className,
+    ...props
+  }: MarqueeProps): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    loop,
+    autoFill,
+    pauseOnHover,
+    className,
+    ...props
+  }: MarqueeContentProps) => react_jsx_runtime0.JSX.Element;
+  Fade: ({
+    className,
+    side,
+    ...props
+  }: MarqueeFadeProps) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    ...props
+  }: MarqueeItemProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Marquee, MarqueeContent, type MarqueeContentProps, MarqueeFade, type MarqueeFadeProps, MarqueeItem, type MarqueeItemProps, MarqueeProps };
+//# sourceMappingURL=marquee.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","names":[],"sources":["../../src/ui/marquee/marquee-content.tsx","../../src/ui/marquee/marquee-fade.tsx","../../src/ui/marquee/marquee-item.tsx","../../src/ui/marquee/marquee.tsx"],"mappings":";;;;;KAOY,mBAAA,GAAsB,cAAA;AAAA,cAErB,cAAA;EAAkB,IAAA;EAAA,QAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAM5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCTV,gBAAA,GAAmB,cAAA;EAC7B,IAAA;AAAA;AAAA,cAGW,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIzB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCRP,gBAAA,GAAmB,cAAA;AAAA,cAElB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCEzD,YAAA,GAAe,cAAA;AAAA,cAErB,OAAA;EAAA;;;KAAoC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/marquee.js

@@ -0,0 +1,42 @@
+"use client";
+
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import FastMarquee from "react-fast-marquee";
+
+//#region src/ui/marquee/marquee-content.tsx
+const MarqueeContent = ({ loop = 0, autoFill = true, pauseOnHover = true, className, ...props }) => /* @__PURE__ */ jsx(FastMarquee, {
+	autoFill,
+	className: cn("py-0.5", className),
+	loop,
+	pauseOnHover,
+	...props
+});
+
+//#endregion
+//#region src/ui/marquee/marquee-fade.tsx
+const MarqueeFade = ({ className, side, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("absolute top-0 bottom-0 z-10 h-full w-24 from-background to-transparent", side === "left" ? "left-0 bg-linear-to-r" : "right-0 bg-linear-to-l", className),
+	...props
+});
+
+//#endregion
+//#region src/ui/marquee/marquee-item.tsx
+const MarqueeItem = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("mx-2 shrink-0 object-contain", className),
+	...props
+});
+
+//#endregion
+//#region src/ui/marquee/marquee.tsx
+const Marquee = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("relative w-full overflow-hidden", className),
+	...props
+});
+Marquee.Content = MarqueeContent;
+Marquee.Fade = MarqueeFade;
+Marquee.Item = MarqueeItem;
+
+//#endregion
+export { Marquee, MarqueeContent, MarqueeFade, MarqueeItem };
+//# sourceMappingURL=marquee.js.map

package/dist/ui/marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.js","names":[],"sources":["../../src/ui/marquee/marquee-content.tsx","../../src/ui/marquee/marquee-fade.tsx","../../src/ui/marquee/marquee-item.tsx","../../src/ui/marquee/marquee.tsx"],"sourcesContent":["\"use client\";\n\nimport type { MarqueeProps as FastMarqueeProps } from \"react-fast-marquee\";\n\nimport FastMarquee from \"react-fast-marquee\";\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeContentProps = FastMarqueeProps;\n\nexport const MarqueeContent = ({\n  loop = 0,\n  autoFill = true,\n  pauseOnHover = true,\n  className,\n  ...props\n}: MarqueeContentProps) => (\n  <FastMarquee\n    autoFill={autoFill}\n    className={cn(\"py-0.5\", className)}\n    loop={loop}\n    pauseOnHover={pauseOnHover}\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeFadeProps = ComponentProps<\"div\"> & {\n  side: \"left\" | \"right\";\n};\n\nexport const MarqueeFade = ({\n  className,\n  side,\n  ...props\n}: MarqueeFadeProps) => (\n  <div\n    className={cn(\n      \"absolute top-0 bottom-0 z-10 h-full w-24 from-background to-transparent\",\n      side === \"left\" ? \"left-0 bg-linear-to-r\" : \"right-0 bg-linear-to-l\",\n      className\n    )}\n    {...props}\n  />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type MarqueeItemProps = ComponentProps<\"div\">;\n\nexport const MarqueeItem = ({ className, ...props }: MarqueeItemProps) => (\n  <div className={cn(\"mx-2 shrink-0 object-contain\", className)} {...props} />\n);\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { MarqueeContent } from \"./marquee-content\";\nimport { MarqueeFade } from \"./marquee-fade\";\nimport { MarqueeItem } from \"./marquee-item\";\n\nexport type MarqueeProps = ComponentProps<\"div\">;\n\nconst Marquee = ({ className, ...props }: MarqueeProps) => (\n  <div\n    className={cn(\"relative w-full overflow-hidden\", className)}\n    {...props}\n  />\n);\n\nMarquee.Content = MarqueeContent;\nMarquee.Fade = MarqueeFade;\nMarquee.Item = MarqueeItem;\n\nexport type { MarqueeContentProps } from \"./marquee-content\";\nexport type { MarqueeFadeProps } from \"./marquee-fade\";\nexport type { MarqueeItemProps } from \"./marquee-item\";\n\nexport { Marquee, MarqueeContent, MarqueeFade, MarqueeItem };\n"],"mappings":";;;;;;;AASA,MAAa,kBAAkB,EAC7B,OAAO,GACP,WAAW,MACX,eAAe,MACf,WACA,GAAG,YAEH,oBAAC;CACW;CACV,WAAW,GAAG,UAAU,UAAU;CAC5B;CACQ;CACd,GAAI;EACJ;;;;ACZJ,MAAa,eAAe,EAC1B,WACA,MACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,2EACA,SAAS,SAAS,0BAA0B,0BAC5C,UACD;CACD,GAAI;EACJ;;;;ACdJ,MAAa,eAAe,EAAE,WAAW,GAAG,YAC1C,oBAAC;CAAI,WAAW,GAAG,gCAAgC,UAAU;CAAE,GAAI;EAAS;;;;ACG9E,MAAM,WAAW,EAAE,WAAW,GAAG,YAC/B,oBAAC;CACC,WAAW,GAAG,mCAAmC,UAAU;CAC3D,GAAI;EACJ;AAGJ,QAAQ,UAAU;AAClB,QAAQ,OAAO;AACf,QAAQ,OAAO"}