@px-ui/ui 0.1.3 → 1.0.0

package/dist/components/avatar-group.js

@@ -0,0 +1,69 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { r as TooltipProvider } from "../tooltip-DkPxCJIL.js";
+import { i as AvatarImage, r as AvatarFallback, t as Avatar } from "../avatar-DDdL9xDH.js";
+import { n as PopoverContent, o as PopoverTrigger, t as Popover } from "../popover-C9D43EuT.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/avatar-group.tsx
+function AvatarGroup({ avatars, max, className, ...props }) {
+	const overflow = typeof max === "number" && avatars.length > max;
+	const visible = overflow ? avatars.slice(0, max) : avatars;
+	const hidden = overflow ? avatars.slice(max) : [];
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs("div", {
+		"data-slot": "avatar-group",
+		className: cn("group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2", className),
+		...props,
+		children: [visible.map((avatar, i) => /* @__PURE__ */ jsx(AvatarGroupItem, { ...avatar }, i)), hidden.length > 0 && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			openOnHover: true,
+			render: /* @__PURE__ */ jsx(AvatarGroupCount, { children: `+${hidden.length}` })
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-64 p-2",
+			align: "end",
+			side: "bottom",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "max-h-64 space-y-1 overflow-y-auto",
+				children: hidden.map((avatar, i) => {
+					const label = getAvatarItemLabel(avatar);
+					return /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-3 rounded-md px-2 py-1.5",
+						children: [/* @__PURE__ */ jsx(AvatarGroupItem, {
+							...avatar,
+							size: "sm",
+							tooltip: false
+						}), label != null && label !== "" && /* @__PURE__ */ jsx("span", {
+							className: "text-foreground text-sm font-medium",
+							children: label
+						})]
+					}, i);
+				})
+			})
+		})] })]
+	}) });
+}
+function AvatarGroupItem({ src, alt, name, size, tooltip, className }) {
+	return /* @__PURE__ */ jsxs(Avatar, {
+		size,
+		tooltip,
+		className,
+		children: [src ? /* @__PURE__ */ jsx(AvatarImage, {
+			src,
+			alt
+		}) : null, /* @__PURE__ */ jsx(AvatarFallback, { name })]
+	});
+}
+function getAvatarItemLabel(avatar) {
+	if (avatar.tooltip !== void 0 && avatar.tooltip !== false) return avatar.tooltip;
+	return avatar.name || avatar.alt || void 0;
+}
+function AvatarGroupCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group-count",
+		className: cn("bg-muted text-muted-foreground ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 relative flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full text-sm font-medium ring-2 transition-colors [&>svg]:size-4", className),
+		...props
+	});
+}
+
+//#endregion
+export { AvatarGroup, AvatarGroupCount };
+//# sourceMappingURL=avatar-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.js","names":[],"sources":["../../src/components/avatar-group.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  type AvatarProps,\n} from \"@px-ui/ui/components/avatar\";\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@px-ui/ui/components/popover\";\nimport { TooltipProvider } from \"@px-ui/ui/components/tooltip\";\n\ntype AvatarItem = {\n  src?: string | null;\n  alt?: string;\n  name?: string | null;\n  size?: AvatarProps[\"size\"];\n  tooltip?: AvatarProps[\"tooltip\"];\n  className?: string;\n};\n\ntype AvatarGroupProps = Omit<React.ComponentProps<\"div\">, \"children\"> & {\n  avatars: AvatarItem[];\n  max?: number;\n};\n\nfunction AvatarGroup({ avatars, max, className, ...props }: AvatarGroupProps) {\n  const overflow = typeof max === \"number\" && avatars.length > max;\n  const visible = overflow ? avatars.slice(0, max) : avatars;\n  const hidden = overflow ? avatars.slice(max) : [];\n\n  return (\n    <TooltipProvider>\n      <div\n        data-slot=\"avatar-group\"\n        className={cn(\n          \"group/avatar-group *:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2\",\n          className,\n        )}\n        {...props}\n      >\n        {visible.map((avatar, i) => (\n          <AvatarGroupItem key={i} {...avatar} />\n        ))}\n        {hidden.length > 0 && (\n          <Popover>\n            <PopoverTrigger\n              openOnHover\n              render={\n                <AvatarGroupCount>{`+${hidden.length}`}</AvatarGroupCount>\n              }\n            />\n            <PopoverContent className=\"w-64 p-2\" align=\"end\" side=\"bottom\">\n              <div className=\"max-h-64 space-y-1 overflow-y-auto\">\n                {hidden.map((avatar, i) => {\n                  const label = getAvatarItemLabel(avatar);\n                  return (\n                    <div\n                      key={i}\n                      className=\"flex items-center gap-3 rounded-md px-2 py-1.5\"\n                    >\n                      <AvatarGroupItem {...avatar} size=\"sm\" tooltip={false} />\n                      {label != null && label !== \"\" && (\n                        <span className=\"text-foreground text-sm font-medium\">\n                          {label}\n                        </span>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </PopoverContent>\n          </Popover>\n        )}\n      </div>\n    </TooltipProvider>\n  );\n}\n\nfunction AvatarGroupItem({\n  src,\n  alt,\n  name,\n  size,\n  tooltip,\n  className,\n}: AvatarItem) {\n  return (\n    <Avatar size={size} tooltip={tooltip} className={className}>\n      {src ? <AvatarImage src={src} alt={alt} /> : null}\n      <AvatarFallback name={name} />\n    </Avatar>\n  );\n}\n\nfunction getAvatarItemLabel(avatar: AvatarItem): React.ReactNode | undefined {\n  if (avatar.tooltip !== undefined && avatar.tooltip !== false) {\n    return avatar.tooltip;\n  }\n  return avatar.name || avatar.alt || undefined;\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"bg-muted text-muted-foreground ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 relative flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full text-sm font-medium ring-2 transition-colors [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { AvatarGroup, AvatarGroupCount };\nexport type { AvatarGroupProps, AvatarItem };\n"],"mappings":";;;;;;;;AA0BA,SAAS,YAAY,EAAE,SAAS,KAAK,WAAW,GAAG,SAA2B;CAC5E,MAAM,WAAW,OAAO,QAAQ,YAAY,QAAQ,SAAS;CAC7D,MAAM,UAAU,WAAW,QAAQ,MAAM,GAAG,IAAI,GAAG;CACnD,MAAM,SAAS,WAAW,QAAQ,MAAM,IAAI,GAAG,EAAE;AAEjD,QACE,oBAAC,6BACC,qBAAC;EACC,aAAU;EACV,WAAW,GACT,uGACA,UACD;EACD,GAAI;aAEH,QAAQ,KAAK,QAAQ,MACpB,oBAAC,mBAAwB,GAAI,UAAP,EAAiB,CACvC,EACD,OAAO,SAAS,KACf,qBAAC,sBACC,oBAAC;GACC;GACA,QACE,oBAAC,8BAAkB,IAAI,OAAO,WAA4B;IAE5D,EACF,oBAAC;GAAe,WAAU;GAAW,OAAM;GAAM,MAAK;aACpD,oBAAC;IAAI,WAAU;cACZ,OAAO,KAAK,QAAQ,MAAM;KACzB,MAAM,QAAQ,mBAAmB,OAAO;AACxC,YACE,qBAAC;MAEC,WAAU;iBAEV,oBAAC;OAAgB,GAAI;OAAQ,MAAK;OAAK,SAAS;QAAS,EACxD,SAAS,QAAQ,UAAU,MAC1B,oBAAC;OAAK,WAAU;iBACb;QACI;QAPJ,EASD;MAER;KACE;IACS,IACT;GAER,GACU;;AAItB,SAAS,gBAAgB,EACvB,KACA,KACA,MACA,MACA,SACA,aACa;AACb,QACE,qBAAC;EAAa;EAAe;EAAoB;aAC9C,MAAM,oBAAC;GAAiB;GAAU;IAAO,GAAG,MAC7C,oBAAC,kBAAqB,OAAQ;GACvB;;AAIb,SAAS,mBAAmB,QAAiD;AAC3E,KAAI,OAAO,YAAY,UAAa,OAAO,YAAY,MACrD,QAAO,OAAO;AAEhB,QAAO,OAAO,QAAQ,OAAO,OAAO;;AAGtC,SAAS,iBAAiB,EACxB,WACA,GAAG,SAC2B;AAC9B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yYACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,2 @@
+import { a as AvatarImage, c as getAvatarLabelFromChildren, i as AvatarFallbackProps, l as getInitialsFromName, n as AvatarBadge, o as AvatarProps, r as AvatarFallback, s as getAvatarColorByName, t as Avatar } from "../avatar-BAkmIOVe.js";
+export { Avatar, AvatarBadge, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarProps, getAvatarColorByName, getAvatarLabelFromChildren, getInitialsFromName };

