@px-ui/ui 0.1.4 → 1.0.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMS,cAAA;;;;;GAKN,gBAAA,CAAwB,IAAA,CAAK,QAC9B,KAAK,gBAAA,CAAwB,UAAA,CAAW,kBAAe,oBAAA,CAAA,GAAA,CAAA;iBAgBhD,kBAAA;;;GAGN,KAAA,CAAM,6BAA6B,gBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAa1D,kBAAA;;;GAGN,KAAA,CAAM,6BAA6B,gBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;cAU7D,qCAEL,gCAAA,CAF+B,SAAA;AAzD0D,iBA6DjF,qBAAA,CAvDc;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2DpB,gBAAA,CAAwB,OAAA,CAAQ,KA3DZ,CAAA,EA2DiB,oBAAA,CAAA,GAAA,CAAA,OA3DjB;iBAwEd,qBAAA,CAvEP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0EC,gBAAA,CAAwB,OAAA,CAAQ,KA1EjC,CAAA,EA0EsC,oBAAA,CAAA,GAAA,CAAA,OA1EtC;iBAuFO,wBAAA,CAtFP;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,KAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA6FC,gBAAA,CAAwB,UAAA,CAAW,KA7FpC,CAAA,EA6FyC,oBAAA,CAAA,GAAA,CAAA,OA7FzC;iBAmHO,kBAAA,CAlHP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqHC,gBAAA,CAAwB,IAAA,CAAK,KArH9B,CAAA,EAqHmC,oBAAA,CAAA,GAAA,CAAA,OArHnC;iBAkIO,uBAAA,CAhIuB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmI7B,KAAA,CAAM,qBAnIuB,CAAA,OAmIM,gBAAA,CAAwB,IAnI9B,CAAA,CAAA,EAmImC,oBAAA,CAAA,GAAA,CAAA,OAnInC"}

package/dist/components/navigation-menu.js

