@cmdniels/uikit 2.2.2 → 2.3.0

package/out/components/item/ItemDescription.d.ts

@@ -1,4 +1,9 @@
 import type { ComponentProps } from "react";
+/**
+ * The description of an Item. Renders inside ItemContent below the title.
+ * Clamps to two lines and supports links.
+ * Other props pass through to the paragraph.
+ */
 declare function ItemDescription({ className, ...props }: ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
 export default ItemDescription;
 //# sourceMappingURL=ItemDescription.d.ts.map

package/out/components/item/ItemDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDescription.d.ts","sourceRoot":"","sources":["../../../components/item/ItemDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,2CAWpE;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ItemDescription.d.ts","sourceRoot":"","sources":["../../../components/item/ItemDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,2CAWpE;AAED,eAAe,eAAe,CAAC"}

package/out/components/item/ItemDescription.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * The description of an Item. Renders inside ItemContent below the title.
+ * Clamps to two lines and supports links.
+ * Other props pass through to the paragraph.
+ */
 function ItemDescription({ className, ...props }) {
     return (_jsx("p", { "data-slot": "item-description", 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", className), ...props }));
 }

package/out/components/item/ItemDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDescription.js","sourceRoot":"","sources":["../../../components/item/ItemDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IACpE,OAAO,CACN,yBACW,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACZ,qLAAqL,EACrL,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nfunction ItemDescription({ className, ...props }: ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"item-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemDescription;\n"]}
+{"version":3,"file":"ItemDescription.js","sourceRoot":"","sources":["../../../components/item/ItemDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;;GAIG;AACH,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IACpE,OAAO,CACN,yBACW,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACZ,qLAAqL,EACrL,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * The description of an Item. Renders inside ItemContent below the title.\n * Clamps to two lines and supports links.\n * Other props pass through to the paragraph.\n */\nfunction ItemDescription({ className, ...props }: ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"item-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemDescription;\n"]}

package/out/components/item/ItemFooter.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentProps } from "react";
+/**
+ * A footer shown below the content of an Item.
+ * Other props pass through to the div.
+ */
 declare function ItemFooter({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export default ItemFooter;
 //# sourceMappingURL=ItemFooter.d.ts.map

package/out/components/item/ItemFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemFooter.d.ts","sourceRoot":"","sources":["../../../components/item/ItemFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQjE;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ItemFooter.d.ts","sourceRoot":"","sources":["../../../components/item/ItemFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQjE;AAED,eAAe,UAAU,CAAC"}

package/out/components/item/ItemFooter.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A footer shown below the content of an Item.
+ * Other props pass through to the div.
+ */
 function ItemFooter({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
 }

package/out/components/item/ItemFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemFooter.js","sourceRoot":"","sources":["../../../components/item/ItemFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACjE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nfunction ItemFooter({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-footer\"\n\t\t\tclassName={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemFooter;\n"]}
+{"version":3,"file":"ItemFooter.js","sourceRoot":"","sources":["../../../components/item/ItemFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;GAGG;AACH,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACjE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * A footer shown below the content of an Item.\n * Other props pass through to the div.\n */\nfunction ItemFooter({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-footer\"\n\t\t\tclassName={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemFooter;\n"]}

package/out/components/item/ItemGroup.d.ts

@@ -1,4 +1,9 @@
 import type { ComponentProps } from "react";
+/**
+ * Groups related Item components with consistent spacing.
+ * Use ItemSeparator between items when needed.
+ * Other props pass through to the div.
+ */
 declare function ItemGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export default ItemGroup;
 //# sourceMappingURL=ItemGroup.d.ts.map

package/out/components/item/ItemGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemGroup.d.ts","sourceRoot":"","sources":["../../../components/item/ItemGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYhE;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ItemGroup.d.ts","sourceRoot":"","sources":["../../../components/item/ItemGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYhE;AAED,eAAe,SAAS,CAAC"}

package/out/components/item/ItemGroup.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Groups related Item components with consistent spacing.
+ * Use ItemSeparator between items when needed.
+ * Other props pass through to the div.
+ */
 function ItemGroup({ className, ...props }) {
     return (_jsx("div", { role: "list", "data-slot": "item-group", 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), ...props }));
 }

package/out/components/item/ItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemGroup.js","sourceRoot":"","sources":["../../../components/item/ItemGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAChE,OAAO,CACN,cACC,IAAI,EAAC,MAAM,eACD,YAAY,EACtB,SAAS,EAAE,EAAE,CACZ,iGAAiG,EACjG,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nfunction ItemGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\trole=\"list\"\n\t\t\tdata-slot=\"item-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemGroup;\n"]}
+{"version":3,"file":"ItemGroup.js","sourceRoot":"","sources":["../../../components/item/ItemGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;;GAIG;AACH,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAChE,OAAO,CACN,cACC,IAAI,EAAC,MAAM,eACD,YAAY,EACtB,SAAS,EAAE,EAAE,CACZ,iGAAiG,EACjG,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * Groups related Item components with consistent spacing.\n * Use ItemSeparator between items when needed.\n * Other props pass through to the div.\n */\nfunction ItemGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\trole=\"list\"\n\t\t\tdata-slot=\"item-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemGroup;\n"]}

package/out/components/item/ItemHeader.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentProps } from "react";
+/**
+ * A header shown above the content of an Item.
+ * Other props pass through to the div.
+ */
 declare function ItemHeader({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export default ItemHeader;
 //# sourceMappingURL=ItemHeader.d.ts.map

package/out/components/item/ItemHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemHeader.d.ts","sourceRoot":"","sources":["../../../components/item/ItemHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQjE;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ItemHeader.d.ts","sourceRoot":"","sources":["../../../components/item/ItemHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAQjE;AAED,eAAe,UAAU,CAAC"}

package/out/components/item/ItemHeader.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A header shown above the content of an Item.
+ * Other props pass through to the div.
+ */
 function ItemHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
 }

package/out/components/item/ItemHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemHeader.js","sourceRoot":"","sources":["../../../components/item/ItemHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACjE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nfunction ItemHeader({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-header\"\n\t\t\tclassName={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemHeader;\n"]}
+{"version":3,"file":"ItemHeader.js","sourceRoot":"","sources":["../../../components/item/ItemHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;GAGG;AACH,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACjE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * A header shown above the content of an Item.\n * Other props pass through to the div.\n */\nfunction ItemHeader({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-header\"\n\t\t\tclassName={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemHeader;\n"]}

package/out/components/item/ItemMedia.d.ts

@@ -1,6 +1,11 @@
 import { type ComponentProps } from "react";
 import itemMediaVariants from "./itemMediaVariants";
 import type { VariantProps } from "class-variance-authority";
+/**
+ * Displays an icon, image or avatar for an Item.
+ * variant: default, icon, image. The image variant sizes the media and crops images with object-cover.
+ * Other props pass through to the div.
+ */
 declare function ItemMedia({ className, variant, ...props }: ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
 export default ItemMedia;
 //# sourceMappingURL=ItemMedia.d.ts.map

package/out/components/item/ItemMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemMedia.d.ts","sourceRoot":"","sources":["../../../components/item/ItemMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,2CAShE;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ItemMedia.d.ts","sourceRoot":"","sources":["../../../components/item/ItemMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,2CAShE;AAED,eAAe,SAAS,CAAC"}

package/out/components/item/ItemMedia.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import itemMediaVariants from "./itemMediaVariants";
+/**
+ * Displays an icon, image or avatar for an Item.
+ * variant: default, icon, image. The image variant sizes the media and crops images with object-cover.
+ * Other props pass through to the div.
+ */
 function ItemMedia({ className, variant = "default", ...props }) {
     return (_jsx("div", { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant, className })), ...props }));
 }

package/out/components/item/ItemMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemMedia.js","sourceRoot":"","sources":["../../../components/item/ItemMedia.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAIpD,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACwD;IAChE,OAAO,CACN,2BACW,YAAY,kBACR,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KACpD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nimport itemMediaVariants from \"./itemMediaVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\n\nfunction ItemMedia({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-media\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(itemMediaVariants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemMedia;\n"]}
+{"version":3,"file":"ItemMedia.js","sourceRoot":"","sources":["../../../components/item/ItemMedia.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAIpD;;;;GAIG;AACH,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACwD;IAChE,OAAO,CACN,2BACW,YAAY,kBACR,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KACpD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nimport itemMediaVariants from \"./itemMediaVariants\";\n\nimport type { VariantProps } from \"class-variance-authority\";\n\n/**\n * Displays an icon, image or avatar for an Item.\n * variant: default, icon, image. The image variant sizes the media and crops images with object-cover.\n * Other props pass through to the div.\n */\nfunction ItemMedia({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-media\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(itemMediaVariants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemMedia;\n"]}