package/dist/components/avatar.js

@@ -0,0 +1,5 @@
+import "../utils-mWJR2N24.js";
+import "../tooltip-DkPxCJIL.js";
+import { a as getAvatarColorByName, i as AvatarImage, n as AvatarBadge, o as getAvatarLabelFromChildren, r as AvatarFallback, s as getInitialsFromName, t as Avatar } from "../avatar-DDdL9xDH.js";
+
+export { Avatar, AvatarBadge, AvatarFallback, AvatarImage, getAvatarColorByName, getAvatarLabelFromChildren, getInitialsFromName };

package/dist/components/badge.d.ts

@@ -0,0 +1,18 @@
+import * as react1 from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+
+//#region src/components/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+declare function Badge({
+  className,
+  variant,
+  render,
+  ...props
+}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): react1.ReactElement<unknown, string | react1.JSXElementConstructor<any>>;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM;;IAoBL,+BAAA,CAAA;iBAEQ,KAAA;;;;;GAKN,SAAA,CAAU,yBAAyB,oBAAoB,iBAAc,MAAA,CAAA,+BAAtB,MAAA,CAAsB"}

package/dist/components/badge.js

@@ -0,0 +1,31 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/badge.tsx
+const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "span",
+		props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
+		render,
+		state: {
+			slot: "badge",
+			variant
+		}
+	});
+}
+
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  })\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;;AAMA,MAAM,gBAAgB,IACpB,8eACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SACE;EACF,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,UAAU,WACV,QACA,GAAG,SACqE;AACxE,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU,EACrD,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACD;EACF,CAAC"}

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/breadcrumb.d.ts
+declare function Breadcrumb({
+  className,
+  ...props
+}: React$1.ComponentProps<"nav">): react_jsx_runtime11.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React$1.ComponentProps<"ol">): react_jsx_runtime11.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime11.JSX.Element;
+declare function BreadcrumbLink({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"a">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime11.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime11.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime11.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,UAAA;;;GAAoC,OAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;iBAW/D,cAAA;;;GAAwC,OAAA,CAAM,uBAAoB,mBAAA,CAAA,GAAA,CAAA;iBAalE,cAAA;;;GAAwC,OAAA,CAAM,uBAAoB,mBAAA,CAAA,GAAA,CAAA;AA7BtB,iBAuC5C,cAAA,CAlCU;EAAA,SAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAsChB,SAAA,CAAU,cAtCM,CAAA,GAAA,CAAA,CAAA,EAsCa,OAAA,CAAA,YAtCb,CAAA,OAAA,EAAA,MAAA,GAsCa,OAAA,CAAA,qBAtCb,CAAA,GAAA,CAAA,CAAA;iBAsDV,cAAA,CAtDa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsD2B,OAAA,CAAM,cAtDjC,CAAA,MAAA,CAAA,CAAA,EAsDuD,mBAAA,CAAA,GAAA,CAAA,OAtDvD;iBAmEb,mBAAA,CAnE0C;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuEhD,OAAA,CAAM,cAvE0C,CAAA,IAAA,CAAA,CAAA,EAuEtB,mBAAA,CAAA,GAAA,CAAA,OAvEsB;iBAuF1C,kBAAA,CAvF+D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0FrE,OAAA,CAAM,cA1F+D,CAAA,MAAA,CAAA,CAAA,EA0FzC,mBAAA,CAAA,GAAA,CAAA,OA1FyC"}

package/dist/components/breadcrumb.js

@@ -0,0 +1,75 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/breadcrumb.tsx
+function Breadcrumb({ className, ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		className: cn(className),
+		...props
+	});
+}
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground ppx-sm:gap-2.5", className),
+		...props
+	});
+}
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-1.5", className),
+		...props
+	});
+}
+function BreadcrumbLink({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({ className: cn("transition-colors hover:text-foreground", className) }, props),
+		render,
+		state: { slot: "breadcrumb-link" }
+	});
+}
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: cn("font-normal text-foreground", className),
+		...props
+	});
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("[&>svg]:size-3.5", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "rtl:rotate-180" })
+	});
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex size-5 items-center justify-center [&>svg]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontalIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground ppx-sm:gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"a\">) {\n  return useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\"transition-colors hover:text-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"breadcrumb-link\",\n    },\n  })\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? (\n        <ChevronRightIcon className=\"rtl:rotate-180\" />\n      )}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex size-5 items-center justify-center [&>svg]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,cAAW;EACX,aAAU;EACV,WAAW,GAAG,UAAU;EACxB,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,oGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,QACA,GAAG,SAC6B;AAChC,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,2CAA2C,UAAU,EACpE,EACD,MACD;EACD;EACA,OAAO,EACL,MAAM,mBACP;EACF,CAAC;;AAGJ,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL,iBAAc;EACd,gBAAa;EACb,WAAW,GAAG,+BAA+B,UAAU;EACvD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,UACA,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC;EACC,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;YAEH,YACC,oBAAC,oBAAiB,WAAU,mBAAmB;GAE9C;;AAIT,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,qBAAC;EACC,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GACT,0DACA,UACD;EACD,GAAI;aAEJ,oBAAC,uBACC,EACF,oBAAC;GAAK,WAAU;aAAU;IAAW;GAChC"}

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