@@ -0,0 +1,85 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
+
+//#region src/components/navigation-menu.tsx
+function NavigationMenu({ align = "start", className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Root, {
+		"data-slot": "navigation-menu",
+		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(NavigationMenuPositioner, { align })]
+	});
+}
+function NavigationMenuList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.List, {
+		"data-slot": "navigation-menu-list",
+		className: cn("group flex flex-1 list-none items-center justify-center gap-0", className),
+		...props
+	});
+}
+function NavigationMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
+		"data-slot": "navigation-menu-item",
+		className: cn("relative", className),
+		...props
+	});
+}
+const navigationMenuTriggerStyle = cva("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
+function NavigationMenuTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
+		"data-slot": "navigation-menu-trigger",
+		className: cn(navigationMenuTriggerStyle(), "group", className),
+		...props,
+		children: [
+			children,
+			" ",
+			/* @__PURE__ */ jsx(ChevronDownIcon, {
+				className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+function NavigationMenuContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
+		"data-slot": "navigation-menu-content",
+		className: cn("data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] h-full w-auto p-2 pe-2.5 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", className),
+		...props
+	});
+}
+function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu$1.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		className: cn("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:end-0 data-[side=bottom]:before:start-0", className),
+		...props,
+		children: /* @__PURE__ */ jsx(NavigationMenu$1.Popup, {
+			className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",
+			children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, { className: "relative size-full overflow-hidden" })
+		})
+	}) });
+}
+function NavigationMenuLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
+		"data-slot": "navigation-menu-link",
+		className: cn("flex items-center gap-1.5 rounded-md p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-sm data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function NavigationMenuIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(NavigationMenu$1.Icon, {
+		"data-slot": "navigation-menu-indicator",
+		className: cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className),
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md" })
+	});
+}
+
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive"],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from \"@base-ui/react/navigation-menu\"\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nfunction NavigationMenu({\n  align = \"start\",\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Root.Props &\n  Pick<NavigationMenuPrimitive.Positioner.Props, \"align\">) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <NavigationMenuPositioner align={align} />\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: NavigationMenuPrimitive.Trigger.Props) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon className=\"relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180\" aria-hidden=\"true\" />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Content.Props) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] h-full w-auto p-2 pe-2.5 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuPositioner({\n  className,\n  side = \"bottom\",\n  sideOffset = 8,\n  align = \"start\",\n  alignOffset = 0,\n  ...props\n}: NavigationMenuPrimitive.Positioner.Props) {\n  return (\n    <NavigationMenuPrimitive.Portal>\n      <NavigationMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        className={cn(\n          \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:end-0 data-[side=bottom]:before:start-0\",\n          className\n        )}\n        {...props}\n      >\n        <NavigationMenuPrimitive.Popup className=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\">\n          <NavigationMenuPrimitive.Viewport className=\"relative size-full overflow-hidden\" />\n        </NavigationMenuPrimitive.Popup>\n      </NavigationMenuPrimitive.Positioner>\n    </NavigationMenuPrimitive.Portal>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: NavigationMenuPrimitive.Link.Props) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex items-center gap-1.5 rounded-md p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-sm data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>) {\n  return (\n    <NavigationMenuPrimitive.Icon\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Icon>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuPositioner,\n}\n"],"mappings":";;;;;;;AAMA,SAAS,eAAe,EACtB,QAAQ,SACR,WACA,UACA,GAAG,SAEsD;AACzD,QACE,qBAACA,iBAAwB;EACvB,aAAU;EACV,WAAW,GACT,oFACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,4BAAgC,QAAS;GACb;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAACA,iBAAwB;EACvB,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACgE;AACnE,QACE,oBAACA,iBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;GACJ;;AAIN,MAAM,6BAA6B,IACjC,ibACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SACqC;AACxC,QACE,qBAACA,iBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;;GAEH;GAAU;GACX,oBAAC;IAAgB,WAAU;IAAkK,eAAY;KAAS;;GAClL;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SACqC;AACxC,QACE,oBAACA,iBAAwB;EACvB,aAAU;EACV,WAAW,GACT,g6DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,yBAAyB,EAChC,WACA,OAAO,UACP,aAAa,GACb,QAAQ,SACR,cAAc,GACd,GAAG,SACwC;AAC3C,QACE,oBAACA,iBAAwB,oBACvB,oBAACA,iBAAwB;EACjB;EACM;EACL;EACM;EACb,WAAW,GACT,qTACA,UACD;EACD,GAAI;YAEJ,oBAACA,iBAAwB;GAAM,WAAU;aACvC,oBAACA,iBAAwB,YAAS,WAAU,uCAAuC;IACrD;GACG,GACN;;AAIrC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACkC;AACrC,QACE,oBAACA,iBAAwB;EACvB,aAAU;EACV,WAAW,GACT,gXACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SACgE;AACnE,QACE,oBAACA,iBAAwB;EACvB,aAAU;EACV,WAAW,GACT,8LACA,UACD;EACD,GAAI;YAEJ,oBAAC,SAAI,WAAU,2EAA2E;GAC7D"}

package/dist/components/pagination.d.ts

