@px-ui/ui 1.0.10 → 1.1.0

package/dist/components/message.js

@@ -0,0 +1,52 @@
+import { t as cn } from "../utils-DUlptRpf.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/message.tsx
+function MessageGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-group",
+		className: cn("flex min-w-0 flex-col gap-2", className),
+		...props
+	});
+}
+function Message({ className, align = "start", ...props }) {
+	return /* @__PURE__ */ 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
+	});
+}
+function MessageAvatar({ className, ...props }) {
+	return /* @__PURE__ */ 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
+	});
+}
+function MessageContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-content",
+		className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
+		...props
+	});
+}
+function MessageHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-header",
+		className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0", className),
+		...props
+	});
+}
+function MessageFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "message-footer",
+		className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end", className),
+		...props
+	});
+}
+
+//#endregion
+export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
+//# sourceMappingURL=message.js.map

package/dist/components/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":[],"sources":["../../src/components/message.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction MessageGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction Message({\n  className,\n  align = \"start\",\n  ...props\n}: React.ComponentProps<\"div\"> & { align?: \"start\" | \"end\" }) {\n  return (\n    <div\n      data-slot=\"message\"\n      data-align={align}\n      className={cn(\n        \"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageAvatar({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-avatar\"\n      className={cn(\n        \"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        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-content\"\n      className={cn(\n        \"flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-header\"\n      className={cn(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MessageFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"message-footer\"\n      className={cn(\n        \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  MessageGroup,\n  Message,\n  MessageAvatar,\n  MessageContent,\n  MessageFooter,\n  MessageHeader,\n}\n"],"mappings":";;;;;AAIA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,QAAQ,EACf,WACA,QAAQ,SACR,GAAG,SACyD;AAC5D,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,8FACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sKACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;AAC5E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,mIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,8KACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/native-select.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime279 from "react/jsx-runtime";
+import * as react_jsx_runtime336 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/native-select.d.ts
@@ -9,15 +9,15 @@ declare function NativeSelect({
   className,
   size,
   ...props
-}: NativeSelectProps): react_jsx_runtime279.JSX.Element;
+}: NativeSelectProps): react_jsx_runtime336.JSX.Element;
 declare function NativeSelectOption({
   className,
   ...props
-}: React$1.ComponentProps<"option">): react_jsx_runtime279.JSX.Element;
+}: React$1.ComponentProps<"option">): react_jsx_runtime336.JSX.Element;
 declare function NativeSelectOptGroup({
   className,
   ...props
-}: React$1.ComponentProps<"optgroup">): react_jsx_runtime279.JSX.Element;
+}: React$1.ComponentProps<"optgroup">): react_jsx_runtime336.JSX.Element;
 //#endregion
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
 //# sourceMappingURL=native-select.d.ts.map