@@ -0,0 +1,29 @@
+import { t as Separator } from "../separator-ct9ZvuTk.js";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react0 from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/button-group.d.ts
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime17.JSX.Element;
+declare function ButtonGroupText({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<"div">): react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime17.JSX.Element;
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","names":[],"sources":["../../src/components/button-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAOM;;IAeL,+BAAA,CAAA;iBAEQ,WAAA;;;;GAIN,KAAA,CAAM,wBAAwB,oBAAoB,uBAAoB,mBAAA,CAAA,GAAA,CAAA;iBAYhE,eAAA;;;;GAIN,SAAA,CAAU,wBAAqB,MAAA,CAAA,+BAAP,MAAA,CAAO;AAvCwB,iBA0DjD,oBAAA,CAzCR;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA6CE,KAAA,CAAM,cA7CR,CAAA,OA6C8B,SA7C9B,CAAA,CAAA,EA6CwC,mBAAA,CAAA,GAAA,CAAA,OA7CxC"}

package/dist/components/button-group.js

@@ -0,0 +1,44 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { t as Separator } from "../separator-BS3ilczC.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/button-group.tsx
+const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "*:data-slot:rounded-e-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-md! [&>[data-slot]~[data-slot]]:rounded-s-none [&>[data-slot]~[data-slot]]:border-s-0",
+		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": orientation,
+		className: cn(buttonGroupVariants({ orientation }), className),
+		...props
+	});
+}
+function ButtonGroupText({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex items-center gap-2 rounded-md border bg-muted px-2.5 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className) }, props),
+		render,
+		state: { slot: "button-group-text" }
+	});
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: cn("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className),
+		...props
+	});
+}
+
+//#endregion
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":[],"sources":["../../src/components/button-group.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Separator } from \"@px-ui/ui/components/separator\"\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"*:data-slot:rounded-e-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-md! [&>[data-slot]~[data-slot]]:rounded-s-none [&>[data-slot]~[data-slot]]:border-s-0\",\n        vertical:\n          \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex items-center gap-2 rounded-md border bg-muted px-2.5 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"button-group-text\",\n    },\n  })\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,sBAAsB,IAC1B,4RACA;CACE,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF;AAED,SAAS,YAAY,EACnB,WACA,aACA,GAAG,SACsE;AACzE,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,GAAG,oBAAoB,EAAE,aAAa,CAAC,EAAE,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,QACA,GAAG,SAC+B;AAClC,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GACT,4JACA,UACD,EACF,EACD,MACD;EACD;EACA,OAAO,EACL,MAAM,qBACP;EACF,CAAC;;AAGJ,SAAS,qBAAqB,EAC5B,WACA,cAAc,YACd,GAAG,SACsC;AACzC,QACE,oBAAC;EACC,aAAU;EACG;EACb,WAAW,GACT,wHACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/button.d.ts