@@ -0,0 +1,46 @@
+import { t as Button } from "../button-BiiFfKiR.js";
+import * as react_jsx_runtime159 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_runtime159.JSX.Element;
+declare function PaginationContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"ul">): react_jsx_runtime159.JSX.Element;
+declare function PaginationItem({
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime159.JSX.Element;
+type PaginationLinkProps = {
+  isActive?: boolean;
+} & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
+declare function PaginationLink({
+  className,
+  isActive,
+  size,
+  ...props
+}: PaginationLinkProps): react_jsx_runtime159.JSX.Element;
+declare function PaginationPrevious({
+  className,
+  text,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink> & {
+  text?: string;
+}): react_jsx_runtime159.JSX.Element;
+declare function PaginationNext({
+  className,
+  text,
+  ...props
+}: React$1.ComponentProps<typeof PaginationLink> & {
+  text?: string;
+}): react_jsx_runtime159.JSX.Element;
+declare function PaginationEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime159.JSX.Element;
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.d.ts.map

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

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

@@ -0,0 +1,89 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { t as Button } from "../button-hBUFMmsZ.js";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/pagination.tsx
+function Pagination({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		"data-slot": "pagination",
+		className: cn("mx-auto flex w-full justify-center", className),
+		...props
+	});
+}
+function PaginationContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "pagination-content",
+		className: cn("flex items-center gap-1", className),
+		...props
+	});
+}
+function PaginationItem({ ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "pagination-item",
+		...props
+	});
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: isActive ? "outline" : "ghost",
+		size,
+		className: cn(className),
+		nativeButton: false,
+		render: /* @__PURE__ */ jsx("a", {
+			"aria-current": isActive ? "page" : void 0,
+			"data-slot": "pagination-link",
+			"data-active": isActive,
+			...props
+		})
+	});
+}
+function PaginationPrevious({ className, text = "Previous", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: cn("ps-2!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {
+			"data-icon": "inline-start",
+			className: "rtl:rotate-180"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "hidden ppx-sm:block",
+			children: text
+		})]
+	});
+}
+function PaginationNext({ className, text = "Next", ...props }) {
+	return /* @__PURE__ */ jsxs(PaginationLink, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: cn("pe-2!", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "hidden ppx-sm:block",
+			children: text
+		}), /* @__PURE__ */ jsx(ChevronRightIcon, {
+			"data-icon": "inline-end",
+			className: "rtl:rotate-180"
+		})]
+	});
+}
+function PaginationEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": true,
+		"data-slot": "pagination-ellipsis",
+		className: cn("flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More pages"
+		})]
+	});
+}
+
+//#endregion
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Button } from \"@px-ui/ui/components/button\"\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <Button\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size={size}\n      className={cn(className)}\n      nativeButton={false}\n      render={\n        <a\n          aria-current={isActive ? \"page\" : undefined}\n          data-slot=\"pagination-link\"\n          data-active={isActive}\n          {...props}\n        />\n      }\n    />\n  )\n}\n\nfunction PaginationPrevious({\n  className,\n  text = \"Previous\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"ps-2!\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon data-icon=\"inline-start\" className=\"rtl:rotate-180\" />\n      <span className=\"hidden ppx-sm:block\">{text}</span>\n    </PaginationLink>\n  )\n}\n\nfunction PaginationNext({\n  className,\n  text = \"Next\",\n  ...props\n}: React.ComponentProps<typeof PaginationLink> & { text?: string }) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"pe-2!\", className)}\n      {...props}\n    >\n      <span className=\"hidden ppx-sm:block\">{text}</span>\n      <ChevronRightIcon data-icon=\"inline-end\" className=\"rtl:rotate-180\" />\n    </PaginationLink>\n  )\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\n        \"flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  )\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"mappings":";;;;;;;AAMA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,oBAAC;EAAG,aAAU;EAAkB,GAAI;GAAS;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,oBAAC;EACC,SAAS,WAAW,YAAY;EAC1B;EACN,WAAW,GAAG,UAAU;EACxB,cAAc;EACd,QACE,oBAAC;GACC,gBAAc,WAAW,SAAS;GAClC,aAAU;GACV,eAAa;GACb,GAAI;IACJ;GAEJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,YACP,GAAG,SAC+D;AAClE,QACE,qBAAC;EACC,cAAW;EACX,MAAK;EACL,WAAW,GAAG,SAAS,UAAU;EACjC,GAAI;aAEJ,oBAAC;GAAgB,aAAU;GAAe,WAAU;IAAmB,EACvE,oBAAC;GAAK,WAAU;aAAuB;IAAY;GACpC;;AAIrB,SAAS,eAAe,EACtB,WACA,OAAO,QACP,GAAG,SAC+D;AAClE,QACE,qBAAC;EACC,cAAW;EACX,MAAK;EACL,WAAW,GAAG,SAAS,UAAU;EACjC,GAAI;aAEJ,oBAAC;GAAK,WAAU;aAAuB;IAAY,EACnD,oBAAC;GAAiB,aAAU;GAAa,WAAU;IAAmB;GACvD;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,qBAAC;EACC;EACA,aAAU;EACV,WAAW,GACT,gFACA,UACD;EACD,GAAI;aAEJ,oBAAC,uBACC,EACF,oBAAC;GAAK,WAAU;aAAU;IAAiB;GACtC"}

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

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime172 from "react/jsx-runtime";
+import "react-phone-input-2/lib/style.css";
+
+//#region src/components/phone-input.d.ts
+declare const validatePhoneNumber: (value: string | undefined | null) => boolean;
+interface PhoneInputProps {
+  value: string;
+  onChange: (value: string) => void;
+  country?: string;
+  error?: boolean;
+  errorMessage?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  className?: string;
+}
+declare const PhoneInput: ({
+  value,
+  onChange,
+  country,
+  error,
+  errorMessage,
+  placeholder,
+  disabled,
+  className
+}: PhoneInputProps) => react_jsx_runtime172.JSX.Element;
+//#endregion
+export { PhoneInput, validatePhoneNumber };
+//# sourceMappingURL=phone-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.d.ts","names":[],"sources":["../../src/components/phone-input.tsx"],"sourcesContent":[],"mappings":";;;;cASa;UAYH,eAAA;;EAZG,QAAA,EAAA,CAAA,KAAA,EAAA,MAUZ,EAAA,GAAA,IAAA;EAES,OAAA,CAAA,EAAA,MAAA;EAWG,KAAA,CAAA,EAAA,OAoEZ;EApE0B,YAAA,CAAA,EAAA,MAAA;EAAA,WAAA,CAAA,EAAA,MAAA;EAAA,QAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;;AAAA,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA,YAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EASxB,eATwB,EAAA,GAST,oBAAA,CAAA,GAAA,CAAA,OATS"}