package/dist/components/native-select.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { ChevronDownIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";

package/dist/components/navigation-menu.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime282 from "react/jsx-runtime";
+import * as react_jsx_runtime262 from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
-import * as class_variance_authority_types13 from "class-variance-authority/types";
+import * as class_variance_authority_types15 from "class-variance-authority/types";
 
 //#region src/components/navigation-menu.d.ts
 declare function NavigationMenu({
@@ -8,25 +8,25 @@ declare function NavigationMenu({
   className,
   children,
   ...props
-}: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, "align">): react_jsx_runtime282.JSX.Element;
+}: NavigationMenu$1.Root.Props & Pick<NavigationMenu$1.Positioner.Props, "align">): react_jsx_runtime262.JSX.Element;
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime282.JSX.Element;
+}: React.ComponentPropsWithRef<typeof NavigationMenu$1.List>): react_jsx_runtime262.JSX.Element;
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime282.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types13.ClassProp | undefined) => string;
+}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime262.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types15.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: NavigationMenu$1.Trigger.Props): react_jsx_runtime282.JSX.Element;
+}: NavigationMenu$1.Trigger.Props): react_jsx_runtime262.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: NavigationMenu$1.Content.Props): react_jsx_runtime282.JSX.Element;
+}: NavigationMenu$1.Content.Props): react_jsx_runtime262.JSX.Element;
 declare function NavigationMenuPositioner({
   className,
   side,
@@ -34,15 +34,15 @@ declare function NavigationMenuPositioner({
   align,
   alignOffset,
   ...props
-}: NavigationMenu$1.Positioner.Props): react_jsx_runtime282.JSX.Element;
+}: NavigationMenu$1.Positioner.Props): react_jsx_runtime262.JSX.Element;
 declare function NavigationMenuLink({
   className,
   ...props
-}: NavigationMenu$1.Link.Props): react_jsx_runtime282.JSX.Element;
+}: NavigationMenu$1.Link.Props): react_jsx_runtime262.JSX.Element;
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime282.JSX.Element;
+}: React.ComponentPropsWithRef<typeof NavigationMenu$1.Icon>): react_jsx_runtime262.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { ChevronDownIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";

package/dist/components/pagination.d.ts

@@ -1,19 +1,19 @@
-import { t as Button } from "../button-BkzvdmIX.js";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import { t as Button } from "../button-Cfd9X6pX.js";
+import * as react_jsx_runtime218 from "react/jsx-runtime";
 import * as React$1 from "react";
 
 //#region src/components/pagination.d.ts
 declare function Pagination({
   className,
   ...props
-}: React$1.ComponentProps<"nav">): react_jsx_runtime98.JSX.Element;
+}: React$1.ComponentProps<"nav">): react_jsx_runtime218.JSX.Element;
 declare function PaginationContent({
   className,
   ...props
-}: React$1.ComponentProps<"ul">): react_jsx_runtime98.JSX.Element;
+}: React$1.ComponentProps<"ul">): react_jsx_runtime218.JSX.Element;
 declare function PaginationItem({
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime98.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime218.JSX.Element;
 type PaginationLinkProps = {
   isActive?: boolean;
 } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
@@ -22,25 +22,25 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime98.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime218.JSX.Element;
 declare function PaginationPrevious({
   className,
   text,
   ...props
 }: React$1.ComponentProps<typeof PaginationLink> & {
   text?: string;
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime218.JSX.Element;
 declare function PaginationNext({
   className,
   text,
   ...props
 }: React$1.ComponentProps<typeof PaginationLink> & {
   text?: string;
-}): react_jsx_runtime98.JSX.Element;
+}): react_jsx_runtime218.JSX.Element;
 declare function PaginationEllipsis({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime98.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime218.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMS,UAAA;;;GAAoC,OAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;iBAY/D,iBAAA;;;GAGN,OAAA,CAAM,uBAAoB,mBAAA,CAAA,GAAA,CAAA;iBAUpB,cAAA;;GAA6B,OAAA,CAAM,uBAAoB,mBAAA,CAAA,GAAA,CAAA;AA5BZ,KAgC/C,mBAAA,GA7Bc;EAAG,QAAA,CAAA,EAAA,OAAA;CAAuB,GA+BzC,IA/ByC,CA+BpC,OAAA,CAAM,cA/BoC,CAAA,OA+Bd,MA/Bc,CAAA,EAAA,MAAA,CAAA,GAgCjD,OAAA,CAAM,cAhC2C,CAAA,GAAA,CAAA;iBAkC1C,cAAA,CAlC+D;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAuCrE,mBAvCqE,CAAA,EAuClD,mBAAA,CAAA,GAAA,CAAA,OAvCkD;iBA0D/D,kBAAA,CA1D+D;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EA8DrE,OAAA,CAAM,cA9D+D,CAAA,OA8DzC,cA9DyC,CAAA,GAAA;EAY/D,IAAA,CAAA,EAAA,MAAA;CACP,CAAA,EAiDgE,mBAAA,CAAA,GAAA,CAAA,OAjDhE;iBA+DO,cAAA,CA7DA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAiEN,OAAA,CAAM,cAjEA,CAAA,OAiEsB,cAjEtB,CAAA,GAAA;EAAoB,IAAA,CAAA,EAAA,MAAA;CAAA,CAAA,EAiEqC,mBAAA,CAAA,GAAA,CAAA,OAjErC;AAAA,iBA+EpB,kBAAA,CArE6B;EAAA,SAAM;EAAA,GAAA;AAAoB,CAAA,EAwE7D,OAAA,CAAM,cAxEuD,CAAA,MAAA,CAAA,CAAA,EAwEjC,mBAAA,CAAA,GAAA,CAAA,OAxEiC"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMS,UAAA;;;GAAoC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAY/D,iBAAA;;;GAGN,OAAA,CAAM,uBAAoB,oBAAA,CAAA,GAAA,CAAA;iBAUpB,cAAA;;GAA6B,OAAA,CAAM,uBAAoB,oBAAA,CAAA,GAAA,CAAA;AA5BZ,KAgC/C,mBAAA,GA7Bc;EAAG,QAAA,CAAA,EAAA,OAAA;CAAuB,GA+BzC,IA/ByC,CA+BpC,OAAA,CAAM,cA/BoC,CAAA,OA+Bd,MA/Bc,CAAA,EAAA,MAAA,CAAA,GAgCjD,OAAA,CAAM,cAhC2C,CAAA,GAAA,CAAA;iBAkC1C,cAAA,CAlC+D;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAuCrE,mBAvCqE,CAAA,EAuClD,oBAAA,CAAA,GAAA,CAAA,OAvCkD;iBA0D/D,kBAAA,CA1D+D;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EA8DrE,OAAA,CAAM,cA9D+D,CAAA,OA8DzC,cA9DyC,CAAA,GAAA;EAY/D,IAAA,CAAA,EAAA,MAAA;CACP,CAAA,EAiDgE,oBAAA,CAAA,GAAA,CAAA,OAjDhE;iBA+DO,cAAA,CA7DA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAiEN,OAAA,CAAM,cAjEA,CAAA,OAiEsB,cAjEtB,CAAA,GAAA;EAAoB,IAAA,CAAA,EAAA,MAAA;CAAA,CAAA,EAiEqC,oBAAA,CAAA,GAAA,CAAA,OAjErC;AAAA,iBA+EpB,kBAAA,CArE6B;EAAA,SAAM;EAAA,GAAA;AAAoB,CAAA,EAwE7D,OAAA,CAAM,cAxEuD,CAAA,MAAA,CAAA,CAAA,EAwEjC,oBAAA,CAAA,GAAA,CAAA,OAxEiC"}

package/dist/components/pagination.js

@@ -1,5 +1,5 @@
-import { t as cn } from "../utils-mWJR2N24.js";
-import { t as Button } from "../button-hBUFMmsZ.js";
+import { t as cn } from "../utils-DUlptRpf.js";
+import { t as Button } from "../button-DnHwqwy0.js";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";

package/dist/components/phone-input.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime217 from "react/jsx-runtime";
 import "react-phone-input-2/lib/style.css";
 
 //#region src/components/phone-input.d.ts
@@ -22,7 +22,7 @@ declare const PhoneInput: ({
   placeholder,
   disabled,
   className
-}: PhoneInputProps) => react_jsx_runtime119.JSX.Element;
+}: PhoneInputProps) => react_jsx_runtime217.JSX.Element;
 //#endregion
 export { PhoneInput, validatePhoneNumber };
 //# sourceMappingURL=phone-input.d.ts.map

package/dist/components/phone-input.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import PhoneInputLib from "react-phone-input-2";

package/dist/components/popover.d.ts

@@ -1,14 +1,14 @@
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime308 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 
 //#region src/components/popover.d.ts
 declare function Popover({
   ...props
-}: Popover$1.Root.Props): react_jsx_runtime44.JSX.Element;
+}: Popover$1.Root.Props): react_jsx_runtime308.JSX.Element;
 declare function PopoverTrigger({
   ...props
-}: Popover$1.Trigger.Props): react_jsx_runtime44.JSX.Element;
+}: Popover$1.Trigger.Props): react_jsx_runtime308.JSX.Element;
 declare function PopoverContent({
   className,
   align,
@@ -16,19 +16,19 @@ declare function PopoverContent({
   side,
   sideOffset,
   ...props
-}: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime44.JSX.Element;
+}: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime308.JSX.Element;
 declare function PopoverHeader({
   className,
   ...props
-}: React$1.ComponentProps<"div">): react_jsx_runtime44.JSX.Element;
+}: React$1.ComponentProps<"div">): react_jsx_runtime308.JSX.Element;
 declare function PopoverTitle({
   className,
   ...props
-}: Popover$1.Title.Props): react_jsx_runtime44.JSX.Element;
+}: Popover$1.Title.Props): react_jsx_runtime308.JSX.Element;
 declare function PopoverDescription({
   className,
   ...props
-}: Popover$1.Description.Props): react_jsx_runtime44.JSX.Element;
+}: Popover$1.Description.Props): react_jsx_runtime308.JSX.Element;
 //#endregion
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/components/popover.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKS,OAAA;;GAAsB,SAAA,CAAiB,IAAA,CAAK,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAIjD,cAAA;;GAA6B,SAAA,CAAiB,OAAA,CAAQ,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI3D,cAAA;;;;;;;GAON,SAAA,CAAiB,KAAA,CAAM,QACxB,KACE,SAAA,CAAiB,UAAA,CAAW,0DAE7B,mBAAA,CAAA,GAAA,CAAA;AAvBiE,iBA8C3D,aAAA,CA1CsB;EAAA,SAAsB;EAAA,GAAA;AAAK,CAAA,EA0CV,OAAA,CAAM,cA1CI,CAAA,KAAA,CAAA,CAAA,EA0CiB,mBAAA,CAAA,GAAA,CAAA,OA1CjB;AAAA,iBAoDjD,YAAA,CAhDc;EAAA,SAAe;EAAiB,GAAA;AAAa,CAAL,EAgDhB,SAAA,CAAiB,KAAA,CAAM,KAhDF,CAAA,EAgDO,mBAAA,CAAA,GAAA,CAAA,OAhDP;AAAA,iBA0D3D,kBAAA,CAtDc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyDpB,SAAA,CAAiB,WAAA,CAAY,KAzDT,CAAA,EAyDc,mBAAA,CAAA,GAAA,CAAA,OAzDd"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../src/components/popover.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKS,OAAA;;GAAsB,SAAA,CAAiB,IAAA,CAAK,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAIjD,cAAA;;GAA6B,SAAA,CAAiB,OAAA,CAAQ,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI3D,cAAA;;;;;;;GAON,SAAA,CAAiB,KAAA,CAAM,QACxB,KACE,SAAA,CAAiB,UAAA,CAAW,0DAE7B,oBAAA,CAAA,GAAA,CAAA;AAvBiE,iBA8C3D,aAAA,CA1CsB;EAAA,SAAsB;EAAA,GAAA;AAAK,CAAA,EA0CV,OAAA,CAAM,cA1CI,CAAA,KAAA,CAAA,CAAA,EA0CiB,oBAAA,CAAA,GAAA,CAAA,OA1CjB;AAAA,iBAoDjD,YAAA,CAhDc;EAAA,SAAe;EAAA,GAAiB;AAAa,CAAL,EAgDhB,SAAA,CAAiB,KAAA,CAAM,KAhDF,CAAA,EAgDO,oBAAA,CAAA,GAAA,CAAA,OAhDP;AAAA,iBA0D3D,kBAAA,CAtDc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyDpB,SAAA,CAAiB,WAAA,CAAY,KAzDT,CAAA,EAyDc,oBAAA,CAAA,GAAA,CAAA,OAzDd"}