package/out/components/item/ItemSeparator.d.ts

@@ -1,5 +1,9 @@
 import { type ComponentProps } from "react";
 import Separator from "../../components/separator/Separator";
+/**
+ * A horizontal divider between Item components.
+ * Other props pass through to Separator.
+ */
 declare function ItemSeparator({ className, ...props }: ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
 export default ItemSeparator;
 //# sourceMappingURL=ItemSeparator.d.ts.map

package/out/components/item/ItemSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemSeparator.d.ts","sourceRoot":"","sources":["../../../components/item/ItemSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,2CAI/E;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ItemSeparator.d.ts","sourceRoot":"","sources":["../../../components/item/ItemSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;GAGG;AACH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,2CAI/E;AAED,eAAe,aAAa,CAAC"}

package/out/components/item/ItemSeparator.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import Separator from "../../components/separator/Separator";
+/**
+ * A horizontal divider between Item components.
+ * Other props pass through to Separator.
+ */
 function ItemSeparator({ className, ...props }) {
     return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-2", className), ...props }));
 }

package/out/components/item/ItemSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemSeparator.js","sourceRoot":"","sources":["../../../components/item/ItemSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IAC/E,OAAO,CACN,KAAC,SAAS,iBAAW,gBAAgB,EAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC9G,CAAC;AACH,CAAC;AAED,eAAe,aAAa,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Separator from \"@/components/separator/Separator\";\n\nfunction ItemSeparator({ className, ...props }: ComponentProps<typeof Separator>) {\n\treturn (\n\t\t<Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn(\"my-2\", className)} {...props} />\n\t);\n}\n\nexport default ItemSeparator;\n"]}
+{"version":3,"file":"ItemSeparator.js","sourceRoot":"","sources":["../../../components/item/ItemSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;GAGG;AACH,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IAC/E,OAAO,CACN,KAAC,SAAS,iBAAW,gBAAgB,EAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC9G,CAAC;AACH,CAAC;AAED,eAAe,aAAa,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Separator from \"@/components/separator/Separator\";\n\n/**\n * A horizontal divider between Item components.\n * Other props pass through to Separator.\n */\nfunction ItemSeparator({ className, ...props }: ComponentProps<typeof Separator>) {\n\treturn (\n\t\t<Separator data-slot=\"item-separator\" orientation=\"horizontal\" className={cn(\"my-2\", className)} {...props} />\n\t);\n}\n\nexport default ItemSeparator;\n"]}