package/dist/components/phone-input.js

@@ -0,0 +1,60 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import PhoneInputLib from "react-phone-input-2";
+import "react-phone-input-2/lib/style.css";
+import GoogleLibPhoneNumber from "google-libphonenumber";
+
+//#region src/components/phone-input.tsx
+const phoneUtil = GoogleLibPhoneNumber.PhoneNumberUtil.getInstance();
+const PNF = GoogleLibPhoneNumber.PhoneNumberFormat;
+const validatePhoneNumber = (value) => {
+	if (!value) return true;
+	const phoneValue = value.startsWith("+") ? value : "+" + value;
+	try {
+		return phoneUtil.isValidNumber(phoneUtil.parse(phoneValue));
+	} catch {
+		return false;
+	}
+};
+const PhoneInput = ({ value, onChange, country = "us", error, errorMessage, placeholder, disabled, className }) => {
+	const handleChange = (inputValue, data) => {
+		if (inputValue === data?.dialCode) return;
+		if (!inputValue) {
+			onChange("");
+			return;
+		}
+		const phoneValue = inputValue.startsWith("+") ? inputValue : "+" + inputValue;
+		try {
+			const parsed = phoneUtil.parseAndKeepRawInput(phoneValue, data.countryCode?.toUpperCase());
+			if (phoneUtil.isValidNumber(parsed)) {
+				onChange(phoneUtil.format(parsed, PNF.E164));
+				return;
+			}
+		} catch {}
+		onChange(phoneValue);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex w-full flex-col gap-1", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: `relative ${error ? "phone-input-error" : ""}`,
+			children: /* @__PURE__ */ jsx(PhoneInputLib, {
+				country,
+				value,
+				onChange: handleChange,
+				disabled,
+				placeholder,
+				inputClass: `!w-full !h-11 !text-base !rounded-lg !border ${error ? "!border-destructive !bg-destructive/10" : "!border-input focus:!border-ring focus:!ring-1 focus:!ring-ring"}`,
+				buttonClass: `!rounded-l-lg !border-y !border-l ${error ? "!border-destructive !bg-destructive/10" : "!border-input"}`,
+				containerClass: "!w-full"
+			})
+		}), error && errorMessage && /* @__PURE__ */ jsx("p", {
+			className: "mt-1 text-xs font-medium text-destructive",
+			children: errorMessage
+		})]
+	});
+};
+
+//#endregion
+export { PhoneInput, validatePhoneNumber };
+//# sourceMappingURL=phone-input.js.map