package/dist/components/popover.js

@@ -1,4 +1,4 @@
-import "../utils-mWJR2N24.js";
-import { a as PopoverTitle, i as PopoverHeader, n as PopoverContent, o as PopoverTrigger, r as PopoverDescription, t as Popover } from "../popover-C9D43EuT.js";
+import "../utils-DUlptRpf.js";
+import { a as PopoverTitle, i as PopoverHeader, n as PopoverContent, o as PopoverTrigger, r as PopoverDescription, t as Popover } from "../popover-BGkU46G7.js";
 
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/progress.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime170 from "react/jsx-runtime";
+import * as react_jsx_runtime315 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
 
 //#region src/components/progress.d.ts
@@ -7,23 +7,23 @@ declare function Progress({
   children,
   value,
   ...props
-}: Progress$1.Root.Props): react_jsx_runtime170.JSX.Element;
+}: Progress$1.Root.Props): react_jsx_runtime315.JSX.Element;
 declare function ProgressTrack({
   className,
   ...props
-}: Progress$1.Track.Props): react_jsx_runtime170.JSX.Element;
+}: Progress$1.Track.Props): react_jsx_runtime315.JSX.Element;
 declare function ProgressIndicator({
   className,
   ...props
-}: Progress$1.Indicator.Props): react_jsx_runtime170.JSX.Element;
+}: Progress$1.Indicator.Props): react_jsx_runtime315.JSX.Element;
 declare function ProgressLabel({
   className,
   ...props
-}: Progress$1.Label.Props): react_jsx_runtime170.JSX.Element;
+}: Progress$1.Label.Props): react_jsx_runtime315.JSX.Element;
 declare function ProgressValue({
   className,
   ...props
-}: Progress$1.Value.Props): react_jsx_runtime170.JSX.Element;
+}: Progress$1.Value.Props): react_jsx_runtime315.JSX.Element;
 //#endregion
 export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
 //# sourceMappingURL=progress.d.ts.map