package/out/components/item/ItemTitle.d.ts

@@ -1,4 +1,8 @@
 import type { ComponentProps } from "react";
+/**
+ * The title of an Item. Renders inside ItemContent.
+ * Other props pass through to the div.
+ */
 declare function ItemTitle({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export default ItemTitle;
 //# sourceMappingURL=ItemTitle.d.ts.map

package/out/components/item/ItemTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTitle.d.ts","sourceRoot":"","sources":["../../../components/item/ItemTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWhE;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ItemTitle.d.ts","sourceRoot":"","sources":["../../../components/item/ItemTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWhE;AAED,eAAe,SAAS,CAAC"}

package/out/components/item/ItemTitle.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * The title of an Item. Renders inside ItemContent.
+ * Other props pass through to the div.
+ */
 function ItemTitle({ className, ...props }) {
     return (_jsx("div", { "data-slot": "item-title", className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className), ...props }));
 }

package/out/components/item/ItemTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemTitle.js","sourceRoot":"","sources":["../../../components/item/ItemTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAChE,OAAO,CACN,2BACW,YAAY,EACtB,SAAS,EAAE,EAAE,CACZ,gGAAgG,EAChG,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nfunction ItemTitle({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-title\"\n\t\t\tclassName={cn(\n\t\t\t\t\"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemTitle;\n"]}
+{"version":3,"file":"ItemTitle.js","sourceRoot":"","sources":["../../../components/item/ItemTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;GAGG;AACH,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAChE,OAAO,CACN,2BACW,YAAY,EACtB,SAAS,EAAE,EAAE,CACZ,gGAAgG,EAChG,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,eAAe,SAAS,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * The title of an Item. Renders inside ItemContent.\n * Other props pass through to the div.\n */\nfunction ItemTitle({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-title\"\n\t\t\tclassName={cn(\n\t\t\t\t\"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport default ItemTitle;\n"]}

package/out/components/item/itemMediaVariants.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Style variants for ItemMedia.
+ * variant: default, icon, image.
+ */
 declare const itemMediaVariants: (props?: ({
     variant?: "image" | "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/out/components/item/itemMediaVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"itemMediaVariants.d.ts","sourceRoot":"","sources":["../../../components/item/itemMediaVariants.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB;;8EActB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"itemMediaVariants.d.ts","sourceRoot":"","sources":["../../../components/item/itemMediaVariants.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,iBAAiB;;8EActB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/out/components/item/itemMediaVariants.js

@@ -1,4 +1,8 @@
 import { cva } from "class-variance-authority";
+/**
+ * Style variants for ItemMedia.
+ * variant: default, icon, image.
+ */
 const itemMediaVariants = cva("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: {

package/out/components/item/itemMediaVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"itemMediaVariants.js","sourceRoot":"","sources":["../../../components/item/itemMediaVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,iBAAiB,GAAG,GAAG,CAC5B,oMAAoM,EACpM;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,sCAAsC;YAC5C,KAAK,EAAE,6IAA6I;SACpJ;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst itemMediaVariants = cva(\n\t\"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\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\ticon: \"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\timage: \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t}\n);\n\nexport default itemMediaVariants;\n"]}
+{"version":3,"file":"itemMediaVariants.js","sourceRoot":"","sources":["../../../components/item/itemMediaVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C;;;GAGG;AACH,MAAM,iBAAiB,GAAG,GAAG,CAC5B,oMAAoM,EACpM;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,sCAAsC;YAC5C,KAAK,EAAE,6IAA6I;SACpJ;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Style variants for ItemMedia.\n * variant: default, icon, image.\n */\nconst itemMediaVariants = cva(\n\t\"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\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\ticon: \"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\timage: \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t}\n);\n\nexport default itemMediaVariants;\n"]}

package/out/components/item/itemVariants.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Style variants for Item.
+ * variant: default, outline, muted. size: default, sm, xs.
+ */
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "default" | "xs" | "sm" | null | undefined;

package/out/components/item/itemVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"itemVariants.d.ts","sourceRoot":"","sources":["../../../components/item/itemVariants.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;8EAoBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"itemVariants.d.ts","sourceRoot":"","sources":["../../../components/item/itemVariants.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,YAAY;;;8EAoBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/out/components/item/itemVariants.js

@@ -1,4 +1,8 @@
 import { cva } from "class-variance-authority";
+/**
+ * Style variants for Item.
+ * variant: default, outline, muted. size: default, sm, xs.
+ */
 const itemVariants = cva("group/item flex w-full flex-wrap items-center rounded-md 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: {

package/out/components/item/itemVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"itemVariants.js","sourceRoot":"","sources":["../../../components/item/itemVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,CACvB,4OAA4O,EAC5O;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EAAE,eAAe;YACxB,KAAK,EAAE,gCAAgC;SACvC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,qBAAqB;YAC9B,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,6DAA6D;SACjE;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CACD,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst itemVariants = cva(\n\t\"group/item flex w-full flex-wrap items-center rounded-md 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\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"border-transparent\",\n\t\t\t\toutline: \"border-border\",\n\t\t\t\tmuted: \"border-transparent bg-muted/50\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"gap-3.5 px-4 py-3.5\",\n\t\t\t\tsm: \"gap-2.5 px-3 py-2.5\",\n\t\t\t\txs: \"gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t}\n);\n\nexport default itemVariants;\n"]}
+{"version":3,"file":"itemVariants.js","sourceRoot":"","sources":["../../../components/item/itemVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C;;;GAGG;AACH,MAAM,YAAY,GAAG,GAAG,CACvB,4OAA4O,EAC5O;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,oBAAoB;YAC7B,OAAO,EAAE,eAAe;YACxB,KAAK,EAAE,gCAAgC;SACvC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,qBAAqB;YAC9B,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,6DAA6D;SACjE;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CACD,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Style variants for Item.\n * variant: default, outline, muted. size: default, sm, xs.\n */\nconst itemVariants = cva(\n\t\"group/item flex w-full flex-wrap items-center rounded-md 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\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"border-transparent\",\n\t\t\t\toutline: \"border-border\",\n\t\t\t\tmuted: \"border-transparent bg-muted/50\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"gap-3.5 px-4 py-3.5\",\n\t\t\t\tsm: \"gap-2.5 px-3 py-2.5\",\n\t\t\t\txs: \"gap-2 px-2.5 py-2 [[data-slot=dropdown-menu-content]_&]:p-0\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t}\n);\n\nexport default itemVariants;\n"]}

package/out/components/kbd/Kbd.d.ts

@@ -1,3 +1,9 @@
 import { type ComponentProps } from "react";
+/**
+ * Displays a keyboard key.
+ * Use inside a Button, Tooltip or InputGroupAddon, where it adapts its colors.
+ * Use KbdGroup to show a key combination.
+ * Other props pass through to the kbd element.
+ */
 export default function Kbd({ className, ...props }: ComponentProps<"kbd">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Kbd.d.ts.map

package/out/components/kbd/Kbd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../components/kbd/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWzE"}
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../components/kbd/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWzE"}

package/out/components/kbd/Kbd.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Displays a keyboard key.
+ * Use inside a Button, Tooltip or InputGroupAddon, where it adapts its colors.
+ * Use KbdGroup to show a key combination.
+ * Other props pass through to the kbd element.
+ */
 export default function Kbd({ className, ...props }) {
     return (_jsx("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3", className), ...props }));
 }

package/out/components/kbd/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../components/kbd/Kbd.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzE,OAAO,CACN,2BACW,KAAK,EACf,SAAS,EAAE,EAAE,CACZ,uWAAuW,EACvW,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function Kbd({ className, ...props }: ComponentProps<\"kbd\">) {\n\treturn (\n\t\t<kbd\n\t\t\tdata-slot=\"kbd\"\n\t\t\tclassName={cn(\n\t\t\t\t\"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../components/kbd/Kbd.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzE,OAAO,CACN,2BACW,KAAK,EACf,SAAS,EAAE,EAAE,CACZ,uWAAuW,EACvW,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * Displays a keyboard key.\n * Use inside a Button, Tooltip or InputGroupAddon, where it adapts its colors.\n * Use KbdGroup to show a key combination.\n * Other props pass through to the kbd element.\n */\nexport default function Kbd({ className, ...props }: ComponentProps<\"kbd\">) {\n\treturn (\n\t\t<kbd\n\t\t\tdata-slot=\"kbd\"\n\t\t\tclassName={cn(\n\t\t\t\t\"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/kbd/KbdGroup.d.ts

@@ -1,3 +1,7 @@
 import { type ComponentProps } from "react";
+/**
+ * Groups Kbd components into one key combination, such as Ctrl + B.
+ * Other props pass through to the kbd element.
+ */
 export default function KbdGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=KbdGroup.d.ts.map

package/out/components/kbd/KbdGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KbdGroup.d.ts","sourceRoot":"","sources":["../../../components/kbd/KbdGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAE9E"}
+{"version":3,"file":"KbdGroup.d.ts","sourceRoot":"","sources":["../../../components/kbd/KbdGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAE9E"}

package/out/components/kbd/KbdGroup.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Groups Kbd components into one key combination, such as Ctrl + B.
+ * Other props pass through to the kbd element.
+ */
 export default function KbdGroup({ className, ...props }) {
     return _jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
 }

package/out/components/kbd/KbdGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"KbdGroup.js","sourceRoot":"","sources":["../../../components/kbd/KbdGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAC9E,OAAO,2BAAe,WAAW,EAAC,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7G,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function KbdGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn <kbd data-slot=\"kbd-group\" className={cn(\"inline-flex items-center gap-1\", className)} {...props} />;\n}\n"]}
+{"version":3,"file":"KbdGroup.js","sourceRoot":"","sources":["../../../components/kbd/KbdGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAC9E,OAAO,2BAAe,WAAW,EAAC,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7G,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * Groups Kbd components into one key combination, such as Ctrl + B.\n * Other props pass through to the kbd element.\n */\nexport default function KbdGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn <kbd data-slot=\"kbd-group\" className={cn(\"inline-flex items-center gap-1\", className)} {...props} />;\n}\n"]}

package/out/components/label/Label.d.ts

@@ -1,3 +1,9 @@
 import type { ComponentProps } from "react";
+/**
+ * A label for a form control.
+ * For form fields prefer Field with FieldLabel, which adds description and error handling.
+ * Disables its styles when the parent or peer control is disabled.
+ * Other props pass through to the label element.
+ */
 export default function Label({ className, ...props }: ComponentProps<"label">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Label.d.ts.map

package/out/components/label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../components/label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,2CAW7E"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../components/label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,2CAW7E"}

package/out/components/label/Label.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A label for a form control.
+ * For form fields prefer Field with FieldLabel, which adds description and error handling.
+ * Disables its styles when the parent or peer control is disabled.
+ * Other props pass through to the label element.
+ */
 export default function Label({ className, ...props }) {
     return (_jsx("label", { "data-slot": "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), ...props }));
 }

package/out/components/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../components/label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B;IAC7E,OAAO,CACN,6BACW,OAAO,EACjB,SAAS,EAAE,EAAE,CACZ,qNAAqN,EACrN,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nexport default function Label({ className, ...props }: ComponentProps<\"label\">) {\n\treturn (\n\t\t<label\n\t\t\tdata-slot=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../components/label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B;IAC7E,OAAO,CACN,6BACW,OAAO,EACjB,SAAS,EAAE,EAAE,CACZ,qNAAqN,EACrN,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * A label for a form control.\n * For form fields prefer Field with FieldLabel, which adds description and error handling.\n * Disables its styles when the parent or peer control is disabled.\n * Other props pass through to the label element.\n */\nexport default function Label({ className, ...props }: ComponentProps<\"label\">) {\n\treturn (\n\t\t<label\n\t\t\tdata-slot=\"label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/link-input/LinkInput.d.ts

@@ -1,4 +1,10 @@
 import { type ComponentProps } from "react";
 import InputGroupInput from "../../components/input-group/InputGroupInput";
+/**
+ * An input with a button that opens its value as a URL in a new tab.
+ * Uses InputGroup internally and accepts the same props as InputGroupInput.
+ * children render after the input and their text is prepended to the URL, for example a protocol prefix rendered with InputGroupText.
+ * The open button is disabled until the combined value matches https://host.tld and while disabled is set.
+ */
 export default function LinkInput({ disabled, defaultValue, value, onChange, children, ...props }: ComponentProps<typeof InputGroupInput>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LinkInput.d.ts.map

package/out/components/link-input/LinkInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkInput.d.ts","sourceRoot":"","sources":["../../../components/link-input/LinkInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,KAAK,cAAc,EAMnB,MAAM,OAAO,CAAC;AAKf,OAAO,eAAe,MAAM,0CAA0C,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,2CA0DxC"}
+{"version":3,"file":"LinkInput.d.ts","sourceRoot":"","sources":["../../../components/link-input/LinkInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAGN,KAAK,cAAc,EAMnB,MAAM,OAAO,CAAC;AAKf,OAAO,eAAe,MAAM,0CAA0C,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,2CA0DxC"}

package/out/components/link-input/LinkInput.js

@@ -5,6 +5,12 @@ import Button from "../../components/button/Button";
 import InputGroup from "../../components/input-group/InputGroup";
 import InputGroupAddon from "../../components/input-group/InputGroupAddon";
 import InputGroupInput from "../../components/input-group/InputGroupInput";
+/**
+ * An input with a button that opens its value as a URL in a new tab.
+ * Uses InputGroup internally and accepts the same props as InputGroupInput.
+ * children render after the input and their text is prepended to the URL, for example a protocol prefix rendered with InputGroupText.
+ * The open button is disabled until the combined value matches https://host.tld and while disabled is set.
+ */
 export default function LinkInput({ disabled, defaultValue, value, onChange, children, ...props }) {
     const inputRef = useRef(null);
     const debounceRef = useRef(undefined);

package/out/components/link-input/LinkInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkInput.js","sourceRoot":"","sources":["../../../components/link-input/LinkInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconExternalLink } from \"@tabler/icons-react\";\nimport {\n\tuseState,\n\tuseRef,\n\ttype ComponentProps,\n\tisValidElement,\n\tChildren,\n\ttype ReactNode,\n\ttype ChangeEvent,\n\ttype ReactElement,\n} from \"react\";\n\nimport Button from \"@/components/button/Button\";\nimport InputGroup from \"@/components/input-group/InputGroup\";\nimport InputGroupAddon from \"@/components/input-group/InputGroupAddon\";\nimport InputGroupInput from \"@/components/input-group/InputGroupInput\";\n\nexport default function LinkInput({\n\tdisabled,\n\tdefaultValue,\n\tvalue,\n\tonChange,\n\tchildren,\n\t...props\n}: ComponentProps<typeof InputGroupInput>) {\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst debounceRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n\tconst innerText =\n\t\tChildren.map(children, (child: ReactNode) => {\n\t\t\tif (isValidElement<{ children?: ReactNode }>(child) && child.props.children) {\n\t\t\t\tconst inputGroupText = child.props.children as ReactElement;\n\t\t\t\tif (isValidElement<{ children?: ReactNode }>(inputGroupText) && inputGroupText.props.children) {\n\t\t\t\t\tconst inputGroupTextInnerText = inputGroupText.props.children;\n\t\t\t\t\tif (typeof inputGroupTextInnerText === \"string\" || typeof inputGroupTextInnerText === \"number\") {\n\t\t\t\t\t\treturn inputGroupTextInnerText as string;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})?.[0] ?? \"\";\n\n\tconst [hasValidValue, setHasValidValue] = useState<boolean>(\n\t\t/^https:\\/\\/[^\\/]*\\.[^\\/]+/.test(String(innerText + (value ?? defaultValue)))\n\t);\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tonChange?.(e);\n\n\t\tif (!e.target.value) {\n\t\t\tsetHasValidValue(false);\n\t\t}\n\n\t\tclearTimeout(debounceRef.current);\n\t\tdebounceRef.current = setTimeout(() => {\n\t\t\tsetHasValidValue(/^https:\\/\\/[^\\/]*\\.[^\\/]+/.test(innerText + e.target.value));\n\t\t}, 300);\n\t};\n\n\tconst handleOpen = () => {\n\t\tconst inputValue = inputRef.current?.value ?? \"\";\n\n\t\twindow.open(innerText + inputValue, \"_blank\", \"noopener,noreferrer\");\n\t};\n\n\treturn (\n\t\t<InputGroup>\n\t\t\t<InputGroupInput\n\t\t\t\tref={inputRef}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={handleChange}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t<InputGroupAddon align=\"inline-end\">\n\t\t\t\t<Button variant=\"link\" className=\"h-8 px-2\" disabled={disabled ?? !hasValidValue} onClick={handleOpen}>\n\t\t\t\t\t<IconExternalLink className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</InputGroupAddon>\n\t\t\t{children}\n\t\t</InputGroup>\n\t);\n}\n"]}
+{"version":3,"file":"LinkInput.js","sourceRoot":"","sources":["../../../components/link-input/LinkInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconExternalLink } from \"@tabler/icons-react\";\nimport {\n\tuseState,\n\tuseRef,\n\ttype ComponentProps,\n\tisValidElement,\n\tChildren,\n\ttype ReactNode,\n\ttype ChangeEvent,\n\ttype ReactElement,\n} from \"react\";\n\nimport Button from \"@/components/button/Button\";\nimport InputGroup from \"@/components/input-group/InputGroup\";\nimport InputGroupAddon from \"@/components/input-group/InputGroupAddon\";\nimport InputGroupInput from \"@/components/input-group/InputGroupInput\";\n\n/**\n * An input with a button that opens its value as a URL in a new tab.\n * Uses InputGroup internally and accepts the same props as InputGroupInput.\n * children render after the input and their text is prepended to the URL, for example a protocol prefix rendered with InputGroupText.\n * The open button is disabled until the combined value matches https://host.tld and while disabled is set.\n */\nexport default function LinkInput({\n\tdisabled,\n\tdefaultValue,\n\tvalue,\n\tonChange,\n\tchildren,\n\t...props\n}: ComponentProps<typeof InputGroupInput>) {\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\tconst debounceRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n\tconst innerText =\n\t\tChildren.map(children, (child: ReactNode) => {\n\t\t\tif (isValidElement<{ children?: ReactNode }>(child) && child.props.children) {\n\t\t\t\tconst inputGroupText = child.props.children as ReactElement;\n\t\t\t\tif (isValidElement<{ children?: ReactNode }>(inputGroupText) && inputGroupText.props.children) {\n\t\t\t\t\tconst inputGroupTextInnerText = inputGroupText.props.children;\n\t\t\t\t\tif (typeof inputGroupTextInnerText === \"string\" || typeof inputGroupTextInnerText === \"number\") {\n\t\t\t\t\t\treturn inputGroupTextInnerText as string;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})?.[0] ?? \"\";\n\n\tconst [hasValidValue, setHasValidValue] = useState<boolean>(\n\t\t/^https:\\/\\/[^\\/]*\\.[^\\/]+/.test(String(innerText + (value ?? defaultValue)))\n\t);\n\n\tconst handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tonChange?.(e);\n\n\t\tif (!e.target.value) {\n\t\t\tsetHasValidValue(false);\n\t\t}\n\n\t\tclearTimeout(debounceRef.current);\n\t\tdebounceRef.current = setTimeout(() => {\n\t\t\tsetHasValidValue(/^https:\\/\\/[^\\/]*\\.[^\\/]+/.test(innerText + e.target.value));\n\t\t}, 300);\n\t};\n\n\tconst handleOpen = () => {\n\t\tconst inputValue = inputRef.current?.value ?? \"\";\n\n\t\twindow.open(innerText + inputValue, \"_blank\", \"noopener,noreferrer\");\n\t};\n\n\treturn (\n\t\t<InputGroup>\n\t\t\t<InputGroupInput\n\t\t\t\tref={inputRef}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={handleChange}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t<InputGroupAddon align=\"inline-end\">\n\t\t\t\t<Button variant=\"link\" className=\"h-8 px-2\" disabled={disabled ?? !hasValidValue} onClick={handleOpen}>\n\t\t\t\t\t<IconExternalLink className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</InputGroupAddon>\n\t\t\t{children}\n\t\t</InputGroup>\n\t);\n}\n"]}

package/out/components/message/Message.d.ts

@@ -1,4 +1,11 @@
 import { type ComponentProps } from "react";
+/**
+ * Lays out a single message in a conversation, handling the avatar, alignment, header and footer.
+ * Compose with MessageAvatar and MessageContent, and render Bubble inside MessageContent.
+ * align: start (default), end.
+ * Use MessageGroup to stack consecutive messages from the same sender.
+ * Other props pass through to the div.
+ */
 export default function Message({ className, align, ...props }: ComponentProps<"div"> & {
     align?: "start" | "end";
 }): import("react/jsx-runtime").JSX.Element;

package/out/components/message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../components/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,SAAS,EACT,KAAe,EACf,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,2CAYrD"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../components/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,SAAS,EACT,KAAe,EACf,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAAE,2CAYrD"}

package/out/components/message/Message.js

@@ -1,5 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Lays out a single message in a conversation, handling the avatar, alignment, header and footer.
+ * Compose with MessageAvatar and MessageContent, and render Bubble inside MessageContent.
+ * align: start (default), end.
+ * Use MessageGroup to stack consecutive messages from the same sender.
+ * Other props pass through to the div.
+ */
 export default function Message({ className, align = "start", ...props }) {
     return (_jsx("div", { "data-slot": "message", "data-align": align, className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className), ...props }));
 }

package/out/components/message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../components/message/Message.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,SAAS,EACT,KAAK,GAAG,OAAO,EACf,GAAG,KAAK,EAC6C;IACrD,OAAO,CACN,2BACW,SAAS,gBACP,KAAK,EACjB,SAAS,EAAE,EAAE,CACZ,4FAA4F,EAC5F,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function Message({\n\tclassName,\n\talign = \"start\",\n\t...props\n}: ComponentProps<\"div\"> & { align?: \"start\" | \"end\" }) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"message\"\n\t\t\tdata-align={align}\n\t\t\tclassName={cn(\n\t\t\t\t\"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../components/message/Message.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,SAAS,EACT,KAAK,GAAG,OAAO,EACf,GAAG,KAAK,EAC6C;IACrD,OAAO,CACN,2BACW,SAAS,gBACP,KAAK,EACjB,SAAS,EAAE,EAAE,CACZ,4FAA4F,EAC5F,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * Lays out a single message in a conversation, handling the avatar, alignment, header and footer.\n * Compose with MessageAvatar and MessageContent, and render Bubble inside MessageContent.\n * align: start (default), end.\n * Use MessageGroup to stack consecutive messages from the same sender.\n * Other props pass through to the div.\n */\nexport default function Message({\n\tclassName,\n\talign = \"start\",\n\t...props\n}: ComponentProps<\"div\"> & { align?: \"start\" | \"end\" }) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"message\"\n\t\t\tdata-align={align}\n\t\t\tclassName={cn(\n\t\t\t\t\"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/message/MessageAvatar.d.ts

@@ -1,3 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * The avatar slot for a Message, aligned to the bottom of the row.
+ * When the message has a MessageFooter the avatar shifts up to stay aligned with the message surface.
+ * Other props pass through to the div.
+ */
 export default function MessageAvatar({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MessageAvatar.d.ts.map

package/out/components/message/MessageAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageAvatar.d.ts","sourceRoot":"","sources":["../../../components/message/MessageAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWnF"}
+{"version":3,"file":"MessageAvatar.d.ts","sourceRoot":"","sources":["../../../components/message/MessageAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWnF"}

package/out/components/message/MessageAvatar.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * The avatar slot for a Message, aligned to the bottom of the row.
+ * When the message has a MessageFooter the avatar shifts up to stay aligned with the message surface.
+ * Other props pass through to the div.
+ */
 export default function MessageAvatar({ className, ...props }) {
     return (_jsx("div", { "data-slot": "message-avatar", className: cn("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", className), ...props }));
 }

package/out/components/message/MessageAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageAvatar.js","sourceRoot":"","sources":["../../../components/message/MessageAvatar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACnF,OAAO,CACN,2BACW,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,oKAAoK,EACpK,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function MessageAvatar({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"message-avatar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"MessageAvatar.js","sourceRoot":"","sources":["../../../components/message/MessageAvatar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACnF,OAAO,CACN,2BACW,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,oKAAoK,EACpK,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * The avatar slot for a Message, aligned to the bottom of the row.\n * When the message has a MessageFooter the avatar shifts up to stay aligned with the message surface.\n * Other props pass through to the div.\n */\nexport default function MessageAvatar({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"message-avatar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/message/MessageContent.d.ts

@@ -1,3 +1,7 @@
 import { type ComponentProps } from "react";
+/**
+ * Wraps the MessageHeader, the message surface such as Bubble, and MessageFooter.
+ * Other props pass through to the div.
+ */
 export default function MessageContent({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MessageContent.d.ts.map