package/dist/components/phone-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input.js","names":[],"sources":["../../src/components/phone-input.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport PhoneInputLib from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\nimport GoogleLibPhoneNumber from \"google-libphonenumber\";\n\nconst phoneUtil = GoogleLibPhoneNumber.PhoneNumberUtil.getInstance();\nconst PNF = GoogleLibPhoneNumber.PhoneNumberFormat;\n\nexport const validatePhoneNumber = (\n  value: string | undefined | null,\n): boolean => {\n  if (!value) return true;\n  const phoneValue = value.startsWith(\"+\") ? value : \"+\" + value;\n  try {\n    return phoneUtil.isValidNumber(phoneUtil.parse(phoneValue));\n  } catch {\n    return false;\n  }\n};\n\ninterface PhoneInputProps {\n  value: string;\n  onChange: (value: string) => void;\n  country?: string;\n  error?: boolean;\n  errorMessage?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const PhoneInput = ({\n  value,\n  onChange,\n  country = \"us\",\n  error,\n  errorMessage,\n  placeholder,\n  disabled,\n  className,\n}: PhoneInputProps) => {\n  const handleChange = (\n    inputValue: string,\n    data: { dialCode?: string; countryCode?: string },\n  ) => {\n    // Country-only selection: don't propagate, otherwise the controlled\n    // value resets to \"\" and react-phone-input-2 re-detects the country\n    // from the empty value, snapping the flag back to the default.\n    if (inputValue === data?.dialCode) return;\n\n    if (!inputValue) {\n      onChange(\"\");\n      return;\n    }\n\n    const phoneValue = inputValue.startsWith(\"+\") ? inputValue : \"+\" + inputValue;\n    try {\n      const parsed = phoneUtil.parseAndKeepRawInput(\n        phoneValue,\n        data.countryCode?.toUpperCase(),\n      );\n      if (phoneUtil.isValidNumber(parsed)) {\n        onChange(phoneUtil.format(parsed, PNF.E164));\n        return;\n      }\n    } catch {\n      // fall through to raw value\n    }\n    onChange(phoneValue);\n  };\n\n  return (\n    <div className={cn(\"flex w-full flex-col gap-1\", className)}>\n      <div className={`relative ${error ? \"phone-input-error\" : \"\"}`}>\n        <PhoneInputLib\n          country={country}\n          value={value}\n          onChange={handleChange}\n          disabled={disabled}\n          placeholder={placeholder}\n          inputClass={`!w-full !h-11 !text-base !rounded-lg !border ${\n            error\n              ? \"!border-destructive !bg-destructive/10\"\n              : \"!border-input focus:!border-ring focus:!ring-1 focus:!ring-ring\"\n          }`}\n          buttonClass={`!rounded-l-lg !border-y !border-l ${\n            error ? \"!border-destructive !bg-destructive/10\" : \"!border-input\"\n          }`}\n          containerClass=\"!w-full\"\n        />\n      </div>\n\n      {error && errorMessage && (\n        <p className=\"mt-1 text-xs font-medium text-destructive\">\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAMA,MAAM,YAAY,qBAAqB,gBAAgB,aAAa;AACpE,MAAM,MAAM,qBAAqB;AAEjC,MAAa,uBACX,UACY;AACZ,KAAI,CAAC,MAAO,QAAO;CACnB,MAAM,aAAa,MAAM,WAAW,IAAI,GAAG,QAAQ,MAAM;AACzD,KAAI;AACF,SAAO,UAAU,cAAc,UAAU,MAAM,WAAW,CAAC;SACrD;AACN,SAAO;;;AAeX,MAAa,cAAc,EACzB,OACA,UACA,UAAU,MACV,OACA,cACA,aACA,UACA,gBACqB;CACrB,MAAM,gBACJ,YACA,SACG;AAIH,MAAI,eAAe,MAAM,SAAU;AAEnC,MAAI,CAAC,YAAY;AACf,YAAS,GAAG;AACZ;;EAGF,MAAM,aAAa,WAAW,WAAW,IAAI,GAAG,aAAa,MAAM;AACnE,MAAI;GACF,MAAM,SAAS,UAAU,qBACvB,YACA,KAAK,aAAa,aAAa,CAChC;AACD,OAAI,UAAU,cAAc,OAAO,EAAE;AACnC,aAAS,UAAU,OAAO,QAAQ,IAAI,KAAK,CAAC;AAC5C;;UAEI;AAGR,WAAS,WAAW;;AAGtB,QACE,qBAAC;EAAI,WAAW,GAAG,8BAA8B,UAAU;aACzD,oBAAC;GAAI,WAAW,YAAY,QAAQ,sBAAsB;aACxD,oBAAC;IACU;IACF;IACP,UAAU;IACA;IACG;IACb,YAAY,gDACV,QACI,2CACA;IAEN,aAAa,qCACX,QAAQ,2CAA2C;IAErD,gBAAe;KACf;IACE,EAEL,SAAS,gBACR,oBAAC;GAAE,WAAU;aACV;IACC;GAEF"}