@@ -0,0 +1,2 @@
+import { n as buttonVariants, t as Button } from "../button-BiiFfKiR.js";
+export { Button, buttonVariants };

package/dist/components/button.js

@@ -0,0 +1,4 @@
+import "../utils-mWJR2N24.js";
+import { n as buttonVariants, t as Button } from "../button-hBUFMmsZ.js";
+
+export { Button, buttonVariants };

package/dist/components/calendar.d.ts

@@ -0,0 +1,32 @@
+import { t as Button } from "../button-BiiFfKiR.js";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { DayButton, DayPicker, Locale } from "react-day-picker";
+
+//#region src/components/calendar.d.ts
+declare function Calendar({
+  className,
+  classNames,
+  showOutsideDays,
+  captionLayout,
+  buttonVariant,
+  locale,
+  formatters,
+  components,
+  timeZone,
+  ...props
+}: React$1.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
+}): react_jsx_runtime37.JSX.Element;
+declare function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  locale,
+  ...props
+}: React$1.ComponentProps<typeof DayButton> & {
+  locale?: Partial<Locale>;
+}): react_jsx_runtime37.JSX.Element;
+//#endregion
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/components/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAoBS,QAAA;;;;;;;;;;;GAWN,OAAA,CAAM,sBAAsB;kBACb,OAAA,CAAM,sBAAsB;IAC7C,mBAAA,CAAA,GAAA,CAAA;AAxBmE,iBAuL3D,iBAAA,CA5KQ;EAAA,SAAA;EAAA,GAAA;EAAA,SAAA;EAAA,MAAA;EAAA,GAAA;CAAA,EAkLd,OAAA,CAAM,cAlLQ,CAAA,OAkLc,SAlLd,CAAA,GAAA;EACf,MAAA,CAAA,EAiLqD,OAjLrD,CAiL6D,MAjL7D,CAAA;CACA,CAAA,EAgLsE,mBAAA,CAAA,GAAA,CAAA,OAhLtE"}