package/dist/components/progress.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Progress as Progress$1 } from "@base-ui/react/progress";
 

package/dist/components/radio-group.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime175 from "react/jsx-runtime";
+import * as react_jsx_runtime231 from "react/jsx-runtime";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 
@@ -6,11 +6,11 @@ import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 declare function RadioGroup({
   className,
   ...props
-}: RadioGroup$1.Props): react_jsx_runtime175.JSX.Element;
+}: RadioGroup$1.Props): react_jsx_runtime231.JSX.Element;
 declare function RadioGroupItem({
   className,
   ...props
-}: Radio.Root.Props): react_jsx_runtime175.JSX.Element;
+}: Radio.Root.Props): react_jsx_runtime231.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.js

@@ -1,4 +1,4 @@
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx } from "react/jsx-runtime";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";

package/dist/components/resizable.d.ts

@@ -1,21 +1,21 @@
-import * as react_jsx_runtime295 from "react/jsx-runtime";
+import * as react_jsx_runtime239 from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region src/components/resizable.d.ts
 declare function ResizablePanelGroup({
   className,
   ...props
-}: ResizablePrimitive.GroupProps): react_jsx_runtime295.JSX.Element;
+}: ResizablePrimitive.GroupProps): react_jsx_runtime239.JSX.Element;
 declare function ResizablePanel({
   ...props
-}: ResizablePrimitive.PanelProps): react_jsx_runtime295.JSX.Element;
+}: ResizablePrimitive.PanelProps): react_jsx_runtime239.JSX.Element;
 declare function ResizableHandle({
   withHandle,
   className,
   ...props
 }: ResizablePrimitive.SeparatorProps & {
   withHandle?: boolean;
-}): react_jsx_runtime295.JSX.Element;
+}): react_jsx_runtime239.JSX.Element;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.ts.map