package/dist/components/popover.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime166 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_runtime166.JSX.Element;
+declare function PopoverTrigger({
+  ...props
+}: Popover$1.Trigger.Props): react_jsx_runtime166.JSX.Element;
+declare function PopoverContent({
+  className,
+  align,
+  alignOffset,
+  side,
+  sideOffset,
+  ...props
+}: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime166.JSX.Element;
+declare function PopoverHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime166.JSX.Element;
+declare function PopoverTitle({
+  className,
+  ...props
+}: Popover$1.Title.Props): react_jsx_runtime166.JSX.Element;
+declare function PopoverDescription({
+  className,
+  ...props
+}: Popover$1.Description.Props): react_jsx_runtime166.JSX.Element;
+//#endregion
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+//# sourceMappingURL=popover.d.ts.map

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

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

@@ -0,0 +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";
+
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/progress.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/components/progress.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,QAAA;;;;;GAKN,UAAA,CAAkB,IAAA,CAAK,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAgBtB,aAAA;;;GAAuC,UAAA,CAAkB,KAAA,CAAM,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAapE,iBAAA;;;GAGN,UAAA,CAAkB,SAAA,CAAU,QAAK,oBAAA,CAAA,GAAA,CAAA;AAzCmC,iBAuD9D,aAAA,CAnDQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmD+B,UAAA,CAAkB,KAAA,CAAM,KAnDvD,CAAA,EAmD4D,oBAAA,CAAA,GAAA,CAAA,OAnD5D;iBA6DR,aAAA,CA5DP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4D8C,UAAA,CAAkB,KAAA,CAAM,KA5DtE,CAAA,EA4D2E,oBAAA,CAAA,GAAA,CAAA,OA5D3E"}

package/dist/components/progress.js

@@ -0,0 +1,48 @@
+"use client";
+
+import { t as cn } from "../utils-mWJR2N24.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress as Progress$1 } from "@base-ui/react/progress";
+
+//#region src/components/progress.tsx
+function Progress({ className, children, value, ...props }) {
+	return /* @__PURE__ */ jsxs(Progress$1.Root, {
+		value,
+		"data-slot": "progress",
+		className: cn("flex flex-wrap gap-3", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
+	});
+}
+function ProgressTrack({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Track, {
+		className: cn("relative flex h-1.5 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
+		"data-slot": "progress-track",
+		...props
+	});
+}
+function ProgressIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Indicator, {
+		"data-slot": "progress-indicator",
+		className: cn("h-full bg-primary transition-all", "data-indeterminate:w-1/3 data-indeterminate:rounded-full data-indeterminate:animate-progress-indeterminate", className),
+		...props
+	});
+}
+function ProgressLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Label, {
+		className: cn("text-sm font-medium", className),
+		"data-slot": "progress-label",
+		...props
+	});
+}
+function ProgressValue({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Progress$1.Value, {
+		className: cn("ms-auto text-sm text-muted-foreground tabular-nums", className),
+		"data-slot": "progress-value",
+		...props
+	});
+}
+
+//#endregion
+export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["ProgressPrimitive"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Progress({\n  className,\n  children,\n  value,\n  ...props\n}: ProgressPrimitive.Root.Props) {\n  return (\n    <ProgressPrimitive.Root\n      value={value}\n      data-slot=\"progress\"\n      className={cn(\"flex flex-wrap gap-3\", className)}\n      {...props}\n    >\n      {children}\n      <ProgressTrack>\n        <ProgressIndicator />\n      </ProgressTrack>\n    </ProgressPrimitive.Root>\n  )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n  return (\n    <ProgressPrimitive.Track\n      className={cn(\n        \"relative flex h-1.5 w-full items-center overflow-x-hidden rounded-full bg-muted\",\n        className\n      )}\n      data-slot=\"progress-track\"\n      {...props}\n    />\n  )\n}\n\nfunction ProgressIndicator({\n  className,\n  ...props\n}: ProgressPrimitive.Indicator.Props) {\n  return (\n    <ProgressPrimitive.Indicator\n      data-slot=\"progress-indicator\"\n      className={cn(\n        \"h-full bg-primary transition-all\",\n        \"data-indeterminate:w-1/3 data-indeterminate:rounded-full data-indeterminate:animate-progress-indeterminate\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n  return (\n    <ProgressPrimitive.Label\n      className={cn(\"text-sm font-medium\", className)}\n      data-slot=\"progress-label\"\n      {...props}\n    />\n  )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n  return (\n    <ProgressPrimitive.Value\n      className={cn(\n        \"ms-auto text-sm text-muted-foreground tabular-nums\",\n        className\n      )}\n      data-slot=\"progress-value\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Progress,\n  ProgressTrack,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressValue,\n}\n"],"mappings":";;;;;;;AAMA,SAAS,SAAS,EAChB,WACA,UACA,OACA,GAAG,SAC4B;AAC/B,QACE,qBAACA,WAAkB;EACV;EACP,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;aAEH,UACD,oBAAC,2BACC,oBAAC,sBAAoB,GACP;GACO;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAACA,WAAkB;EACjB,WAAW,GACT,mFACA,UACD;EACD,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACiC;AACpC,QACE,oBAACA,WAAkB;EACjB,aAAU;EACV,WAAW,GACT,oCACA,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAACA,WAAkB;EACjB,WAAW,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;GACJ;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;AAC7E,QACE,oBAACA,WAAkB;EACjB,WAAW,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;GACJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKS,UAAA;;;GAAoC,YAAA,CAAoB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAU7D,cAAA;;;GAAwC,KAAA,CAAe,IAAA,CAAK,QAAK,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/radio-group.js

@@ -0,0 +1,29 @@
+import { t as cn } from "../utils-mWJR2N24.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";
+
+//#region src/components/radio-group.tsx
+function RadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
+		"data-slot": "radio-group",
+		className: cn("grid w-full gap-3", className),
+		...props
+	});
+}
+function RadioGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		"data-slot": "radio-group-item",
+		className: cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Radio.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 start-1/2 size-2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+		})
+	});
+}
+
+//#endregion
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive","RadioPrimitive"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["import { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction RadioGroup({ className, ...props }: RadioGroupPrimitive.Props) {\n  return (\n    <RadioGroupPrimitive\n      data-slot=\"radio-group\"\n      className={cn(\"grid w-full gap-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        className\n      )}\n      {...props}\n    >\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex size-4 items-center justify-center\"\n      >\n        <span className=\"absolute top-1/2 start-1/2 size-2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;AAKA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAoC;AACtE,QACE,oBAACA;EACC,aAAU;EACV,WAAW,GAAG,qBAAqB,UAAU;EAC7C,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAoC;AAC1E,QACE,oBAACC,MAAe;EACd,aAAU;EACV,WAAW,GACT,unBACA,UACD;EACD,GAAI;YAEJ,oBAACA,MAAe;GACd,aAAU;GACV,WAAU;aAEV,oBAAC,UAAK,WAAU,+HAA+H;IACtH;GACP"}