package/dist/components/calendar.js

@@ -0,0 +1,119 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { n as buttonVariants, t as Button } from "../button-hBUFMmsZ.js";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+
+//#region src/components/calendar.tsx
+function useAutoTimeZone() {
+	const [tz, setTz] = React$1.useState(void 0);
+	React$1.useEffect(() => {
+		setTz(Intl.DateTimeFormat().resolvedOptions().timeZone);
+	}, []);
+	return tz;
+}
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, timeZone, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const autoTimeZone = useAutoTimeZone();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		showOutsideDays,
+		timeZone: timeZone ?? autoTimeZone,
+		className: cn("group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+		captionLayout,
+		locale,
+		formatters: {
+			formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
+			...formatters
+		},
+		classNames: {
+			root: cn("w-fit", defaultClassNames.root),
+			months: cn("relative flex flex-col gap-4 ppx-md:flex-row", defaultClassNames.months),
+			month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+			nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
+			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
+			month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
+			dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+			dropdown_root: cn("relative rounded-(--cell-radius)", defaultClassNames.dropdown_root),
+			dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
+			caption_label: cn("font-medium select-none", captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
+			month_grid: "w-full border-collapse",
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			weekday: cn("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
+			week: cn("mt-2 flex w-full", defaultClassNames.week),
+			week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+			week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
+			day: cn("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-e-(--cell-radius)", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-s-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-s-(--cell-radius)", defaultClassNames.day),
+			range_start: cn("relative isolate z-0 rounded-s-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:end-0 after:w-4 after:bg-muted", defaultClassNames.range_start),
+			range_middle: cn("rounded-none", defaultClassNames.range_middle),
+			range_end: cn("relative isolate z-0 rounded-e-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:start-0 after:w-4 after:bg-muted", defaultClassNames.range_end),
+			today: cn("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
+			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+			hidden: cn("invisible", defaultClassNames.hidden),
+			...classNames
+		},
+		components: {
+			Root: ({ className: className$1, rootRef, ...props$1 }) => {
+				return /* @__PURE__ */ jsx("div", {
+					"data-slot": "calendar",
+					ref: rootRef,
+					className: cn(className$1),
+					...props$1
+				});
+			},
+			Chevron: ({ className: className$1, orientation, ...props$1 }) => {
+				if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
+					className: cn("rtl:rotate-180 size-4", className$1),
+					...props$1
+				});
+				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
+					className: cn("rtl:rotate-180 size-4", className$1),
+					...props$1
+				});
+				return /* @__PURE__ */ jsx(ChevronDownIcon, {
+					className: cn("size-4", className$1),
+					...props$1
+				});
+			},
+			DayButton: ({ ...props$1 }) => /* @__PURE__ */ jsx(CalendarDayButton, {
+				locale,
+				...props$1
+			}),
+			WeekNumber: ({ children, ...props$1 }) => {
+				return /* @__PURE__ */ jsx("td", {
+					...props$1,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex size-(--cell-size) items-center justify-center text-center",
+						children
+					})
+				});
+			},
+			...components
+		},
+		...props
+	});
+}
+function CalendarDayButton({ className, day, modifiers, locale, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React$1.useRef(null);
+	React$1.useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "icon",
+		"data-day": day.date.toLocaleDateString(locale?.code),
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-e-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-s-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+		...props
+	});
+}
+
+//#endregion
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["React","props","className"],"sources":["../../src/components/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  DayPicker,\n  getDefaultClassNames,\n  type DayButton,\n  type Locale,\n} from \"react-day-picker\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Button, buttonVariants } from \"@px-ui/ui/components/button\"\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from \"lucide-react\"\n\nfunction useAutoTimeZone() {\n  const [tz, setTz] = React.useState<string | undefined>(undefined)\n  React.useEffect(() => {\n    setTz(Intl.DateTimeFormat().resolvedOptions().timeZone)\n  }, [])\n  return tz\n}\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  locale,\n  formatters,\n  components,\n  timeZone,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n  const defaultClassNames = getDefaultClassNames()\n  const autoTimeZone = useAutoTimeZone()\n  const effectiveTimeZone = timeZone ?? autoTimeZone\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      timeZone={effectiveTimeZone}\n      className={cn(\n        \"group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      locale={locale}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(locale?.code, { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"relative flex flex-col gap-4 ppx-md:flex-row\",\n          defaultClassNames.months\n        ),\n        month: cn(\"flex w-full flex-col gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) p-0 select-none aria-disabled:opacity-50\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) p-0 select-none aria-disabled:opacity-50\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"relative rounded-(--cell-radius)\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"absolute inset-0 bg-popover opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"font-medium select-none\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground\",\n          defaultClassNames.caption_label\n        ),\n        month_grid: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"mt-2 flex w-full\", defaultClassNames.week),\n        week_number_header: cn(\n          \"w-(--cell-size) select-none\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-[0.8rem] text-muted-foreground select-none\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-e-(--cell-radius)\",\n          props.showWeekNumber\n            ? \"[&:nth-child(2)[data-selected=true]_button]:rounded-s-(--cell-radius)\"\n            : \"[&:first-child[data-selected=true]_button]:rounded-s-(--cell-radius)\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"relative isolate z-0 rounded-s-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:end-0 after:w-4 after:bg-muted\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\n          \"relative isolate z-0 rounded-e-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:start-0 after:w-4 after:bg-muted\",\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          \"rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"rtl:rotate-180 size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon className={cn(\"rtl:rotate-180 size-4\", className)} {...props} />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: ({ ...props }) => (\n          <CalendarDayButton locale={locale} {...props} />\n        ),\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  locale,\n  ...props\n}: React.ComponentProps<typeof DayButton> & { locale?: Partial<Locale> }) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString(locale?.code)}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-e-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-s-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"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"}

package/dist/components/card.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/card.d.ts
+declare function Card({
+  className,
+  size,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  size?: "default" | "sm";
+}): react_jsx_runtime20.JSX.Element;
+declare function CardHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
+declare function CardTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
+declare function CardDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
+declare function CardAction({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
+declare function CardContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
+declare function CardFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
+//#endregion
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,IAAA;;;;GAIN,OAAA,CAAM;;IAAmD,mBAAA,CAAA,GAAA,CAAA;AAR9B,iBAsBrB,UAAA,CAlBI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkBgC,OAAA,CAAM,cAlBtC,CAAA,KAAA,CAAA,CAAA,EAkB2D,mBAAA,CAAA,GAAA,CAAA,OAlB3D;iBA+BJ,SAAA,CA9BP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8B0C,OAAA,CAAM,cA9BhD,CAAA,KAAA,CAAA,CAAA,EA8BqE,mBAAA,CAAA,GAAA,CAAA,OA9BrE;iBA2CO,eAAA,CA1CP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA0CgD,OAAA,CAAM,cA1CtD,CAAA,KAAA,CAAA,CAAA,EA0C2E,mBAAA,CAAA,GAAA,CAAA,OA1C3E;iBAoDO,UAAA,CAlDA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkDoC,OAAA,CAAM,cAlD1C,CAAA,KAAA,CAAA,CAAA,EAkD+D,mBAAA,CAAA,GAAA,CAAA,OAlD/D;iBA+DA,WAAA,CA/DmD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+Dd,OAAA,CAAM,cA/DQ,CAAA,KAAA,CAAA,CAAA,EA+Da,mBAAA,CAAA,GAAA,CAAA,OA/Db;iBAyEnD,UAAA,CAzEmD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyEf,OAAA,CAAM,cAzES,CAAA,KAAA,CAAA,CAAA,EAyEY,mBAAA,CAAA,GAAA,CAAA,OAzEZ"}