package/dist/components/resizable.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { t as cn } from "../utils-mWJR2N24.js";
+import { t as cn } from "../utils-DUlptRpf.js";
 import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 

package/dist/components/rich-text-editor.d.ts

@@ -0,0 +1,204 @@
+import * as react_jsx_runtime242 from "react/jsx-runtime";
+import { Editor, Extensions } from "@tiptap/react";
+
+//#region src/components/rich-text-editor.d.ts
+interface RichTextEditorProps {
+  /**
+   * The current HTML value. Provide this together with `onValueChange` for a
+   * controlled editor. The string is parsed by Tiptap on mount and on every
+   * external change, so it must be valid HTML.
+   *
+   * Note: Tiptap only understands the tags produced by the configured
+   * extensions (`<p>`, `<strong>`, `<em>`, `<ul>`/`<ol>`/`<li>`, `<a>`,
+   * line breaks). **Any unsupported tag or attribute is silently dropped**
+   * when the HTML is parsed back into the document. Round-tripping arbitrary
+   * HTML is therefore lossy by design.
+   *
+   * @default ""
+   */
+  value?: string;
+  /**
+   * Initial HTML for an uncontrolled editor. Ignored when `value` is provided.
+   * Use this when you only need the final value (e.g. read it on submit) and
+   * do not want to re-sync on every keystroke.
+   *
+   * @default ""
+   */
+  defaultValue?: string;
+  /**
+   * Called on every document change with the serialized HTML string. This is
+   * the canonical stored format for the editor.
+   *
+   * The emitted HTML is **not** sanitized for rendering. When you later render
+   * stored content as HTML, pass it through your sanitizing `EditorOutput`
+   * component (or an equivalent DOMPurify pass) before injecting it into the
+   * DOM — never `dangerouslySetInnerHTML` raw editor output.
+   */
+  onValueChange?: (html: string) => void;
+  /**
+   * Placeholder shown while the document is empty.
+   * @default "Write something…"
+   */
+  placeholder?: string;
+  /**
+   * Disables the editor and toolbar entirely. Visually dimmed and
+   * non-interactive. Alias-friendly with `editable`; `disabled` wins when both
+   * are set.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Whether the content is editable. Set to `false` to render the content as a
+   * read-only rich-text view (toolbar hidden) while keeping the styled output.
+   * @default true
+   */
+  editable?: boolean;
+  /**
+   * Additional className applied to the editor wrapper (the bordered shell that
+   * contains the toolbar and the content area).
+   */
+  className?: string;
+  /**
+   * Additional className applied to the contenteditable content area.
+   */
+  contentClassName?: string;
+  /** Accessible label for the editor region. */
+  "aria-label"?: string;
+  /**
+   * Id(s) of the element(s) that label the editor. **Prefer this over
+   * `htmlFor` for `Field` integration:** the editable surface is a
+   * `<div role="textbox">`, which is *not* a labelable element, so a native
+   * `<FieldLabel htmlFor={id}>` does **not** associate (clicking it won't focus
+   * the editor, and its text is not exposed as the accessible name). Instead
+   * give the label an `id` and pass it here:
+   *
+   * ```tsx
+   * <Field>
+   *   <FieldLabel id="bio-label">Bio</FieldLabel>
+   *   <RichTextEditor aria-labelledby="bio-label" aria-describedby="bio-help" />
+   *   <FieldDescription id="bio-help">Markdown shortcuts supported.</FieldDescription>
+   * </Field>
+   * ```
+   */
+  "aria-labelledby"?: string;
+  /**
+   * Id(s) of the element(s) that describe the editor (e.g. a `FieldDescription`
+   * or `FieldError`). Forwarded onto the editable surface so validation and
+   * help text are announced, mirroring `Input`/`Textarea`.
+   */
+  "aria-describedby"?: string;
+  /**
+   * Marks the control as required. Forwarded as `aria-required` on the editable
+   * surface (the contenteditable region cannot use the native `required`
+   * attribute).
+   */
+  "aria-required"?: boolean | "true" | "false";
+  /**
+   * Id for the editable region. Useful as a target for `aria-labelledby`/
+   * `aria-describedby` references or for testing. Note: pairing it with a
+   * native `<FieldLabel htmlFor>` will **not** associate the label, because the
+   * editable surface is a `<div role="textbox">` rather than a form control —
+   * use `aria-labelledby` instead (see above).
+   */
+  id?: string;
+  /**
+   * Name for the form field. Because the contenteditable surface is not a
+   * form-associated element, the editor renders a hidden `<input>` carrying
+   * this `name` and the current editor HTML, so the value serializes in native
+   * forms / `FormData` like `Input`/`Textarea`.
+   */
+  name?: string;
+  /**
+   * Marks the control invalid. Forwarded as `aria-invalid` on the editable
+   * surface (and `data-invalid` on the wrapper) so `Field` validation styling
+   * applies, mirroring `Input`/`Textarea`.
+   */
+  "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
+  /**
+   * Additional Tiptap extensions appended to the built-in set (configured
+   * `StarterKit` + link). Use this to opt back into formatting the default
+   * toolbar omits (e.g. `Heading`, `Image`, a mention plugin). Applied on mount
+   * only — changing it later does not reconfigure the live editor.
+   *
+   * Note: re-enabling a node here means the toolbar won't expose a control for
+   * it and the built-in content styles won't cover it; pair it with
+   * `contentClassName` styling and your own toolbar (via `onCreate`) as needed.
+   */
+  extensions?: Extensions;
+  /**
+   * Called once with the Tiptap {@link Editor} instance after it is created
+   * (client-side, since `immediatelyRender` is `false`). Use this to drive the
+   * editor imperatively or to build a custom toolbar alongside the default one.
+   */
+  onCreate?: (editor: Editor) => void;
+}
+/**
+ * A minimal WYSIWYG rich-text editor built on Tiptap (`@tiptap/react` +
+ * `@tiptap/starter-kit`). Supports bold, italic, bullet/ordered lists, and
+ * links via a compact toolbar.
+ *
+ * The stored format is **HTML**: pass HTML in via `value` (controlled) or
+ * `defaultValue` (uncontrolled), and read HTML out via `onValueChange`.
+ *
+ * Supported formatting is deliberately scoped to what the toolbar exposes:
+ * paragraphs, bold, italic, bullet/ordered lists, and links. StarterKit nodes
+ * with no toolbar control (headings, blockquote, strike, code/code blocks,
+ * horizontal rules) are disabled so the editor, toolbar, and `EditorOutput`
+ * stay in agreement. Opt back into any of them — or add your own (images,
+ * mentions, …) — via the `extensions` prop, and reach the underlying instance
+ * with `onCreate` to build a custom toolbar.
+ *
+ * Output handling:
+ * - Tiptap only round-trips the tags its configured extensions understand —
+ *   **unsupported tags/attributes are dropped** on parse.
+ * - The emitted HTML is unsanitized. Render stored content through a
+ *   sanitizing `EditorOutput` component (DOMPurify) rather than injecting it
+ *   raw.
+ *
+ * Field integration: the editable surface is a `<div role="textbox">`, not a
+ * labelable form control, so associate labels/help text with `aria-labelledby`
+ * / `aria-describedby` (not `<FieldLabel htmlFor>`).
+ *
+ * SSR-safe: uses `immediatelyRender: false` so the first paint matches the
+ * server render and avoids hydration mismatches.
+ *
+ * @example
+ * ```tsx
+ * function JobDescription() {
+ *   const [html, setHtml] = React.useState("<p>Initial <strong>copy</strong></p>");
+ *   return (
+ *     <RichTextEditor
+ *       value={html}
+ *       onValueChange={setHtml}
+ *       placeholder="Describe the role…"
+ *       aria-label="Job description"
+ *     />
+ *   );
+ * }
+ *
+ * // Render the stored HTML elsewhere (sanitized):
+ * // <EditorOutput html={html} />
+ * ```
+ */
+declare function RichTextEditor({
+  value,
+  defaultValue,
+  onValueChange,
+  placeholder,
+  disabled,
+  editable,
+  className,
+  contentClassName,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  "aria-describedby": ariaDescribedby,
+  "aria-required": ariaRequired,
+  id,
+  name,
+  "aria-invalid": ariaInvalid,
+  extensions: extraExtensions,
+  onCreate
+}: RichTextEditorProps): react_jsx_runtime242.JSX.Element;
+//#endregion
+export { RichTextEditor, RichTextEditorProps };
+//# sourceMappingURL=rich-text-editor.d.ts.map

package/dist/components/rich-text-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.d.ts","names":[],"sources":["../../src/components/rich-text-editor.tsx"],"sourcesContent":[],"mappings":";;;;UAmCiB,mBAAA;;;AAAjB;AA6ZA;;;;;;;;;;EAUqB,KAAA,CAAA,EAAA,MAAA;EACC;;;;;;;EAOnB,YAAA,CAAA,EAAA,MAAA;EAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAtSP;;;;;;sBAOO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6QN,cAAA;;;;;;;;;gBASA;qBACK;sBACC;mBACH;;;kBAGD;cACJ;;GAEX,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}